src/DcSiteBundle/Resources/views/Infiniti/header-webpack.html.twig line 1

Open in your IDE?
  1. {# Тимчасово поки повністю не переведемо сайт на вебпак #}
  2. {% block script %}
  3.     <script src="/bundles/core/js/outdated-version-bs/jquery-3.5.1.js"></script>
  4.     <script src="/bundles/core/js/outdated-version-bs/bootstrap-4.6.2.js"></script>
  5. {% endblock script %}
  7. <header>
  8.     <section class="top-nav">
  9.         <div class="container">
  10.             <div class="row justify-content-between">
  11.                 <div class="col-sm-12 col-md-12 col-lg-5 col-xl-5 dealer-desc">
  12.                     <span class="dealer-slogan">{{ 'header.off_dealer'|trans({}, 'dc_infiniti') }}</span>
  13.                     <span class="dealer-phone"><a href="tel:{{ dealer.phone }}">Тел.: {{ dealer.phone }}</a></span>
  14.                 </div>
  15.                 <div class="col-sm-12 col-md-12 col-lg-7 col-xl-8 button-order-lang">
  16.                     <a href="{{ path('infiniti_service_consultation') }}" class="order-td">тест-драйв</a>
  17.                     <a {{ buildHref('infiniti_service_record') }} class="order-to">{{ 'header.assign_to'|trans({}, 'dc_infiniti') }}</a>
  18.                     {% if app.request.attributes.get('_route_params')['_locale'] is defined %}
  19.                         {% if app.request.getLocale() == 'ru' %}
  20.                             {% for locale in allowed_locales %}
  21.                                 {% if locale != app.request.getLocale() %}
  22.                                         <a class="lang active" href="{{
  23.                                         absolute_url(
  24.                                         path(
  25.                                             app.request.attributes.get('_route'),
  26.                                             app.request.attributes.get('_route_params')|merge({'_locale': locale})
  27.                                         )
  28.                                         ) }}" hreflang="{% if locale == 'ua' %}uk{% else %}{{ locale }}{% endif %}" title="{{ ('site.locale.'~locale)|trans({},'dc_base') }} ({{ locale }})" >{{ ('site.locale.'~locale)|trans({},'dc_base') }}</a>
  29.                                 {% else %}
  30.                                         <a class="lang" hreflang="{% if locale == 'ua' %}uk{% else %}{{ locale }}{% endif %}" title="{{ ('site.locale.'~locale)|trans({},'dc_base') }} ({{ locale }})">{{ ('site.locale.'~locale)|trans({},'dc_base') }}</a>
  31.                                 {% endif %}
  32.                             {% endfor %}
  33.                         {% endif %}
  34.                     {% endif %}
  35.                     <div class="site_btn-enter {{ app.request.getLocale() == 'ru' ? '' : 'border-left-none' }}"  id="enterBtn">
  36.                         {% if app.user %}
  37.                             <a class="site_btn-enter-btn --loggedin" target="_blank" href="{{ path('my_profile_dashboard') }}" rel="nofollow">
  38.                                 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
  39.                                     <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="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
  40.                                     <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="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
  41.                                 </svg>
  42.                                 <span class="header_icon-title">{{ app.user.name }}</span>
  43.                             </a>
  44.                         {% else %}
  45.                             <a class="site_btn-enter-btn" href="{{ path('my_login_page') }}?referer={{ app.request.uri }}" rel="nofollow">
  46.                                 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
  47.                                     <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="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
  48.                                     <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="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
  49.                                 </svg>
  50.                                 <span class="header_icon-title">{{ 'header.login'|trans({}, 'portal_base') }}</span>
  51.                             </a>
  52.                         {% endif %}
  55.                     </div>
  56.                 </div>
  57.                 {% include '@DcSiteBundle/Modules/basket/basket-menu.html.twig' with {href : path('infiniti_basket') } %}
  58.             </div>
  59.         </div>
  60.     </section>
  61.     <section class="logo">
  62.         <div class="container">
  63.             <a {{ buildHref('infiniti_homepage') }}>
  64.                 <img src="{{ asset('bundles/dcsite/img/infiniti/logo.png') }}" alt="{{ dealer }} logo">
  65.             </a>
  66.         </div>
  67.     </section>
  68.     <section class="menu">
  69.         <div class="container">
  70.             <div class="row">
  71.                 <div id="navbar-collapse-header" class="container">
  72.                     <nav class="row navbar-expand-lg navbar navbar-light">
  73.                         <button class="c-hamburger c-hamburger--htx navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
  74.                             <span></span>
  75.                         </button>
  76.                         {% if app.request.getLocale() == 'ru' %}
  77.                             <div class="lang-mobile">
  78.                                 {% for locale in allowed_locales %}
  79.                                     {% if locale != app.request.getLocale() %}
  80.                                         <a class="lang active" href="{{
  81.                                         absolute_url(
  82.                                         path(
  83.                                             app.request.attributes.get('_route'),
  84.                                             app.request.attributes.get('_route_params')|merge({'_locale': locale})
  85.                                         )
  86.                                         ) }}" hreflang="{% if locale == 'ua' %}uk{% else %}{{ locale }}{% endif %}" title="{{ ('site.locale.'~locale)|trans({},'dc_base') }} ({{ locale }})" >{{ ('site.locale.'~locale)|trans({},'dc_base') }}</a>
  87.                                     {% else %}
  88.                                         <a class="lang" hreflang="{% if locale == 'ua' %}uk{% else %}{{ locale }}{% endif %}" title="{{ ('site.locale.'~locale)|trans({},'dc_base') }} ({{ locale }})">{{ ('site.locale.'~locale)|trans({},'dc_base') }}</a>
  89.                                     {% endif %}
  90.                                 {% endfor %}
  91.                             </div>
  92.                         {% endif %}
  93.                         <div class="collapse navbar-collapse navigation" id="navbarNav">
  94.                             <ul class="navbar-nav nav-fill w-100" id="menu-main-menu">
  96.                                 <li class="nav-item site_btn-nav-item mobile-user-basket">
  97.                                     <div class="site_btn-enter site_btn-enter-mobile" id="enterBtn">
  98.                                         {% if app.user %}
  99.                                             <a class="site_btn-enter-btn --loggedin" target="_blank" href="{{ path('my_profile_dashboard') }}" rel="nofollow">
  100.                                                 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
  101.                                                     <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="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
  102.                                                     <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="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
  103.                                                 </svg>
  104.                                                 <span class="header_icon-title">{{ app.user.name }}</span>
  105.                                             </a>
  106.                                         {% else %}
  107.                                             <a class="site_btn-enter-btn" href="{{ path('my_login_page') }}?referer={{ app.request.uri }}" rel="nofollow">
  108.                                                 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
  109.                                                     <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="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
  110.                                                     <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="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
  111.                                                 </svg>
  112.                                                 <span class="header_icon-title">{{ 'header.login'|trans({}, 'portal_base') }} {{ 'header.login_in_cab'|trans({}, 'portal_base') }}</span>
  113.                                             </a>
  114.                                         {% endif %}
  116.                                     </div>
  118.                                     <div class="header__basket header__basket-mobile d-lg-flex ml-4" id="basketMenu">
  119.                                         <a class="basket__btn d-flex align-items-center" href="{{ href ?? '' }}" role="button">
  120.                                             <span class="quantity quantity-mobile">
  121.                                                 <span>{{ basketCount ?? 0 }}</span>
  122.                                             </span>
  123.                                             <span class="header__basket-title">{{ 'basket.title'|trans({}, 'dc_base') }}</span>
  124.                                         </a>
  125.                                     </div>
  128.                                 </li>
  130.                                 <li class="nav-item  dropdown">
  131.                                     <a id="carSub" href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  132.                                         {{ 'main.model_line'|trans({}, 'dc_infiniti') }}
  133.                                         <i class="fas fa-angle-down"></i>
  134.                                     </a>
  135.                                     <ul class="dropdown-menu sub-menu second dropdown-menu-open" aria-labelledby="carSub">
  136.                                         <div class="container" id="auto-dropdown">
  137.                                             <div class="row">
  138.                                                 <div class="col-md-12 col-lg-12 car-nav">
  139.                                                     <ul class="nav nav-pills mb-3" id="pills-tab" role="tablist">
  140.                                                         <li class="nav-item">
  141.                                                             <a class="nav-link active" @click="dropdown" id="pills-all-car" data-toggle="tab" href="#pills-all" role="tab" aria-controls="pills-all" aria-selected="true">
  142.                                                                 {{ 'header.menu.all_models'|trans({}, 'dc_infiniti') }}
  143.                                                             </a>
  144.                                                         </li>
  145.                                                         <li class="nav-item" v-for="cat in categories">
  146.                                                             <a class="nav-link" @click="dropdown" :id="'pills-car-' + cat.id" data-toggle="tab" :href="'#pills-' + cat.id" role="tab" :aria-controls="'pills-' + cat.id" aria-selected="false">
  147.                                                                 {% verbatim %} {{ cat.title }} {% endverbatim %}
  148.                                                                 {#{{ 'header.menu.hybrids'|trans({}, 'dc_infiniti') }}#}
  149.                                                             </a>
  150.                                                         </li>
  151.                                                     </ul>
  152.                                                 </div>
  153.                                                 <div class="tab-content tabs_content" id="pills-tabContent">
  154.                                                     <div class="tab-pane fade show active" id="pills-all" role="tabpanel" aria-labelledby="pills-all-car">
  155.                                                         <ul class="car-list d-flex">
  156.                                                             <li class="dropdown-item" v-for="car in cars">
  157.                                                                 <a :href="car.link">
  158.                                                                     <div class="cars-prewiew-menu">
  159.                                                                         <picture :alt="car.name">
  160.                                                                             <source :srcset="car.preview_webp" type="image/webp">
  161.                                                                             <source :srcset="car.preview">
  162.                                                                             <img :src="car.preview" :alt="car.name">
  163.                                                                         </picture>
  164.                                                                         <span class="car_status_is_new car_card_status_is_new-pos" v-if="car.isPreOrder">{{ 'pages.car.is_pre_order'|trans({},'dc_base') }}</span>
  165.                                                                         <span class="car_status_is_new car_card_status_is_new-pos" v-else-if="car.isNew">{{ 'pages.car.status_is_new'|trans({},'dc_base') }}</span>
  166.                                                                     </div>
  167.                                                                     <div class="caption">
  168.                                                                         <div class="menu-model-name">{% verbatim %}Infiniti {{ car.name }}{% endverbatim %}</div>
  169.                                                                         <div class="price">від<b> {% verbatim %}{{ car.price }}{% endverbatim %} грн</b></div>
  170.                                                                     </div>
  171.                                                                 </a>
  172.                                                             </li>
  173.                                                             {#<li class="dropdown-divider"></li>#}
  174.                                                         </ul>
  175.                                                         <div class="col-12 col-12 btn-field">
  176.                                                             <a class="btn" href="{{ path('infiniti_model_car') }}">
  177.                                                                 {{ 'header.menu.show_catalog'|trans({}, 'dc_infiniti') }}
  178.                                                             </a>
  179.                                                         </div>
  180.                                                     </div>
  181.                                                         <div v-for="cat in categories" class="tab-pane fade" :id="'pills-' + cat.id" role="tabpanel" :aria-labelledby="'pills-car-' + cat.id">
  182.                                                             <ul class="car-list d-flex">
  183.                                                                 <li class="dropdown-item" v-for="car in cars" v-if="car.categoryId == cat.id">
  184.                                                                     <a :href="car.link">
  185.                                                                         <div class="cars-prewiew-menu">
  186.                                                                             <img :src="car.preview" class="menu-image menu-image-title-after" :alt="car.url">
  187.                                                                         </div>
  188.                                                                         <div class="caption">
  189.                                                                             <div class="menu-model-name">{% verbatim %}Infiniti {{ car.name }}{% endverbatim %}</div>
  190.                                                                             <div class="price">{{ 'main.from'|trans({}, 'dc_infiniti') }}<b> {% verbatim %}{{ car.price }}{% endverbatim %} грн</b></div>
  191.                                                                         </div>
  192.                                                                     </a>
  193.                                                                 </li>
  194.                                                                 {#<li class="dropdown-divider"></li>#}
  195.                                                             </ul>
  196.                                                         <div class="col-12 col-12 btn-field">
  197.                                                             <a class="btn" href="{{ path('infiniti_model_car') }}">
  198.                                                                 {{ 'header.menu.show_catalog'|trans({}, 'dc_infiniti') }}
  199.                                                             </a>
  200.                                                         </div>
  201.                                                     </div>
  202.                                                 </div>
  203.                                             </div>
  204.                                         </div>
  205.                                     </ul>
  206.                                 </li>
  207.                                 <li class="dropdown-divider"></li>
  208.                                 <li class="nav-item">
  209.                                     <a {{ buildHref('infiniti_car_stock') }} class="nav-link">
  210.                                         {{ 'header.car_in_sale'|trans({}, 'dc_infiniti') }}
  211.                                     </a>
  212.                                 </li>
  213.                                 <li class="dropdown-divider"></li>
  214.                                 <li class="nav-item dropdown">
  215.                                     <a id="usedSub" href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  216.                                         {{ 'pages.header.menu.used_cars'|trans({}, 'dc_mazda') }}
  217.                                         <i class="fas fa-angle-down"></i>
  218.                                     </a>
  219.                                     <ul class="dropdown-menu sub-menu second dropdown-menu-program dropdown-menu-open" aria-labelledby="usedSub">
  220.                                         <li><a {{ buildHref('infiniti_used_car_catalog') }}>{{ 'pages.header.menu.used_cars_in_stock'|trans({}, 'dc_mazda') }}</a></li>
  221.                                         <li><a {{ buildHref('infiniti_finance_select_page') }}>{{ 'pages.header.menu.used_cars_vidi_select'|trans({}, 'dc_mazda') }}</a></li>
  222.                                         <li><a {{ buildHref('infiniti_finance_trade-in') }}>{{ 'pages.header.menu.used_cars_trade_in'|trans({}, 'dc_mazda') }}</a></li>
  223.                                     </ul>
  224.                                 </li>
  225.                                 <li class="dropdown-divider"></li>
  226.                                 <li class="nav-item">
  227.                                     <a {{ buildHref('infiniti_special_offers') }} class="nav-link">
  228.                                         {{ 'main.spec_offers'|trans({}, 'dc_infiniti') }}
  229.                                     </a>
  230.                                 </li>
  231.                                 <li class="dropdown-divider"></li>
  232.                                 <li class="nav-item dropdown">
  233.                                     <a id="progSub" href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  234.                                         {{ 'header.menu.services'|trans({}, 'dc_infiniti') }}
  235.                                         <i class="fas fa-angle-down"></i>
  236.                                     </a>
  237.                                     <ul class="dropdown-menu sub-menu second dropdown-menu-program dropdown-menu-open" aria-labelledby="progSub">
  238.                                         <li><a {{ buildHref('infiniti_service_consultation') }}>Тест-драйв</a></li>
  239.                                         <li><a {{ buildHref('infiniti_finance_credit') }}>Кредит</a></li>
  240.                                         <li><a {{ buildHref('infiniti_finance_leasing') }}>{{ 'header.menu.lising'|trans({}, 'dc_infiniti') }}</a></li>
  241.                                         <li><a {{ buildHref('infiniti_finance_insurance') }}>{{ 'header.menu.insurance'|trans({}, 'dc_infiniti') }}</a></li>
  242.                                         <li><a {{ buildHref('infiniti_finance_trade-in') }}>Trade-in</a></li>
  243. {#                                        <li ><a {{ buildHref('infiniti_finance_airport') }}><span>{{ 'pages.base.airport'|trans({},'dc_base') }}</span></a>#}
  244.                                 {#   Корпоративна програма#}
  245. {#                                        <li ><a {{ buildHref('infiniti_finance_corporate_program') }}><span>{{ 'main.corporate_program'|trans({}, 'dc_infiniti') }}</span></a>#}
  246.                                         <li ><a {{ buildHref('infiniti_for_bussines') }}><span>Infiniti {{ 'pages.base.for_bussines'|trans({}, 'dc_base') }}</span></a>
  247.                                     </ul>
  248.                                 </li>
  249.                                 <li class="dropdown-divider"></li>
  250.                                 <li class="nav-item dropdown">
  251.                                     <a id="serviseSub" href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  252.                                         {{ 'header.menu.main_service'|trans({}, 'dc_infiniti') }}
  253.                                         <i class="fas fa-angle-down"></i>
  254.                                     </a>
  255.                                     <ul class="dropdown-menu sub-menu second dropdown-menu-service dropdown-menu-open" aria-labelledby="serviseSub">
  256.                                         <li><a {{ buildHref('infiniti_service_record') }}>{{ 'header.menu.service'|trans({}, 'dc_infiniti') }}</a></li>
  257.                                         <li><a href="{{ path('infiniti_service_accessory_catalog') }}" >{{ 'configurator.tabs.acc'|trans({}, 'dc_base') }}</a></li>
  258.                                         <li><a {{ buildHref('infiniti_service_regulations_to') }}>Регламент ТО</a></li>
  259.                                         <li><a {{ buildHref('infiniti_service_body') }}>{{ 'service.body_repair.title'|trans({}, 'dc_infiniti') }}</a></li>
  260.                                         <li><a {{ buildHref('infiniti_service_warranty') }}>{{ 'header.menu.service_and_warranty'|trans({}, 'dc_infiniti') }}</a></li>
  261.                                         <li><a {{ buildHref('infiniti_support') }}>{{ 'header.menu.support'|trans({}, 'dc_infiniti') }}</a></li>
  262.                                         {#<li><a {{ buildHref('infiniti_calculation_valuation') }}>Регламент ТО</a></li>#}
  263.                                         <li><a {{ buildHref('infiniti_service_tires_hotel') }}>{{ 'base.seo.tires_hotel_title'|trans({},'dc_infiniti') }}</a></li>
  265.                                         <li><a {{ buildHref('infiniti_extended_warranty') }}>{{ 'main.extendet_warrenty'|trans({}, 'dc_infiniti') }}</a></li>
  268.                                     </ul>
  269.                                 </li>
  270.                                 <li class="dropdown-divider"></li>
  271.                                 <li class="nav-item dropdown">
  272.                                     <a id="companySub" href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  273.                                         {{ 'main.about_company'|trans({}, 'dc_infiniti') }}
  274.                                         <i class="fas fa-angle-down"></i>
  275.                                     </a>
  276.                                     <ul class="dropdown-menu sub-menu second dropdown-menu-service dropdown-menu-open" aria-labelledby="companySub">
  277.                                         <li><a {{ buildHref('infiniti_about_us') }}>{{ 'header.menu.about'|trans({}, 'dc_infiniti') }}</a></li>
  278.                                         <li><a {{ buildHref('infiniti_quality_policy') }}>{{ 'header.menu.policies'|trans({}, 'dc_infiniti') }}</a></li>
  279.                                         <li><a {{ buildHref('infiniti_staff') }}>{{ 'header.menu.staff'|trans({}, 'dc_infiniti') }}</a></li>
  280.                                         <li><a {{ buildHref('infiniti_news') }}>{{ 'header.menu.news'|trans({}, 'dc_infiniti') }}</a></li>
  281.                                         <li><a {{ buildHref('infiniti_vacancy') }}>{{ 'header.menu.vacancies'|trans({}, 'dc_infiniti') }}</a></li>
  282.                                         <li><a {{ buildHref('infiniti_contacts') }}>{{ 'main.contacts'|trans({}, 'dc_infiniti') }}</a></li>
  283.                                     </ul>
  284.                                 </li>
  285.                                 {#<li class="dropdown-divider"></li>#}
  286.                                 {#<li class="nav-item">
  287.                                     <a href="{{ path('infiniti_contacts') }}" class="nav-link">#}
  288.                                         {#{{ 'main.contacts'|trans({}, 'dc_infiniti') }}#}
  289.                                     {#</a>#}
  290.                                 {#</li>#}
  291.                                 <li class="dropdown-divider"></li>
  292.                             </ul>
  293.                             <div class="heade-mobile-info-block">
  294.                                 <span>{{ 'header.off_dealer'|trans({}, 'dc_infiniti') }}</span>
  295.                                 <a class="phone" href="tel:{{ dealer.phone }}">Тел.: {{ dealer.phone }}</a>
  296.                                 <a href="{{ path('infiniti_service_consultation') }}" class="order-td">тест-драйв</a>
  297.                                 <a {{ buildHref('infiniti_service_record') }} class="order-to">{{ 'header.assign_to'|trans({}, 'dc_infiniti') }}</a>
  298.                             </div>
  299.                         </div>
  300.                     </nav>
  301.                 </div>
  302.             </div>
  303.         </div>
  304.     </section>
  305. </header>