src/PortalBundle/Resources/views/Finance/extended-warranty.html.twig line 1

Open in your IDE?
  1. {% extends '@Portal/base.html.twig' %}
  3. {% block seo %}
  4.     <title>{{ 'service.extended_warranty.seo_title'|trans({}, 'portal_base') }}</title>
  5.     <meta name="description" content="{{ 'service.extended_warranty.seo_desc'|trans({}, 'portal_base') }}" />
  6. {% endblock %}
  8. {% block css %}
  9.     <link rel="stylesheet" href="{{ asset('bundles/portal/css/finance.css') }}">
  10. {% endblock  %}
  12. {% block content %}
  13.     <section class="breadcrumbs__new">
  14.         <div class="container">
  15.             <ol class="vidi_breadcrumbs__new" itemscope itemtype="https://schema.org/BreadcrumbList">
  16.                 <li class="marker__none" itemprop="itemListElement" itemscope
  17.                     itemtype="https://schema.org/ListItem">
  18.                     <a itemprop="item" href="{{ path('portal_homepage') }}">
  19.                         <span class="breadcrumbs__link" itemprop="name">VIDI.UA</span></a>
  20.                     <meta itemprop="position" content="1"/>
  21.                 </li>
  23.                 <div class="arrow-bc"></div>
  24.                 <li itemprop="item" class="marker__none" itemprop="itemListElement" itemscope
  25.                     itemtype="https://schema.org/ListItem">
  26.                     <span style="color: #ABABAB" class="breadcrumbs__link" itemprop="name">{{ 'service.service'|trans({}, 'portal_base') }}</span>
  27.                     <meta itemprop="position" content="2"/>
  28.                 </li>
  30.                 <div class="arrow-bc"></div>
  31.                 <li itemprop="item" class="marker__none" itemprop="itemListElement" itemscope
  32.                     itemtype="https://schema.org/ListItem">
  33.                     <span style="color: #ABABAB" class="breadcrumbs__link" itemprop="name">{{ 'service.extended_warranty.title'|trans({}, 'portal_base') }}</span>
  34.                     <meta itemprop="position" content="3"/>
  35.                 </li>
  36.             </ol>
  37.         </div>
  38.     </section>
  40.     <section class="service-head-block section-padding-page">
  41.         <div class="container">
  42.             <div class="row">
  43.                 <div class="col-md-4">
  44.                     <h1 class="service-head-h1 extended-warranty-title">{{ 'service.extended_warranty.extended_warranty_title'|trans({}, 'portal_base') }}</h1>
  45.                 </div>
  46.                 <div class="col-md-6 offset-md-2 flexbox-wrapper">
  47.                     <div>
  48.                         <p class="section-subtitle-page mb-3">{{ 'service.extended_warranty.desc'|trans({}, 'portal_base') }}</p>
  49.                         <a href="#costExtendedWarranty" class="btn-red-bg mb-0">{{ 'service.extended_warranty.btn'|trans({}, 'portal_base') }}</a>
  50.                     </div>
  51.                 </div>
  52.             </div>
  53.         </div>
  54.     </section>
  56.     <section class="extended-warranty-menu sticky-top bg-menu-fixed">
  57.         <div class="container">
  58.             <div class="row">
  59.                 <div class="col-md-12">
  60.                     <ul class="pages-menu-fixed-finance pages-menu-fixed navbar-nav" id="list-example">
  61.                         <li >
  62.                             <a href="#vehicles">{{ 'service.extended_warranty.menu_one'|trans({}, 'portal_base') }}</a>
  63.                         </li>
  64.                         <li>
  65.                             <a href="#insuranceRisks">{{ 'service.extended_warranty.menu_two'|trans({}, 'portal_base') }}</a>
  66.                         </li>
  67.                         <li>
  68.                             <a href="#reimbursementLimits">{{ 'service.extended_warranty.menu_three'|trans({}, 'portal_base') }}</a>
  69.                         </li>
  70.                         <li>
  71.                             <a href="#costExtendedWarranty">{{ 'service.extended_warranty.menu_four'|trans({}, 'portal_base') }}</a>
  72.                         </li>
  73.                     </ul>
  74.                 </div>
  75.             </div>
  76.         </div>
  77.     </section>
  79.     <section class="section-padding-page" id="vehicles">
  80.         <div class="container">
  81.             <div class="row">
  82.                 <div class="col-md-12 section-title-page">
  83.                     <span>{{ 'service.extended_warranty.menu_one'|trans({}, 'portal_base') }}</span>
  84.                 </div>
  85.             </div>
  86.             <div class="row">
  87.                 <div class="col-md-8">
  88.                     <p class="section-subtitle-page mb-0">
  89.                         {{ 'service.extended_warranty.menu_one_desc'|trans({}, 'portal_base') }}
  90.                      </p>
  91.                 </div>
  92.             </div>
  93.         </div>
  94.     </section>
  96.     <section class="bg-gray-page section-padding-page" id="insuranceRisks">
  97.         <div class="container">
  98.             <div class="row">
  99.                 <div class="col-md-12 section-title-page">
  100.                     <span>{{ 'service.extended_warranty.menu_two'|trans({}, 'portal_base') }}</span>
  101.                 </div>
  102.             </div>
  103.             <div class="row">
  104.                 <div class="col-md-8">
  105.                     <p class="section-subtitle-page mb-0">
  106.                         {{ 'service.extended_warranty.menu_two_desc'|trans({}, 'portal_base') }}
  107.                     </p>
  108.                 </div>
  109.             </div>
  110.         </div>
  111.     </section>
  113.     <section class="section-padding-page" id="reimbursementLimits">
  114.         <div class="container">
  115.             <div class="row">
  116.                 <div class="col-md-12 section-title-page">
  117.                     <span>{{ 'service.extended_warranty.menu_three'|trans({}, 'portal_base') }}</span>
  118.                 </div>
  119.             </div>
  120.             <div class="row">
  121.                 <div class="col-md-6">
  122.                     <div class="extended_warranty-info">
  123.                         <span class="extended_warranty-nubmer">75 000 грн</span>
  124.                         <p>{{ 'service.extended_warranty.menu_three_list_one'|trans({}, 'portal_base') }}</p>
  125.                     </div>
  126.                 </div>
  127.                 <div class="col-md-6">
  128.                     <div class="extended_warranty-info mb-0">
  129.                         <span class="extended_warranty-nubmer">300 000 грн</span>
  130.                         <p>{{ 'service.extended_warranty.menu_three_list_two'|trans({}, 'portal_base') }}</p>
  131.                     </div>
  132.                 </div>
  133.             </div>
  134.         </div>
  135.     </section>
  137.     <section class="extended_warranty-form bg-gray-page section-padding-page" id="costExtendedWarranty">
  138.         <div class="container">
  139.             <div class="row">
  140.                 <div class="col-md-12 section-title-page">
  141.                     <span>{{ 'service.extended_warranty.menu_four'|trans({}, 'portal_base') }}</span>
  142.                 </div>
  143.             </div>
  144.             <div class="row">
  145.                 <div class="col-md-8">
  146.                     <p class="section-subtitle-page mb-4">
  147.                         {{ 'service.extended_warranty.menu_four_desc'|trans({}, 'portal_base') }}
  148.                     </p>
  149.                 </div>
  150.             </div>
  151.             <div class="row">
  152.                 <div class="col-md-6">
  153.                     {{ form_start(warrantyForm, {attr: {class: 'pages-form-row row lead-form pop-up', action: path('form_insurance_extend')}}) }}
  154.                         <div class="col-md-6">
  155.                             <div class="form-group">
  156.                                 {{ form_row(warrantyForm.brand) }}
  157.                             </div>
  158.                         </div>
  159.                         <div class="col-md-6">
  160.                             <div class="form-group">
  161.                                 {{ form_row(warrantyForm.year) }}
  162.                             </div>
  163.                         </div>
  164.                         <div class="col-md-6">
  165.                             <div class="form-group">
  166.                                 {{ form_row(warrantyForm.name) }}
  167.                             </div>
  168.                         </div>
  169.                         <div class="col-md-6">
  170.                             <div class="form-group">
  171.                                 {{ form_row(warrantyForm.phone) }}
  172.                             </div>
  173.                         </div>
  174.                         <div class="col-md-12">
  175.                             <div class="form-group">
  176.                                 {{ form_row(warrantyForm.email) }}
  177.                             </div>
  178.                         </div>
  179.                     <div class="col-md-12">
  180.                         <div class="form-group checkbox style-b js-form-privacy">
  181.                             <label class="checkboxes__item-privacy">
  182.                                 <input type="checkbox" name="{{ warrantyForm.privacy.vars.full_name }}" value="{{ warrantyForm.privacy.vars.value }}" id="{{ warrantyForm.privacy.vars.id }}"/>
  183.                                 <div id="check_privacy" class="checkbox__checkmark form-control"></div>
  184.                                 <div class="checkbox__body">{{ 'callback_widget.privacy'|trans({}, 'dc_base') }} <a href="{{ privacyUrl }}" target="_blank">{{ 'callback_widget.privacy_link'|trans({}, 'dc_base') }}</a></div>
  185.                             </label>
  186.                         </div>
  187.                     </div>
  188.                     <div style="display:none;">
  189.                         {{ form_rest(warrantyForm) }}
  190.                     </div>
  191.                         <div class="col-md-6">
  192.                             <button type="submit" class="btn btn-primary w-100">{{ 'form.send'|trans({}, 'portal_base') }} заявку</button>
  193.                         </div>
  194.                     {{ form_end(warrantyForm) }}
  195.                 </div>
  196.                 <div class="col-md-5 offset-md-1">
  197.                     <div class="questions-block">
  198.                         <span class="questions-block-title">{{ 'pages.form.info_block.title'|trans({}, 'portal_base') }}</span>
  199.                         <div class="questions-block-contacts-wrap">
  200.                             <div class="questions-block-contacts ">
  201.                                 <span>{{ 'pages.form.info_block.phone'|trans({}, 'portal_base') }}</span>
  202.                                 <a href="tel:+380445917771">+38 (044) 591 77 71</a>
  203.                             </div>
  204.                             <div class="questions-block-contacts">
  205.                             <span>{{ 'pages.form.info_block.mail'|trans({}, 'portal_base') }}</span>
  206.                             <a href="mailto:service@vidi.ua">service@vidi.ua</a>
  207.                             </div>
  208.                         </div>
  209.                     </div>
  210.                 </div>
  211.             </div>
  212.         </div>
  213.     </section>
  215. {% endblock %}
  217. {% block pageJS %}
  219. {% endblock  %}