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

Open in your IDE?
  1. <div class="header-panel">
  2.     <div class="container header-panel__inner">
  3.         <div class="h-contacts d-none d-lg-flex">
  4.             <p>
  5.                 <svg class="svg-icon" role="presentation"><use xlink:href="#icon-map"></use></svg>
  6.                 {% if app.request.locale == 'ru' %}
  7.                     {{ dealer.addressRu }}
  8.                 {% else %}
  9.                     {{ dealer.addressUa }}
  10.                 {% endif %}
  11.             </p>
  12.             <p>
  13.                 <svg class="svg-icon" role="presentation"><use xlink:href="#icon-phone"></use></svg>
  14.                 <a href="tel:{{ dealer.phone }}">{{ dealer.phone }}</a>
  15.             </p>
  16.         </div>
  18.         <div class="site-ops">
  19.             {% if not isSubdomainShop %}
  20.             {% for locale in allowed_locales %}
  21.                 {% if locale != app.request.getLocale() %}
  22.                     {% if app.request.getLocale() == 'ru' %}
  23.                         <span class="site-ops__item">
  24.                             <a href="{{ absolute_url(
  25.                                     path(
  26.                                         app.request.attributes.get('_route'),
  27.                                         app.request.attributes.get('_route_params')|merge({'_locale': locale})
  28.                                     )
  29.                                 ) }}"
  30.                                 hreflang="{% if locale == 'ua' %}uk{% else %}{{ locale }}{% endif %}"
  31.                                 title="{{ ('site.locale.'~locale)|trans({},'dc_base') }} ({{ locale }})">
  32.                                 <svg class="svg-icon" role="presentation"><use xlink:href="#icon-global"></use></svg>
  33.                                 {{ ('site.locale.'~locale)|trans({},'dc_base') }}
  34.                             </a>
  35.                         </span>
  36.                     {% endif %}
  37.                 {% endif %}
  38.             {% endfor %}
  39.             {% endif %}
  41.             <div class="h-contacts d-lg-none text-center">
  42.                 <a href="tel:{{ dealer.phone }}">
  43.                     <svg class="svg-icon" role="presentation"><use xlink:href="#icon-phone"></use></svg>
  44.                     {{ dealer.phone }}
  45.                 </a>
  46.             </div>
  48.             <span class="site-ops__item text-right">
  49.                 {% if app.user %}
  50.                     <a class="--loggedin" href="{{ path('my_profile_dashboard') }}" target="_blank" rel="nofollow">
  51.                         <svg class="svg-icon" role="presentation"><use xlink:href="#icon-user"></use></svg>
  52.                         <span class="header_icon-title">{{ app.user.name }}</span>
  53.                     </a>
  54.                 {% else %}
  55.                     <a href="{{ path('my_login_page') }}?referer={{ app.request.uri }}" rel="nofollow">
  56.                         <svg class="svg-icon" role="presentation"><use xlink:href="#icon-user"></use></svg>
  57.                         <span class="header_icon-title">{{ 'header.sign_in'|trans({}, 'dc_morris') }}</span>
  58.                     </a>
  59.                 {% endif %}
  60.             </span>
  62.             {% include '@DcSiteBundle/Modules/basket/basket-menu.html.twig' with {href : path('mg_basket') } %}
  63.             <a target="_blank" href="viber://pa?chatURI=ford_mg_vidi" class="viber-bot-header header_top-info-link">
  64.                 <svg width="37" height="35" viewBox="0 0 50 50" xmlns="http://www.w3.org/2000/svg">
  65.                     <path fill="white" 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>
  66.                 </svg>
  67.             </a>
  68.         </div>
  69.     </div>
  70. </div>
  71. <header class="header sticky-top">
  72.     <div class="container header__inner">
  73.         <a href="{{ path('mg_homepage') }}" class="logo">
  74.             <img class="d-none d-xl-block" src="{{ asset( '/bundles/dcsite/img/morris_garage/logo.png' ) }}" alt="Morris Garages" />
  75.             <img class="d-xl-none" src="{{ asset( '/bundles/dcsite/img/morris_garage/logo-s.png' ) }}" alt="Morris Garages" />
  76.         </a>
  78.         <nav class="main-nav">
  79.             <div class="container">
  80.                 <ul class="main-menu">
  81.                     <li class="main-menu__item">
  82.                         <a href="#" class="main-menu__link --drop">{{ 'nav.models_title'|trans({}, 'dc_morris') }}</a>
  83.                         <div class="main-menu__drop">
  84.                             <div class="container nav-car-content">
  85.                                 <ul class="nav-car-list">
  86.                                     {% for car in newVehicles %}
  87.                                     <li class="nav-car-list__item {{ loop.index == 1 ? '--active' : '' }}">
  88.                                         <div class="nav-car-list__photo">
  89.                                             <img src="{{ sonata_path(car.preview, 'small') }}" alt="{{ car.fullName }}" />
  90.                                         </div>
  92.                                         <div class="nav-car-list__content">
  93.                                             <div class="nav-car-list__title">{{ car.fullName }}</div>
  95.                                             <p class="nav-car-list__descr">
  96.                                                 {% if car.price | price  %}
  97.                                                     <b class="card-car-price">{{ 'car.price.from'|trans({}, 'dc_morris') }} {{ car.price | price }} {{ 'car.price.currency_hrn'|trans({}, 'dc_morris') }} </b>
  98.                                                 {% else %}
  99.                                                     <b class="card-car-price">{{ 'car.price.precise_price'|trans({}, 'dc_morris') }}</b>
  100.                                                 {% endif %}
  101.                                             </p>
  103.                                           <a href="{{ path('mg_card_car', {'car': car.url}) }}" class="btn d-lg-none nav-car-list__link">{{ 'btn.go_to'|trans({}, 'dc_morris') }}</a>
  104.                                        </div>
  106. {#                                        <div class="nav-car-list__content">#}
  107. {#                                            <div class="nav-car-list__title">{{ car.fullName }}</div>#}
  108. {#                                            <p class="nav-car-list__descr">{{ 'car.price.from'|trans({}, 'dc_morris') }} {{ car.price | price }} грн</p>#}
  109. {#                                            <a href="{{ path('mg_card_car', {'car': car.url}) }}" class="btn d-lg-none nav-car-list__link">{{ 'btn.go_to'|trans({}, 'dc_morris') }}</a>#}
  110. {#                                        </div>#}
  113.                                     </li>
  114.                                     {% endfor %}
  115.                                 </ul>
  117.                                 {% for car in newVehicles %}
  118.                                 <div class="nav-car-content__active-car" style="display: {{ loop.index == 1 ? 'flex' : 'none' }};">
  119.                                     <div class="nav-car-content__descr-col">
  120.                                         <div class="nav-car-content__photo">
  121.                                             <a href="{{ path('mg_card_car', {'car': car.url}) }}"><img src="{{ sonata_path(car.preview, 'big') }}" alt="{{ car.fullName }}" alt="{{ car.fullName }}" /></a>
  122.                                         </div>
  124.                                         <div class="nav-car-content__info ">
  125.                                             <div class="name_and_status-flex">
  126.                                             <div class="nav-car-content__title m-0"><a href="{{ path('mg_card_car', {'car': car.url}) }}">{{ car.fullName }}</a></div>
  128.                                             {% if  car.preOrder %}
  129.                                                 <span class="car_status_is_new">{{ 'pages.car.is_pre_order'|trans({}, 'dc_base') }}</span>
  130.                                             {% elseif  car.new %}
  131.                                                 <span class="car_status_is_new">{{ 'pages.car.status_is_new'|trans({}, 'dc_base') }}</span>
  132.                                             {% endif %}
  133.                                             </div>
  134.                                             <div class="nav-car-content__descr-text">
  135.                                                 <p>{{ car.slogan(app.request.locale) }}</p>
  136.                                             </div>
  138.                                             {# <ul class="nav-car-characteristics">
  139.                                                 <li class="nav-car-characteristics__item">
  140.                                                     <div class="nav-car-characteristics__icon">
  141.                                                         <span class="icon-fuel"></span>
  142.                                                     </div>
  143.                                                     <p>до 6.9 л/100км*</p>
  144.                                                 </li>
  145.                                                 <li class="nav-car-characteristics__item">
  146.                                                     <div class="nav-car-characteristics__icon">
  147.                                                         <span class="icon icon-co"></span>
  148.                                                     </div>
  149.                                                     <p>до 182 г/км</p>
  150.                                                 </li>
  151.                                                 <li class="nav-car-characteristics__item">
  152.                                                     <div class="nav-car-characteristics__icon">
  153.                                                         <span class="icon icon-seat"></span>
  154.                                                     </div>
  155.                                                     <p>{{ car.seatsCount }} {{ 'car.options.seating'|trans({}, 'dc_morris') }}</p>
  156.                                                 </li>
  157.                                                 <li class="nav-car-characteristics__item">
  158.                                                     <div class="nav-car-characteristics__icon">
  159.                                                         <span class="icon icon-baggage"></span>
  160.                                                     </div>
  161.                                                     <p>900 {{ 'car.options.liters'|trans({}, 'dc_morris') }}</p>
  162.                                                 </li>
  163.                                             </ul> #}
  164.                                         </div>
  165.                                     </div>
  167.                                     <div class="nav-car-content__side-col">
  169.                                         <div class="nav-car-price">
  170.                                         {% if car.price | price  %}
  171.                                             <b class="card-car-price">{{ 'car.price.from'|trans({}, 'dc_morris') }} {{ car.price | price }} {{ 'car.price.currency_hrn'|trans({}, 'dc_morris') }} </b>
  172.                                         {% else %}
  173.                                             <b class="card-car-price">{{ 'car.price.precise_price'|trans({}, 'dc_morris') }}</b>
  174.                                         {% endif %}
  175.                                         </div>
  177. {#                                        <div class="nav-car-price">#}
  178. {#                                            {{ 'car.price.from'|trans({}, 'dc_morris') }}#}
  179. {#                                            <span>{{ car.price | price }} {{ 'car.price.currency_hrn'|trans({}, 'dc_morris') }}</span>#}
  180. {#                                        </div>#}
  182.                                         <ul class="nav-car-menu">
  183.                                             <li>
  184.                                                 <a href="{{ path('mg_card_car', {'car': car.url}) }}">{{ 'nav.car.overview'|trans({}, 'dc_morris') }}</a>
  185.                                             </li>
  186.                                             <li>
  187.                                                 <a href="{{ path('mg_card_car', {'car': car.url}) }}#overview">{{ 'nav.car.features'|trans({}, 'dc_morris') }}</a>
  188.                                             </li>
  189.                                             <li>
  190.                                                 <a href="{{ path('mg_card_car', {'car': car.url}) }}#about">{{ 'nav.car.about'|trans({}, 'dc_morris') }}</a>
  191.                                             </li>
  192.                                             <li>
  193.                                                 <a href="{{ path('mg_card_car', {'car': car.url}) }}#accessories-block">{{ 'nav.car.accessories'|trans({}, 'dc_morris') }}</a>
  194.                                             </li>
  195.                                             <li>
  196.                                                 <a href="{{ path('mg_card_car_configuraion', {car: car.url}) }}#th">{{ 'nav.car.characteristics'|trans({}, 'dc_morris') }}</a>
  197.                                             </li>
  198.                                             <li>
  199.                                                 <a href="{{ path('mg_card_car_configuraion', {car: car.url}) }}#compare">{{ 'nav.car.configuration'|trans({}, 'dc_morris') }}</a>
  200.                                             </li>
  201.                                             <li>
  202.                                                 <a href="{{ path('mg_card_car_configuraion', {car: car.url}) }}#prices">{{ 'nav.car.prices'|trans({}, 'dc_morris') }}</a>
  203.                                             </li>
  204.                                         </ul>
  206.                                         <a href="{{ path('mg_service_testdrive_form') }}" class="btn">{{ 'btn.testDrive'|trans({}, 'dc_morris') }}</a>
  207.                                         <a href="{{ path('mg_card_car', {'car': car.url}) }}" class="btn btn-outline-primary">{{ 'btn.find_out_more'|trans({}, 'dc_morris') }}</a>
  208.                                     </div>
  209.                                 </div>
  210.                                 {% endfor %}
  211.                             </div>
  212.                         </div>
  213.                     </li>
  214.                     <li class="main-menu__item">
  215.                         <a href="{{ path('mg_car_stock') }}" class="main-menu__link">{{ 'nav.auto_in_stock'|trans({}, 'dc_morris') }}</a>
  216.                     </li>
  217.                     <li class="main-menu__item">
  218.                         <a href="#" class="main-menu__link --drop">{{'header.nav.used'|trans({}, 'dc_opel')}}</a>
  219.                         <div class="main-menu__drop">
  220.                             <div class="container">
  221.                                 <ul class="submenu">
  222.                                     <li class="submenu__item">
  223.                                         <a href="{{ path('mg_used_car_catalog') }}" class="submenu__link">{{ 'pages.base.used_cars.catalog'|trans({}, 'dc_ford') }}</a>
  224.                                     </li>
  225.                                     <li class="submenu__item">
  226.                                         <a href="{{ path('mg_select_page') }}" class="submenu__link">{{ 'pages.base.used_cars.vidi_select'|trans({}, 'dc_ford') }}</a>
  227.                                     </li>
  228.                                     <li class="submenu__item">
  229.                                         <a href="{{ path('mg_finance_trade_in') }}" class="submenu__link">{{ 'pages.base.used_cars.trade_in'|trans({}, 'dc_ford') }}</a>
  230.                                     </li>
  231.                                 </ul>
  232.                             </div>
  233.                         </div>
  234.                     </li>
  235.                     <li class="main-menu__item">
  236.                         <a href="#" class="main-menu__link --drop">{{ 'nav.service_title'|trans({}, 'dc_morris') }}</a>
  237.                         <div class="main-menu__drop">
  238.                             <div class="container">
  239.                                 <ul class="submenu">
  240.                                     <li class="submenu__item">
  241.                                         <a href="{{ path('mg_service_online-booking') }}" class="submenu__link">{{ 'nav.service_booking'|trans({}, 'dc_morris') }}</a>
  242.                                     </li>
  243.                                     <li class="submenu__item">
  244.                                         <a href="{{ path('mg_shop_accessory_catalog') }}" class="submenu__link">{{ 'nav.service_accessories'|trans({}, 'dc_morris') }}</a>
  245.                                     </li>
  246.                                     <li class="submenu__item">
  247.                                         <a href="{{ path('mg_service_spare_parts') }}" class="submenu__link">{{ 'nav.service_parts'|trans({}, 'dc_morris') }}</a>
  248.                                     </li>
  249.                                     <li class="submenu__item">
  250.                                         <a href="{{ path('mg_service_body_repair') }}" class="submenu__link">{{ 'nav.service_repair'|trans({}, 'dc_morris') }}</a>
  251.                                     </li>
  252. {#                                    <li class="submenu__item">#}
  253. {#                                        <a href="{{ path('mg_service_reglament_to') }}" class="submenu__link">{{ 'nav.service_reglament'|trans({}, 'dc_morris') }}</a>#}
  254. {#                                    </li>#}
  255.                                     <li class="submenu__item">
  256.                                         <a href="{{ path('mg_service_regulations_to') }}" class="submenu__link">{{ 'nav.service_reglament'|trans({}, 'dc_morris') }}</a>
  257.                                     </li>
  258.                                     <li class="submenu__item">
  259.                                         <a href="{{ path('mg_service_manuals') }}" class="submenu__link">{{ 'instructions.operating_instructions'|trans({}, 'dc_base') }}</a>
  260.                                     </li>
  261.                                 </ul>
  262.                             </div>
  263.                         </div>
  264.                     </li>
  265.                     <li class="main-menu__item">
  266.                         <a href="#" class="main-menu__link --drop">{{ 'nav.finance_title'|trans({}, 'dc_morris') }}</a>
  267.                         <div class="main-menu__drop">
  268.                             <div class="container">
  269.                                 <ul class="submenu">
  270.                             {# Для бізнесу#}
  271.                                     <li class="submenu__item">
  272.                                         <a href="{{ path('mg_for_bussines') }}" class="submenu__link">MG {{ 'pages.base.for_bussines'|trans({}, 'dc_base') }}</a>
  273.                                     </li>
  274.                                     <li class="submenu__item">
  275.                                         <a href="{{ path('mg_finance_trade_in') }}" class="submenu__link">{{ 'nav.finance_tradein'|trans({}, 'dc_morris') }}</a>
  276.                                     </li>
  277.                                     <li class="submenu__item">
  278.                                         <a href="{{ path('mg_finance_credit') }}" class="submenu__link">{{ 'nav.finance_credit'|trans({}, 'dc_morris') }}</a>
  279.                                     </li>
  280.                                     <li class="submenu__item">
  281.                                         <a href="{{ path('mg_finance_leasing') }}" class="submenu__link">{{ 'nav.finance_leasing'|trans({}, 'dc_morris') }}</a>
  282.                                     </li>
  283.                                     <li class="submenu__item">
  284.                                         <a href="{{ path('mg_finance_insurance') }}" class="submenu__link">{{ 'nav.finance_insurance'|trans({}, 'dc_morris') }}</a>
  285.                                     </li>
  286.                                     <li class="submenu__item">
  287.                                         <a href="{{ path('mg_finance_warranty') }}" class="submenu__link">{{ 'nav.finance_warranty'|trans({}, 'dc_morris') }}</a>
  288.                                     </li>
  289.                                 </ul>
  290.                             </div>
  291.                         </div>
  292.                     </li>
  293.                     <li class="main-menu__item">
  294.                         <a href="{{ path('mg_stocks') }}" class="main-menu__link">{{ 'nav.stocks'|trans({}, 'dc_morris') }}</a>
  295.                     </li>
  296.                     <li class="main-menu__item">
  297.                         <a href="#" class="main-menu__link --drop">{{ 'nav.about_title'|trans({}, 'dc_morris') }}</a>
  298.                         <div class="main-menu__drop">
  299.                             <div class="container">
  300.                                 <ul class="submenu">
  301.                                     <li class="submenu__item">
  302.                                         <a href="{{ path('mg_about_news') }}" class="submenu__link">{{ 'nav.about_news'|trans({}, 'dc_morris') }}</a>
  303.                                     </li>
  304.                                     <li class="submenu__item">
  305.                                         <a href="{{ path('mg_about_contacts') }}" class="submenu__link">{{ 'nav.about_contacts'|trans({}, 'dc_morris') }}</a>
  306.                                     </li>
  307.                                     <li class="submenu__item">
  308.                                         <a href="{{ path('mg_about_quality_policy') }}" class="submenu__link">{{ 'nav.about_policy'|trans({}, 'dc_morris') }}</a>
  309.                                     </li>
  310.                                     <li class="submenu__item">
  311.                                         <a href="{{ path('mg_about_company') }}" class="submenu__link">{{ 'nav.about_company'|trans({}, 'dc_morris') }}</a>
  312.                                     </li>
  313.                                     <li class="submenu__item">
  314.                                         <a href="{{ path('mg_about_vacancy') }}" class="submenu__link">{{ 'vacancies.vacancy'|trans({}, 'dc_base') }}</a>
  315.                                     </li>
  316.                                     <li class="submenu__item">
  317.                                         <a href="{{ path('mg_staff') }}" class="submenu__link">{{ 'pages.base.about_us.staff'|trans({}, 'dc_ford') }}</a>
  318.                                     </li>
  319.                                 </ul>
  320.                             </div>
  321.                         </div>
  322.                     </li>
  323.                 </ul>
  324.             </div>
  325.         </nav>
  327.         <a href="{{ path('mg_homepage') }}" class="logo --vidi">
  328.             <img src="{{ asset( '/bundles/dcsite/img/morris_garage/logo-vidi.png' ) }}" alt="Morris Garages" />
  329.         </a>
  331.         <button id="btnHeaderMenu" class="d-block d-lg-none navbar-toggler collapsed" aria-label="Toggle navigation">
  332.             <span class="navbar-toggler-icon"></span>
  333.         </button>
  334.     </div>
  335. </header>
  339. <svg width="0" height="0" class="hidden">
  340. <symbol fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 15" id="icon-map">
  341.     <path d="M7.5 7.96875C6.46447 7.96875 5.625 7.12928 5.625 6.09375C5.625 5.05822 6.46447 4.21875 7.5 4.21875C8.53553 4.21875 9.375 5.05822 9.375 6.09375C9.375 7.12928 8.53553 7.96875 7.5 7.96875Z" stroke="currentColor" stroke-width="0.9375" stroke-linecap="round" stroke-linejoin="round"/>
  342.     <path d="M2.8125 6.09375C2.8125 10.3125 7.5 13.5938 7.5 13.5938C7.5 13.5938 12.1875 10.3125 12.1875 6.09375C12.1875 4.85055 11.6936 3.65826 10.8146 2.77919C9.93549 1.90011 8.7432 1.40625 7.5 1.40625C6.2568 1.40625 5.06451 1.90011 4.18544 2.77919C3.30636 3.65826 2.8125 4.85055 2.8125 6.09375V6.09375Z" stroke="currentColor" stroke-width="0.9375" stroke-linecap="round" stroke-linejoin="round"/>
  343. </symbol>
  344. <symbol fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" id="icon-phone">
  345.     <path d="M5.60396 7.56387C6.10685 8.59199 6.94024 9.4216 7.97064 9.9198C8.04603 9.95552 8.12942 9.971 8.21261 9.96471C8.29579 9.95841 8.37591 9.93057 8.44507 9.88391L9.96226 8.87221C10.0294 8.82746 10.1066 8.80017 10.1869 8.79279C10.2672 8.78541 10.3481 8.79819 10.4222 8.82995L13.2606 10.0464C13.357 10.0874 13.4375 10.1585 13.49 10.2492C13.5424 10.3399 13.564 10.4452 13.5514 10.5492C13.4617 11.2512 13.1191 11.8964 12.5879 12.3641C12.0568 12.8317 11.3733 13.0897 10.6656 13.0898C8.47974 13.0898 6.38342 12.2215 4.83779 10.6758C3.29215 9.13019 2.42383 7.03386 2.42383 4.84801C2.42387 4.14029 2.68186 3.45686 3.14952 2.92566C3.61717 2.39447 4.26241 2.05195 4.96441 1.96224C5.06841 1.94965 5.17369 1.97121 5.26437 2.02366C5.35506 2.0761 5.42624 2.1566 5.4672 2.25302L6.68471 5.09388C6.7162 5.16736 6.72904 5.24749 6.72207 5.32713C6.71509 5.40677 6.68854 5.48345 6.64476 5.55034L5.63657 7.09081C5.59069 7.1601 5.56356 7.24012 5.55784 7.32304C5.55213 7.40595 5.56801 7.48893 5.60396 7.56387V7.56387Z" stroke="currentColor" stroke-width="0.96962" stroke-linecap="round" stroke-linejoin="round"/>
  346. </symbol>
  347. <symbol fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10" id="icon-global">
  348.     <path d="M5.17871 10.0001C5.94343 9.89127 6.61382 9.09153 7.03567 7.91045C6.42585 7.7736 5.80355 7.70015 5.17871 7.69141V10.0001Z" fill="currentColor"/>
  349.     <path d="M6.4007 9.81425C6.44591 9.80113 6.49094 9.78793 6.53562 9.77341C6.57332 9.76126 6.61049 9.74814 6.64767 9.73512C6.69165 9.7199 6.73546 9.70425 6.7791 9.68763C6.81627 9.67347 6.8531 9.65843 6.89001 9.64339C6.9326 9.62546 6.9751 9.60762 7.01717 9.5897C7.05391 9.57352 7.09038 9.55656 7.12686 9.53951C7.16814 9.52001 7.20924 9.50016 7.25 9.47952C7.28578 9.46125 7.32147 9.44262 7.35725 9.42347C7.39731 9.40196 7.4371 9.38001 7.47663 9.35745C7.51241 9.33717 7.54688 9.31679 7.5817 9.29581C7.62045 9.27193 7.65902 9.24806 7.69734 9.22419C7.73163 9.20233 7.76584 9.18012 7.79961 9.15721C7.83731 9.13176 7.87449 9.10527 7.91149 9.07877C7.94474 9.0549 7.97782 9.03112 8.01028 9.00716C8.04606 8.97953 8.08271 8.95093 8.11858 8.92225C8.15043 8.89681 8.1822 8.87154 8.21353 8.84539C8.24922 8.81566 8.28343 8.78488 8.31808 8.7541C8.34845 8.72708 8.37899 8.70032 8.40866 8.67261C8.44278 8.64069 8.47603 8.60764 8.50928 8.57484C8.53808 8.54634 8.56723 8.51827 8.59542 8.48906C8.60065 8.48364 8.60563 8.47778 8.61104 8.47219C8.22121 8.27046 7.81061 8.1121 7.3864 8C7.16578 8.70496 6.77316 9.34381 6.24414 9.8585C6.25863 9.85474 6.27311 9.85168 6.2876 9.84792C6.32582 9.83716 6.36335 9.82536 6.4007 9.81425Z" fill="currentColor"/>
  350.     <path d="M9.99982 5.17871H7.85694C7.84882 6.01711 7.72743 6.85052 7.49609 7.6563C7.96785 7.78257 8.42311 7.9641 8.85246 8.19713C9.55739 7.34579 9.9609 6.28433 9.99982 5.17871Z" fill="currentColor"/>
  351.     <path d="M5.17871 4.82206H7.49977C7.4907 4.01331 7.37228 3.20954 7.14791 2.43262C6.5016 2.58031 5.84151 2.65918 5.17871 2.66792V4.82206Z" fill="currentColor"/>
  352.     <path d="M5.17871 0V2.30874C5.80355 2.29991 6.42585 2.22654 7.03567 2.08969C6.61382 0.908612 5.94343 0.108866 5.17871 0Z" fill="currentColor"/>
  353.     <path d="M5.17871 7.33285C5.84151 7.34168 6.5016 7.42055 7.14791 7.56824C7.37228 6.79132 7.4907 5.98746 7.49977 5.17871H5.17871V7.33285Z" fill="currentColor"/>
  354.     <path d="M8.85246 1.80273C8.42311 2.03577 7.96785 2.2173 7.49609 2.34356C7.72743 3.14934 7.84882 3.98276 7.85694 4.82115H9.99982C9.96082 3.71562 9.5573 2.65416 8.85246 1.80273Z" fill="currentColor"/>
  355.     <path d="M8.61139 1.5304C8.60616 1.52507 8.60118 1.5193 8.59603 1.51379C8.56776 1.48458 8.53844 1.45643 8.50964 1.42801C8.47648 1.39522 8.4434 1.36208 8.4092 1.33025C8.37961 1.30262 8.34898 1.27647 8.31861 1.24893C8.28397 1.21815 8.24933 1.18711 8.21372 1.15737C8.18283 1.13123 8.15115 1.10622 8.11973 1.08113C8.08396 1.05209 8.0473 1.02324 8.01048 0.995519C7.97819 0.971123 7.94546 0.947513 7.91256 0.923904C7.87522 0.896972 7.83769 0.870127 7.79964 0.844507C7.76622 0.821946 7.73227 0.799911 7.69833 0.778313C7.65967 0.753392 7.6211 0.728995 7.58174 0.705386C7.54727 0.684662 7.51245 0.664201 7.47754 0.644351C7.43758 0.621441 7.39752 0.599231 7.35712 0.577545C7.32134 0.55962 7.28565 0.54012 7.24987 0.522194C7.20876 0.501383 7.16731 0.481359 7.12481 0.461684C7.08903 0.444633 7.05273 0.428019 7.01591 0.411842C6.97358 0.393042 6.93082 0.376078 6.88815 0.358153C6.85132 0.343113 6.81467 0.328247 6.77749 0.314082C6.73412 0.297468 6.69014 0.281903 6.64616 0.266688C6.60898 0.253572 6.57181 0.240543 6.53411 0.228301C6.48943 0.213786 6.44475 0.200582 6.39885 0.187291C6.36167 0.17636 6.32432 0.165255 6.28671 0.155287C6.27231 0.151352 6.25765 0.148291 6.24316 0.144531C6.77217 0.659216 7.16469 1.29798 7.38539 2.00303C7.81003 1.89093 8.22123 1.73248 8.61139 1.5304Z" fill="currentColor"/>
  356.     <path d="M0 4.8214H2.14296C2.15108 3.983 2.27247 3.14959 2.50373 2.34381C2.03204 2.21763 1.57677 2.0361 1.1474 1.80298C0.442451 2.65432 0.0389217 3.71587 0 4.8214Z" fill="currentColor"/>
  357.     <path d="M4.82181 10.0001V7.69141C4.19697 7.70024 3.57467 7.7736 2.96484 7.91045C3.38661 9.09153 4.05708 9.89127 4.82181 10.0001Z" fill="currentColor"/>
  358.     <path d="M4.82095 5.17871H2.5C2.50908 5.98746 2.6274 6.79132 2.85185 7.56824C3.49812 7.42047 4.1581 7.34159 4.82095 7.33285V5.17871Z" fill="currentColor"/>
  359.     <path d="M4.82181 0C4.05708 0.108866 3.38661 0.908612 2.96484 2.08969C3.57467 2.22663 4.19697 2.29999 4.82181 2.30874V0Z" fill="currentColor"/>
  360.     <path d="M4.82095 2.66792C4.15818 2.65918 3.49812 2.58031 2.85185 2.43262C2.6274 3.20954 2.50908 4.01331 2.5 4.82206H4.82095V2.66792Z" fill="currentColor"/>
  361.     <path d="M3.75588 0.144531C3.74139 0.148291 3.72691 0.151352 3.71242 0.155112C3.67455 0.165255 3.6372 0.176535 3.5995 0.187465C3.55465 0.200582 3.51015 0.213786 3.46512 0.228126C3.42716 0.240455 3.38981 0.253572 3.35246 0.266601C3.30874 0.282078 3.26494 0.297468 3.22165 0.313907C3.1843 0.328247 3.14748 0.343113 3.11048 0.358328C3.06798 0.376253 3.0254 0.394179 2.98342 0.412017C2.9466 0.428194 2.91021 0.445158 2.87373 0.462209C2.83246 0.481709 2.79136 0.501558 2.75061 0.522194C2.71483 0.54047 2.67905 0.559182 2.64336 0.578245C2.60331 0.599756 2.5636 0.621791 2.52416 0.644351C2.48838 0.664375 2.45321 0.684924 2.41874 0.705911C2.37991 0.729345 2.34152 0.753567 2.30329 0.777526C2.26891 0.799561 2.23479 0.821771 2.20102 0.844681C2.16332 0.870127 2.12615 0.896622 2.08915 0.923117C2.0559 0.946989 2.02283 0.970773 1.99028 0.99482C1.95372 1.02236 1.91881 1.05105 1.88199 1.07964C1.85022 1.10508 1.8182 1.13036 1.78713 1.15668C1.75135 1.18623 1.71741 1.21684 1.68294 1.24744C1.6524 1.27472 1.62159 1.30122 1.59175 1.32946C1.5578 1.3612 1.52473 1.39417 1.49157 1.42687C1.46278 1.45538 1.43345 1.48353 1.40518 1.51283C1.40003 1.51825 1.39506 1.5242 1.38965 1.5297C1.77937 1.73152 2.19003 1.88988 2.61421 2.00198C2.83482 1.29737 3.22715 0.658954 3.75588 0.144531Z" fill="currentColor"/>
  362.     <path d="M1.49089 8.57174C1.52414 8.60453 1.55721 8.63767 1.59133 8.66959C1.621 8.69713 1.65155 8.72328 1.682 8.75082C1.71664 8.78169 1.75129 8.81264 1.78689 8.84238C1.81778 8.86835 1.84929 8.89344 1.88088 8.91862C1.91665 8.94766 1.95235 8.97651 1.99022 9.00441C2.02242 9.02863 2.05514 9.05206 2.08787 9.07611C2.12522 9.10295 2.16291 9.1298 2.20096 9.15559C2.23438 9.17815 2.26833 9.20019 2.30228 9.22187C2.34093 9.24671 2.37951 9.2711 2.41886 9.29471C2.45333 9.31553 2.48815 9.3359 2.52306 9.35584C2.56302 9.37875 2.60308 9.40096 2.64348 9.42255C2.67917 9.44048 2.71495 9.45998 2.75073 9.47791C2.79183 9.49872 2.83328 9.51874 2.87578 9.5385C2.91156 9.55538 2.94786 9.57199 2.98468 9.58826C3.02701 9.60706 3.06968 9.62402 3.11244 9.64195C3.14926 9.65699 3.18592 9.67185 3.22309 9.68602C3.26646 9.70272 3.31044 9.71828 3.35442 9.7335C3.3916 9.74653 3.42877 9.75964 3.46647 9.7718C3.51115 9.78631 3.55583 9.79961 3.60173 9.81281C3.63891 9.82374 3.67625 9.83485 3.71378 9.8449C3.72826 9.84884 3.74292 9.8519 3.75741 9.85566C3.22841 9.34088 2.8359 8.70212 2.61521 7.99707C2.19101 8.10926 1.78035 8.26762 1.39062 8.46952C1.39586 8.47486 1.40083 8.48063 1.40607 8.48614C1.43286 8.51517 1.46175 8.54332 1.49089 8.57174Z" fill="currentColor"/>
  363.     <path d="M1.1474 8.19762C1.57677 7.96458 2.03204 7.78305 2.50373 7.65679C2.27247 6.85101 2.15108 6.0176 2.14296 5.1792H0C0.039009 6.28473 0.442451 7.34619 1.1474 8.19762Z" fill="currentColor"/>
  364. </symbol>
  365. <symbol fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10" id="icon-user">
  366.     <path d="M5 6.25C6.38071 6.25 7.5 5.13071 7.5 3.75C7.5 2.36929 6.38071 1.25 5 1.25C3.61929 1.25 2.5 2.36929 2.5 3.75C2.5 5.13071 3.61929 6.25 5 6.25Z" stroke="currentColor" stroke-miterlimit="10"/>
  367.     <path d="M1.21094 8.43713C1.59514 7.77212 2.14758 7.21992 2.81277 6.83601C3.47795 6.4521 4.23245 6.24999 5.00047 6.25C5.7685 6.25001 6.52299 6.45213 7.18817 6.83605C7.85334 7.21998 8.40578 7.77219 8.78997 8.43721" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
  368. </symbol>
  369. </svg>