src/PortalBundle/Resources/views/About/career.html.twig line 1

Open in your IDE?
  1. {% extends '@Portal/base.html.twig' %}
  3. {% block seo %}
  4.     <title>{{ 'seo.career.title'|trans({}, 'portal_base') }}</title>
  5.     <meta name="description" content="{{ 'seo.career.desc'|trans({}, 'portal_base') }}"/>
  6. {% endblock %}
  8. {% block css %}
  9.     <link rel="stylesheet" href="{{ asset('bundles/portal/css/vacancies.css') }}">
  10.     <link rel='stylesheet' type='text/css' href='{{ asset('bundles/insurance/css/jquery.mCustomScrollbar.css') }}'/>
  11.     <link rel="stylesheet" type="text/css" href="{{ asset('/bundles/core/css/modules/gallery/lightslider.css') }}">
  12. {% endblock %}
  14. {% block content %}
  15.     <section class="breadcrumbs__new">
  16.         <div class="container">
  17.             <ol class="vidi_breadcrumbs__new" itemscope itemtype="https://schema.org/BreadcrumbList">
  18.                 <li class="marker__none" itemprop="itemListElement" itemscope
  19.                     itemtype="https://schema.org/ListItem">
  20.                     <a itemprop="item" href="{{ path('portal_homepage') }}">
  21.                         <span class="breadcrumbs__link" itemprop="name">VIDI.UA</span></a>
  22.                     <meta itemprop="position" content="1"/>
  23.                 </li>
  25.                 <div class="arrow-bc"></div>
  26.                 <li class="marker__none" itemprop="itemListElement" itemscope
  27.                     itemtype="https://schema.org/ListItem">
  28.                     <a itemprop="item" href="{{ path('portal_vacancies') }}">
  29.                         <span class="breadcrumbs__link"
  30.                               itemprop="name">{{ 'footer.vacancies'|trans({}, 'portal_base') }}</span></a>
  31.                     <meta itemprop="position" content="2"/>
  32.                 </li>
  34.                 <div class="arrow-bc"></div>
  35.                 <li class="marker__none" itemprop="itemListElement" itemscope
  36.                     itemtype="https://schema.org/ListItem">
  37.                     <span style="color: #ABABAB" class="breadcrumbs__link"
  38.                           itemprop="name">VIDI {{ 'footer.career'|trans({}, 'portal_base') }}</span>
  39.                     <meta itemprop="position" content="3"/>
  40.                 </li>
  41.             </ol>
  42.         </div>
  43.     </section>
  45.     {% if app.request.locale == 'ru' %}
  46.         {% include '@Portal/About/translations/career_ru.html.twig' %}
  47.     {% else %}
  48.         {% include '@Portal/About/translations/career_ua.html.twig' %}
  49.     {% endif %}
  51.     {# СЛАЙДЕР #}
  52.     <section class="business-slider section-padding-page mb-4">
  53.         <div class="container">
  54.             <div class="row">
  55.                 <div class="col-md-12 section-title-page mb-4">
  56.                     <span>{{ 'busines.next_block_desc'|trans({}, 'portal_base') }}</span>
  57.                 </div>
  58.             </div>
  59.             <div class="row">
  60.                 <div class="col-md-12">
  61.                     <ul id="lightSliderBrand">
  62.                         {% for logo in logos %}
  63.                             <li>
  64.                                 <img class="img-fluid mx-auto d-bloc" src="{{ sonata_path(logo.image, 'reference') }}"
  65.                                      alt="{{ logo.name }}">
  66.                             </li>
  67.                         {% endfor %}
  68.                     </ul>
  69.                 </div>
  70.             </div>
  71.         </div>
  72.     </section>
  73.     {# END СЛАЙДЕР #}
  75. {% endblock %}
  77. {% block pageJS %}
  78.     <script>
  79.         app.onCustomEvent('appInit', function () {
  80.             app.loadJs("{{ asset('/bundles/core/js/modules/gallery/lightslider.js') }}", function () {
  81.                 $('#lightSliderBrand').lightSlider({
  82.                     auto: true,
  83.                     loop: true,
  84.                     item: 4,
  85.                     controls: true,
  86.                     pager: false,
  87.                     slideMove: 1,
  88.                     adaptiveHeight: true,
  89.                     speed: 900,
  90.                     responsive: [
  91.                         {
  92.                             breakpoint: 1100,
  93.                             settings: {
  94.                                 item: 4,
  95.                                 slideMove: 1
  96.                             }
  97.                         },
  98.                         {
  99.                             breakpoint: 800,
  100.                             settings: {
  101.                                 item: 2,
  102.                                 slideMove: 3,
  103.                                 slideMargin: 6
  104.                             }
  105.                         },
  106.                         {
  107.                             breakpoint: 480,
  108.                             settings: {
  109.                                 item: 3,
  110.                                 slideMove: 1
  111.                             }
  112.                         }
  113.                     ]
  114.                 });
  115.             });
  116.         });
  117.     </script>
  119. {% endblock %}