templates/partials/header.html.twig line 1

Open in your IDE?
  1. <!-- main header -->
  2. <header class="main-header style-one">
  3.     <!-- header-top -->
  4.     <div class="header-top">
  5.         <div class="auto-container">
  6.             <div class="top-inner clearfix">
  7.                 <div class="left-column pull-left clearfix">
  8.                     {#                    <div class="weathre-box"><i class="flaticon-sunny-day-or-sun-weather"></i><a href="#">25th Jan: 32 0C / 65 0F</a></div> #}
  9.                     <ul class="links-box clearfix">
  10.                         <li><a href="#">Bilimon, pour une citoyenneté utile !</a></li>
  12.                     </ul>
  13.                 </div>
  14.                 <div class="right-column pull-right clearfix">
  15.                     <ul class="info-list clearfix">
  16.                         <li><i class="flaticon-phone-with-wire"></i><a href="tel:4488812345">+44 888 12 345</a></li>
  17.                         <li>
  18.                             <i class="flaticon-calendar"></i>{{ "now"|format_datetime(locale='fr',pattern="EEEE, dd MMMM YYYY") }}
  19.                         </li>
  20.                     </ul>
  21.                     <ul class="social-links clearfix">
  22.                         <li><a href="#"><i class="fab fa-facebook-square"></i></a></li>
  23.                         <li><a href="#"><i class="fab fa-twitter-square"></i></a></li>
  24.                         <li><a href="#"><i class="fab fa-youtube-square"></i></a></li>
  25.                         <li><a href="#"><i class="fab fa-linkedin"></i></a></li>
  26.                     </ul>
  27.                 </div>
  28.             </div>
  29.         </div>
  30.     </div>
  32.     <!-- header-lower -->
  33.     <div class="header-lower">
  34.         <div class="auto-container">
  35.             <div class="outer-box clearfix">
  36.                 <div class="logo-box pull-left">
  37.                     <figure class="logo"><a href="#"><img
  38.                                     src="{{ asset('assets/images/logo.jpg') | imagine_filter('logo') }}" alt=""></a>
  39.                     </figure>
  40.                 </div>
  41.                 <div class="menu-area clearfix pull-right" style="margin-top: 30px; margin-right: -50px">
  42.                     <!--Mobile Navigation Toggler-->
  43.                     <div class="mobile-nav-toggler">
  44.                         <i class="icon-bar"></i>
  45.                         <i class="icon-bar"></i>
  46.                         <i class="icon-bar"></i>
  47.                     </div>
  48.                     <nav class="main-menu navbar-expand-md navbar-light">
  49.                         <div class="collapse navbar-collapse show clearfix" id="navbarSupportedContent">
  50.                             <ul class="navigation clearfix">
  51.                                 <li class="current dropdown"><a href="#">Accueil</a>
  52.                                 </li>
  53.                                 <li><a href="#">Connaitre l'Académie</a>
  55.                                 </li>
  56.                                 <li class="dropdown"><a href="#">Activités Bilimon</a>
  57.                                     <ul>
  58.                                         <li><a href="#">Formations</a></li>
  59.                                         <li><a href="#">Accompagnement</a></li>
  60.                                         <li><a href="#">Rencontres entre jeunes</a></li>
  61.                                         <li><a href="#">Housing & Land</a></li>
  62.                                         <li><a href="#">Mentorat entre jeunes</a></li>
  63.                                     </ul>
  64.                                 </li>
  65.                                 <li><a href="#">Actualités Bilimon</a></li>
  66.                                 <li><a href="#">Médiathèque</a></li>
  67.                                 <li><a href="#">Contact</a></li>
  68.                             </ul>
  69.                         </div>
  70.                     </nav>
  71.                     <div class="menu-right-content clearfix">
  72.                         <div class="language-box">
  73.                             <span class="text"><i class="flaticon-world"></i>Fr</span>
  74.                             <ul class="language-list clearfix">
  75.                                 <li><a href="/">Fr</a></li>
  76.                                 <li><a href="https://bilimon.de" target="_blank">De</a></li>
  78.                             </ul>
  79.                         </div>
  80.                         {#                        <ul class="other-option clearfix"> #}
  81.                         {#                            <li class="search-btn"> #}
  82.                         {#                                <button type="button" class="search-toggler"><i class="far fa-search"></i></button> #}
  83.                         {#                            </li> #}
  84.                         {#                            <li class="nav-box"> #}
  85.                         {#                                <div class="nav-toggler navSidebar-button"><i class="fas fa-th-large"></i></div> #}
  86.                         {#                            </li> #}
  87.                         {#                        </ul> #}
  88.                     </div>
  89.                 </div>
  90.             </div>
  91.         </div>
  92.     </div>
  94.     <!--sticky Header-->
  95.     <div class="sticky-header">
  96.         <div class="auto-container">
  97.             <div class="outer-box clearfix">
  98.                 <div class="logo-box pull-left">
  99.                     <figure class="logo"><a href="#"><img src="assets/images/logo.png" alt=""></a></figure>
  100.                 </div>
  101.                 <div class="menu-area clearfix pull-right">
  102.                     <nav class="main-menu clearfix">
  103.                         <!--Keep This Empty / Menu will come through Javascript-->
  104.                     </nav>
  105.                     <div class="menu-right-content clearfix">
  106.                         <div class="language-box">
  107.                             <span class="text"><i class="flaticon-world"></i>Fr</span>
  108.                             <ul class="language-list clearfix">
  109.                                 <li><a href="/">Fr</a></li>
  110.                                 <li><a href="https://bilimon.de" target="_blank">De</a></li>
  112.                             </ul>
  113.                         </div>
  114. {#                        <ul class="other-option clearfix">#}
  115. {#                            <li class="search-btn">#}
  116. {#                                <button type="button" class="search-toggler"><i class="far fa-search"></i></button>#}
  117. {#                            </li>#}
  118. {#                            <li class="nav-box">#}
  119. {#                                <div class="nav-toggler navSidebar-button"><i class="fas fa-th-large"></i></div>#}
  120. {#                            </li>#}
  121. {#                        </ul>#}
  122.                     </div>
  123.                 </div>
  124.             </div>
  125.         </div>
  126.     </div>
  127. </header>
  128. <!-- main-header end -->
  130. <!-- Mobile Menu  -->
  131. <div class="mobile-menu">
  132.     <div class="menu-backdrop"></div>
  133.     <div class="close-btn"><i class="fas fa-times"></i></div>
  135.     <nav class="menu-box">
  136.         <div class="nav-logo"><a href="#"><img src="assets/images/logo-2.png" alt="" title=""></a></div>
  137.         <div class="menu-outer"><!--Here Menu Will Come Automatically Via Javascript / Same Menu as in Header--></div>
  138.         <div class="contact-info">
  139.             <h4>Contact Info</h4>
  140.             <ul>
  141.                 <li>Chicago 12, Melborne City, USA</li>
  142.                 <li><a href="tel:+8801682648101">+88 01682648101</a></li>
  143.                 <li><a href="mailto:info@example.com">info@example.com</a></li>
  144.             </ul>
  145.         </div>
  146.         <div class="social-links">
  147.             <ul class="clearfix">
  148.                 <li><a href="#"><span class="fab fa-twitter"></span></a></li>
  149.                 <li><a href="#"><span class="fab fa-facebook-square"></span></a></li>
  150.                 <li><a href="#"><span class="fab fa-pinterest-p"></span></a></li>
  151.                 <li><a href="#"><span class="fab fa-instagram"></span></a></li>
  152.                 <li><a href="#"><span class="fab fa-youtube"></span></a></li>
  153.             </ul>
  154.         </div>
  155.     </nav>
  156. </div><!-- End Mobile Menu -->