{% extends '@DcSite/Subaru/base.html.twig' %}
{% block title %}
<title>{{ 'base.seo.title_corp'|trans({}, 'dc_subaru') }}</title>
{% endblock title %}
{% block seo %}
<meta name="description" content="{{ 'base.seo.description_corp'|trans({}, 'dc_subaru') }}" />
{% endblock seo %}
{% block ogtagDynamic %}
<meta property="og:title" content="{{ 'base.seo.title_corp'|trans({}, 'dc_subaru') }}"/>
<meta property="og:description" content="{{ 'base.seo.description_corp'|trans({}, 'dc_subaru') }}"/>
{% endblock ogtagDynamic %}
{% block css %}
<link rel="stylesheet" href="{{ asset('bundles/dcsite/css/subaru/landing-page.css') }}">
{% endblock %}
{% block content %}
<main>
<section class="breadcrumbs__new">
<div class="container">
<ol class="global_breadcrumbs__new" itemscope itemtype="https://schema.org/BreadcrumbList">
<li class="marker__none" itemprop="itemListElement" itemscope
itemtype="https://schema.org/ListItem">
<a itemprop="item" href="{{ path('subaru_homepage') }}">
<span class="breadcrumbs__link" itemprop="name">SUBARU</span></a>
<meta itemprop="position" content="1"/>
</li>
<div class="arrow-bcs"> ❯ </div>
<li itemprop="item" class="marker__none" itemprop="itemListElement" itemscope
itemtype="https://schema.org/ListItem">
<span style="color: #ABABAB;" class="breadcrumbs__link" itemprop="name">{{ 'menu.services.index'|trans({}, 'dc_subaru') }}</span>
<meta itemprop="position" content="2"/>
</li>
<div class="arrow-bcs"> ❯ </div>
<li itemprop="item" class="marker__none" itemprop="itemListElement" itemscope
itemtype="https://schema.org/ListItem">
<span style="color: #ABABAB;" class="breadcrumbs__link" itemprop="name">{{ 'menu.services.corp_prog'|trans({}, 'dc_subaru') }}</span>
<meta itemprop="position" content="3"/>
</li>
</ol>
</div>
</section>
<section class="landing-page landing-padding-image-block">
<div class="container landing-page-bg bg-corp">
<div class="row">
<div class="col-md-2">
</div>
<div class="col-md-8">
<h1>{{ 'menu.services.corp_prog'|trans({}, 'dc_subaru') }} Subaru</h1>
<span class="landing-page-line"></span>
</div>
<div class="col-md-2">
</div>
</div>
</div>
</section>
<section class="landing-padding">
<div class="container">
<div class="row">
{% include '@DcSite/Subaru/About/includes/aside_contacts.html.twig' %}
{% if app.request.locale == 'ru' %}
{% include '@DcSite/Subaru/Finance/translations/corporate-program_ru.html.twig' %}
{% else %}
{% include '@DcSite/Subaru/Finance/translations/corporate-program_ua.html.twig' %}
{% endif %}
{% include '@DcSite/Subaru/Finance/includes/aside_nav.html.twig' with {
active: 'corp',
} %}
</div>
</div>
</section>
{#<section class="landing-padding bg-grey">#}
{#<div class="container">#}
{#<div class="row justify-content-center">#}
{#<div class="col-md-8">#}
{#<div class="row">#}
{#<div class="col-12">#}
{#<b class="landing-subtitle">{{ 'form_interested.title'|trans({}, 'dc_subaru') }}</b>#}
{#</div>#}
{#<div class="col-12">#}
{#<p class="landing-paragraph">{{ 'form_interested.sub_title'|trans({}, 'dc_subaru') }}</p>#}
{#</div>#}
{#<div class="col-md-4 offset-md-4">#}
{#<button type="button" class="btn btn-blue" data-toggle="modal" data-target="#popUp-servicesOrder">{{ 'site.order_consult'|trans({}, 'dc_base') }}</button>#}
{#</div>#}
{#</div>#}
{#</div>#}
{#</div>#}
{#</div>#}
{#</section>#}
{#<section class="landing-padding our-clients">#}
{#<div class="container">#}
{#<div class="row">#}
{#<div class="col-md-2">#}
{#</div>#}
{#<div class="col-md-8">#}
{#<span class="landing-title">Наши клиенты</span>#}
{#<div class="row">#}
{#<div class="col-md-12">#}
{#<nav>#}
{#<div class="nav nav-tabs" id="nav-tab" role="tablist">#}
{#<a class="nav-item nav-link active" id="nav-client-first-tab" data-toggle="tab" href="#nav-client-first" role="tab" aria-controls="nav-client-first" aria-selected="true">{{ 'pages.corp.tab_1'|trans({}, 'dc_subaru') }}</a>#}
{#<a class="nav-item nav-link" id="nav-client-second-tab" data-toggle="tab" href="#nav-client-second" role="tab" aria-controls="nav-client-second" aria-selected="false">{{ 'pages.corp.tab_2'|trans({}, 'dc_subaru') }}</a>#}
{#<a class="nav-item nav-link" id="nav-client-last-tab" data-toggle="tab" href="#nav-client-last" role="tab" aria-controls="nav-client-last" aria-selected="false">{{ 'pages.corp.tab_3'|trans({}, 'dc_subaru') }}</a>#}
{#</div>#}
{#</nav>#}
{#<div class="tab-content" id="nav-tabContent">#}
{#<div class="tab-pane fade show active" id="nav-client-first" role="tabpanel" aria-labelledby="nav-client-first-tab">#}
{#<div class="row">#}
{#<div class="col-md-4">#}
{#<div class="banks-box">#}
{#<div class="banks-box-img">#}
{#<img src="{{ asset('bundles/dcsite/img/subaru/banks/oshad.png') }}" alt="">#}
{#</div>#}
{#<p>{{ 'pages.loan.oshad'|trans({}, 'dc_subaru') }}</p>#}
{#</div>#}
{#</div>#}
{#<div class="col-md-4">#}
{#<div class="banks-box">#}
{#<div class="banks-box-img">#}
{#<img src="{{ asset('bundles/dcsite/img/subaru/banks/ukrgasbank_logo.png') }}" alt="">#}
{#</div>#}
{#<p>{{ 'pages.loan.ukrgas'|trans({}, 'dc_subaru') }}</p>#}
{#</div>#}
{#</div>#}
{#<div class="col-md-4">#}
{#<div class="banks-box">#}
{#<div class="banks-box-img">#}
{#<img src="{{ asset('bundles/dcsite/img/subaru/banks/agricole.png') }}" alt="">#}
{#</div>#}
{#<p>{{ 'pages.loan.agricole'|trans({}, 'dc_subaru') }}</p>#}
{#</div>#}
{#</div>#}
{#<div class="col-md-4">#}
{#<div class="banks-box">#}
{#<div class="banks-box-img">#}
{#<img src="{{ asset('bundles/dcsite/img/subaru/banks/kredobank_zmina.png') }}" alt="">#}
{#</div>#}
{#<p>{{ 'pages.loan.credo'|trans({}, 'dc_subaru') }}</p>#}
{#</div>#}
{#</div>#}
{#<div class="col-md-4">#}
{#<div class="banks-box">#}
{#<div class="banks-box-img">#}
{#<img src="{{ asset('bundles/dcsite/img/subaru/banks/otp_bank.png') }}" alt="">#}
{#</div>#}
{#<p>{{ 'pages.loan.otp'|trans({}, 'dc_subaru') }}</p>#}
{#</div>#}
{#</div>#}
{#<div class="col-md-4">#}
{#<div class="banks-box">#}
{#<div class="banks-box-img">#}
{#<img src="{{ asset('bundles/dcsite/img/subaru/banks/ulf.png') }}" alt="">#}
{#</div>#}
{#<p>{{ 'pages.loan.ulf'|trans({}, 'dc_subaru') }}</p>#}
{#</div>#}
{#</div>#}
{#</div>#}
{#</div>#}
{#<div class="tab-pane fade" id="nav-client-second" role="tabpanel" aria-labelledby="nav-client-second-tab">#}
{#<div class="row">#}
{#</div>#}
{#</div>#}
{#<div class="tab-pane fade" id="nav-client-last" role="tabpanel" aria-labelledby="nav-client-last-tab">#}
{#<div class="row">#}
{#</div>#}
{#</div>#}
{#</div>#}
{#</div>#}
{#</div>#}
{#</div>#}
{#</div>#}
{#</div>#}
{#</section>#}
<section class="featurette featurette-bussines">
<div class="col-md-6 consultation-img"></div>
<div class="col-md-6 bg-consultation">
<div class="featurette-title">
<h2 class="featurette-heading">{{ 'pages.corporate_consult.title'|trans({}, 'dc_subaru') }}</h2>
<div class="featurette-contacts">
<a href="tel:+380676206436">+38 067 620 64 36</a>
</div>
<a href="mailto:serhii.yatsenko@vidi.ua" class="mail-featurette">serhii.yatsenko@vidi.ua</a>
<hr>
<div>
<span class="featurette-consultant-name">{{ 'pages.corporate_consult.name'|trans({}, 'dc_subaru') }}</span>
<p class="featurette-consultant-position">{{ 'pages.corporate_consult.desc'|trans({}, 'dc_subaru') }}</p>
</div>
</div>
</div>
</section>
</main>
{% include '@DcSite/Modules/services-order-popup.html.twig' %}
{% endblock content %}