
<!DOCTYPE html>
<html lang="en">

  <head>

    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" type="image/png" href="/images/favicon.ico" />.
   
    <title>Deenal</title>

    <!-- Bootstrap core CSS -->
    <link href="viewer/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">


    <!-- Additional CSS Files -->
    <link rel="stylesheet" href="viewer/assets/css/fontawesome.css">
    <link rel="stylesheet" href="viewer/assets/css/templatemo-onix-digital.css">
    <link rel="stylesheet" href="viewer/assets/css/animated.css">
    <link rel="stylesheet" href="viewer/assets/css/owl.css">
    <link rel="stylesheet" href="viewer/assets/css/style.css">
<!--

TemplateMo 565 Onix Digital

https://templatemo.com/tm-565-onix-digital

-->
  </head>

<body>

  <!-- ***** Preloader Start ***** -->
  <div id="js-preloader" class="js-preloader">
    <div class="preloader-inner">
      <span class="dot"></span>
      <div class="dots">
        <span></span>
        <span></span>
        <span></span>
      </div>
    </div>
  </div>
  <!-- ***** Preloader End ***** -->

  <!-- ***** Header Area Start ***** -->
  <header class="header-area header-sticky wow slideInDown" data-wow-duration="0.75s" data-wow-delay="0s">
    <div class="container">
      <div class="row">
        <div class="col-12">
          <nav class="main-nav">
            <!-- ***** Logo Start ***** -->
            <a href="/" class="logo">
              <img src="/images/logo/jd.png"  style="width:50px; height:50px">
            </a>
            <!-- ***** Logo End ***** -->
            <!-- ***** Menu Start ***** -->
            <ul class="nav  menus"  >
              <li class="scroll-to-section"><a id="home" href="/" class="active">{% trans %}HOME{% endtrans %}</a></li>
              <li class="scroll-to-section"><a  href="https://jdwsahel.org/" target="_blank">JDWS</a></li>
              <li class="scroll-to-section"><a id="numeros-verts" href="{{path('numerosverts')}}">{% trans %}FREES NUMBERS{% endtrans %}</a></li>
              <li class="scroll-to-section"><a id="qui-nous-sommes" href="{{path('quinousommmes')}}"> {% trans %}WHO WE ARE ?{% endtrans %}</a></li>
              <li class="scroll-to-section"><a id="contactus" href="{{path('contactus')}}">{% trans %}CONTACT US {% endtrans %} </a></li>

              <li class="scroll-to-section dropdown">
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="true"> 
                  <span class="nav-label"><img style="width:30px; height:20px"  src ="viewer/assets/images/{{app.request.locale}}.png"  /></span> <span class="caret"></span></a>
                  <ul class="dropdown-menu"  role="menu">
                      <li><a  href="{{path("change_locale",{locale:"fr"})}} "><img style="width:30px; height:20px"  src ="{{ asset('viewer/assets/images/fr.png')  }}"/> Français</a></li>
                      <li><a href="{{path("change_locale",{locale:"en"})}}"><img style="width:30px; height:20px"  src ="{{asset("viewer/assets/images/en.png")}}"/> Anglais</a></li>
                      <li><a href="{{path("change_locale",{locale:"ar"})}}"><img style="width:30px; height:20px"  src ="{{asset("viewer/assets/images/ar.png")}}"/> Arabe</a></li>                      
                      <li></li> 
                  </ul>
              </li>
              <li class="croll-to-section"><a class="btn btn-outline-danger boutton" href="{{path('signalForm')}}">{% trans %}Alert{% endtrans %} <i class="fa fa-handshake-o" aria-hidden="true"></i></a></li> 
              {# <li class="scroll-to-section"></li>  #}
            </ul>   

            <a class='menu-trigger'>
            
                <span>{% trans %}MENU{% endtrans %}</span>
            </a>
            <!-- ***** Menu End ***** -->
          </nav>
        </div>
      </div>
    </div>
  </header>
  <!-- ***** Header Area End ***** -->

  <!-- CONTENT  -->
  {%  block content %}


  {%  endblock %}

  <!--   END CONTENT-->
  <footer style="background-color:#eeeeee" class="mt-5">
    <div class="container ">
      <div class="row ">
        <div class="col-md-4 mt-5">
          <div class="about footer-item">
            <div class="logo ml-5">
                <a href="/" class="logo">
                  <img src="/images/logo/jd.png"  style="width:50px; height:50px">
                </a>
            </div>
            <a href="#">contact@deenal.org</a>
            <ul>
              <li><a href="https://web.facebook.com/111110936951991/posts/726315028764909/?_rdc=1&_rdr" target="_blank"><i class="fa fa-facebook"></i></a></li>
              <li><a href="#"><i class="fa fa-twitter"></i></a></li>
              <li><a href="#"><i class="fa fa-behance"></i></a></li>
              <li><a href="#"><i class="fa fa-instagram"></i></a></li>
            </ul>
          </div>
        </div>
        <div class="col-md-4 mt-5">
          <div class="services footer-item">
            <h4>{% trans %}ADDRESSES{% endtrans %}</h4>
            <ul>
              <li><a href="#">495E 158th Street apt 7C Bronx</a></li>
              <li><a href="#">New York 10451</a></li>
              <li><a href="#">États-Unis</a></li>
            </ul>
          </div>
        </div>
        <div class="col-md-4 mt-5">
          <div class="community footer-item">
            <h4>{% trans %}LINKS{% endtrans %}</h4>
            <ul>
              <li><a href="#">{% trans %}Privacy Policy{% endtrans %}</a></li>
              <li><a href="#">{% trans %}Legal disclosure{% endtrans %}</a></li>
              <li><a href="#">{% trans %}Terms of use{% endtrans %}</a></li>
            </ul>
          </div>
        </div>
       {#  <div class="col-lg-3 mt-5">
          <div class="subscribe-newsletters footer-item">
            <h4>Subscribe Newsletters</h4>
            <p>Get our latest news and ideas to your inbox</p>
            <form action="#" method="get">
              <input type="text" name="email" id="email" pattern="[^ @]*@[^ @]*" placeholder="Your Email" required="">
              <button type="submit" id="form-submit" class="main-button "><i class="fa fa-paper-plane-o"></i></button>
            </form>
          </div>
        </div> #}
        <div class="col-lg-12">
          <div class="copyright">
            <p>
             ©2021 Justice & Dignity For The Women Of Sahel  JDWS, Inc. est une organisation 501 (c) (3) enregistrée aux États-Unis.
          </p>
          </div>
        </div>

      </div>
    </div>
  </footer>


  <!-- Scripts -->
  <script src="viewer/vendor/jquery/jquery.min.js"></script>
 <script src="{{asset('/viewer/vendor/bootstrap/js/proper.js')}}"></script>
  <script src="viewer/vendor/bootstrap/js/bootstrap.min.js"></script>
   <script src="viewer/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
    <script src="viewer/assets/js/owl-carousel.js"></script>
 
  <script src="viewer/assets/js/animation.js"></script>
  <script src="viewer/assets/js/imagesloaded.js"></script>
  <script src="viewer/assets/js/custom.js"></script>
  <script src="js/route.js"></script>
  <script src="js/controller.js"></script>
  <script src="admin/js/simple_element.js"></script>
   <script src="js/controllerjs/pays_item.js"></script>
  <script src="js/controllerjs/form_controller.js"></script>
  <script src="js/controllerjs/home_controller.js"></script>
  <script>
  // Acc
   {#  $(document).on("click", ".naccs .menu div", function() {
      var numberIndex = $(this).index();

      if (!$(this).is("active")) {
          $(".naccs .menu div").removeClass("active");
          $(".naccs ul li").removeClass("active");

          $(this).addClass("active");
          $(".naccs ul").find("li:eq(" + numberIndex + ")").addClass("active");

          var listItemHeight = $(".naccs ul")
            .find("li:eq(" + numberIndex + ")")
            .innerHeight();
          $(".naccs ul").height(listItemHeight + "px");
        }

    }); #}


    $(document).ready(function(){

      $(".menus a").removeClass("active");

      var pagename = $.trim(location.pathname.split('/').slice(-1)[0]);

      console.log(pagename);

      

      if(pagename==""){
         $(".menus").find("#home").addClass('active');
      }else{
        $(".menus").find("#"+pagename).addClass('active');
      }

    });



  </script>

  {%  block script %}

  {%  endblock %}
</body>
</html>