src/DcSiteBundle/Resources/views/Subaru/Finance/trade-in.html.twig line 1

Open in your IDE?
  1. {% extends '@DcSite/Subaru/base.html.twig' %}
  3. {% block title %}
  4.     <title>{{ 'base.seo.title_trade_in'|trans({}, 'dc_subaru') }}</title>
  5. {% endblock title %}
  7. {% block seo %}
  8.     <meta name="description" content="{{ 'base.seo.description_trade_in'|trans({}, 'dc_subaru') }}" />
  9.     <meta name="keywords" content="{{ 'base.seo.keywords_trade_in'|trans({}, 'dc_subaru') }}" />
  10. {% endblock seo %}
  12. {% block ogtagDynamic %}
  13.     <meta property="og:title" content="{{ 'base.seo.title_trade_in'|trans({}, 'dc_subaru') }}"/>
  14.     <meta property="og:description" content="{{ 'base.seo.description_trade_in'|trans({}, 'dc_subaru') }}"/>
  15. {% endblock ogtagDynamic %}
  18. {% block css %}
  19.     <link rel="stylesheet" href="{{ asset('bundles/dcsite/css/subaru/landing-page.css') }}">
  20.     <link rel="stylesheet" href="{{ asset('bundles/dcsite/css/subaru/trade-in.css') }}">
  21.     <link rel="stylesheet" type="text/css" href="{{ asset('bundles/dcsite/css/modules/n-trade-in.css') }}">
  22. {% endblock %}
  24. {% block content %}
  25.     <main>
  26.         <section class="breadcrumbs__new">
  27.             <div class="container">
  28.                 <ol class="global_breadcrumbs__new" itemscope itemtype="https://schema.org/BreadcrumbList">
  29.                     <li class="marker__none" itemprop="itemListElement" itemscope
  30.                         itemtype="https://schema.org/ListItem">
  31.                         <a itemprop="item" href="{{ path('subaru_homepage') }}">
  32.                             <span class="breadcrumbs__link" itemprop="name">SUBARU</span></a>
  33.                         <meta itemprop="position" content="1"/>
  34.                     </li>
  36.                     <div class="arrow-bcs"> ❯ </div>
  37.                     <li itemprop="item" class="marker__none" itemprop="itemListElement" itemscope
  38.                         itemtype="https://schema.org/ListItem">
  39.                         <span style="color: #ABABAB;" class="breadcrumbs__link" itemprop="name">{{ 'menu.services.index'|trans({}, 'dc_subaru') }}</span>
  40.                         <meta itemprop="position" content="2"/>
  41.                     </li>
  43.                     <div class="arrow-bcs"> ❯ </div>
  44.                     <li itemprop="item" class="marker__none" itemprop="itemListElement" itemscope
  45.                         itemtype="https://schema.org/ListItem">
  46.                         <span style="color: #ABABAB;" class="breadcrumbs__link" itemprop="name">Trade-In</span>
  47.                         <meta itemprop="position" content="3"/>
  48.                     </li>
  49.                 </ol>
  50.             </div>
  51.         </section>
  53.         <section class="landing-page landing-padding-image-block">
  54.             <div class="container landing-page-bg ti-bg">
  55.                 <div class="row">
  56.                     <div class="col-md-2">
  58.                     </div>
  59.                     <div class="col-md-8">
  60.                         <h1>SUBARU {{ 'pages.trade_in.title'|trans({}, 'dc_subaru')|upper }}</h1>
  61.                         <span class="landing-page-line"></span>
  62.                     </div>
  63.                     <div class="col-md-2">
  65.                     </div>
  66.                 </div>
  67.                 <div class="row" style="padding-top: 35px">
  68.                     <div class="col-md-2 hidden-sm">
  70.                     </div>
  71.                     <div class="col-md-3 col-sm-12">
  72.                         <a href="#ti-anchor" class="btn-blue" style="width: auto;">Калькулятор Trade–In</a>
  73.                     </div>
  74.                 </div>
  75.             </div>
  76.         </section>
  78.         <section class="trade-in-calculator landing-padding" id="ti-anchor">
  79.             <div class="container">
  80.                 <div class="row">
  81.                     <div class="col-md-12 section-title">
  82.                         <span>Калькулятор Trade–In</span>
  83.                         <span class="line-page"></span>
  84.                     </div>
  85.                     <div class="col-12">
  86.                         <span class="landing-title">{{ 'pages.trade_in.steps_to_dream'|trans({}, 'dc_subaru') }}.</span>
  87.                         <p class="landing-paragraph mb-0" style="padding-bottom: 35px">{{ 'pages.trade_in.trade_in_is'|trans({}, 'dc_subaru') }}</p>
  88.                     </div>
  89.                     <div class="col-md-12">
  90.                         {% include '@DcSite/Modules/n-trade-in.html.twig' %}
  91.                     </div>
  92.                 </div>
  93.             </div>
  94.         </section>
  96.         <section class="landing-padding bg-grey">
  97.             <div class="container">
  98.                 <div class="row">
  99.                     <div class="col-12 section-title">
  100.                         <span>TRADE-IN</span>
  101.                         <span class="line-page"></span>
  102.                     </div>
  103.                     {% if app.request.locale == 'ru' %}
  104.                         {% include '@DcSite/Subaru/Finance/translations/trade_in_seo_ru.html.twig' %}
  105.                     {% else %}
  106.                         {% include '@DcSite/Subaru/Finance/translations/trade_in_seo_ua.html.twig' %}
  107.                     {% endif %}
  108.                 </div>
  109.             </div>
  110.         </section>
  112.         <section class="landing-padding">
  113.             <div class="container">
  114.                 <div class="row">
  115.                     {% include '@DcSite/Subaru/About/includes/aside_contacts.html.twig' %}
  117.                     <div class="col-md-8">
  120.                         {% if app.request.locale == 'ru' %}
  121.                             {% include '@DcSite/Subaru/Finance/translations/trade_in_ru.html.twig' %}
  122.                         {% else %}
  123.                             {% include '@DcSite/Subaru/Finance/translations/trade_in_ua.html.twig' %}
  124.                         {% endif %}
  125.                     </div>
  126.                     {% include '@DcSite/Subaru/Finance/includes/aside_nav.html.twig' with {
  127.                         active: 'trade',
  128.                     } %}
  129.                 </div>
  130.             </div>
  131.         </section>
  136.     </main>
  137. {% endblock content %}
  139. {% block pageJs %}
  140.     <script>
  141.         app.onCustomEvent('appInit', function () {
  142.             app.loadJs('{{ asset('bundles/dcsite/js/trade-in.js') }}',function () {
  143.                 initTIWidget({
  144.                     initUrl: '{{ path('dc_ti_init') }}',
  145.                     dealer: {{ dealer.id }},
  146.                     agreementUrl: '{{ privacyUrl }}',
  147.                 });
  148.             });
  149.         });
  150.     </script>
  151. {% endblock  %}