src/DcSiteBundle/Resources/views/Citroen/ServiceAgreements/extended-warranty.html.twig line 1

Open in your IDE?
  1. {% extends '@DcSite/Citroen/base.html.twig' %}
  3. {% block seo %}
  4.     <title>{{ seoMeta.title ?? 'extended_warranty.extended_warranty_three_title'|trans({}, 'dc_citroen') }}</title>
  5.     <meta name="description" content="{{ seoMeta.description ?? 'extended_warranty.extended_warranty_three_desc'|trans({}, 'dc_citroen') }}" />
  6. {% endblock seo %}
  8. {% block ogtagDynamic %}
  9.     <meta property="og:title" content="{{ seoMeta.dtitle ?? 'extended_warranty.extended_warranty_three_title'|trans({}, 'dc_citroen') }}"/>
  10.     <meta property="og:description" content="{{ seoMeta.description ?? 'extended_warranty.extended_warranty_three_desc'|trans({}, 'dc_citroen') }}"/>
  11. {% endblock ogtagDynamic %}
  13. {% block css %}
  14.     <link rel="stylesheet" type="text/css" href="{{ asset('bundles/dcsite/css/citroen/finance/style.css') }}">
  15. {% endblock %}
  18. {% block content %}
  19.     <section class="breadcrumbs__new">
  20.         <div class="container">
  21.             <ol class="global_breadcrumbs__new" itemscope itemtype="https://schema.org/BreadcrumbList">
  22.                 <li class="marker__none" itemprop="itemListElement" itemscope
  23.                     itemtype="https://schema.org/ListItem">
  24.                     <a itemprop="item" href="{{ path('citroen_homepage') }}">
  25.                         <span class="breadcrumbs__link" itemprop="name">CITROЁN</span></a>
  26.                     <meta itemprop="position" content="1"/>
  27.                 </li>
  28.                 <div class="arrow-bc"></div>
  29.                 <li class="marker__none" itemprop="itemListElement" itemscope
  30.                     itemtype="https://schema.org/ListItem">
  31.                     <a itemprop="item" href="{{ path('citroen_service_online-booking') }}">
  32.                         <span class="breadcrumbs__link" itemprop="name">{{ 'seo.service.title'|trans({}, 'dc_citroen') }}</span></a>
  33.                     <meta itemprop="position" content="2"/>
  34.                 </li>
  35.                 <div class="arrow-bc"></div>
  36.                 <li itemprop="item" class="marker__none" itemprop="itemListElement" itemscope
  37.                     itemtype="https://schema.org/ListItem">
  38.                     <span style="color: #837F7F; font-family: 'UbuntuRegular';" class="breadcrumbs__link" itemprop="name">{{ 'extended_warranty.title_one'|trans({}, 'dc_citroen') }}</span>
  39.                     <meta itemprop="position" content="3"/>
  40.                 </li>
  41.             </ol>
  42.         </div>
  43.     </section>
  46.     <section class="page-head-title">
  47.         <div class="container">
  48.             <div class="row">
  49.                 <div class="col-md-12">
  50.                     <h1 class="section-title-page">{{ seoMeta.h1 ?? 'extended_warranty.title_one'|trans({}, 'dc_citroen') }}</h1>
  51.                 </div>
  52.             </div>
  53.         </div>
  54.     </section>
  56.     <section class="section-padd extended-warranty">
  57.         <div class="container">
  58.             <div class="row justify-content-center">
  59.                 <div class="col-md-9">
  60.                     <h3>{{ 'extended_warranty.adv_title'|trans({}, 'dc_citroen') }}:</h3>
  61.                 </div>
  62.                 <div class="col-md-12 mb-4">
  63.                     <ul class="row list-gal">
  64.                         <li class="col-md-12">{{ 'extended_warranty.adv_one'|trans({}, 'dc_citroen') }}</li>
  65.                         <li class="col-md-12">{{ 'extended_warranty.adv_two'|trans({}, 'dc_citroen') }}</li>
  66.                         <li class="col-md-12">{{ 'extended_warranty.adv_three'|trans({}, 'dc_citroen') }}</li>
  67.                         <li class="col-md-12">{{ 'extended_warranty.adv_four'|trans({}, 'dc_citroen') }}</li>
  68.                         <li class="col-md-12">{{ 'extended_warranty.adv_five'|trans({}, 'dc_citroen') }}</li>
  69.                         <li class="col-md-12">{{ 'extended_warranty.adv_six'|trans({}, 'dc_citroen') }}</li>
  70.                         <li class="col-md-12">{{ 'extended_warranty.adv_seven'|trans({}, 'dc_citroen') }}</li>
  71.                     </ul>
  72.                 </div>
  74.                 <div class="col-md-9">
  75.                     <h3>{{ 'extended_warranty.warranty_including_title'|trans({}, 'dc_citroen') }}:</h3>
  76.                 </div>
  77.                 <div class="col-md-12">
  78.                     <ul class="row list-gal">
  79.                         <li class="col-md-12">{{ 'extended_warranty.warranty_including_one'|trans({}, 'dc_citroen') }} </li>
  80.                         <li class="col-md-12">{{ 'extended_warranty.warranty_including_two'|trans({}, 'dc_citroen') }} </li>
  81.                         <li class="col-md-12">{{ 'extended_warranty.warranty_including_four'|trans({}, 'dc_citroen') }}</li>
  82.                     </ul>
  83.                     <p>*{{ 'extended_warranty.warranty_including_info'|trans({}, 'dc_citroen') }}</p>
  84.                 </div>
  86.             </div>
  87.             <div class="row mt-3 justify-content-center">
  88.                 <div class="col-md-3 text-center">
  89.                     <a href="/uploads/dcsite/files/citroen/PRICE_LIST_АС.pdf" class="btn btn-secondary w-100">{{ 'extended_warranty.term_btn'|trans({}, 'dc_citroen') }}</a>
  90.                 </div>
  91.             </div>
  93.             <div class="row section-padd">
  94.                 <div class="col-md-12">
  95.                     <hr class="m-0">
  96.                 </div>
  97.             </div>
  98.             <div class="row mb-3">
  99.                 <div class="col-md-12">
  100.                     <h2 class="section-title">{{ 'extended_warranty.term_title'|trans({}, 'dc_citroen') }}</h2>
  101.                 </div>
  102.             </div>
  103.             <div class="row mb-3">
  104.                 <div class="col-md-6">
  105.                     <div class="extended-warranty-term">
  106.                         <span class="extended-warranty-term-title"><span>48</span> {{ 'extended_warranty.term_month'|trans({}, 'dc_citroen') }}</span>
  107.                         <p>{{ 'extended_warranty.term_two_desc'|trans({}, 'dc_citroen') }}</p>
  108.                     </div>
  109.                 </div>
  110.                 <div class="col-md-6">
  111.                     <div class="extended-warranty-term">
  112.                         <span class="extended-warranty-term-title"><span>60</span> {{ 'extended_warranty.term_month'|trans({}, 'dc_citroen') }}</span>
  113.                         <p>{{ 'extended_warranty.term_three_desc'|trans({}, 'dc_citroen') }}</p>
  114.                     </div>
  115.                 </div>
  116.             </div>
  117.             <div class="row">
  118.                 <div class="col-md-12">
  119.                     <div class="quotes">
  120.                         {{ 'extended_warranty.quotes_extended_warranty'|trans({}, 'dc_citroen')|raw }}
  121.                     </div>
  122.                 </div>
  123.             </div>
  124.             <div class="row justify-content-center">
  125.                 <div class="col-md-9">
  126.                     <h3>{{ 'extended_warranty.pay_option'|trans({}, 'dc_citroen') }}:</h3>
  127.                 </div>
  128.                 <div class="col-md-6">
  129.                     <div class="extended-warranty-advantages">
  130.                         <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
  131.                             <path d="M46.4204 14.1672C45.8875 14.2333 45.3517 14.2998 44.7791 14.3623V8.24759L43.1995 8.44381C36.8575 9.23169 30.3589 8.82687 24.0742 8.43566C17.6662 8.03656 11.0401 7.62397 4.45341 8.44391L3.22087 8.59737V13.9518C2.55778 14.0138 1.89497 14.0848 1.23253 14.1672L0 14.3206V39.6761L1.57997 39.4794C5.21794 39.0265 8.97966 38.5583 23.897 39.4872C28.2085 39.7557 32.6048 40.0294 37.0282 40.0294C40.2674 40.0294 43.5213 39.8826 46.7671 39.4794L48 39.3263V13.9709L46.4204 14.1672ZM6.03338 11.0963C11.9684 10.4996 18.0272 10.8769 23.8993 11.2426C29.8013 11.6101 35.8877 11.9892 41.9666 11.4081V14.5937C38.6603 14.7763 33.6741 14.7568 24.0718 14.1588C18.1668 13.791 12.1027 13.4142 6.03338 13.745V11.0963ZM45.1875 36.8378C41.7998 37.2282 37.3463 37.5069 24.0718 36.6802C19.7644 36.412 15.3735 36.1385 10.9565 36.1385C8.24709 36.1385 5.52694 36.2415 2.8125 36.5117V16.8086C6.19162 16.4186 10.6375 16.1403 23.897 16.966C30.8538 17.3993 38.0311 17.8462 45.1875 17.1346V36.8378Z" fill="#E96334"/>
  132.                             <path d="M24 19.7812C20.123 19.7812 16.9688 22.9355 16.9688 26.8125C16.9688 30.6895 20.123 33.8437 24 33.8437C27.877 33.8437 31.0312 30.6895 31.0312 26.8125C31.0312 22.9355 27.877 19.7812 24 19.7812ZM24 31.0312C21.6738 31.0312 19.7812 29.1387 19.7812 26.8125C19.7812 24.4863 21.6738 22.5937 24 22.5937C26.3262 22.5937 28.2188 24.4863 28.2188 26.8125C28.2188 29.1387 26.3262 31.0312 24 31.0312Z" fill="#E96334"/>
  133.                             <path d="M6.49368 18.8751L6.63131 21.6842C9.12956 21.5619 11.852 21.5516 14.9541 21.653L15.0458 18.842C11.8666 18.7381 9.06909 18.7489 6.49368 18.8751Z" fill="#E96334"/>
  134.                             <path d="M33.0458 31.9932L32.954 34.8042C34.392 34.8512 35.7514 34.8746 37.0479 34.8746C38.618 34.8746 40.0956 34.8401 41.5063 34.7711L41.3687 31.9619C38.8704 32.0844 36.148 32.0947 33.0458 31.9932Z" fill="#E96334"/>
  135.                             <defs>
  136.                                 <clipPath id="clip0">
  137.                                     <rect width="48" height="48" fill="white"/>
  138.                                 </clipPath>
  139.                             </defs>
  140.                         </svg>
  141.                         <p>{{ 'extended_warranty.cash_pay'|trans({}, 'dc_citroen') }}</p>
  142.                     </div>
  143.                 </div>
  144.                 <div class="col-md-6">
  145.                     <div class="extended-warranty-advantages">
  146.                         <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
  147.                             <path d="M43.7812 8.53125H4.21875C1.89253 8.53125 0 10.4238 0 12.75V35.25C0 37.5762 1.89253 39.4688 4.21875 39.4688H43.7812C46.1075 39.4688 48 37.5762 48 35.25V12.75C48 10.4238 46.1075 8.53125 43.7812 8.53125ZM45.1875 35.25C45.1875 36.0254 44.5567 36.6562 43.7812 36.6562H4.21875C3.44334 36.6562 2.8125 36.0254 2.8125 35.25V12.75C2.8125 11.9746 3.44334 11.3438 4.21875 11.3438H43.7812C44.5567 11.3438 45.1875 11.9746 45.1875 12.75V35.25Z" fill="#E96334"/>
  148.                             <path d="M5.71875 25.4062H12.75V28.2188H5.71875V25.4062Z" fill="#E96334"/>
  149.                             <path d="M15.5625 25.4062H22.5938V28.2188H15.5625V25.4062Z" fill="#E96334"/>
  150.                             <path d="M25.4062 25.4062H32.4375V28.2188H25.4062V25.4062Z" fill="#E96334"/>
  151.                             <path d="M35.25 25.4062H42.2812V28.2188H35.25V25.4062Z" fill="#E96334"/>
  152.                             <path d="M5.71875 31.0312H16.5V33.8438H5.71875V31.0312Z" fill="#E96334"/>
  153.                             <path d="M19.3125 31.0312H24V33.8438H19.3125V31.0312Z" fill="#E96334"/>
  154.                             <path d="M38.0625 14.1562C36.9828 14.1562 35.997 14.5644 35.25 15.2339C34.503 14.5644 33.5172 14.1562 32.4375 14.1562C30.1113 14.1562 28.2188 16.0488 28.2188 18.375C28.2188 20.7012 30.1113 22.5938 32.4375 22.5938C33.5172 22.5938 34.503 22.1856 35.25 21.5161C35.997 22.1856 36.9828 22.5938 38.0625 22.5938C40.3887 22.5938 42.2812 20.7012 42.2812 18.375C42.2812 16.0488 40.3887 14.1562 38.0625 14.1562ZM32.4375 19.7812C31.6621 19.7812 31.0312 19.1504 31.0312 18.375C31.0312 17.5996 31.6621 16.9688 32.4375 16.9688C33.2129 16.9688 33.8438 17.5996 33.8438 18.375C33.8438 19.1504 33.2129 19.7812 32.4375 19.7812ZM38.0625 19.7812C37.2871 19.7812 36.6562 19.1504 36.6562 18.375C36.6562 17.5996 37.2871 16.9688 38.0625 16.9688C38.8379 16.9688 39.4688 17.5996 39.4688 18.375C39.4688 19.1504 38.8379 19.7812 38.0625 19.7812Z" fill="#E96334"/>
  155.                         </svg>
  156.                         <p>{{ 'extended_warranty.card_pay'|trans({}, 'dc_citroen') }}</p>
  157.                     </div>
  158.                 </div>
  159.             </div>
  160.             <div class="row section-padd pb-0">
  161.                 <div class="col-md-12">
  162.                     <hr class="m-0">
  163.                 </div>
  164.             </div>
  165.         </div>
  166.     </section>
  171.     <section class="section-padd pt-0">
  172.         <div class="container">
  173.             <div class="row">
  174.                 <div class="col-md-12 text-center">
  175.                     <h2 class="section-title mb-4">{{ 'modules.title'|trans({}, 'dc_citroen') }}</h2>
  176.                     <p class="section-desc">{{ 'modules.subtitle'|trans({}, 'dc_citroen') }}: <a href="tel:+380444452323">+38 (044) 445–23–23</a></p>
  177.                 </div>
  178.             </div>
  179.             <div class="row justify-content-center">
  180.                 <div class="col-md-6">
  181.                     <div class="form_or">
  182.                         <span class="form_or-title">{{ 'modules.or'|trans({}, 'dc_citroen') }}</span>
  183.                     </div>
  184.                 </div>
  185.             </div>
  186.             <div class="row justify-content-center">
  187.                 <div class="col-md-6">
  188.                     {% include '@DcSite/Citroen/Modules/form.html.twig' %}
  189.                 </div>
  190.             </div>
  191.             <div class="row mt-4">
  192.                 <div class="col-md-12 text-center">
  193.                     <p class="mb-0">{{ 'extended_warranty.bottom_onfo_one'|trans({}, 'dc_citroen') }}</p>
  194.                     <p class="mb-0">{{ 'extended_warranty.bottom_onfo_two'|trans({}, 'dc_citroen') }}</p>
  195.                 </div>
  196.             </div>
  197.         </div>
  198.     </section>
  199. {% endblock %}
  202. {% block pageJS %}
  204. {% endblock pageJS %}