templates/layouts/header.html.twig line 1

Open in your IDE?
  1. <!-- Preloader Start -->
  2. <div class="se-pre-con"></div>
  3. <!-- Preloader Ends -->
  5. <!-- Start Header Top 
  6. ============================================= -->
  7. <div class="top-bar-area inc-pad bg-theme text-light inc-shape">
  8.     <div class="container-fill">
  9.         <div class="row align-center">
  10.             <div class="col-lg-5 offset-lg-3 info">
  11.                 <ul>
  12.                     <li>
  13.                         <i class="fas fa-envelope-open-text"></i> Info@gmail.com
  14.                     </li>
  15.                     <li>
  16.                         <i class="fas fa-clock"></i> Heure de travail: 8:00 AM – 7:45 PM
  17.                     </li>
  18.                 </ul>
  19.             </div>
  20.             <div class="col-lg-4 text-right item-flex">
  21.                 <div class="social">
  22.                     <ul>
  23.                         <li>
  24.                             <a href="#">
  25.                                 <i class="fab fa-facebook-f"></i>
  26.                             </a>
  27.                         </li>
  28.                         <li>
  29.                             <a href="#">
  30.                                 <i class="fab fa-youtube"></i>
  31.                             </a>
  32.                         </li>
  33.                         {# <li>
  34.                              <a href="#">
  35.                                  <i class="fab fa-linkedin-in"></i>
  36.                              </a>
  37.                          </li>#}
  38.                     </ul>
  39.                 </div>
  40.             </div>
  41.         </div>
  42.     </div>
  43. </div>
  44. <!-- End Header Top -->
  46. <!-- Header 
  47. ============================================= -->
  48. <header id="home">
  49.     {% set route_name = app.request.attributes.get('_route') %}
  51.     <!-- Start Navigation -->
  52.     <nav class="navbar navbar-default navbar-sticky nav-full-width dark bootsnav">
  54.         <div class="container-fill">
  56.             <div class="row align-center">
  59.                 <!-- Start Header Navigation -->
  60.                 <div class="col-lg-3 brand-item">
  61.                     <div class="navbar-header">
  62.                         <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-menu">
  63.                             <i class="fa fa-bars"></i>
  64.                         </button>
  65.                         <a class="navbar-brand" href="/">
  66.                             <img src="/assets/img/logo/logo.jpg" class="logo" alt="Logo">
  67.                         </a>
  68.                     </div>
  69.                 </div>
  70.                 <!-- End Header Navigation -->
  72.                 <!-- Collect the nav links, forms, and other content for toggling -->
  73.                 <div class="col-lg-9">
  74.                     <div class="collapse navbar-collapse" id="navbar-menu">
  75.                         <ul class="nav navbar-nav" data-in="#" data-out="#">
  76.                             <li{% if route_name == "app_main" %} class="active " {% endif %}><a href="/">Accueil</a></li>
  77.                             <li {% if route_name == "app_about" %} class="active " {% endif %}><a href="{{ path('app_about') }}">L'Académie Bilimon</a></li>
  78.                             <li class="dropdown">
  79.                                 <a href="#" class="dropdown-toggle " data-toggle="dropdown" >Nos formations</a>
  80.                                 <ul class="dropdown-menu">
  81.                                     <li><a href="#">Ateliers des Cultures</a></li>
  82.                                     <li><a href="index-2.html">Dialogue interculturel et interreligieux</a></li>
  83.                                     <li><a href="index-3.html">Médiations</a></li>
  84.                                 </ul>
  85.                             </li>
  86.                             <li class="dropdown">
  87.                                 <a href="#" class="dropdown-toggle" data-toggle="dropdown" >Nos Projets</a>
  88.                                 <ul class="dropdown-menu">
  89.                                     <li><a href="{{ absolute_url('/projets/1/binus-togo') }}">Binus Togo</a></li>
  90.                                     <li><a href="{{ absolute_url('/projets/2/cash-for-social-commitment') }}">cash for social commitment</a></li>
  91.                                     <li><a href="{{ absolute_url('/projets/3/clubs-de-citoyennete-utile') }}">Clubs de citoyenneté utile </a></li>
  92.                                     <li><a href="{{ absolute_url('/projets/5/bilimon-comics') }}">Bilimon Comics</a></li>
  93.                                 </ul>
  94.                             </li>
  95.                             <li class="dropdown">
  96.                                 <a href="#" class="dropdown-toggle" data-toggle="dropdown" >Matériel didactique</a>
  97.                                 <ul class="dropdown-menu">
  98.                                     <li><a href="#">Canevas</a></li>
  99.                                     <li><a href="#">Manuel de formation à la CU</a></li>
  100.                                     <li><a href="#">BD</a></li>
  101.                                 </ul>
  102.                             </li>
  103.                             <li><a href="#">Galerie</a></li>
  104.                             <li><a href="#">contact</a></li>
  105.                             <li><a href="#" class="btn btn-dark effect btn-sm" style="
  106.                                    padding-top: 13px;
  107.                                    padding-bottom: 10px;
  108.                                    margin-top: 19px;
  109.                                    color: white;
  110.                                    ">S'inscrire à nos formations</a></li>
  112.                         </ul>
  113.                     </div>
  114.                 </div>
  115.                 <!-- /.navbar-collapse -->
  118.             </div>
  120.         </div>
  121.     </nav>
  122.     <!-- End Navigation -->
  124. </header>
  125. <!-- End Header -->