templates/front/_common/_header.html.twig line 1

Open in your IDE?
  1. <header class="header">
  2.     <div class="headerWrapper wanchoPrimary">
  3.         <a href="{{ path('home') }}" class="header-logo">
  4.             <img src="{{ asset(info.headerLogo|image_path) }}" width="206" alt="">
  5.         </a>
  6.         <div class="menu-list">
  7.             <ul class="menu-menu-principal">
  8.                 <li class="menu-item">
  9.                     <a href="{{ path('about_us') }}">Empresa</a>
  10.                 </li>
  11.                 <li class="menu-item">
  12.                     <a href="{{ path('trucks') }}">Camiones</a>
  13.                 </li>
  14.                 <li class="menu-item g_projects">
  15.                     <a href="{{ path('after_sales') }}">Postventa</a>
  16.                     <section class="headerProjects">
  17.                         <div class="headerProjectsWrapper">
  18.                             <div class="headerProjectsContent wanchoSecondary">
  19.                                 <div class="headerProjectsLeft">
  20.                                     <div class="headerProjectsLeftContentTab" data-tab="0">
  21.                                         <a href="{{ path('spare_parts') }}" class="headerProjectItem">
  22.                                             <div class="headerProjectItemBox">
  23.                                                 <picture class="headerProjectItemPicture">
  24.                                                     <img src="{{ asset(info.headerLogoSpareParts|image_path) }}" width="408" alt="{{ info.headerLogoSpareParts|image_alt }}">
  25.                                                 </picture>
  26.                                                 <div class="headerProjectItemTitle">
  27.                                                     Repuestos
  28.                                                 </div>
  29.                                                 <div class="headerProjectItemButton">
  30.                                                     <div class="buttonStandard border icon">
  31.                                                         <span>Más información</span><i class="icon-iconos-6"></i>
  32.                                                     </div>
  33.                                                 </div>
  34.                                             </div>
  35.                                         </a>
  36.                                         <a href="{{ path('services') }}" class="headerProjectItem">
  37.                                             <div class="headerProjectItemBox">
  38.                                                 <picture class="headerProjectItemPicture">
  39.                                                     <img src="{{ asset(info.headerLogoServices|image_path) }}" width="408" alt="{{ info.headerLogoServices|image_alt }}">
  40.                                                 </picture>
  41.                                                 <div class="headerProjectItemTitle">
  42.                                                     Servicios
  43.                                                 </div>
  44.                                                 <div class="headerProjectItemButton">
  45.                                                     <div class="buttonStandard border icon">
  46.                                                         <span>Más información</span><i class="icon-iconos-6"></i>
  47.                                                     </div>
  48.                                                 </div>
  49.                                             </div>
  50.                                         </a>
  51.                                     </div>
  52.                                 </div>
  53.                                 <div class="headerProjectsRight">
  54.                                     <ul>
  55.                                         {% for item in headerServices %}
  56.                                             {% set serviceLink = item.externalOpen ? item.externalLink : path('service', {'slug': item.slug}) %}
  57.                                             {% set serviceTarget = item.externalOpen ? item.externalTarget|url_target : '_self' %}
  58.                                             <li>
  59.                                                 <a class="headerProjectsRightLink" href="{{ serviceLink }}" target="{{ serviceTarget }}">{{ item.title }}</a>
  60.                                             </li>
  61.                                         {% endfor %}
  62.                                     </ul>
  63.                                 </div>
  64.                             </div>
  65.                         </div>
  66.                     </section>
  67.                 </li>
  68.                 {% if info.showBlog %}
  69.                     <li class="menu-item">
  70.                         <a href="{{ info.socialBlogLink }}">Noticias</a>
  71.                     </li>
  72.                 {% endif %}
  73.                 <li class="menu-item">
  74.                     <a href="{{ path('quotation') }}">Cotizar</a>
  75.                 </li>
  76.             </ul>
  77.         </div>
  78.         <div class="headerLinks">
  79.             <a href="{{ path('network') }}" class="headerLinkItem">
  80.                 <img src="{{ asset('assets/images/Map.svg') }}" width="22" alt="">
  81.                 <span>Red de atención</span>
  82.             </a>
  83.             <div class="headerLinkItem">
  84.                 <img src="{{ asset('assets/images/Word.svg') }}" width="22" alt="">
  85.                 <span>Perú</span>
  86.             </div>
  87.             <a href="{{ path('contact') }}" class="headerLinkItem">
  88.                 <img src="{{ asset('assets/images/Contact.svg') }}" width="22" alt="">
  89.                 <span>Contáctanos</span>
  90.             </a>
  91.         </div>
  92.     </div>
  93. </header>
  94. <div class="headerOpen">
  95.     <div class="menu-mobile-open icon-menu-verde">
  96.         <span></span>
  97.         <span></span>
  98.         <span></span>
  99.     </div>
  100. </div>
  101. <!-- contenedor del menu responsive -->
  102. <div class="menu-sidebar" data-menu="right-in">
  103.     <div class="menu-sidebar-cnt">
  104.     </div>
  105. </div>
  106. <div class="menu_overlay"></div>
  107. <!-- html solo para el menu responsive -->