templates/web/header.html.twig line 1

Open in your IDE?
  1. <nav id="top-nav" class="top-nav">
  2.     <div class="container">
  3.         <div class="wrapper wrapper--s-b wrapper--center-y">
  4.            <a href="{{ path('web_root') }}" class="link-home">
  5.                 <div class="img-wrap logo">
  6.                     {#  {% include '@web/components/picture.html.twig'
  7.                         with { 'mediaObject': page.primaryImage }
  8.                     %}#}
  9.                     <img src="{{ asset('assets/images/ptc_logo_B.png') }}" alt="Pilote Travaux Conseils">
  10.                 </div>
  11.             </a>
  13.             {# Pour activer la class active sur le menu dropdown #}
  14.             {% set service = '' %}
  15.             {% if app.request.get('_route') == 'web_prestation_show' %}
  16.                 {% if article %}
  17.                     {% set service = article.slug %}
  18.                 {% endif %}
  19.             {% endif %}
  21.             <ul class="nav">
  22.                 {# <li class="nav__item {{ app.request.get('_route') == 'web_projects_list' ? 'active' }}">
  23.                     <a href="{{ path('web_projects_list') }}" class="nav__link">
  24.                         <span>références</span>
  25.                     </a>
  26.                 </li> #}
  27.                 <li class="nav__item nav-dropdown {{ app.request.get('_route') == 'web_prestations_list' ? 'active' }} {{ app.request.get('_route') == 'web_prestation_show' ? 'active' }}">
  28.                     <a href="{{ path('web_prestations_list') }}" class="nav__link nav-dropdown-toggle">prestations</a>
  29.                     <ul class="nav-dropdown-menu" id="top-nav-dropdown">
  30.                         {# <li class="nav-dropdown-menu__item {{ app.request.get('_route') == 'web_prestations_list' ? 'active' }}">
  31.                             <a href="{{ path('web_prestations_list') }}" class="nav-dropdown-menu__link">
  32.                                 <span>nos prestations</span>
  33.                             </a>
  34.                         </li> #}
  35.                         <li class="nav-dropdown-menu__item {{ service == 'contractance-generale' ? 'active' }}">
  36.                             <a href="{{ path('web_prestation_show', {'slug': 'contractance-generale' }) }}"
  37.                                class="nav-dropdown-menu__link">Contractance générale</a>
  38.                         </li>
  39.                         {#<li class="nav-dropdown-menu__item {{ service == 'opc' ? 'active' }}">
  40.                             <a href="{{ path('web_prestation_show', {'slug': 'opc' }) }}"
  41.                                class="nav-dropdown-menu__link">OPC</a>
  42.                         </li>#}
  43.                         {# <li class="nav-dropdown-menu__item {{ service == 'csps' ? 'active' }}">
  44.                             <a href="{{ path('web_prestation_show', {'slug': 'csps' }) }}"
  45.                                class="nav-dropdown-menu__link">CSPS</a>
  46.                         </li> #}
  47.                         <li class="nav-dropdown-menu__item {{ service == 'maitre-doeuvre' ? 'active' }}">
  48.                             <a href="{{ path('web_prestation_show', {'slug': 'maitre-doeuvre' }) }}"
  49.                                class="nav-dropdown-menu__link">Maître d'œuvre</a>
  50.                         </li>
  51.                     </ul>
  53.                 </li>
  55.                 <li class="nav__item {{ app.request.get('_route') == 'web_about' ? 'active' }}">
  56.                     <a href="{{ path('web_about') }}" class="nav__link">
  57.                         <span>Notre équipe</span>
  58.                     </a>
  59.                 </li>
  60.                 <li class="nav__item {{ app.request.get('_route') == 'web_tarification' ? 'active' }}">
  61.                     <a href="{{ path('web_tarification') }}" class="nav__link">
  62.                         <span>tarification</span>
  63.                     </a>
  64.                 </li>
  66.                 {# Ne s'affiche que si il y a des articles#}
  67.                 {% if meta_data.blogArticlesCount > 0 %}
  68.                     {# <li class="nav__item {{ app.request.get('_route') == 'web_news_list' ? 'active' }}">
  69.                         <a href="{{ path('web_news_list') }}" class="nav__link">
  70.                             <span>actualités</span>
  71.                         </a>
  72.                     </li> #}
  73.                 {% endif %}
  75.                 <li class="nav__item {{ app.request.get('_route') == 'web_contact' ? 'active' }}">
  76.                     <a href="{{ path('web_contact') }}" class="nav__link nav__link--contact">
  77.                         <span class="svg-wrap">
  78.                             <svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 26 19.55" style="enable-background:new 0 0 26 19.55;" xml:space="preserve">
  79.                                 <g>
  80.                                 <path style="" d="M22.998,15.28c-0.434-0.486-1.074-1.325-1.513-1.807l-3.684-4.052c-0.214-0.213-0.147-0.46,0-0.672
  81.                                     c0.232-0.336,0.943-0.84,1.448-1.253l2.736-2.238c0.504-0.412,1.167-1.087,1.611-1.31c0.445-0.223,0.426,1.02,0.427,1.671
  82.                                     l0.024,9.665C24.047,16.247,23.488,15.83,22.998,15.28 M14.346,10.039c-0.504,0.413-1.051,1-1.331,1
  83.                                     c-0.28,0.001-0.837-0.572-1.343-0.983L3.734,3.617C3.228,3.207,2.356,2.381,2.789,2.16c0.313-0.161,0.86-0.158,0.86-0.158h18.654
  84.                                     c1.679,0,0.825,0.83,0.825,0.83L14.346,10.039z M4.512,13.473C4.074,13.955,3.433,14.793,3,15.28
  85.                                     c-0.488,0.55-1.047,0.967-1.047,0.004l0.021-9.665c0.002-0.652-0.016-1.894,0.429-1.671c0.165,0.083,0.392,0.255,0.699,0.563
  86.                                     L6.75,7.496C7.255,7.909,7.965,8.414,8.197,8.75c0.147,0.212,0.214,0.458,0.002,0.671L4.512,13.473z M3.747,17.549
  87.                                     c-1.768,0-0.029-1.794-0.029-1.794L8.226,10.8c0.439-0.481,1.285-1.213,1.78-0.809c0.494,0.403,1.155,1.221,1.615,1.682
  88.                                     l0.932,0.933c0.5,0.442,0.885,0,0.885,0l0.954-0.94c0.464-0.457,1.128-1.255,1.623-1.626c0.496-0.371,1.339,0.335,1.776,0.817
  89.                                     l4.482,4.953c1.769,1.739,0.028,1.739,0.028,1.739H3.747z"></path>
  90.                             </g>
  91.                             </svg>
  92.                         </span>
  93.                     </a>
  94.                     <a href="/contact" class="nav__link nav__link--contact-text">
  95.                         <span>contact</span>
  96.                     </a>
  97.                 </li>
  98.             </ul>
  99.             <div class="rs-wrapper">
  100.                 <div class="rs-wrap">
  101.                     <a href="#">
  102.                         <svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg"
  103.                              xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
  104.                              viewBox="0 0 33 33" style="enable-background:new 0 0 33 33;" xml:space="preserve">
  105.                     <g>
  106.                         <path style="" d="M20.418,10.739h-0.233c-0.565,0.001-1.128-0.014-1.693,0.005c-0.773,0.027-1.345,0.323-1.372,1.287
  107.                             c-0.019,0.705-0.027,2.328-0.027,2.328s1.815,0.003,2.606,0c0.2,0,0.401,0,0.625,0c-0.146,1.123-0.285,2.202-0.428,3.291h-2.781
  108.                             v8.221h-3.409v-8.234h-2.79v-3.275h2.806v-0.247c-0.001-0.659-0.014-1.317,0.002-1.975c0.011-0.42,0.029-0.846,0.102-1.259
  109.                             c0.175-0.999,0.635-1.845,1.472-2.448c0.731-0.524,1.567-0.739,2.451-0.757c0.578-0.013,1.158,0.015,1.736,0.041
  110.                             c0.314,0.015,0.63,0.059,0.931,0.089V10.739z M16.5,1C7.94,1,1,7.94,1,16.5S7.94,32,16.5,32S32,25.06,32,16.5S25.06,1,16.5,1"/>
  111.                     </g>
  112.                 </svg>
  113.                     </a>
  114.                 </div>
  115.                 <p class="mentions-link">
  116.                     <a href="#">Mentions Légales</a>
  117.                 </p>
  118.                 <p class="copyright">
  119.                     Pilote Travaux Conseils @ {{ "now"|date('Y') }}
  120.                 </p>
  121.             </div>
  122.         </div>
  123.     </div>
  124. </nav>
  126. <div class="nav-responsive">
  127.     <div class="block-container">
  128.         <div class="wrapper wrapper--s-b wrapper--center-y">
  129.             <a href="{{ path('web_root') }}" class="link-home">
  130.                 <div class="img-wrap logo">
  131.                     {#{% include '@web/components/picture.html.twig'
  132.                         with { 'mediaObject': page.primaryImage } %}#}
  134.                     <img src="{{ asset('assets/images/ptc_logo_B.png') }}" alt="Pilote Travaux Conseils">
  135.                 </div>
  136.             </a>
  137.             <button class="btn-burger" id="btn-burger">
  138.                 <span class="line"></span>
  139.                 <span class="line"></span>
  140.                 <span class="line"></span>
  141.             </button>
  142.         </div>
  143.     </div>
  144. </div>