templates/partials/header.html.twig line 1

Open in your IDE?
  1. <!-- Main header -->
  2. {% set route_name = app.request.attributes.get('_route') %}
  3. <header class="main-header header-style-one">
  4.     <div class="border-top" data-aos="fade-down" data-aos-easing="linear" data-aos-duration="1000"></div>
  5.     <!--Start header-->
  6.     <div class="header">
  7.         <div class="container">
  8.             <div class="outer-box clearfix">
  9.                 <!--Start Header Left-->
  10.                 <div class="header-left clearfix pull-left">
  11.                     <div class="logo">
  12.                         <a href="{{ path('app_main') }}"><img src="{{ asset('assets/images/resources/logo.jpg') }}" alt="ACADEMIE BILIMON" title="ACADEMIE BILIMON"></a>
  13.                     </div>
  14.                 </div>
  15.                 <!--End Header Left-->
  16.                 <!--Start Header Right-->
  17.                 <div class="header-right pull-right clearfix">
  18.                     <div class="top">
  19.                         <div class="header-contact-info">
  20.                             <ul>
  21.                                 <li>
  22.                                     <div class="icon">
  23.                                         <span class="flaticon-worldwide thm-clr"></span>
  24.                                     </div>
  25.                                     <div class="title">
  26.                                         <h3>Lomé, Sagbado</h3>
  27.                                         <p>Derrière CEET Sagbado</p>
  28.                                     </div>
  29.                                 </li>
  30.                                 <li>
  31.                                     <div class="icon">
  32.                                         <span class="flaticon-countdown thm-clr"></span>
  33.                                     </div>
  34.                                     <div class="title">
  35.                                         <h3>Heure de travail</h3>
  36.                                         <p>Lun - Ven: 09:00 - 18:00</p>
  37.                                     </div>
  38.                                 </li>
  39.                                 <li>
  40.                                     <div class="icon">
  41.                                         <span class="flaticon-email thm-clr"></span>
  42.                                     </div>
  43.                                     <div class="title">
  44.                                         <h3><a href="tel:+228 79 46 53 81">+228 79 46 53 81</a></h3>
  45.                                         <p><a href="mailto:bilimonacademie@gmail.com">bilimonacademie@gmail.com</a></p>
  46.                                     </div>
  47.                                 </li>
  48.                             </ul>
  49.                         </div>
  50.                     </div>
  51.                     <div class="bottom clearfix">
  52.                         <div class="left pull-left">
  53.                             <ul class="header-menu">
  54.                                 <li><a href="{{ path('app_volunteers_index') }}">Postuler à une de nos formations<i class="fa fa-angle-double-right" aria-hidden="true"></i></a></li>
  55. {#                                <li><a href="#">Get A Free Quote<i class="fa fa-angle-double-right" aria-hidden="true"></i></a></li>#}
  56. {#                                <li><a href="#">Our Onlilne Shop<i class="fa fa-angle-double-right" aria-hidden="true"></i></a></li>#}
  57. {#                                <li><a href="#">Apply Now<i class="fa fa-angle-double-right" aria-hidden="true"></i></a></li>#}
  58.                             </ul>
  59.                         </div>
  60.                         <div class="right pull-right">
  61.                             <div class="header-social-link">
  62.                                 <ul>
  63.                                     <li>
  64.                                         <a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a>
  65.                                     </li>
  66.                                     <li>
  67.                                         <a href="#"><i class="fa fa-youtube" aria-hidden="true"></i></a>
  68.                                     </li>
  69. {#                                    <li>#}
  70. {#                                        <a href="#"><i class="fa fa-linkedin" aria-hidden="true"></i></a>#}
  71. {#                                    </li>#}
  72. {#                                    <li>#}
  73. {#                                        <a href="#"><i class="fa fa-pinterest" aria-hidden="true"></i></a>#}
  74. {#                                    </li>#}
  75.                                 </ul>
  76.                             </div>
  77.                         </div>
  78.                     </div>
  79.                 </div>
  80.                 <!--End Header Right-->
  81.             </div>
  82.         </div>
  83.     </div>
  84.     <!--End header -->
  86.     <!--Start Header Bottom-->
  87.     <div class="header-bottom">
  88.         <div class="container">
  89.             <div class="outer-box clearfix">
  90.                 <div class="header-bottom-left pull-left">
  92.                     <div class="nav-outer clearfix">
  93.                         <!--Mobile Navigation Toggler-->
  94.                         <div class="mobile-nav-toggler">
  95.                             <div class="inner">
  96.                                 <span class="icon-bar"></span>
  97.                                 <span class="icon-bar"></span>
  98.                                 <span class="icon-bar"></span>
  99.                             </div>
  100.                         </div>
  101.                         <!-- Main Menu -->
  102.                         <nav class="main-menu style1 navbar-expand-md navbar-light">
  103.                             <div class="collapse navbar-collapse show clearfix" id="navbarSupportedContent">
  104.                                 <ul class="navigation clearfix">
  105.                                     <li {% if route_name == "app_main" %} class="current " {% endif %}><a href="{{ path('app_main') }}">Accueil</a>
  106.                                     </li>
  107.                                     <li {% if route_name == "app_about" %} class="current " {% endif %}><a href="{{ path('app_about') }}">L'Académie Bilimon</a>
  108.                                     </li>
  109. {#                                    <li class="dropdown"><a href="#">Formation</a>#}
  110. {#                                        <ul>#}
  111. {#                                            <li><a href="#">Atelier des cultures</a></li>#}
  112. {#                                            <li><a href="#">Dialogue interculturel et interreligieux</a></li>#}
  113. {#                                            <li><a href="#">Médiation</a></li>#}
  114. {#                                        </ul>#}
  115. {#                                    </li>#}
  116.                                     <li class="dropdown"><a href="#">Nos projets</a>
  117.                                         <ul>
  118.                                             <li><a href="/projets/binus-togo">Binus Togo</a></li>
  119.                                             <li><a href="/projets/dispositif-de-mentorat">Dispositif de mentorat</a></li>
  120.                                             <li><a href="/projets/engagement-citoyen">Engagement citoyen</a></li>
  121.                                             <li><a href="/projets/activites-culturelles">Activités Culturelles</a></li>
  122.                                         </ul>
  123.                                     </li>
  124.                                     <li{% if route_name == "app_pages_canevas" or route_name == "app_pages_manuel" or route_name == "app_pages_bd"  %} class="current" {% endif %} class="dropdown"><a href="#">Matériels didactiques</a>
  125.                                         <ul class="megamenu">
  126. {#                                            <li><a href="{{ path('app_pages_canevas') }}">Canevas</a></li>#}
  127. {#                                            <li><a href="{{ path('app_pages_manuel') }}">Manuel de formation à la CU</a></li>#}
  128.                                             <li><a href="{{ path('app_pages_bd') }}">BD</a></li>
  129.                                         </ul>
  130.                                     </li>
  131.                                     <li {% if route_name == "app_gallery" %} class="current " {% endif %}><a href="{{ path('app_gallery') }}">Galerie</a></li>
  132.                                     <li {% if route_name == "app_contact" %} class="current " {% endif %}><a href="{{ path('app_contact') }}">Contact</a></li>
  133.                                 </ul>
  134.                             </div>
  135.                         </nav>
  136.                         <!-- Main Menu End-->
  137.                     </div>
  139.                 </div>
  140. {#                <div class="header-bottom-right clearfix pull-right">#}
  141. {#                    <div class="outer-search-box-style1">#}
  142. {#                        <div class="seach-toggle"><i class="fa fa-search"></i></div>#}
  143. {#                        <ul class="search-box">#}
  144. {#                            <li>#}
  145. {#                                <form method="post" action="index.html">#}
  146. {#                                    <div class="form-group">#}
  147. {#                                        <input type="search" name="search" placeholder="Search Here" required="">#}
  148. {#                                        <button type="submit"><i class="fa fa-search"></i></button>#}
  149. {#                                    </div>#}
  150. {#                                </form>#}
  151. {#                            </li>#}
  152. {#                        </ul>#}
  153. {#                    </div>#}
  154. {#                    <div class="cart-box">#}
  155. {#                        <a href="#" class="cart-btn">#}
  156. {#                            <span class="flaticon-shopping-cart"></span>#}
  157. {#                            <span class="count thm-bgclr">2</span>#}
  158. {#                        </a>#}
  159. {#                    </div>#}
  160. {#                </div>#}
  161.             </div>
  162.         </div>
  163.     </div>
  164.     <!--End Header Bottom-->
  166.     <!--Sticky Header-->
  167.     <div class="sticky-header">
  168.         <div class="container">
  169.             <div class="clearfix">
  170.                 <!--Logo-->
  171.                 <div class="logo float-left">
  172.                     <a href="/" class="img-responsive"><img src="{{ asset('assets/images/resources/logo.jpg') }}" alt="" title=""></a>
  173.                 </div>
  174.                 <!--Right Col-->
  175.                 <div class="right-col float-right">
  176.                     <!-- Main Menu -->
  177.                     <nav class="main-menu clearfix">
  178.                         <!--Keep This Empty / Menu will come through Javascript-->
  179.                     </nav>
  180.                 </div>
  181.             </div>
  182.         </div>
  183.     </div>
  184.     <!--End Sticky Header-->
  186.     <!-- Mobile Menu  -->
  187.     <div class="mobile-menu">
  188.         <div class="menu-backdrop"></div>
  189.         <div class="close-btn"><span class="icon flaticon-multiply"></span></div>
  191.         <nav class="menu-box">
  192.             <div class="nav-logo"><a href="{{ path('app_main') }}" class="text-white"><p>ACADEMIE BILIMON</p></a></div>
  193.             <div class="menu-outer"><!--Here Menu Will Come Automatically Via Javascript / Same Menu as in Header--></div>
  194.             <!--Social Links-->
  195.             <div class="social-links">
  196.                 <ul class="clearfix">
  197.                     <li><a href="#"><span class="fab fa fa-facebook-square"></span></a></li>
  198.                     <li><a href="#"><span class="fab fa fa-twitter-square"></span></a></li>
  199.                     <li><a href="#"><span class="fab fa fa-pinterest-square"></span></a></li>
  200.                     <li><a href="#"><span class="fab fa fa-google-plus-square"></span></a></li>
  201.                     <li><a href="#"><span class="fab fa fa-youtube-square"></span></a></li>
  202.                 </ul>
  203.             </div>
  204.         </nav>
  205.     </div>
  206.     <!-- End Mobile Menu -->
  207. </header>