{% extends '@DcSite/Lexus/template.html.twig' %}{% block head %} <title>{{ page.title_seo }}</title> <meta name="description" content="{{ page.description_seo }}"> <style> .car-title { display: block !important; } </style>{% endblock %}{% block content %} <section class="landing-head-block-h1"> <div class="container"> <div class="row"> <div class="col-md-12"> <h1>{{ page.title }}</h1> </div> </div> <div class="line-block"></div> </div> </section> <section class="model-lineup section-padding" id="lexus-vehicles"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="tab-content" id="myTabContent"> <div class="tab-pane fade show active" id="all" role="tabpanel" aria-labelledby="all-tab"> <div class="row model-lineup-car-row"> {% for car in page.vehicles %} <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3 car"> <div class="car-wrap-frontpage"> <div class="car-container"> <div class="to-rotate"> <a class="car-front" href="{{ path('lexus_card_car', {url: car.url}) }}"> <picture alt="{{ car.title }}"> <source srcset="{{ car.image_webp }}" type="image/webp"> <source srcset="{{ car.image }}"> <img src="{{ car.image }}" alt="{{ car.title }}" class="car-img"> </picture> <div class="car-title"> <span>{{ car.title }}</span> </div> </a> </div> </div> <div class="car-body"> <div class="car-sub-title">{{ car.slogan }}</div> <div class="car-price"> {{ 'site.from'|trans({}, 'dc_lexus') }} <span>{{ car.price|price }}</span> грн </div> <a href="{{ path('lexus_service_consultation') }}" class="btn car-btn">Тест-драйв</a> </div> </div> </div> {% endfor %} </div> </div> </div> </div> </div> </div> </section> <section> <div class="container"> <div class="col-12"> <div class="row"> {{ page.description|raw }} </div> </div> </div> </section>{% endblock %}