src/DcSiteBundle/Resources/views/Citroen/Finance/vidi-select.html.twig line 1

Open in your IDE?
  1. {% extends '@DcSite/Citroen/base.html.twig' %}
  3. {% block seo %}
  4.     <title>{{ seoMeta.title ?? 'seo.vidi_select.vidi_select_title'|trans({}, 'dc_citroen') }}</title>
  5.     <meta name="description" content="{{ seoMeta.description ?? 'seo.vidi_select.vidi_select_desc'|trans({}, 'dc_citroen') }}" />
  6. {% endblock seo %}
  8. {% block ogtagDynamic %}
  9.     <meta property="og:title" content="{{ seoMeta.title ?? 'seo.vidi_select.vidi_select_title'|trans({}, 'dc_citroen') }}"/>
  10.     <meta property="og:description" content="{{ seoMeta.description ?? 'seo.vidi_select.vidi_select_desc'|trans({}, 'dc_citroen') }}"/>
  11. {% endblock ogtagDynamic %}
  13. {% block css %}
  14.     <link rel="stylesheet" href="{{ asset('/bundles/dcsite/css/citroen/vidi-select.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 itemprop="item" class="marker__none" itemprop="itemListElement" itemscope
  30.                     itemtype="https://schema.org/ListItem">
  31.                     <span style="color: #837F7F; font-family: 'UbuntuRegular';" class="breadcrumbs__link" itemprop="name">{{ 'seo.services'|trans({}, 'dc_citroen') }}</span>
  32.                     <meta itemprop="position" content="2"/>
  33.                 </li>
  34.                 <div class="arrow-bc"></div>
  35.                 <li itemprop="item" class="marker__none" itemprop="itemListElement" itemscope
  36.                     itemtype="https://schema.org/ListItem">
  37.                     <span style="color: #837F7F; font-family: 'UbuntuRegular';" class="breadcrumbs__link" itemprop="name">{{ 'seo.vidi_select.title'|trans({}, 'dc_citroen') }}</span>
  38.                     <meta itemprop="position" content="3"/>
  39.                 </li>
  40.             </ol>
  41.         </div>
  42.     </section>
  45.     <div class="vidi-select-heading">
  46.         <img src="{{ asset( '/bundles/dcsite/img/citroen/finance/vidi-select/heading-bg.jpg' ) }}" alt="">
  48.         <h1 class="vidi-select-heading__title">{{ seoMeta.h1 ?? 'seo.vidi_select.title'|trans({}, 'dc_citroen') }}</h1>
  49.     </div>
  51.     <article class="vidi-select-srticle">
  52.         {% if app.request.locale == 'ru' %}
  53.             {% include '@DcSite/Citroen/Finance/translations/vidi-select.ru.html.twig' %}
  54.         {% else %}
  55.             {% include '@DcSite/Citroen/Finance/translations/vidi-select.ua.html.twig' %}
  56.         {% endif %}
  57.     </article>
  59.     <svg width="0" height="0" class="hidden">
  60.     <symbol fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30" id="check-icon">
  61.         <path d="M19.635 12.68l-6.578 6.34-3.288-3.17" stroke="#fff" stroke-width="1.435" stroke-linecap="round" stroke-linejoin="round"></path>
  62.         <path d="M14.702 26.264c5.944 0 10.763-4.865 10.763-10.867 0-6.001-4.819-10.866-10.763-10.866S3.939 9.396 3.939 15.397c0 6.002 4.819 10.867 10.763 10.867z" stroke="#fff" stroke-width="1.435" stroke-linecap="round" stroke-linejoin="round"></path>
  63.     </symbol>
  64.     <symbol fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 33 32" id="phone-icon">
  65.         <path d="M12.072 15.912a10.34 10.34 0 004.787 4.765.973.973 0 00.96-.072l3.068-2.047a.98.98 0 01.93-.085l5.741 2.46a.978.978 0 01.588 1.017 5.884 5.884 0 01-5.837 5.139 16.67 16.67 0 01-16.67-16.67 5.884 5.884 0 015.14-5.837.977.977 0 011.016.588l2.463 5.746a.98.98 0 01-.081.923l-2.04 3.116a.971.971 0 00-.065.957v0z" stroke="currentColor" stroke-width="2.011" stroke-linecap="round" stroke-linejoin="round"></path>
  66.     </symbol>
  67.     <symbol fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 33 32" id="icon-benefit-1">
  68.         <path d="M16 3V29" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
  69.         <path d="M23 11C23 10.3434 22.8707 9.69321 22.6194 9.08658C22.3681 8.47996 21.9998 7.92876 21.5355 7.46447C21.0712 7.00017 20.52 6.63188 19.9134 6.3806C19.3068 6.12933 18.6566 6 18 6H13.5C12.1739 6 10.9021 6.52678 9.96447 7.46447C9.02678 8.40215 8.5 9.67392 8.5 11C8.5 12.3261 9.02678 13.5979 9.96447 14.5355C10.9021 15.4732 12.1739 16 13.5 16H19C20.3261 16 21.5979 16.5268 22.5355 17.4645C23.4732 18.4021 24 19.6739 24 21C24 22.3261 23.4732 23.5979 22.5355 24.5355C21.5979 25.4732 20.3261 26 19 26H13C11.6739 26 10.4021 25.4732 9.46447 24.5355C8.52678 23.5979 8 22.3261 8 21" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
  70.     </symbol>
  71.     <symbol fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 33 32" id="icon-benefit-2">
  72.         <path d="M5 14.3333V7C5 6.73478 5.10536 6.48043 5.29289 6.29289C5.48043 6.10536 5.73478 6 6 6H26C26.2652 6 26.5196 6.10536 26.7071 6.29289C26.8946 6.48043 27 6.73478 27 7V14.3333C27 24.8352 18.0868 28.3146 16.307 28.9047C16.1081 28.9731 15.8919 28.9731 15.693 28.9047C13.9133 28.3146 5 24.8352 5 14.3333Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
  73.         <path d="M21.5 13L14.1666 20L10.5 16.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
  74.     </symbol>
  75.     <symbol fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 23" id="icon-benefit-3">
  76.         <path d="M0.5 6.28C0.5 5.38 0.62 4.59 0.86 3.91C1.1 3.23 1.43 2.66 1.85 2.2C2.29 1.72 2.8 1.36 3.38 1.12C3.96 0.88 4.59 0.76 5.27 0.76C5.95 0.76 6.58 0.88 7.16 1.12C7.74 1.36 8.24 1.72 8.66 2.2C9.1 2.66 9.44 3.23 9.68 3.91C9.92 4.59 10.04 5.38 10.04 6.28C10.04 7.18 9.92 7.97 9.68 8.65C9.44 9.33 9.1 9.91 8.66 10.39C8.24 10.85 7.74 11.2 7.16 11.44C6.58 11.68 5.95 11.8 5.27 11.8C4.59 11.8 3.96 11.68 3.38 11.44C2.8 11.2 2.29 10.85 1.85 10.39C1.43 9.91 1.1 9.33 0.86 8.65C0.62 7.97 0.5 7.18 0.5 6.28ZM7.7 6.28C7.7 5.2 7.49 4.36 7.07 3.76C6.65 3.14 6.05 2.83 5.27 2.83C4.49 2.83 3.89 3.14 3.47 3.76C3.05 4.36 2.84 5.2 2.84 6.28C2.84 7.36 3.05 8.21 3.47 8.83C3.89 9.43 4.49 9.73 5.27 9.73C6.05 9.73 6.65 9.43 7.07 8.83C7.49 8.21 7.7 7.36 7.7 6.28ZM13.7 16.93C13.7 16.03 13.82 15.24 14.06 14.56C14.3 13.88 14.63 13.31 15.05 12.85C15.49 12.37 16 12.01 16.58 11.77C17.16 11.53 17.79 11.41 18.47 11.41C19.15 11.41 19.78 11.53 20.36 11.77C20.94 12.01 21.44 12.37 21.86 12.85C22.3 13.31 22.64 13.88 22.88 14.56C23.12 15.24 23.24 16.03 23.24 16.93C23.24 17.83 23.12 18.62 22.88 19.3C22.64 19.98 22.3 20.56 21.86 21.04C21.44 21.5 20.94 21.85 20.36 22.09C19.78 22.33 19.15 22.45 18.47 22.45C17.79 22.45 17.16 22.33 16.58 22.09C16 21.85 15.49 21.5 15.05 21.04C14.63 20.56 14.3 19.98 14.06 19.3C13.82 18.62 13.7 17.83 13.7 16.93ZM20.9 16.93C20.9 15.85 20.69 15.01 20.27 14.41C19.85 13.79 19.25 13.48 18.47 13.48C17.69 13.48 17.09 13.79 16.67 14.41C16.25 15.01 16.04 15.85 16.04 16.93C16.04 18.01 16.25 18.86 16.67 19.48C17.09 20.08 17.69 20.38 18.47 20.38C19.25 20.38 19.85 20.08 20.27 19.48C20.69 18.86 20.9 18.01 20.9 16.93ZM19.1 1.21L7.37 22H4.64L16.37 1.21H19.1Z" fill="currentColor"/>
  77.     </symbol>
  78.     <symbol fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 33 32" id="icon-benefit-4">
  79.         <path fill-rule="evenodd" clip-rule="evenodd" d="M16.6179 4.02405C15.1212 4.21471 14.1777 4.47492 13.0761 5.00091C12.1388 5.44842 11.3131 6.00081 10.5246 6.7078C9.7829 7.37279 8.77527 8.63456 8.77527 8.89836C8.77527 9.15217 8.98401 9.37177 9.22679 9.37342C9.45609 9.37494 9.52573 9.31882 9.86956 8.8553C10.3312 8.233 10.7856 7.73401 11.2935 7.29174C15.0773 3.99654 20.7229 4.17911 24.27 7.71129C27.1655 10.5946 27.8894 15.0332 26.0599 18.6863C25.7883 19.2286 25.3652 19.889 24.9799 20.3718C24.8268 20.5637 24.6888 20.7609 24.6732 20.8102C24.6575 20.8595 24.6961 21.3286 24.7589 21.8527C24.8216 22.3768 24.9151 23.173 24.9664 23.6222C25.0178 24.0713 25.0716 24.516 25.0861 24.6104L25.1124 24.7821L24.775 24.6273C22.2249 23.4574 21.5766 23.1739 21.4523 23.1741C21.3739 23.1743 21.1146 23.2481 20.8761 23.338C20.6376 23.428 20.203 23.5626 19.9101 23.6372C19.4624 23.7513 19.3569 23.7958 19.2461 23.9169C19.1344 24.039 19.1181 24.0883 19.1387 24.2418C19.1676 24.4574 19.2667 24.5787 19.4679 24.6451C19.5898 24.6853 19.7086 24.6701 20.1408 24.5586C20.4295 24.4842 20.8396 24.3598 21.0521 24.2822L21.4385 24.1412L23.5028 25.0834C24.6709 25.6166 25.625 26.0257 25.7003 26.0257C25.867 26.0257 26.0979 25.8368 26.1288 25.6751C26.1416 25.6083 26.0424 24.63 25.9084 23.5012C25.7744 22.3724 25.6563 21.3679 25.646 21.2689C25.6291 21.107 25.6555 21.0513 25.9088 20.7156C27.7084 18.3295 28.3855 15.3039 27.7879 12.3183C27.4497 10.6286 26.6228 8.95388 25.4581 7.5996C23.7511 5.61484 21.2896 4.32727 18.6551 4.04121C18.2374 3.99581 16.9261 3.98477 16.6179 4.02405ZM16.7099 7.65476C15.1156 7.88751 13.8673 8.50857 12.7508 9.62448C11.7447 10.6301 11.1702 11.687 10.8616 13.1003C10.7392 13.6606 10.7392 15.2078 10.8616 15.7681C11.1702 17.1812 11.7445 18.2379 12.7508 19.2443C13.7565 20.2499 14.831 20.8336 16.2327 21.1358C16.5335 21.2007 16.8246 21.2189 17.5609 21.2189C18.3811 21.2189 18.5667 21.2049 18.9868 21.1113C20.3313 20.8118 21.3833 20.2312 22.3706 19.2439C23.3579 18.2567 23.9385 17.2046 24.238 15.8601C24.3316 15.4397 24.3455 15.255 24.3453 14.4342C24.345 13.4263 24.3028 13.1174 24.0593 12.3413C23.5762 10.8012 22.3766 9.32448 20.9419 8.5036C20.4506 8.22251 19.6708 7.91786 19.0953 7.78222C18.6711 7.68222 18.4642 7.66221 17.7219 7.64951C17.2412 7.64132 16.7858 7.64367 16.7099 7.65476ZM18.7538 8.6835C21.0735 9.15783 22.8735 10.9957 23.3416 13.3679C23.4494 13.9142 23.45 14.9654 23.3428 15.5005C23.0894 16.7654 22.5014 17.8373 21.5852 18.7046C19.7887 20.4051 17.1263 20.798 14.916 19.6888C13.8573 19.1575 12.845 18.1496 12.3182 17.1021C11.0579 14.5961 11.722 11.5751 13.9173 9.82733C15.2691 8.75107 17.0382 8.33272 18.7538 8.6835ZM7.00435 10.2073C6.05666 10.5409 5.58352 10.7661 4.98045 11.1703C4.07838 11.775 3.96007 11.9481 4.00948 12.5909C4.05253 13.1509 4.20607 14.1284 4.36099 14.8287C5.13261 18.3165 6.84345 21.5236 9.295 24.0778C10.7176 25.5599 12.4759 26.8991 14.0991 27.7368C14.8628 28.1309 15.0292 28.1049 16.0199 27.4364C16.5157 27.1019 17.5924 26.0486 17.7457 25.7481C17.8771 25.4904 17.8838 25.1469 17.7619 24.9094C17.6541 24.6991 14.7628 22.0416 14.5411 21.949C14.2818 21.8407 14.0258 21.8778 13.054 22.1646L12.112 22.4426L11.749 22.0608C10.6758 20.9316 9.92945 19.9451 9.23291 18.735C8.93401 18.2158 8.43737 17.2018 8.29331 16.8166L8.21235 16.6002L8.55393 16.1727C9.53295 14.9474 9.55724 14.9086 9.55724 14.5731C9.55724 14.4575 9.44556 14.087 9.26221 13.5942C9.09993 13.1581 8.80007 12.3508 8.59584 11.8002C8.1417 10.5758 8.08618 10.4647 7.85026 10.3086C7.64037 10.1697 7.24557 10.1224 7.00435 10.2073ZM17.3205 10.4096C17.2516 10.4484 17.174 10.5198 17.148 10.5682C17.1187 10.6231 17.1009 11.209 17.1009 12.1223V13.5882L16.9344 13.7467C16.7239 13.9472 16.6409 14.1402 16.6409 14.4297C16.6409 14.7195 16.701 14.8775 16.8852 15.0722C17.0745 15.2721 17.271 15.3542 17.5609 15.3542C17.8617 15.3542 18.0555 15.2706 18.2387 15.062L18.386 14.8942H19.8721C21.4988 14.8942 21.4941 14.8949 21.6076 14.6208C21.6908 14.4198 21.6331 14.1818 21.4734 14.0681C21.3472 13.9783 21.2777 13.9742 19.8668 13.9742H18.3922L18.2077 13.7787L18.0232 13.5832L18.0218 12.1113C18.0204 10.6547 18.0193 10.638 17.9169 10.51C17.7891 10.3503 17.5096 10.3033 17.3205 10.4096Z" fill="currentColor"/>
  80.     </symbol>
  81.     </svg>
  83. {% endblock %}
  86. {% block pageJS %}
  88. {% endblock %}