src/DcSiteBundle/Resources/views/Honda/Car/catalog-page.html.twig line 1

Open in your IDE?
  1. {% extends '@DcSite/Honda/base.html.twig' %}
  3. {% block seo %}
  4.     <title>{{ page.title_seo }}</title>
  5.     <meta name="description" content="{{ page.description_seo }}">
  6. {% endblock seo %}
  8. {% block content %}
  9.     <section class="breadcrumbs__new">
  10.         <div class="container">
  11.             <ol class="global_breadcrumbs__new" itemscope itemtype="https://schema.org/BreadcrumbList">
  12.                 <li class="marker__none" itemprop="itemListElement" itemscope
  13.                     itemtype="https://schema.org/ListItem">
  14.                     <a itemprop="item" href="{{ path('honda_homepage') }}">
  15.                         <span class="breadcrumbs__link" itemprop="name">HONDA</span></a>
  16.                     <meta itemprop="position" content="1"/>
  17.                 </li>
  19.                 <div class="arrow-bcs"> ❯</div>
  20.                 <li class="marker__none" itemprop="itemListElement" itemscope
  21.                     itemtype="https://schema.org/ListItem">
  22.                     <a itemprop="item" href="{{ path('honda_model_lineup') }}">
  23.                         <span class="breadcrumbs__link" itemprop="name">Модельний ряд</span></a>
  24.                     <meta itemprop="position" content="2"/>
  25.                 </li>
  27.                 <div class="arrow-bcs"> ❯</div>
  28.                 <li itemprop="item" class="marker__none" itemprop="itemListElement" itemscope
  29.                     itemtype="https://schema.org/ListItem">
  30.                     <span style="color: #A9A9A9;" class="breadcrumbs__link" itemprop="name">{{ page.label }}</span>
  31.                     <meta itemprop="position" content="3"/>
  32.                 </li>
  33.             </ol>
  34.         </div>
  35.     </section>
  37.     <section class="model-lineup section-padding">
  38.         <div class="container">
  39.             <div class="row row-tabs">
  40.                 <div class="col-md-6 section-title mb-0">
  41.                     <h1 class="section-title-page">{{ page.title }}</h1>
  42.                 </div>
  43.             </div>
  44.             <div class="row">
  45.                 <div class="col-md-12">
  46.                     <div class="row">
  47.                         {% for item in page.vehicles %}
  48.                             <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
  49.                                 <div class="model-card">
  50.                                     <div class="model-image flexbox-wrapper">
  51.                                         <a href="{{ path('honda_card_car', { car: item.url }) }}">
  52.                                             <picture alt="{{ item.title }}">
  53.                                                 <source srcset="{{ item.image_webp }}" type="image/webp">
  54.                                                 <source srcset="{{ item.image }}">
  55.                                                 <img src="{{ item.image }}" alt="{{ item.title }}" class="card-img-top lineup__preview">
  56.                                             </picture>
  57.                                         </a>
  58.                                     </div>
  59.                                     <div class="card-body">
  60.                                         <a href="{{ path('honda_card_car', { car: item.url }) }}">
  61.                                             <h2 class="car-name">
  62.                                                 {{ item.title }}
  63.                                                 {% if item.hasHybrid %}
  64.                                                     <span class="car-hybrid"> Hybrid</span>
  65.                                                 {% endif %}
  66.                                             </h2>
  67.                                         </a>
  68.                                         <span class="car-price d-block mb-2">{{ 'main.price'|trans({}, 'dc_honda') }} {{ 'main.from'|trans({}, 'dc_honda') }} {{ item.price|price }} грн</span>
  69.                                         <a href="{{ path('honda_service_consultation', {'carId': item.id}) }}"
  70.                                            class="btn btn-primary w-100">Тест-драйв</a>
  71.                                     </div>
  72.                                 </div>
  73.                             </div>
  74.                         {% endfor %}
  75.                     </div>
  76.                 </div>
  77.             </div>
  78.         </div>
  79.     </section>
  81.     <section>
  82.         <div class="container">
  83.             <div class="col-12">
  84.                 <div class="row">
  85.                     {{ page.description|raw }}
  86.                 </div>
  87.             </div>
  88.         </div>
  89.     </section>
  90. {% endblock %}