union_auto_test/core/templates/auction_vladivostok.html

219 lines
12 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

{% extends 'base.html' %}
{% load static %}
{% load thumbnail %}
{% block content %}
<section class="intro intro-page linear--black sect py-0 min-h-unset"
style="background-image: url({% static 'img/admin/auction/intro-vladivostok.jpg' %});">
<div class="container">
{% include 'includes/breadcrumbs.html' %}
<div class="introW">
<h1 class="h1 text--white introTitle mb-3 mt-0" style="max-width: 525px;">
Доставка автомобилей с аукционов Японии, Китая, Кореи по России.
</h1>
<p class="introDescr text--white" style="max-width: 525px;">
Мы предлагаем услуги по доставке автомобилей, купленных на аукционах, автовозом или по железной дороге в любой город России. Отлаженный и быстрый процесс доставки позволит получить свой новый автомобиль без лишних хлопот.
</p>
<button class="button button--brown introBtn" data-src="#modalOrder" data-fancybox onclick="ym(91395761,'reachGoal','view'); return true;">Задать вопрос консультанту</button>
</div>
</div>
<img src="{% static 'img/admin/auction/intro-vladivostok.jpg' %}?v=1" alt="image" class="d-block d-md-none introImgSm">
</section>
<section class="sect">
<div class="container">
<div class="row mb-5 pt-4 pt-lg-0">
<div class="col">
<h2 class="h2 mb-4 mb-lg-0">
Как происходит процесс доставки авто и спецтехники:
</h2>
</div>
</div>
<div class="row stepsItem mt-5 py-0">
<div class="col-lg-6 mb-5">
<div class="d-flex align-items-start gap-3 gap-lg-4">
<img class="stepsItemIcon" src="{% static 'img/icons/steps-7.svg' %}?v=1" alt="icon">
<div class="d-flex flex-column flex-sm-row gap-0">
<div class="stepsItemCount h3 fw-semibold">1.</div>
<p class="h3 fw-semibold stepsItemTitle">
После успешной покупки автомобиля или <span class="color-brown">спецтехники</span> на аукционе в <span
class="color-brown">Японии</span>, <span class="color-brown">Китае</span> или <span
class="color-brown">Корее</span>, мы организуем его
транспортировку морем в Россию.
</p>
</div>
</div>
</div>
<div class="col-lg-6 mb-5">
<div class="d-flex align-items-start gap-3 gap-lg-4">
<img class="stepsItemIcon" src="{% static 'img/icons/steps-4.svg' %}?v=1" alt="icon">
<div class="d-flex flex-column flex-sm-row gap-0">
<div class="stepsItemCount h3 fw-semibold">2.</div>
<p class="h3 fw-semibold stepsItemTitle">
Автомобиль доставляется в порт, где проходит <span class="color-brown">таможенное оформление</span>
</p>
</div>
</div>
</div>
</div><!-- /stepsItem -->
<div class="row stepsItem py-0">
<div class="col-lg-6 mb-5">
<div class="d-flex align-items-start gap-3 gap-lg-4">
<img class="stepsItemIcon" src="{% static 'img/icons/steps-9.svg' %}?v=1" alt="icon">
<div class="d-flex flex-column flex-sm-row gap-0">
<div class="stepsItemCount h3 fw-semibold">3.</div>
<p class="h3 fw-semibold stepsItemTitle">
После оформления всех документов мы организуем доставку вашего автомобиля из Владивостока в ваш город.
</p>
</div>
</div>
</div>
<div class="col-lg-6 mb-5">
<div class="d-flex align-items-start gap-3 gap-lg-4">
<img class="stepsItemIcon" src="{% static 'img/icons/steps-5.svg' %}?v=1" alt="icon">
<div class="d-flex flex-column flex-sm-row gap-0">
<div class="stepsItemCount h3 fw-semibold">4.</div>
<p class="h3 fw-semibold stepsItemTitle">
Вы можете также забрать автомобиль с наших стоянок, приехав за ним самостоятельно.
</p>
</div>
</div>
</div>
</div><!-- /stepsItem -->
<div class="row">
<div class="col-lg-6 mb-3 mb-lg-0">
<div class="bg--gray1 p-4 gap-3 gap-lg-4 d-flex flex-column flex-sm-row align-items-start">
<img src="{% static 'img/icons/steps-10.svg' %}?v=1" alt="icon">
<p class="h4">
Обновления на каждом этапе: мы держим вас в курсе всех этапов доставки.
</p>
</div>
</div>
<div class="col-lg-6">
<div class="bg--gray1 p-4 gap-3 gap-lg-4 d-flex flex-column flex-sm-row align-items-start">
<img src="{% static 'img/icons/steps-11.svg' %}?v=1" alt="icon">
<p class="h4">
Вы будете получать уведомления о местонахождении вашего автомобиля.
</p>
</div>
</div>
</div>
<div class="warning mt-5">
<div class="row">
<div class="col-lg-6">
<div class="warningTitle d-flex align-items-center gap-2 mb-3">
<img src="{% static 'img/icons/warn.png' %}?v=1" alt="warn">
<div class="h4">Осторожно, мошенники!</div>
</div>
</div>
<div class="col-lg-6">
<div class="content content--lg px-0">
<p>
В связи с большим спросом на услуги по доставке авто из-за рубежа, к сожалению, на этом рынке появляется
все больше мошеннических схем, в результате которых покупатели теряют свои деньги или все-таки покупают
автомобили, но с очень большими наценками.
</p>
<p>
Мы собрали несколько советов, которые помогут вам избежать обмана. <a
class="color-brown color-brown-hover-black border-0" href="{% url 'core:warning' %}">Подробнее...</a>
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="sect baner baner--full py-0 bg-size-60">
<div class="container">
<div class="linear--black banerW">
<div class="h3 text--white banerTitle mt-0 mb-4 position-relative z-1" style="max-width: 575px;">
Наша команда профессионалов организует доставку автомобиля из Владивостока в Москву и любые другие города России, гарантируя безопасность и сохранность вашего автомобиля на протяжении всего пути.
</div>
<p class="text--lg text--white position-relative z-1 banerDescr mb-4" style="max-width: 567px;">
Вы можете быть уверены, что ваш новый автомобиль будет доставлен в срок и в отличном состоянии, благодаря нашему внимательному подходу к каждому этапу доставки авто из Владивостока.
</p>
<button class="button button--brown position-relative z-1 mt-4">
Оставить заявку
</button>
</div>
</div>
<img class="banerImgSm d-block d-md-none position-absolute" src="{% static 'img/admin/auction/baner-jap.jpg' %}?v=1" alt="image">
<img class="banerImgLg" src="{% static 'img/admin/auction/baner-jap.jpg' %}?v=1" alt="image">
</section>
<section class="sect advGruz bg-black">
<div class="container">
<div class="row">
<div class="col">
<h2 class="h2 text--white sectHead">
Преимущества нашей доставки
</h2>
</div>
</div>
<div class="row">
<div class="col-md-6 col-lg-3 advGruzItem mb-5 mb-lg-0">
<div class="d-flex align-items-start gap-4 d-md-block">
<div class="d-flex gap-4 align-items-start flex-row flex-lg-column">
<img src="{% static 'img/icons/adv-vlad-1.svg' %}?v=1" alt="icon">
<div class="d-flex flex-column pt-3 pt-lg-0">
<h4 class="h4 h4--mobile text--white mt-0 mb-3">Скорость</h4>
<p class="text--white" style="max-width: 210px;">
Минимизируем время доставки, не затягиваем отправку.
</p>
</div>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3 advGruzItem mb-5 mb-lg-0">
<div class="d-flex align-items-start gap-4 d-md-block">
<div class="d-flex gap-4 align-items-start flex-row flex-lg-column">
<img src="{% static 'img/icons/adv-vlad-2.svg' %}?v=1" alt="icon">
<div class="d-flex flex-column pt-3 pt-lg-0">
<h4 class="h4 h4--mobile text--white mt-0 mb-3">Безопасность</h4>
<p class="text--white" style="max-width: 210px;">
Мы обеспечиваем надежную упаковку и транспортировку, чтобы ваш автомобиль не пострадал в пути.
</p>
</div>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3 advGruzItem mb-5 mb-lg-0">
<div class="d-flex align-items-start gap-4 d-md-block">
<div class="d-flex gap-4 align-items-start flex-row flex-lg-column">
<img src="{% static 'img/icons/adv-vlad-3.svg' %}?v=1" alt="icon">
<div class="d-flex flex-column pt-3 pt-lg-0">
<h4 class="h4 h4--mobile text--white mt-0 mb-3">Прозрачность</h4>
<p class="text--white" style="max-width: 210px;">
Вы будете внимательно следить за всеми этапами доставки и сможете отслеживать перемещение вашего автомобиля.
</p>
</div>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3 advGruzItem">
<div class="d-flex align-items-start gap-4 d-md-block">
<div class="d-flex gap-4 align-items-start flex-row flex-lg-column">
<img src="{% static 'img/icons/adv-vlad-4.svg' %}?v=1" alt="icon">
<div class="d-flex flex-column pt-3 pt-lg-0">
<h4 class="h4 h4--mobile text--white mt-0 mb-3">Гибкость</h4>
<p class="text--white" style="max-width: 210px;">
Предложим различные варианты доставки, автомобильные и железнодорожные перевозки, в зависимости от ваших предпочтений и бюджета.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
{% include 'includes/all_lots.html' %}
{% include 'includes/form.html' %}
{% include 'includes/experience.html' %}
{% include 'includes/reviews.html' %}
{% include 'includes/about.html' %}
{% endblock %}