templates/_general_includes/_navigation.html.twig line 1

Open in your IDE?
  1. <div class="header-row justify-content-between flex-row-reverse flex-lg-row">
  3.     <div id="logo" class="mr-lg-4">
  4.         <a href="{{ path('home') }}" class="standard-logo"><img src="{{ asset('medel_assets/images/ontc_logo_588x350.png') }}" alt="ONTC Logo"></a>
  5.         <a href="{{ path('home') }}" class="retina-logo"><img src="{{ asset('medel_assets/images/ontc_logo_588x350.png') }}" alt="ONTC Logo"></a>
  6.     </div><!-- #logo end -->
  8.     <div class="header-misc">
  10.         <!-- Bookmark
  11.         ============================================= -->
  12.         {#
  13.         <div class="header-misc-icon">
  14.             <i class="icon-flag"></i>
  15.         </div>
  16.         <div class="header-misc-icon">
  17.             <a href="#"><small>Fr</small></a>
  18.         </div>
  19.         <div class="header-misc-icon">
  20.             <a href="#"><small>En</small></a>
  21.         </div>
  22.         <div class="header-misc-icon">
  23.             <a href="#"><small>Ar</small></a>
  24.         </div>
  25.         #}
  28.         <div class="top-links">
  29.             <ul class="top-links-container">
  30.                 <li class="top-links-item">
  31.                     <a href="#">
  32.                         {% for locale in locales | filter(locale => locale==app.request.locale) %}
  33.                             <img src="{{ asset('medel_assets/images/flags/'~locale~'.svg') }}" alt="{{ locale }}" style="width: 16px"> {{ locale }}
  34.                         {% endfor %}
  35.                     </a>
  36.                     <ul class="top-links-sub-menu">
  37.                         {% for locale in locales | filter(locale => locale!=app.request.locale) %}
  38.                         <li class="top-links-item">
  39.                             <a href="{{ path('change_locale', {'locale': locale}) }}">
  40.                                 <img src="{{ asset('medel_assets/images/flags/'~locale~'.svg') }}" alt="{{ locale }}"> {{ locale }}
  41.                             </a>
  42.                         </li>
  43.                         {% endfor %}
  44.                     </ul>
  45.                 </li>
  46.             </ul>
  47.         </div>
  49.         {#<!-- Top Search
  50.         ============================================= -->#}
  51.         {% if is_granted('ROLE_SUPERADMIN') %}
  52.         <div id="top-search" class="header-misc-icon">
  53.             <a href="#" id="top-search-trigger"><i class="icon-line-search"></i><i class="icon-line-cross"></i></a>
  54.         </div>
  55.         {% endif %}
  57.         <!-- #top-search end -->
  59.     </div>
  61.     <div id="primary-menu-trigger">
  62.         <svg class="svg-trigger" viewBox="0 0 100 100"><path d="m 30,33 h 40 c 3.722839,0 7.5,3.126468 7.5,8.578427 0,5.451959 -2.727029,8.421573 -7.5,8.421573 h -20"></path><path d="m 30,50 h 40"></path><path d="m 70,67 h -40 c 0,0 -7.5,-0.802118 -7.5,-8.365747 0,-7.563629 7.5,-8.634253 7.5,-8.634253 h 20"></path></svg>
  63.     </div>
  65.     {#<!-- Primary Navigation
  66.    ============================================= -->#}
  67.     <nav class="primary-menu with-arrows">
  69.         <ul class="menu-container">
  71.             <li class="menu-item menu-color-tech {% if route_name == 'home' %}active{% endif %}"><a class="menu-link" href="{{ path('home') }}">
  72.                     <div>{% trans %}Accueil{% endtrans %}</div>
  73.                 </a>
  74.             </li>
  77.             <li class="menu-item mega-menu">
  78.                 <a class="menu-link" href="#"><div>{% trans %}À Découvrir{% endtrans %}</div></a>
  79.                 <div class="mega-menu-content mega-menu-style-2">
  80.                     <div class="container">
  81.                         <div class="row">
  82.                             <ul class="sub-menu-container mega-menu-column col-12">
  83.                                 <li class="menu-item">
  84.                                     <div class="widget">
  86.                                         <!-- Portfolio Items
  87.                                         ============================================= -->
  88.                                         <div id="portfolio" class="portfolio row gutter-20">
  90.                                             {#Histoire#}
  91.                                             <article class="portfolio-item col-lg-1-5 col-md-4 col-sm-6 col-12 pf-media pf-icons">
  92.                                                 <div class="grid-inner">
  93.                                                     <div class="portfolio-image">
  94.                                                         {% set histoire = getImagemenu().findByMenu('histoire') %}
  95.                                                         {% if histoire.imagemenu %}
  96.                                                             <a href="{{ path('page',{'param0' : 'a_decouvrir', 'param1':'histoire', 'param2':'km'}) }}">
  97.                                                                 <img src="{{ vich_uploader_asset(histoire, 'imagemenuFile') |e }}" alt="{{ histoire.designation }}">
  98.                                                             </a>
  99.                                                         {% else %}
  100.                                                             <a href="{{ path('page',{'param0' : 'a_decouvrir', 'param1':'histoire', 'param2':'km'}) }}">
  101.                                                                 <img src="{{ asset('medel_assets/images/ontc_site/img_system/img_system.jpg') }}" alt="{{ histoire.designation }}">
  102.                                                             </a>
  103.                                                         {% endif %}
  105.                                                         {#
  106.                                                         <div class="bg-overlay">
  107.                                                             <div class="bg-overlay-content dark" data-hover-animate="fadeIn">
  108.                                                                 <a href="images/portfolio/full/1.jpg" class="overlay-trigger-icon bg-light text-dark" data-hover-animate="fadeInDownSmall" data-hover-animate-out="fadeOutUpSmall" data-hover-speed="350" data-lightbox="image" title="Image"><i class="icon-line-plus"></i></a>
  109.                                                                 <a href="portfolio-single.html" class="overlay-trigger-icon bg-light text-dark" data-hover-animate="fadeInDownSmall" data-hover-animate-out="fadeOutUpSmall" data-hover-speed="350"><i class="icon-line-ellipsis"></i></a>
  110.                                                             </div>
  111.                                                             <div class="bg-overlay-bg dark" data-hover-animate="fadeIn"></div>
  112.                                                         </div>
  113.                                                         #}
  114.                                                     </div>
  115.                                                     <div class="portfolio-desc">
  116.                                                         <h3>
  117.                                                             <a href="{{ path('page',{'param0' : 'a_decouvrir', 'param1':'histoire', 'param2':'km'}) }}">
  118.                                                                 {% trans %}Histoire{% endtrans %}
  119.                                                             </a>
  120.                                                         </h3>
  121.                                                     </div>
  122.                                                 </div>
  123.                                             </article>
  125.                                             {#Tradition et cultures#}
  126.                                             <article class="portfolio-item col-lg-1-5 col-md-4 col-sm-6 col-12 pf-illustrations">
  127.                                                 <div class="grid-inner">
  128.                                                     <div class="portfolio-image">
  129.                                                         {% set traditionsculture = getImagemenu().findByMenu('traditions_&_culture') %}
  130.                                                         {% if traditionsculture.imagemenu %}
  131.                                                             <a href="{{ path('page',{'param0' : 'a_decouvrir', 'param1':'traditions_&_culture', 'param2':'km'}) }}">
  132.                                                                 <img src="{{ vich_uploader_asset(traditionsculture, 'imagemenuFile') |e }}" alt="{{ traditionsculture.designation }}">
  133.                                                             </a>
  134.                                                         {% else %}
  135.                                                             <a href="{{ path('page',{'param0' : 'a_decouvrir', 'param1':'traditions_&_culture', 'param2':'km'}) }}">
  136.                                                                 <img src="{{ asset('medel_assets/images/ontc_site/img_system/img_system.jpg') }}" alt="{{ traditionsculture.designation }}">
  137.                                                             </a>
  138.                                                         {% endif %}
  140.                                                     </div>
  141.                                                     <div class="portfolio-desc">
  142.                                                         <h3>
  143.                                                             <a href="{{ path('page',{'param0' : 'a_decouvrir', 'param1':'traditions_&_culture', 'param2':'km'}) }}">
  144.                                                                 {% trans %}Traditions & culture{% endtrans %}
  145.                                                             </a>
  146.                                                         </h3>
  148.                                                     </div>
  149.                                                 </div>
  150.                                             </article>
  152.                                             {#Géographie#}
  153.                                             <article class="portfolio-item col-lg-1-5 col-md-4 col-sm-6 col-12 pf-graphics pf-uielements">
  154.                                                 <div class="grid-inner">
  155.                                                     <div class="portfolio-image">
  156.                                                         {% set geographie = getImagemenu().findByMenu('geographie') %}
  157.                                                         {% if geographie.imagemenu %}
  158.                                                             <a href="{{ path('page',{'param0' : 'a_decouvrir', 'param1':'geographie', 'param2':'km'}) }}">
  159.                                                                 <img src="{{ vich_uploader_asset(geographie, 'imagemenuFile') |e }}"
  160.                                                                      alt="{{ geographie ? geographie.designation : '' }}">
  161.                                                             </a>
  162.                                                         {% else %}
  163.                                                             <a href="{{ path('page',{'param0' : 'a_decouvrir', 'param1':'geographie', 'param2':'km'}) }}">
  164.                                                                 <img src="{{ asset('medel_assets/images/ontc_site/img_system/img_system.jpg') }}"
  165.                                                                      alt="{{ geographie.designation }}">
  166.                                                             </a>
  167.                                                         {% endif %}
  169.                                                     </div>
  170.                                                     <div class="portfolio-desc">
  171.                                                         <h3>
  172.                                                             <a href="{{ path('page',{'param0' : 'a_decouvrir', 'param1':'geographie', 'param2':'km'}) }}">
  173.                                                                 {% trans %}Geographie{% endtrans %}
  174.                                                             </a>
  175.                                                         </h3>
  176.                                                     </div>
  177.                                                 </div>
  178.                                             </article>
  180.                                             {#Gastronomie#}
  181.                                             <article class="portfolio-item col-lg-1-5 col-md-4 col-sm-6 col-12 pf-icons pf-illustrations">
  182.                                                 <div class="grid-inner">
  183.                                                     <div class="portfolio-image">
  184.                                                         {% set gastronomie = getImagemenu().findByMenu('gastronomie') %}
  185.                                                         {% if gastronomie.imagemenu %}
  186.                                                             <a href="{{ path('page',{'param0' : 'a_decouvrir', 'param1':'gastronomie', 'param2':'km'}) }}">
  187.                                                                 <img src="{{ vich_uploader_asset(gastronomie, 'imagemenuFile') |e }}"
  188.                                                                      alt="{{ gastronomie ? gastronomie.designation : '' }}">
  189.                                                             </a>
  190.                                                         {% else %}
  191.                                                             <a href="{{ path('page',{'param0' : 'a_decouvrir', 'param1':'gastronomie', 'param2':'km'}) }}">
  192.                                                                 <img src="{{ asset('medel_assets/images/ontc_site/img_system/img_system.jpg') }}"
  193.                                                                      alt="{{ gastronomie.designation }}">
  194.                                                             </a>
  195.                                                         {% endif %}
  197.                                                     </div>
  198.                                                     <div class="portfolio-desc">
  199.                                                         <h3>
  200.                                                             <a href="{{ path('page',{'param0' : 'a_decouvrir', 'param1':'gastronomie', 'param2':'km'}) }}">
  201.                                                                 {% trans %}Gastronomie{% endtrans %}
  202.                                                             </a>
  203.                                                         </h3>
  204.                                                     </div>
  205.                                                 </div>
  206.                                             </article>
  208.                                             {#Faune et flaure#}
  209.                                             <article class="portfolio-item col-lg-1-5 col-md-4 col-sm-6 col-12 pf-uielements pf-media">
  210.                                                 <div class="grid-inner">
  211.                                                     <div class="portfolio-image">
  212.                                                         {% set fauneflaure = getImagemenu().findByMenu('faune_&_flore') %}
  213.                                                         {% if fauneflaure.imagemenu %}
  215.                                                             <a href="{{ path('page',{'param0' : 'a_decouvrir', 'param1':'faune_&_flore', 'param2':'km'}) }}">
  216.                                                                 <img src="{{ vich_uploader_asset(fauneflaure, 'imagemenuFile') |e }}"
  217.                                                                      alt="{{ fauneflaure ? fauneflaure.designation : '' }}">
  218.                                                             </a>
  219.                                                         {% else %}
  220.                                                             <a href="{{ path('page',{'param0' : 'a_decouvrir', 'param1':'faune_&_flore', 'param2':'km'}) }}">
  221.                                                                 <img src="{{ asset('medel_assets/images/ontc_site/img_system/img_system.jpg') }}"
  222.                                                                      alt="{{ fauneflaure.designation }}">
  223.                                                             </a>
  224.                                                         {% endif %}
  226.                                                     </div>
  227.                                                     <div class="portfolio-desc">
  228.                                                         <h3><a href="{{ path('page',{'param0' : 'a_decouvrir', 'param1':'faune_&_flore', 'param2':'km'}) }}">
  229.                                                                 {% trans %}Faune & flore{% endtrans %}
  230.                                                             </a>
  231.                                                         </h3>
  232.                                                     </div>
  233.                                                 </div>
  234.                                             </article>
  236.                                         </div>
  238.                                     </div>
  239.                                 </li>
  240.                             </ul>
  241.                         </div>
  242.                     </div>
  243.                 </div>
  244.             </li>
  247.             <li class="menu-item mega-menu menu-color-sports {% if route_name == 'page' and param0 =="sejour_cle_en_main" %}active{% endif %}">
  248.                 <a class="menu-link" href="#"><div>{% trans %}Voyage clé en main{% endtrans %}</div></a>
  249.                 <div class="mega-menu-content mega-menu-style-2">
  250.                     <div class="container">
  251.                         <div class="row">
  252.                             <ul class="sub-menu-container mega-menu-column col-lg-3">
  253.                                 <li class="menu-item mega-menu-title">
  254.                                     <a class="menu-link" href="#"><div>{% trans %}Séjour{% endtrans %}</div></a>
  255.                                     <ul class="sub-menu-container">
  256.                                         <li class="menu-item">
  257.                                             <a class="menu-link" href="{{ path('page',{'param0' : 'sejour_cle_en_main', 'param1':'ou_dormir', 'param2':'ngz'}) }}">
  258.                                                 <div>
  259.                                                     {% trans %}Hôtels{% endtrans %}
  260.                                                 </div>
  261.                                             </a>
  262.                                             <ul class="sub-menu-container mega-menu-dropdown">
  263.                                                 <li class="menu-item">
  264.                                                     <a class="menu-link" href="{{ path('page',{'param0' : 'sejour_cle_en_main', 'param1':'ou_dormir', 'param2':'ngz'}) }}">
  265.                                                         <div>Grande Comore</div></a>
  266.                                                 </li>
  267.                                                 <li class="menu-item">
  268.                                                     <a class="menu-link" href="{{ path('page',{'param0' : 'sejour_cle_en_main', 'param1':'ou_dormir', 'param2':'ndz'}) }}">
  269.                                                         <div>Anjouan</div></a>
  270.                                                 </li>
  271.                                                 <li class="menu-item">
  272.                                                     <a class="menu-link" href="{{ path('page',{'param0' : 'sejour_cle_en_main', 'param1':'ou_dormir', 'param2':'mwl'}) }}">
  273.                                                         <div>Moheli</div></a>
  274.                                                 </li>
  275.                                             </ul>
  276.                                         </li>
  278.                                         <li class="menu-item">
  279.                                             <a class="menu-link" href="{{ path('page',{'param0' : 'sejour_cle_en_main', 'param1':'ou_manger', 'param2':'ngz'}) }}">
  280.                                                 <div>{% trans %}Restaurants{% endtrans %}</div></a>
  281.                                             <ul class="sub-menu-container mega-menu-dropdown">
  282.                                                 <li class="menu-item">
  283.                                                     <a class="menu-link" href="{{ path('page',{'param0' : 'sejour_cle_en_main', 'param1':'ou_manger', 'param2':'ngz'}) }}">
  284.                                                         <div>Grande Comores</div></a>
  285.                                                 </li>
  286.                                                 <li class="menu-item">
  287.                                                     <a class="menu-link" href="{{ path('page',{'param0' : 'sejour_cle_en_main', 'param1':'ou_manger', 'param2':'ndz'}) }}">
  288.                                                         <div>Anjouan</div></a>
  289.                                                 </li>
  290.                                                 <li class="menu-item">
  291.                                                     <a class="menu-link" href="{{ path('page',{'param0' : 'sejour_cle_en_main', 'param1':'ou_manger', 'param2':'mwl'}) }}">
  292.                                                         <div>Moheli</div></a>
  293.                                                 </li>
  294.                                             </ul>
  295.                                         </li>
  297.                                         <li class="menu-item">
  298.                                             <a class="menu-link" href="{{ path('page',{'param0' : 'sejour_cle_en_main', 'param1':'location_de_voitures', 'param2':'km'}) }}">
  299.                                                 <div>
  300.                                                     <i class="icon-car"></i>{% trans %}Location de voiture{% endtrans %}
  301.                                                 </div>
  302.                                             </a>
  303.                                         </li>
  305.                                         <li class="menu-item">
  306.                                             <a class="menu-link" href="{{ path('page',{'param0' : 'sejour_cle_en_main', 'param1':'vols_inter_iles', 'param2':'km'}) }}">
  307.                                                 <div>
  308.                                                     <i class="icon-plane"></i>{% trans %}Vols inter-îles{% endtrans %}
  309.                                                 </div>
  310.                                             </a>
  311.                                         </li>
  312.                                         <li class="menu-item">
  313.                                             <a class="menu-link" href="{{ path('page',{'param0' : 'sejour_cle_en_main', 'param1':'transport_maritime_inter_iles', 'param2':'km'}) }}">
  314.                                                 <div>
  315.                                                     <i class="icon-dot-circle"></i>{% trans %}Transport maritime inter-îles{% endtrans %}
  316.                                                 </div>
  317.                                             </a>
  318.                                         </li>
  319.                                     </ul>
  320.                                 </li>
  321.                             </ul>
  322.                             <ul class="sub-menu-container mega-menu-column col-lg-3">
  323.                                 <li class="menu-item mega-menu-title">
  324.                                     <a class="menu-link" href="#"><div>{% trans %}Découverte{% endtrans %}</div></a>
  325.                                     <ul class="sub-menu-container">
  326.                                         <li class="menu-item">
  327.                                             <a class="menu-link" href="{{ path('page',{'param0' : 'sejour_cle_en_main', 'param1':'sites_naturels', 'param2':'km'}) }}">
  328.                                                 <div>
  329.                                                     {% trans %}Sites naturels{% endtrans %}
  330.                                                 </div>
  331.                                             </a>
  332.                                         </li>
  334.                                         <li class="menu-item">
  335.                                             <a class="menu-link" href="{{ path('page',{'param0' : 'sejour_cle_en_main', 'param1':'patrimoines_historiques', 'param2':'km'}) }}">
  336.                                                 <div>
  337.                                                     {% trans %}Patrimoines historiques{% endtrans %}
  338.                                                 </div>
  339.                                             </a>
  340.                                         </li>
  342.                                         <li class="menu-item">
  343.                                             <a class="menu-link" href="{{ path('page',{'param0' : 'sejour_cle_en_main', 'param1':'art_et_artisanat', 'param2':'km'}) }}">
  344.                                                 <div>
  345.                                                     {% trans %}Art et artisanat{% endtrans %}
  346.                                                 </div>
  347.                                             </a>
  348.                                         </li>
  350.                                         <li class="menu-item">
  351.                                             <a class="menu-link" href="{{ path('page',{'param0' : 'sejour_cle_en_main', 'param1':'musees', 'param2':'km'}) }}">
  352.                                                 <div>
  353.                                                     {% trans %}Musées{% endtrans %}
  354.                                                 </div>
  355.                                             </a>
  356.                                         </li>
  358.                                     </ul>
  359.                                 </li>
  360.                             </ul>
  361.                             <ul class="sub-menu-container mega-menu-column col-lg-3">
  362.                                 <li class="menu-item mega-menu-title">
  363.                                     <a class="menu-link" href="#"><div>{% trans %}Activités / Loisirs{% endtrans %} </div></a>
  364.                                     <ul class="sub-menu-container">
  365.                                         <li class="menu-item">
  366.                                             <a class="menu-link" href="{{ path('page',{'param0' : 'sejour_cle_en_main', 'param1':'plages', 'param2':'km'}) }}">
  367.                                                 <div>
  368.                                                     {% trans %}Plages{% endtrans %}
  369.                                                 </div>
  370.                                             </a>
  371.                                         </li>
  373.                                         <li class="menu-item">
  374.                                             <a class="menu-link" href="{{ path('page',{'param0' : 'sejour_cle_en_main', 'param1':'activites_nautiques', 'param2':'km'}) }}">
  375.                                                 <div>{% trans %}Activités nautiques{% endtrans %}</div>
  376.                                             </a>
  377.                                         </li>
  379.                                         <li class="menu-item">
  380.                                             <a class="menu-link" href="{{ path('page',{'param0' : 'sejour_cle_en_main', 'param1':'bar_discotheques', 'param2':'km'}) }}">
  381.                                                 <div>{% trans %}Bar / Discothèques{% endtrans %}</div></a>
  382.                                         </li>
  384.                                         <li class="menu-item">
  385.                                             <a class="menu-link" href="{{ path('page',{'param0' : 'sejour_cle_en_main', 'param1':'tours_operateurs', 'param2':'km'}) }}">
  386.                                                 <div>{% trans %}Tours operateurs{% endtrans %}</div>
  387.                                             </a>
  388.                                         </li>
  390.                                     </ul>
  391.                                 </li>
  392.                             </ul>
  393.                             <ul class="sub-menu-container mega-menu-column col-lg-3">
  394.                                 <li class="menu-item mega-menu-title">
  395.                                     <a class="menu-link" href="#"><div>{% trans %}Informations utiles{% endtrans %}</div></a>
  396.                                     <ul class="sub-menu-container">
  397.                                         <li class="menu-item">
  398.                                             <a class="menu-link" href="{{ path('page',{'param0' : 'sejour_cle_en_main', 'param1':'visa_&_formalite_d_entree', 'param2':'km'}) }}">
  399.                                                 <div>
  400.                                                     {% trans %}Visa & formalités d'entrée{% endtrans %}
  401.                                                 </div>
  402.                                             </a>
  403.                                         </li>
  404.                                         <li class="menu-item">
  405.                                             <a class="menu-link" href="{{ path('page',{'param0' : 'sejour_cle_en_main', 'param1':'vols_vers_les_comores', 'param2':'km'}) }}">
  406.                                                 <div>
  407.                                                     {% trans %}Vols vers les Comores{% endtrans %}
  408.                                                 </div>
  409.                                             </a>
  410.                                         </li>
  412.                                         <li class="menu-item">
  413.                                             <a class="menu-link" href="{{ path('page',{'param0' : 'sejour_cle_en_main', 'param1':'banques_&_changes', 'param2':'km'}) }}">
  414.                                                 <div>
  415.                                                     {% trans %}Banques & changes{% endtrans %}
  416.                                                 </div>
  417.                                             </a>
  418.                                         </li>
  420.                                         <li class="menu-item">
  421.                                             <a class="menu-link" href="{{ path('page',{'param0' : 'sejour_cle_en_main', 'param1':'prevention_sante', 'param2':'km'}) }}">
  422.                                                 <div>
  423.                                                     {% trans %}Prévention / Santé{% endtrans %}
  424.                                                 </div>
  425.                                             </a>
  426.                                         </li>
  428.                                         <li class="menu-item">
  429.                                             <a class="menu-link" href="{{ path('page',{'param0' : 'sejour_cle_en_main', 'param1':'consulats_etrangers', 'param2':'km'}) }}">
  430.                                                 <div>
  431.                                                     {% trans %}Consulats étrangers{% endtrans %}
  432.                                                 </div>
  433.                                             </a>
  434.                                         </li>
  436.                                         <li class="menu-item">
  437.                                             <a class="menu-link" href="{{ path('page',{'param0' : 'sejour_cle_en_main', 'param1':'numeros_utiles', 'param2':'km'}) }}">
  438.                                                 <div>
  439.                                                     {% trans %}Numéros utiles{% endtrans %}
  440.                                                 </div>
  441.                                             </a>
  442.                                         </li>
  444.                                     </ul>
  445.                                 </li>
  446.                             </ul>
  447.                         </div>
  448.                     </div>
  449.                 </div>
  450.             </li>
  454.             <li class="menu-item menu-color-lifestyle {% if route_name == 'apropos' %}active{% endif %}"><a class="menu-link" href="{{ path('apropos') }}">
  455.                     <div>
  456.                         {% trans %}À propos{% endtrans %}
  457.                     </div>
  458.                 </a>
  459.             </li>
  460.             <li class="menu-item menu-color-market {% if route_name == 'contact' %}active{% endif %}"><a class="menu-link" href="{{ path('contact') }}">
  461.                     <div>
  462.                         {% trans %}Contact{% endtrans %}
  463.                     </div></a>
  464.             </li>
  465.         </ul>
  467.         {#<!-- Mobile Menu
  468.         ============================================= -->#}
  469.         {% include '_general_includes/_mobilemenu.html.twig' %}
  471.     </nav>{#<!-- #primary-menu end -->#}
  472.     <form class="top-search-form" action="{#search.html#}" method="get">
  473.         <input type="text" name="q" class="form-control" value="" placeholder="{% trans %}Recherche...{% endtrans %}" autocomplete="on">
  474.     </form>
  476. </div>