templates/components/header.html.twig line 1

Open in your IDE?
  1. <div class="overlay-sidenav"></div>
  2. <header class="header-sky">
  3.     <div class="container">
  4.         <!--HEADER-TOP-->
  5.         <div class="header-top">
  6.             <div class="header-top-left">
  7.                 <span><a href="{{path('contact_index')}}"><i class="fas fa-map"></i> {{statics.about.address}}</a></span>
  8.                 <span><a href="tel:{{statics.about.phone}}"><i class="fas fa-phone" aria-hidden="true"></i> {{statics.about.phone}}</a></span>
  9.             </div>
  10.             <div class="header-top-right">
  11.                 <ul>
  12.                     <li class="dropdown">
  13.                         <a href="#" class="dropdown-toggle" data-toggle="dropdown">
  14.                             {{locale == 'fr' ? '<img src="/images/flags/fr_FR.png" class="language-flag" alt="Français"> FR'}}
  15.                             {{locale == 'en' ? '<img src="/images/flags/en_EN.png" class="language-flag" alt="English"> EN'}}
  16.                             {{locale == 'es' ? '<img src="/images/flags/es_ES.png" class="language-flag" alt="Español"> ES'}}
  17.                             {{locale == 'de' ? '<img src="/images/flags/de_DE.png" class="language-flag" alt="Deutsch"> DE'}}
  18.                             <b class="caret"></b>
  19.                         </a>
  20.                         <ul class="dropdown-menu select-locale">
  21.                             {% for item in locales %}
  22.                             {% if item == locale %}
  23.                             <li class="active"><a href="{{path('change_locale', {'locale':item})}}">{{locale|upper}}</a>
  24.                             </li>
  25.                             {% else %}
  26.                             <li><a href="{{path('change_locale', {'locale':item})}}">{{item|upper}}</a></li>
  27.                             {% endif %}
  28.                             {% endfor %}
  29.                         </ul>
  30.                     </li>
  31.                 </ul>
  32.             </div>
  33.         </div>
  34.         <!-- END/HEADER-TOP -->
  35.     </div>
  36.     <!-- MENU-HEADER -->
  37.     <div class="menu-header">
  38.         <nav class="navbar">
  39.             <div class="container">
  40.                 <div class="navbar-header">
  41.                     <div>
  42.                         {# <a href="#video-area" class="video-btn" title="{% trans %}Voir la vidéo de présentation{% endtrans %}">
  43.                             <i class="fas fa-video"></i>
  44.                         </a> #}
  45.                         <button class="video-btn" data-toggle="modal" data-target="#modal-video" title="{% trans %}Voir la vidéo de présentation{% endtrans %}">
  46.                             <i class="fas fa-video"></i>
  47.                         </button>
  48.                         <a href="{{path('booking_index')}}" class="booking-btn">{% trans %}RESERVER{% endtrans %}</a>
  49.                         {# <a href="#" class="video-btn" title="{% trans %}Réservation{% endtrans %}">
  50.                             <i class="fas fa-calendar-alt"></i>
  51.                         </a> #}
  52.                     </div>
  53.                     <div>
  54.                         <a class="navbar-brand" href="{{path('home')}}" title="{% trans %}Accueil{% endtrans %}">
  55.                             <img src="images/about/logo-header.png" class="logo-header lazyestload" alt="Logo colombine">
  56.                             <img src="images/about/logo-white-h.png" class="logo-scroll lazyestload" alt="Logo colombine">
  57.                         </a>
  58.                     </div>
  59.                     <div>
  60.                         <a href="{{path('booking_index')}}" class="booking-btn">{% trans %}RESERVER{% endtrans %}</a>
  61.                         <button type="button" class="navbar-toggle">
  62.                             <span class="icon-bar "></span>
  63.                             <span class="icon-bar "></span>
  64.                             <span class="icon-bar "></span>
  65.                         </button>
  66.                     </div>
  67.                 </div>
  68.                 <div class="navbar-collapse sidenav-ctn">
  69.                     <div class="sidenav-header">
  70.                         {# <a href="#" class="sidenav-video-btn">
  71.                             <i class="fas fa-video"></i>
  72.                         </a> #}
  73.                         <a class="sidenav-brand" href="{{path('home')}}" title="Accueil">
  74.                             <img src="images/about/logo-sidenav.png" alt="Logo colombine">
  75.                         </a>
  76.                         <div class="sidenav-contact">
  77.                             <a href="tel:{{statics.about.phone}}">
  78.                                 <i class="fas fa-phone-alt"></i>
  79.                             </a>
  80.                             <a href="{{path('contact_index')}}">
  81.                                 <i class="fas fa-envelope"></i>
  82.                             </a>
  83.                         </div>
  84.                         <div class="sidenav-close">
  85.                             <button type="button" class="close close-sidenav" aria-label="{% trans %}Fermer{% endtrans %}">
  86.                                 <span aria-hidden="true">&times;</span>
  87.                             </button>
  88.                         </div>
  89.                     </div>
  90.                     <ul class="nav navbar-nav navbar-right">
  91.                         <li class="{{'home' in route_name ? 'active'}}">
  92.                             <a href="{{path('home')}}">{% trans %}Accueil{% endtrans %}</a>
  93.                         </li>
  94.                         <li class="{{'about' in route_name ? 'active'}}">
  95.                             <a href="{{path('about_index')}}">{% trans %}A Propos{% endtrans %}</a>
  96.                         </li>
  97.                         <li class="{{'service' in route_name ? 'active'}}">
  98.                             <a href="{{path('service_index')}}">{% trans %}Prestations{% endtrans %}</a>
  99.                         </li>
  100.                         <li class="{{'hobby' in route_name ? 'active'}}">
  101.                             <a href="{{path('hobby_index')}}">{% trans %}Activités{% endtrans %}</a>
  102.                         </li>
  103.                         <li class="{{'gallery' in route_name ? 'active'}}">
  104.                             <a href="{{path('gallery_index')}}">{% trans %}Galerie{% endtrans %}</a>
  105.                         </li>
  106.                         <li class="{{'contact' in route_name ? 'active'}}"><a href="{{path('contact_index')}}">{% trans %}Contact{% endtrans %}</a></li>
  107.                     </ul>
  108.                     <div class="sidenav-cta-ctn">
  109.                         <a href="{{path('booking_index')}}" class="booking-btn">{% trans %}RESERVEZ VOTRE SEJOUR{% endtrans %}</a>
  110.                     </div>
  111.                     <ul class="nav navbar-legale navbar-right">
  112.                         <li>
  113.                             <a href="#">{% trans %}Mentions Légales{% endtrans %}</a>
  114.                         </li>
  115.                         <li>
  116.                             <a href="#">{% trans %}Politique de confidentialité{% endtrans %}</a>
  117.                         </li>
  118.                     </ul>
  119.                 </div>
  120.             </div>
  121.         </nav>
  122.     </div>
  123.     <!-- END / MENU-HEADER -->
  124. </header>
  126. {% include "components/modals/modal_video.html.twig" %}