src/DcSiteBundle/Resources/views/Ford/header.html.twig line 1

Open in your IDE?
  1. <section class="header_top-info">
  2.     <div class="container">
  3.         <div class="row">
  4.             <div class="col-lg-10 col-xl-8 ">
  5.                 <a href="{{ path('ford_contacts') }}" class="header_top-info-link">
  6.                     <svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  7.                         <path d="M12.25 5.83337C12.25 9.91671 7 13.4167 7 13.4167C7 13.4167 1.75 9.91671 1.75 5.83337C1.75 4.44099 2.30312 3.10563 3.28769 2.12106C4.27226 1.1365 5.60761 0.583374 7 0.583374C8.39239 0.583374 9.72774 1.1365 10.7123 2.12106C11.6969 3.10563 12.25 4.44099 12.25 5.83337Z" stroke="#3C3947" stroke-linecap="round" stroke-linejoin="round"/>
  8.                         <path d="M7 7.58337C7.9665 7.58337 8.75 6.79987 8.75 5.83337C8.75 4.86688 7.9665 4.08337 7 4.08337C6.0335 4.08337 5.25 4.86688 5.25 5.83337C5.25 6.79987 6.0335 7.58337 7 7.58337Z" stroke="#3C3947" stroke-linecap="round" stroke-linejoin="round"/>
  9.                     </svg>
  10.                     {{ 'pages.base.short_adress'|trans({},'dc_ford') }}
  11.                 </a>
  12.                 <a href="tel:{{ dealer.phone }}" class="header_top-info-link">
  13.                     <svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  14.                         <path d="M12.8338 9.87002V11.62C12.8345 11.7825 12.8012 11.9433 12.7361 12.0921C12.671 12.241 12.5756 12.3746 12.4559 12.4844C12.3362 12.5943 12.1948 12.6779 12.0409 12.7299C11.887 12.782 11.724 12.8013 11.5622 12.7867C9.76714 12.5916 8.04291 11.9783 6.52799 10.9958C5.11856 10.1002 3.9236 8.90528 3.02799 7.49585C2.04214 5.97405 1.42863 4.24143 1.23716 2.43835C1.22258 2.27704 1.24175 2.11446 1.29345 1.96096C1.34515 1.80747 1.42824 1.66642 1.53744 1.54679C1.64663 1.42717 1.77954 1.3316 1.9277 1.26615C2.07586 1.20071 2.23602 1.16684 2.39799 1.16668H4.14799C4.43109 1.1639 4.70554 1.26415 4.92018 1.44874C5.13483 1.63334 5.27504 1.88969 5.31466 2.17002C5.38852 2.73005 5.5255 3.27994 5.72299 3.80918C5.80147 4.01797 5.81846 4.24488 5.77194 4.46303C5.72541 4.68118 5.61733 4.88141 5.46049 5.04002L4.71966 5.78085C5.55006 7.24125 6.75926 8.45044 8.21966 9.28085L8.96049 8.54002C9.11909 8.38318 9.31933 8.27509 9.53748 8.22857C9.75562 8.18205 9.98253 8.19903 10.1913 8.27752C10.7206 8.475 11.2705 8.61199 11.8305 8.68585C12.1139 8.72582 12.3726 8.86855 12.5576 9.08689C12.7426 9.30522 12.8409 9.58393 12.8338 9.87002Z" stroke="#3C3947" stroke-linecap="round" stroke-linejoin="round"/>
  15.                     </svg>
  16.                     {{ dealer.phone }}
  17.                 </a>
  18.             </div>
  19.             <div class="col-lg-2 col-xl-4 text-right basket_row">
  20.                 <div class="site_btn-enter" id="enterBtn">
  21.                     {% if app.user %}
  22.                         <a class="site_btn-enter-btn --loggedin" target="_blank" href="{{ path('my_profile_dashboard') }}" rel="nofollow">
  23.                             <svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
  24.                                 <path d="M13.3334 14V12.6667C13.3334 11.9594 13.0525 11.2811 12.5524 10.781C12.0523 10.281 11.374 10 10.6667 10H5.33341C4.62617 10 3.94789 10.281 3.4478 10.781C2.9477 11.2811 2.66675 11.9594 2.66675 12.6667V14" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
  25.                                 <path d="M7.99992 7.33333C9.47268 7.33333 10.6666 6.13943 10.6666 4.66667C10.6666 3.19391 9.47268 2 7.99992 2C6.52716 2 5.33325 3.19391 5.33325 4.66667C5.33325 6.13943 6.52716 7.33333 7.99992 7.33333Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
  26.                             </svg>
  27.                             <span class="header_icon-title">{{ app.user.name }}</span>
  28.                         </a>
  29.                     {% else %}
  30.                         <a class="site_btn-enter-btn" href="{{ path('my_login_page') }}?referer={{ app.request.uri }}" rel="nofollow">
  31.                             <svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
  32.                                 <path d="M13.3334 14V12.6667C13.3334 11.9594 13.0525 11.2811 12.5524 10.781C12.0523 10.281 11.374 10 10.6667 10H5.33341C4.62617 10 3.94789 10.281 3.4478 10.781C2.9477 11.2811 2.66675 11.9594 2.66675 12.6667V14" stroke="#2E6785" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
  33.                                 <path d="M7.99992 7.33333C9.47268 7.33333 10.6666 6.13943 10.6666 4.66667C10.6666 3.19391 9.47268 2 7.99992 2C6.52716 2 5.33325 3.19391 5.33325 4.66667C5.33325 6.13943 6.52716 7.33333 7.99992 7.33333Z" stroke="#2E6785" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
  34.                             </svg>
  35.                             <span class="header_icon-title">{{ 'header.login'|trans({}, 'portal_base') }}</span>
  36.                         </a>
  37.                     {% endif %}
  38.                 </div>
  39.                 {% include '@DcSiteBundle/Modules/basket/basket-menu.html.twig' with {href : path('ford_basket') } %}
  40.             </div>
  41.         </div>
  42.     </div>
  43. </section>
  45. <header class="header" id="header">
  46.     <div class="container">
  47.         <div class="row align-items-center">
  48.             <div class="align-items-center brand d-flex mt-0" style="margin-right: 25px;">
  49.                 <a href="{{ path('ford_homepage') }}">
  50.                     <img src="{{ asset('bundles/dcsite/img/ford/logo/ford_logo-new.png') }}" itemprop="logo" alt="{{ dealer }} logo" title="ViDi Cray Motors">
  51.                 </a>
  52.             </div>
  54.             <nav class="menu" id="menu" itemscope="" itemtype="http://www.schema.org/SiteNavigationElement" role="navigation">
  55.                 <div class="d-none d-lg-flex menu-top">
  56.                     <section class="widget qtranxs_widget">
  57.                         <ul class="language-chooser language-chooser-text qtranxs_language_chooser">
  58.                             {% for locale in allowed_locales %}
  59.                                 {% if locale != app.request.getLocale() %}
  60.                                     <li class="lang-ua active">
  61.                                         <a href="{{ absolute_url( path( app.request.attributes.get('_route'), app.request.attributes.get('_route_params')|merge({'_locale': locale}) ) ) }}" hreflang="{% if locale == 'ua' %}uk{% else %}{{ locale }}{% endif %}" title="{{ ('site.locale.'~locale)|trans({},'dc_base') }} ({{ locale }})" class="qtranxs_text qtranxs_text_ua">
  62.                                             <span>
  63.                                                 {{ ('site.locale.'~locale)|trans({},'dc_base') }}</span>
  64.                                         </a>
  65.                                     </li>
  66.                                 {% else %}
  67.                                     <li class="lang-ua">
  68.                                         <a hreflang="{% if locale == 'ua' %}uk{% else %}{{ locale }}{% endif %}" title="{{ ('site.locale.'~locale)|trans({},'dc_base') }} ({{ locale }})" class="qtranxs_text qtranxs_text_ua">
  69.                                             <span>{{ ('site.locale.'~locale)|trans({},'dc_base') }}</span>
  70.                                         </a>
  71.                                     </li>
  72.                                 {% endif %}
  73.                             {% endfor %}
  74.                         </ul>
  75.                         <div class="qtranxs_widget_end"></div>
  77.                     </section>
  78.                     <div class="header-magnets-contacts d-none d-md-flex">
  79.                         <a href="{{ path('ford_service_consultation') }}" class="btn btn-link btn-219">
  80.                             <span class="icomoon icomoon-wheel"></span>
  81.                             {{ 'pages.base.test_drive'|trans({},'dc_ford') }}
  82.                         </a>
  83.                         <a href="{{ path('ford_service_to') }}" class="btn btn-link btn-244">
  84.                             <span class="icomoon icomoon-spanner"></span>
  85.                             {{ 'pages.base.service_form'|trans({}, 'dc_ford') }}
  86.                         </a>
  87.                         <div class="contacts-phone">
  88.                             <span class="contacts-ico-phone"></span>
  89.                             <div class="phone-toggle">
  90.                                 <button type="button" class="btn btn-default dropdown-toggle header-phone-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  91.                                     {{ 'pages.about_us.contacts.contact_tel'|trans({},'dc_ford') }}<span class="caret"></span>
  92.                                 </button>
  93.                                 <ul class="dropdown-menu">
  94.                                     <li class="head-service-phone">
  95.                                         <span class="title-phone">{{ 'pages.departments.dept_1'|trans({},'dc_base') }}</span>
  96.                                         <a href="tel:{{ dealer.phone }}">
  97.                                             <span class="contacts-ico-phone"></span>
  98.                                             {{ dealer.phone }}
  99.                                         </a>
  100.                                     </li>
  101.                                     <li>
  102.                                         <span class="title-phone">{{ 'pages.departments.dept_2'|trans({},'dc_base') }}</span>
  103.                                         <a href="tel:{{ dealer.phoneService }}">
  104.                                             <span class="contacts-ico-phone"></span>
  105.                                             {{ dealer.phoneService }}
  106.                                         </a>
  107.                                     </li>
  108.                                 </ul>
  109.                             </div>
  110.                         </div>
  111.                     </div>
  112.                 </div>
  113.                 <hr class="d-none d-lg-block">
  115.                 <div class="navbar navbar-expand-lg menu-bottom">
  116.                     <div class="d-flex d-lg-none w-100 justify-content-end align-items-center navbar-light btn-mob-wrapp">
  117.                         <section class="widget qtranxs_widget">
  118.                             <ul class="language-chooser language-chooser-text qtranxs_language_chooser">
  119.                                 <li>
  120.                                     {% include '@DcSiteBundle/Modules/basket/basket-menu.html.twig' with {href : path('ford_basket') } %}
  121.                                 </li>
  122.                             </ul>
  123.                             <div class="qtranxs_widget_end"></div>
  124.                         </section>
  125.                         <a class="navbar-toggler" href="{{ path('ford_list_cars') }}">
  126.                             <span class="sr-only">Toggle navigation</span>
  127.                             <span class="icon-car"></span>
  128.                         </a>
  129.                         <a target="_blank" href="viber://pa?chatURI=ford_mg_vidi" class="viber-bot-header header_top-info-link">
  130.                             <svg width="37" height="35" viewBox="0 0 50 50" xmlns="http://www.w3.org/2000/svg">
  131.                                 <path d="M 24.425781 3 C 23.0625 3.007813 21.695313 3.089844 20.316406 3.257813 C 17.679688 3.582031 15.066406 4.121094 12.558594 5.273438 C 8.570313 7.105469 5.742188 10.214844 4.921875 14.734375 C 4.574219 16.640625 4.292969 18.574219 4.132813 20.519531 C 3.824219 24.296875 4.015625 28.085938 5.085938 31.808594 C 5.929688 34.742188 7.484375 37.378906 10.207031 39.089844 C 11.359375 39.8125 12.878906 40.164063 13.671875 40.53125 C 13.894531 40.636719 13.949219 40.699219 13.960938 40.714844 C 13.972656 40.726563 14.003906 40.753906 14 40.988281 C 13.972656 43.378906 14 48.003906 14 48.003906 L 14.003906 49 L 15.789063 49 L 16.078125 48.71875 C 16.078125 48.71875 20.613281 44.355469 22.253906 42.558594 C 22.550781 42.238281 22.703125 42.058594 22.734375 42.039063 C 22.761719 42.019531 22.714844 42.007813 23.019531 42 C 25.171875 41.957031 27.320313 41.875 29.46875 41.757813 C 32.300781 41.601563 35.1875 41.332031 37.964844 40.171875 C 40.382813 39.160156 42.402344 37.507813 43.625 35.03125 C 44.875 32.492188 45.542969 29.800781 45.792969 27.015625 C 46.207031 22.378906 46.0625 17.734375 44.78125 13.15625 C 44.027344 10.472656 42.511719 8.203125 40.1875 6.601563 C 37.40625 4.6875 34.269531 3.96875 31.199219 3.511719 C 29.40625 3.246094 27.601563 3.070313 25.789063 3.015625 C 25.335938 3.003906 24.882813 2.996094 24.425781 3 Z M 25.734375 5.015625 C 27.457031 5.0625 29.179688 5.230469 30.90625 5.488281 C 33.867188 5.929688 36.660156 6.601563 39.054688 8.25 C 40.996094 9.585938 42.207031 11.390625 42.855469 13.691406 C 44.050781 17.972656 44.203125 22.359375 43.800781 26.839844 C 43.570313 29.421875 42.957031 31.855469 41.828125 34.148438 C 40.832031 36.171875 39.277344 37.457031 37.191406 38.328125 C 34.769531 39.339844 32.136719 39.609375 29.363281 39.761719 C 27.238281 39.878906 25.109375 39.957031 22.980469 40 C 22.445313 40.011719 21.921875 40.152344 21.550781 40.425781 C 21.179688 40.699219 21.011719 40.953125 20.78125 41.203125 C 19.609375 42.484375 17.273438 44.738281 16 45.972656 C 15.992188 44.480469 15.980469 42.675781 16 41.011719 C 16.007813 40.5 15.890625 39.976563 15.597656 39.5625 C 15.304688 39.148438 14.902344 38.898438 14.515625 38.71875 C 13.386719 38.195313 11.910156 37.796875 11.269531 37.394531 C 9.03125 35.988281 7.761719 33.878906 7.007813 31.253906 C 6.019531 27.820313 5.832031 24.285156 6.125 20.6875 C 6.28125 18.820313 6.550781 16.949219 6.890625 15.09375 C 7.601563 11.183594 9.835938 8.722656 13.390625 7.089844 C 15.636719 6.058594 18.035156 5.550781 20.5625 5.242188 C 22.285156 5.03125 24.007813 4.964844 25.734375 5.015625 Z M 26.15625 10 C 25.332031 10 24.53125 10.09375 23.753906 10.265625 C 23.21875 10.390625 22.878906 10.925781 23 11.464844 C 23.121094 12.003906 23.660156 12.339844 24.199219 12.21875 C 24.828125 12.074219 25.484375 12 26.15625 12 C 31.039063 12 34.976563 15.9375 34.976563 20.816406 C 34.976563 21.492188 34.902344 22.148438 34.757813 22.78125 C 34.636719 23.316406 34.972656 23.855469 35.511719 23.976563 C 36.050781 24.097656 36.585938 23.757813 36.707031 23.21875 C 36.882813 22.445313 36.976563 21.644531 36.976563 20.816406 C 36.976563 14.855469 32.121094 10 26.15625 10 Z M 16.179688 12.003906 C 16.015625 11.996094 15.847656 12.007813 15.671875 12.046875 C 13.855469 12.449219 12.050781 13.765625 12 16.117188 C 12.050781 16.445313 12.046875 16.796875 12.167969 17.09375 C 12.761719 18.546875 13.277344 20.046875 14.019531 21.421875 C 17.632813 28.101563 23.097656 32.746094 30.0625 35.695313 C 30.894531 36.046875 31.753906 36.121094 32.59375 35.769531 C 33.75 35.289063 34.730469 34.546875 35.382813 33.480469 C 36.277344 32.015625 36.289063 31 34.816406 29.917969 C 33.851563 29.207031 32.902344 28.476563 31.925781 27.78125 C 30.4375 26.726563 28.828125 26.542969 27.71875 28.394531 C 27.660156 28.488281 27.574219 28.566406 27.5 28.644531 C 26.929688 29.25 26.230469 29.398438 25.488281 29.09375 C 22.671875 27.933594 20.496094 26.0625 19.183594 23.277344 C 18.410156 21.640625 18.621094 20.820313 20.066406 19.730469 C 20.210938 19.625 20.347656 19.511719 20.480469 19.390625 C 21.113281 18.8125 21.28125 18.125 20.90625 17.347656 C 20.058594 15.574219 18.929688 13.992188 17.5 12.628906 C 17.113281 12.261719 16.671875 12.03125 16.179688 12.003906 Z M 26.140625 13 C 25.699219 13 25.261719 13.035156 24.832031 13.109375 C 24.46875 13.15625 24.160156 13.398438 24.027344 13.738281 C 23.894531 14.082031 23.960938 14.46875 24.195313 14.75 C 24.433594 15.027344 24.808594 15.15625 25.167969 15.078125 C 25.480469 15.027344 25.808594 15 26.140625 15 C 29.390625 15 32 17.609375 32 20.859375 C 32 21.191406 31.972656 21.519531 31.921875 21.832031 C 31.84375 22.191406 31.972656 22.566406 32.25 22.804688 C 32.53125 23.039063 32.917969 23.105469 33.261719 22.972656 C 33.601563 22.839844 33.84375 22.53125 33.890625 22.167969 C 33.964844 21.738281 34 21.300781 34 20.859375 C 34 16.53125 30.46875 13 26.140625 13 Z M 26 16 C 25.640625 15.996094 25.304688 16.183594 25.121094 16.496094 C 24.941406 16.808594 24.941406 17.191406 25.121094 17.503906 C 25.304688 17.816406 25.640625 18.003906 26 18 C 27.667969 18 29 19.332031 29 21 C 28.996094 21.359375 29.183594 21.695313 29.496094 21.878906 C 29.808594 22.058594 30.191406 22.058594 30.503906 21.878906 C 30.816406 21.695313 31.003906 21.359375 31 21 C 31 18.25 28.75 16 26 16 Z"></path>
  132.                             </svg>
  133.                         </a>
  134.                         <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-collapse-header" aria-controls="navbar-collapse-header" aria-expanded="false" data-parent="#menu">
  135.                             <span class="sr-only">Toggle navigation</span>
  136.                             <span class="icon-bar"></span>
  137.                             <span class="icon-bar"></span>
  138.                             <span class="icon-bar"></span>
  139.                         </button>
  140.                     </div>
  141.                     {% include '@DcSiteBundle/Ford/menu.html.twig' %}
  142.                 </div>
  143.             </nav>
  144.             <div class="brand vidi-logo d-none d-md-block mt-0" style="margin-left: 25px;">
  145.                 <a href="{{ path('ford_homepage') }}">
  146.                     <img src="{{ asset('bundles/dcsite/img/logo-vidi-big.jpg') }}" alt="">
  147.                 </a>
  148.             </div>
  149.         </div>
  150.     </div>
  151. </header>