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

Open in your IDE?
  1. {% extends '@DcSite/Nissan_Armada/base.html.twig' %}
  3. {% block title %}
  4.     <title>{{ seoMeta.title ?? 'seo.insurance.title'|trans({}, 'dc_nissan_armada') }}</title>
  5. {% endblock title %}
  7. {% block seo %}
  8.     <meta name="description" content="{{ seoMeta.description ?? 'seo.insurance.description'|trans({'%phone%': dealer.phone}, 'dc_nissan_armada') }}" />
  9. {% endblock seo %}
  11. {% block ogtagDynamic %}
  12.     <meta property="og:title" content="{{ seoMeta.title ?? 'seo.insurance.title'|trans({}, 'dc_nissan_armada') }}"/>
  13.     <meta property="og:description" content="{{ seoMeta.description ?? 'seo.insurance.description'|trans({'%phone%': dealer.phone}, 'dc_nissan_armada') }}"/>
  14. {% endblock ogtagDynamic %}
  16. {% block css %}
  17.     <link rel="stylesheet" type="text/css" href="{{ asset('bundles/dcsite/css/nissan_armada/page.css') }}">
  18. {% endblock %}
  20. {% block content %}
  21.     <style>
  22.         .form__options [type=checkbox]:checked + label:before, .form__radio-inline [type=radio]:checked + label:before {
  23.             background-color: #c3092e!important;
  24.             border-color: #c3092e!important;
  25.         }
  26.         .swappy-radios input:checked ~ span {
  27.             color: #c3092e;
  28.         }
  29.         .calculation_module-title .calculation_module-title-selected{
  30.             color: #c3092e;
  31.             border-bottom: 1px solid #c3092e;
  32.         }
  33.         .calculation_module-style.active, .calculation_module-style:hover{
  34.             border: 1px solid #c3092e;
  35.         }
  36.         .credit-form__option .color-red {
  37.             color: #c3092e;
  38.         }
  39.         .calculation_module-modif-price{
  40.             color: #c3092e;
  41.         }
  42.         
  43.         .form__radio-box [type=checkbox]:checked+label,
  44.         .form__radio-box [type=radio]:checked+label, .form__radio-box label:hover {
  45.             background-color: transparent;
  46.             color: #c3092e;
  47.             background: #c3092e26;
  48.             border-bottom: 1px solid #c3092e!important;
  49.         }
  51.         .insurance-calc-car input[type=radio]:checked + label .insurance-calc-car-name,
  52.         .form__config-price .configPricInsurance,
  53.         .form__note b {
  54.             color: #c3092e;
  55.         }
  57.         .btn-blue {
  58.             background: #c3092e;
  59.         }
  60.         .send-btn-form-fw {
  61.             background: #c3092e!important;
  62.             color: #fff;
  63.         }
  64.         @media (min-width: 768px){
  65.             .form__options label:before {
  66.                 background-color: #c3092e!important;
  67.             }
  68.         }
  69.     </style>
  70.     <section class="breadcrumbs__new">
  71.         <div class="container">
  72.             <ol class="global_breadcrumbs__new" itemscope itemtype="https://schema.org/BreadcrumbList">
  73.                 <li class="marker__none" itemprop="itemListElement" itemscope
  74.                     itemtype="https://schema.org/ListItem">
  75.                     <a itemprop="item" href="{{ path('nissan_armada_homepage') }}">
  76.                         <span class="breadcrumbs__link" itemprop="name">Nissan</span></a>
  77.                     <meta itemprop="position" content="1"/>
  78.                 </li>
  80.                 <div class="arrow-bcs"> ðŸ ’ </div>
  81.                 <li itemprop="item" class="marker__none" itemprop="itemListElement" itemscope
  82.                     itemtype="https://schema.org/ListItem">
  83.                     <span style="color: #fff;" class="breadcrumbs__link" itemprop="name">{{ 'pages.bc.finance'|trans({},'dc_nissan_armada') }}</span>
  84.                     <meta itemprop="position" content="2"/>
  85.                 </li>
  87.                 <div class="arrow-bcs"> ðŸ ’ </div>
  88.                 <li itemprop="item" class="marker__none" itemprop="itemListElement" itemscope
  89.                     itemtype="https://schema.org/ListItem">
  90.                     <span style="color: #fff;" class="breadcrumbs__link" itemprop="name">{{ 'pages.header.insurance'|trans({},'dc_nissan_armada') }}</span>
  91.                     <meta itemprop="position" content="3"/>
  92.                 </li>
  93.             </ol>
  94.         </div>
  95.     </section>
  97.     <section class="head-to">
  98.         <img src="{{ asset('bundles/dcsite/img/nissan_armada/landing-frontpage/insurance.png') }}">
  99.         <div class="page-info">
  100.             <div class="container">
  101.                 <div class="row">
  102.                     <div class="col-md-6">
  103.                         <div class="page-title-bg">
  104.                             <h1 class="head-title">{{ 'pages.service_head_text.insurance_title'|trans({},'dc_nissan_armada') }}</h1>
  105.                         </div>
  106.                         <div class="mainimg-specification-text">
  107.                             <div class="page-box">
  108.                                 <p class="head-p">{{ 'pages.service_head_text.insurance_subtitle'|trans({},'dc_nissan_armada') }}</p>
  109.                             </div>
  110.                         </div>
  111.                         <a href="#calculator" class="btn-head-to btn btn-head-to order-insurance ">
  112.                             {{ 'pages.service_head_text.insurance_btn'|trans({},'dc_nissan_armada') }} <span class="btn btn-chevron-right"></span>
  113.                         </a>
  114.                     </div>
  115.                 </div>
  116.             </div>
  117.         </div>
  118.     </section>
  119.     {% if app.request.locale == 'ru' %}
  120.         {% include '@DcSite/Nissan_Armada/Finance/tmp-lang/insurance.content.ru.html.twig' %}
  121.     {% else %}
  122.         {% include '@DcSite/Nissan_Armada/Finance/tmp-lang/insurance.content.ua.html.twig' %}
  123.     {% endif %}
  126. {% endblock content %}
  128. {% block pageJs %}
  129.     <script>
  130.         app.onCustomEvent('appInit', function () {
  131.             app.loadJs('{{ asset('bundles/dcsite/js/casco.js') }}',function () {
  132.                 initCasco({
  133.                     initUrl : '{{ path('base_casco_init') }}',
  134.                     initByDealerUrl : '{{ path('base_casco_init_by_dealer') }}',
  135.                     optionsUrl : '{{ path('base_casco_options') }}',
  136.                     formUrl : '{{ path('base_casco_save_form') }}',
  137.                     privacyUrl: '{{ privacyUrl }}',
  138.                 });
  139.             });
  140.         });
  141.     </script>
  142. {% endblock  %}