src/PortalBundle/Resources/views/Sale/vidi-select.html.twig line 1

Open in your IDE?
  1. {% extends '@Portal/base.html.twig' %}
  3. {% block seo %}
  4.     <title>{{ 'seo.vidi_select.title'|trans({}, 'portal_base') }}</title>
  5.     <meta name="description" content="{{ 'seo.vidi_select.description'|trans({}, 'portal_base') }}" />
  6. {% endblock %}
  8. {% block css %}
  9.     <link rel="preconnect" href="https://fonts.googleapis.com">
  10.     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  12.     <link rel="stylesheet" type="text/css" href="{{ asset('bundles/portal/css/slick/slick.css') }}">
  13.     <link rel="stylesheet" href="{{ asset('bundles/portal/css/service.css') }}">
  14.     <link rel="stylesheet" href="{{ asset('bundles/portal/css/vidi-select.css') }}">
  16.     <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap" rel="stylesheet">
  17. {% endblock  %}
  19. {% block content %}
  20.     <section class="breadcrumbs__new">
  21.         <div class="container">
  22.             <ol class="global_breadcrumbs__new" itemscope itemtype="https://schema.org/BreadcrumbList">
  23.                 <li class="marker__none" itemprop="itemListElement" itemscope
  24.                     itemtype="https://schema.org/ListItem">
  25.                     <a itemprop="item" href="{{ path('portal_homepage') }}">
  26.                         <span class="breadcrumbs__link" itemprop="name">VIDI.UA</span></a>
  27.                     <meta itemprop="position" content="1"/>
  28.                 </li>
  30.                 <div class="arrow-bcs"> ❯ </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.service'|trans({}, 'portal_base') }}</span>
  34.                     <meta itemprop="position" content="2"/>
  35.                 </li>
  37.                 <div class="arrow-bcs"> ❯ </div>
  38.                 <li itemprop="item" class="marker__none" itemprop="itemListElement" itemscope
  39.                     itemtype="https://schema.org/ListItem">
  40.                     <span style="color: #ABABAB;" class="breadcrumbs__link" itemprop="name">Vidi Select</span>
  41.                     <meta itemprop="position" content="3"/>
  42.                 </li>
  43.             </ol>
  44.         </div>
  45.     </section>
  47.     <div class="page">
  48.         {% if app.request.locale == 'ru' %}
  49.             {% include '@Portal/Sale/translations/vidi-select_ru.html.twig' %}
  50.         {% else %}
  51.             {% include '@Portal/Sale/translations/vidi-select_ua.html.twig' %}
  52.         {% endif %}
  53.     </div>
  56. {% endblock %}
  58. {% block pageJS %}
  59.     <script>
  60.         app.onCustomEvent('appInit', function () {
  61.             app.loadJs('{{ asset('/bundles/core/js/modules/slick/slick.js') }}', function () {
  63.                 $('.reviews').slick({
  64.                     dots: false,
  65.                     arrows: true,
  66.                     centerPadding: '0px',
  67.                     slidesToShow: 2,
  68.                     slidesToScroll: 1,
  69.                     adaptiveHeight: true,
  70.                     centerMode: false,
  71.                     autoplay: true,
  72.                     autoplaySpeed: 4000,
  73.                     responsive: [
  74.                         {
  75.                             breakpoint: 1200,
  76.                             settings: {
  77.                                 slidesToShow: 2.1,
  78.                                 centerPadding: '30px',
  79.                                 centerMode: true,
  80.                                 dots: true
  81.                             }
  82.                         },
  83.                         {
  84.                             breakpoint: 768,
  85.                             settings: {
  86.                                 slidesToShow: 1.1,
  87.                                 centerPadding: '30px',
  88.                                 centerMode: true,
  89.                                 arrows: false,
  90.                                 dots: true
  91.                             }
  92.                         }
  93.                     ]
  94.                 });
  96.             });
  97.         });
  98.     </script>
  99. {% endblock  %}