src/DcSiteBundle/Resources/views/Subaru/Finance/insurance.html.twig line 1

Open in your IDE?
  1. {% extends '@DcSite/Subaru/base.html.twig' %}
  3. {% block title %}
  4.     <title>{{ 'base.seo.title_insurance'|trans({}, 'dc_subaru') }}</title>
  5. {% endblock title %}
  7. {% block seo %}
  8.     <meta name="description" content="{{ 'base.seo.description_insurance'|trans({}, 'dc_subaru') }}" />
  9.     <meta name="keywords"  content="{{ 'base.seo.keywords_insurance'|trans({}, 'dc_subaru') }}" />
  10. {% endblock seo %}
  12. {% block ogtagDynamic %}
  13.     <meta property="og:title" content="{{ 'base.seo.title_insurance'|trans({}, 'dc_subaru') }}"/>
  14.     <meta property="og:description" content="{{ 'base.seo.description_insurance'|trans({}, 'dc_subaru') }}"/>
  15. {% endblock ogtagDynamic %}
  17. {% block css %}
  18.     <link rel="stylesheet" href="{{ asset('bundles/dcsite/css/subaru/landing-page.css') }}">
  19.     <link rel="stylesheet" href="{{ asset('bundles/dcsite/css/subaru/insurance.css') }}">
  20.     <style>
  21.         .form__options [type=checkbox]:checked + label:before, .form__radio-inline [type=radio]:checked + label:before {
  22.             background-color: #00AFEA!important;
  23.             border-color: #00AFEA!important;
  24.         }
  25.         .swappy-radios input:checked ~ span {
  26.             color: #00AFEA;
  27.         }
  28.         .calculation_module-title .calculation_module-title-selected{
  29.             color: #00AFEA;
  30.             border-bottom: 1px solid #00AFEA;
  31.         }
  32.         .calculation_module-style.active, .calculation_module-style:hover{
  33.             border: 1px solid #00AFEA;
  34.         }
  35.         .credit-form__option .color-red {
  36.             color: #00AFEA;
  37.         }
  38.         .calculation_module-modif-price{
  39.             color: #00AFEA;
  40.         }
  41.         
  42.         .form__radio-box [type=checkbox]:checked+label,
  43.         .form__radio-box [type=radio]:checked+label, .form__radio-box label:hover {
  44.             background-color: transparent;
  45.             color: #00AFEA;
  46.             background: #00AFEA26;
  47.             border-bottom: 1px solid #00AFEA!important;
  48.         }
  49.     </style>
  50. {% endblock %}
  52. {% block content %}
  53.     <main>
  54.         <section class="breadcrumbs__new">
  55.             <div class="container">
  56.                 <ol class="global_breadcrumbs__new" itemscope itemtype="https://schema.org/BreadcrumbList">
  57.                     <li class="marker__none" itemprop="itemListElement" itemscope
  58.                         itemtype="https://schema.org/ListItem">
  59.                         <a itemprop="item" href="{{ path('subaru_homepage') }}">
  60.                             <span class="breadcrumbs__link" itemprop="name">SUBARU</span></a>
  61.                         <meta itemprop="position" content="1"/>
  62.                     </li>
  64.                     <div class="arrow-bcs"> ❯ </div>
  65.                     <li itemprop="item" class="marker__none" itemprop="itemListElement" itemscope
  66.                         itemtype="https://schema.org/ListItem">
  67.                         <span style="color: #ABABAB;" class="breadcrumbs__link" itemprop="name">{{ 'menu.services.index'|trans({}, 'dc_subaru') }}</span>
  68.                         <meta itemprop="position" content="2"/>
  69.                     </li>
  71.                     <div class="arrow-bcs"> ❯ </div>
  72.                     <li itemprop="item" class="marker__none" itemprop="itemListElement" itemscope
  73.                         itemtype="https://schema.org/ListItem">
  74.                         <span style="color: #ABABAB;" class="breadcrumbs__link" itemprop="name">{{ 'menu.services.insurance'|trans({}, 'dc_subaru') }}</span>
  75.                         <meta itemprop="position" content="3"/>
  76.                     </li>
  77.                 </ol>
  78.             </div>
  79.         </section>
  81.         <section class="landing-page landing-padding-image-block">
  82.             <div class="container landing-page-bg insurance-page-bg">
  83.                 <div class="row">
  84.                     <div class="col-md-2">
  86.                     </div>
  87.                     <div class="col-md-8">
  88.                         <h1>{{ 'pages.insurance.h1'|trans({}, 'dc_subaru') }} Subaru</h1>
  89.                         <span class="landing-page-line"></span>
  90.                     </div>
  91.                     <div class="col-md-2">
  93.                     </div>
  94.                 </div>
  95.             </div>
  96.         </section>
  98.         <section class="landing-padding">
  99.             <div class="container">
  100.                 <div class="row">
  101.                     {% include '@DcSite/Subaru/About/includes/aside_contacts.html.twig' %}
  103.                     <div class="col-md-8">
  104.                         <span class="landing-title">{{ 'pages.insurance.title'|trans({}, 'dc_subaru') }}</span>
  105.                         {% if app.request.locale == 'ru' %}
  106.                             {% include '@DcSite/Subaru/Finance/translations/insurance_top_ru.html.twig' %}
  107.                         {% else %}
  108.                             {% include '@DcSite/Subaru/Finance/translations/insurance_top_ua.html.twig' %}
  109.                         {% endif %}
  110.                     </div>
  111.                     {% include '@DcSite/Subaru/Finance/includes/aside_nav.html.twig' with {
  112.                         active: 'insurance',
  113.                     } %}
  114.                 </div>
  115.             </div>
  116.         </section>
  118.         {% include '@DcSiteBundle/Modules/insurance.html.twig' with {bigSize : true} %}
  120.         {% if app.request.locale == 'ru' %}
  121.             {% include '@DcSite/Subaru/Finance/translations/insurance_ru.html.twig' %}
  122.         {% else %}
  123.             {% include '@DcSite/Subaru/Finance/translations/insurance_ua.html.twig' %}
  124.         {% endif %}
  127.     </main>
  128. {% endblock content %}
  130. {% block pageJs %}
  131.     <script>
  132.         app.onCustomEvent('appInit', function () {
  133.             app.loadJs('{{ asset('bundles/dcsite/js/casco.js') }}',function () {
  134.                 initCasco({
  135.                     initUrl : '{{ path('base_casco_init') }}',
  136.                     initByDealerUrl : '{{ path('base_casco_init_by_dealer') }}',
  137.                     optionsUrl : '{{ path('base_casco_options') }}',
  138.                     formUrl : '{{ path('base_casco_save_form') }}',
  139.                     privacyUrl: '{{ privacyUrl }}',
  140.                 });
  141.             });
  142.         });
  143.     </script>
  145. {% endblock pageJs %}