src/DcSiteBundle/Resources/views/Subaru/About/about.html.twig line 1

Open in your IDE?
  1. {% extends '@DcSite/Subaru/base.html.twig' %}
  3. {% block title %}
  4.     <title>{{ 'base.seo.title_about'|trans({}, 'dc_subaru') }}</title>
  5. {% endblock title %}
  7. {% block seo %}
  8.     <meta name="description" content="{{ 'base.seo.description_about'|trans({}, 'dc_subaru') }}" />
  9.     <meta name="keywords" content="{{ 'base.seo.keywords_about'|trans({}, 'dc_subaru') }}">
  10. {% endblock seo %}
  12. {% block ogtagDynamic %}
  13.     <meta property="og:title" content="{{ 'base.seo.title_about'|trans({}, 'dc_subaru') }}"/>
  14.     <meta property="og:description" content="{{ 'base.seo.description_about'|trans({}, 'dc_subaru') }}"/>
  15. {% endblock ogtagDynamic %}
  17. {% block css %}
  18.     <link rel="stylesheet" href="{{ asset('bundles/dcsite/css/subaru/landing-page.css') }}">
  19. {% endblock %}
  21. {% block content %}
  22.     <main>
  24.         <section class="breadcrumbs__new">
  25.             <div class="container">
  26.                 <ol class="global_breadcrumbs__new" itemscope itemtype="https://schema.org/BreadcrumbList">
  27.                     <li class="marker__none" itemprop="itemListElement" itemscope
  28.                         itemtype="https://schema.org/ListItem">
  29.                         <a itemprop="item" href="{{ path('subaru_homepage') }}">
  30.                             <span class="breadcrumbs__link" itemprop="name">SUBARU</span></a>
  31.                         <meta itemprop="position" content="1"/>
  32.                     </li>
  34.                     <div class="arrow-bcs"> ❯ </div>
  35.                     <li itemprop="item" class="marker__none" itemprop="itemListElement" itemscope
  36.                         itemtype="https://schema.org/ListItem">
  37.                         <span style="color: #ABABAB;" class="breadcrumbs__link" itemprop="name">{{ 'menu.info.index'|trans({}, 'dc_subaru') }}</span>
  38.                         <meta itemprop="position" content="2"/>
  39.                     </li>
  41.                     <div class="arrow-bcs"> ❯ </div>
  42.                     <li itemprop="item" class="marker__none" itemprop="itemListElement" itemscope
  43.                         itemtype="https://schema.org/ListItem">
  44.                         <span style="color: #ABABAB;" class="breadcrumbs__link" itemprop="name">{{ 'menu.info.about'|trans({}, 'dc_subaru') }}</span>
  45.                         <meta itemprop="position" content="3"/>
  46.                     </li>
  47.                 </ol>
  48.             </div>
  49.         </section>
  50. {#
  51.         {% include '@DcSite/Subaru/breadcrumbs.html.twig' with {
  52.             catName: 'menu.info.index'|trans({}, 'dc_subaru'),
  53.             pageName: 'menu.info.about'|trans({}, 'dc_subaru')
  54.         } %}
  55. #}
  56.         <section class="landing-page landing-padding-image-block">
  57.             <div class="container landing-page-bg main-bg">
  58.                 <div class="row">
  59.                     <div class="col-md-2">
  61.                     </div>
  62.                     <div class="col-md-8">
  63.                         <h1>{{ 'pages.about.h1'|trans({}, 'dc_subaru') }}</h1>
  64.                         <span class="landing-page-line"></span>
  65.                     </div>
  66.                     <div class="col-md-2">
  68.                     </div>
  69.                 </div>
  70.             </div>
  71.         </section>
  73.         <section class="landing-padding">
  74.             <div class="container">
  75.                 <div class="row">
  76.                     {% include '@DcSite/Subaru/About/includes/aside_contacts.html.twig' %}
  77.                     {% if app.request.locale == 'ru' %}
  78.                         {% include '@DcSite/Subaru/About/translations/about_ru.html.twig' %}
  79.                     {% else %}
  80.                         {% include '@DcSite/Subaru/About/translations/about_ua.html.twig' %}
  81.                     {% endif %}
  82.                     {% include '@DcSite/Subaru/About/includes/aside_nav.html.twig' with {
  83.                         active: 'about',
  84.                     } %}
  85.                 </div>
  86.             </div>
  87.         </section>
  89.         <section class="landing-padding bg-grey">
  90.             <div class="container">
  91.                 <div class="row">
  92.                     <div class="col-md-2">
  94.                     </div>
  95.                     <div class="col-md-8">
  96.                         <span class="landing-title">{{ 'pages.about.adv_services'|trans({}, 'dc_subaru') }}</span>
  97.                         <p class="landing-paragraph">{{ 'pages.about.adv_sub'|trans({}, 'dc_subaru') }}:</p>
  98.                         <div class="row premiun-comleks-row">
  99.                             <div class="col-md-3">
  100.                                 <a href="{{ path('subaru_service_order_to') }}" class="premiun-comleks">
  101.                                     <img src="{{ asset('bundles/dcsite/img/subaru/service.png') }}" alt="">
  102.                                     <span class="premiun-comleks-title">{{ 'pages.about.adv_0'|trans({}, 'dc_subaru') }}</span>
  103.                                     <svg width="13" height="8" viewBox="0 0 13 8" fill="none" xmlns="http://www.w3.org/2000/svg">
  104.                                         <path d="M6.89887 7.08138L12.088 1.72319C12.304 1.50009 12.304 1.1438 12.088 0.920699C11.8675 0.6931 11.5089 0.6931 11.2885 0.920699L6.50029 5.86494L1.7121 0.920699C1.49168 0.6931 1.13304 0.693101 0.912621 0.920699C0.806971 1.02979 0.75 1.1757 0.75 1.32075C0.75 1.46078 0.801394 1.60918 0.914022 1.72226L6.10006 7.07728C6.10037 7.07762 6.10069 7.07795 6.101 7.07828C6.31923 7.30685 6.68077 7.30659 6.89887 7.08138Z" fill="#3F3F3F" stroke="#3F3F3F" stroke-width="0.5"/>
  105.                                     </svg>
  106.                                 </a>
  107.                             </div>
  108.                             <div class="col-md-3">
  109.                                 <a href="{{ path('subaru_finance_insurance') }}" class="premiun-comleks">
  110.                                     <img src="{{ asset('bundles/dcsite/img/subaru/insurance.png') }}" alt="">
  111.                                     <span class="premiun-comleks-title">{{ 'pages.about.adv_1'|trans({}, 'dc_subaru') }}</span>
  112.                                     <svg width="13" height="8" viewBox="0 0 13 8" fill="none" xmlns="http://www.w3.org/2000/svg">
  113.                                         <path d="M6.89887 7.08138L12.088 1.72319C12.304 1.50009 12.304 1.1438 12.088 0.920699C11.8675 0.6931 11.5089 0.6931 11.2885 0.920699L6.50029 5.86494L1.7121 0.920699C1.49168 0.6931 1.13304 0.693101 0.912621 0.920699C0.806971 1.02979 0.75 1.1757 0.75 1.32075C0.75 1.46078 0.801394 1.60918 0.914022 1.72226L6.10006 7.07728C6.10037 7.07762 6.10069 7.07795 6.101 7.07828C6.31923 7.30685 6.68077 7.30659 6.89887 7.08138Z" fill="#3F3F3F" stroke="#3F3F3F" stroke-width="0.5"/>
  114.                                     </svg>
  115.                                 </a>
  116.                             </div>
  117.                             <div class="col-md-3">
  118.                                 <a href="{{ path('subaru_finance_insurance') }}" class="premiun-comleks">
  119.                                     <img src="{{ asset('bundles/dcsite/img/subaru/warranty.png') }}" alt="">
  120.                                     <span class="premiun-comleks-title">{{ 'pages.about.adv_2'|trans({}, 'dc_subaru') }}</span>
  121.                                     <svg width="13" height="8" viewBox="0 0 13 8" fill="none" xmlns="http://www.w3.org/2000/svg">
  122.                                         <path d="M6.89887 7.08138L12.088 1.72319C12.304 1.50009 12.304 1.1438 12.088 0.920699C11.8675 0.6931 11.5089 0.6931 11.2885 0.920699L6.50029 5.86494L1.7121 0.920699C1.49168 0.6931 1.13304 0.693101 0.912621 0.920699C0.806971 1.02979 0.75 1.1757 0.75 1.32075C0.75 1.46078 0.801394 1.60918 0.914022 1.72226L6.10006 7.07728C6.10037 7.07762 6.10069 7.07795 6.101 7.07828C6.31923 7.30685 6.68077 7.30659 6.89887 7.08138Z" fill="#3F3F3F" stroke="#3F3F3F" stroke-width="0.5"/>
  123.                                     </svg>
  124.                                 </a>
  125.                             </div>
  126.                             <div class="col-md-3">
  127.                                 <a href="{{ path('subaru_service_order_to') }}" class="premiun-comleks">
  128.                                     <img src="{{ asset('bundles/dcsite/img/subaru/spares.png') }}" alt="">
  129.                                     <span class="premiun-comleks-title">{{ 'pages.about.adv_3'|trans({}, 'dc_subaru') }}</span>
  130.                                     <svg width="13" height="8" viewBox="0 0 13 8" fill="none" xmlns="http://www.w3.org/2000/svg">
  131.                                         <path d="M6.89887 7.08138L12.088 1.72319C12.304 1.50009 12.304 1.1438 12.088 0.920699C11.8675 0.6931 11.5089 0.6931 11.2885 0.920699L6.50029 5.86494L1.7121 0.920699C1.49168 0.6931 1.13304 0.693101 0.912621 0.920699C0.806971 1.02979 0.75 1.1757 0.75 1.32075C0.75 1.46078 0.801394 1.60918 0.914022 1.72226L6.10006 7.07728C6.10037 7.07762 6.10069 7.07795 6.101 7.07828C6.31923 7.30685 6.68077 7.30659 6.89887 7.08138Z" fill="#3F3F3F" stroke="#3F3F3F" stroke-width="0.5"/>
  132.                                     </svg>
  133.                                 </a>
  134.                             </div>
  135.                             <div class="col-md-3">
  136.                                 <a href="{{ path('subaru_service_consultation') }}" class="premiun-comleks" >
  137.                                     <img src="{{ asset('bundles/dcsite/img/subaru/test-drive.png') }}" alt="">
  138.                                     <span class="premiun-comleks-title">{{ 'pages.about.adv_4'|trans({}, 'dc_subaru') }}</span>
  139.                                     <svg width="13" height="8" viewBox="0 0 13 8" fill="none" xmlns="http://www.w3.org/2000/svg">
  140.                                         <path d="M6.89887 7.08138L12.088 1.72319C12.304 1.50009 12.304 1.1438 12.088 0.920699C11.8675 0.6931 11.5089 0.6931 11.2885 0.920699L6.50029 5.86494L1.7121 0.920699C1.49168 0.6931 1.13304 0.693101 0.912621 0.920699C0.806971 1.02979 0.75 1.1757 0.75 1.32075C0.75 1.46078 0.801394 1.60918 0.914022 1.72226L6.10006 7.07728C6.10037 7.07762 6.10069 7.07795 6.101 7.07828C6.31923 7.30685 6.68077 7.30659 6.89887 7.08138Z" fill="#3F3F3F" stroke="#3F3F3F" stroke-width="0.5"/>
  141.                                     </svg>
  142.                                 </a>
  143.                             </div>
  144.                             <div class="col-md-3">
  145.                                 <a href="{{ path('subaru_finance_credit') }}" class="premiun-comleks">
  146.                                     <img src="{{ asset('bundles/dcsite/img/subaru/calculator.png') }}" alt="">
  147.                                     <span class="premiun-comleks-title">{{ 'pages.about.adv_5'|trans({}, 'dc_subaru') }}</span>
  148.                                     <svg width="13" height="8" viewBox="0 0 13 8" fill="none" xmlns="http://www.w3.org/2000/svg">
  149.                                         <path d="M6.89887 7.08138L12.088 1.72319C12.304 1.50009 12.304 1.1438 12.088 0.920699C11.8675 0.6931 11.5089 0.6931 11.2885 0.920699L6.50029 5.86494L1.7121 0.920699C1.49168 0.6931 1.13304 0.693101 0.912621 0.920699C0.806971 1.02979 0.75 1.1757 0.75 1.32075C0.75 1.46078 0.801394 1.60918 0.914022 1.72226L6.10006 7.07728C6.10037 7.07762 6.10069 7.07795 6.101 7.07828C6.31923 7.30685 6.68077 7.30659 6.89887 7.08138Z" fill="#3F3F3F" stroke="#3F3F3F" stroke-width="0.5"/>
  150.                                     </svg>
  151.                                 </a>
  152.                             </div>
  153.                             <div class="col-md-3">
  154.                                 <a href="{{ path('subaru_finance_trade_in') }}" class="premiun-comleks">
  155.                                     <img src="{{ asset('bundles/dcsite/img/subaru/trade.png') }}" alt="">
  156.                                     <span class="premiun-comleks-title">Trade–In</span>
  157.                                     <svg width="13" height="8" viewBox="0 0 13 8" fill="none" xmlns="http://www.w3.org/2000/svg">
  158.                                         <path d="M6.89887 7.08138L12.088 1.72319C12.304 1.50009 12.304 1.1438 12.088 0.920699C11.8675 0.6931 11.5089 0.6931 11.2885 0.920699L6.50029 5.86494L1.7121 0.920699C1.49168 0.6931 1.13304 0.693101 0.912621 0.920699C0.806971 1.02979 0.75 1.1757 0.75 1.32075C0.75 1.46078 0.801394 1.60918 0.914022 1.72226L6.10006 7.07728C6.10037 7.07762 6.10069 7.07795 6.101 7.07828C6.31923 7.30685 6.68077 7.30659 6.89887 7.08138Z" fill="#3F3F3F" stroke="#3F3F3F" stroke-width="0.5"/>
  159.                                     </svg>
  160.                                 </a>
  161.                             </div>
  162.                             <div class="col-md-3">
  163.                                 <a href="{{ path('subaru_about_loyality_program') }}" class="premiun-comleks">
  164.                                     <img src="{{ asset('bundles/dcsite/img/subaru/loyalty.png') }}" alt="">
  165.                                     <span class="premiun-comleks-title">{{ 'pages.about.adv_7'|trans({}, 'dc_subaru') }}</span>
  166.                                     <svg width="13" height="8" viewBox="0 0 13 8" fill="none" xmlns="http://www.w3.org/2000/svg">
  167.                                         <path d="M6.89887 7.08138L12.088 1.72319C12.304 1.50009 12.304 1.1438 12.088 0.920699C11.8675 0.6931 11.5089 0.6931 11.2885 0.920699L6.50029 5.86494L1.7121 0.920699C1.49168 0.6931 1.13304 0.693101 0.912621 0.920699C0.806971 1.02979 0.75 1.1757 0.75 1.32075C0.75 1.46078 0.801394 1.60918 0.914022 1.72226L6.10006 7.07728C6.10037 7.07762 6.10069 7.07795 6.101 7.07828C6.31923 7.30685 6.68077 7.30659 6.89887 7.08138Z" fill="#3F3F3F" stroke="#3F3F3F" stroke-width="0.5"/>
  168.                                     </svg>
  169.                                 </a>
  170.                             </div>
  171.                         </div>
  172.                     </div>
  173.                     <div class="col-md-2">
  175.                     </div>
  176.                 </div>
  177.             </div>
  178.         </section>
  180.         <section class="landing-padding ">
  181.             <div class="container">
  182.                 <div class="row">
  183.                     <div class="col-md-2">
  185.                     </div>
  186.                     {% if app.request.locale == 'ru' %}
  187.                         {% include '@DcSite/Subaru/About/translations/about_sec_ru.html.twig' %}
  188.                     {% else %}
  189.                         {% include '@DcSite/Subaru/About/translations/about_sec_ua.html.twig' %}
  190.                     {% endif %}
  191.                     <div class="col-md-2">
  193.                     </div>
  194.                 </div>
  195.             </div>
  196.         </section>
  199.     </main>
  200. {% endblock content %}