union_auto_test/core/templates/includes/about.html

{% load static %}

<section class="about sect">
    <div class="aboutT">
      <div class="container">
        <div class="row">
          <div class="col-lg-5">
            <div class="aboutContent">
              <h2><a class="h2 aboutTitle text--white border-b-gray-4 sectHead pb-2" href="{% url 'core:about' %}">О компании</a></h2>
              <div class="content text--white mb-4">
                <p class="text--lg">
                  С 2014 года предоставляем услуги по подбору, покупке и доставке любых автомобилей и спецтехники с
                  аукционов Японии, Кореи, Китая, США, ОАЭ и Европы.
                </p>
                <p>
                  Нам доверились уже более 10 000 клиентов с разных регионов России и стран СНГ. Среди наших
                  клиентов -
                  физические, юридическим лица, а также крупные муниципальные организации. Благодаря работе нашей
                  компании
                  только с проверенными аукционами и и перевозчиками, мы можем обеспечить нашим клиентам поставку
                  качественной техники по самым доступным ценам.
                </p>
              </div>
              <div class="d-flex align-items-center gap-4 flex-wrap">
                <a class="button button--brown" href="{% url 'core:experience_all' %}">Привезенная техника</a>
                <a class="text--link text--white text--lg fw-medium border-b-gray-4 pb-2 text--lg-sm-15"
                  href="{% url 'core:contacts' %}">Контакты</a>
              </div>
            </div>
          </div>
          <div class="col-lg-7">
            <div class="aboutImgW" style="background-image: url({% static 'img/admin/about/image.png' %});">
              <div
                class="d-flex gap-4 align-items-start align-items-lg-center justify-content-end flex-column-reverse flex-xl-row">
                <a class="text--link text--white text--lg text--lg-sm-15 fw-medium border-b-gray-4 pb-2"
                  href="{% url 'core:reviews' %}">Отзывы от реальных
                  покупателей</a>
                <div class="d-flex gap-2">
                  <a href="{{ yandex }}" target="_blank">
                    <img src="{% static 'img/admin/about/yandex.png' %}?v=1" alt="yandex">
                  </a>
                  <a href="{{ dgis }}" target="_blank">
                    <img src="{% static 'img/admin/about/2gis.png' %}?v=1" alt="2gis">
                  </a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="aboutB">
      <div class="container">
        <div class="aboutAdvW">
          <div class="row sectHead">
            <div class="col">
              <div class="h3 text--white">
                Преимущества работы с нами:
              </div>
            </div>
          </div>
          <div class="row aboutAdvList">
            <div class="col-sm-6 col-lg-4 mb-4 mb-lg-0">
              <ul class="list-interactive list-interactive--white text--white fw-medium">
                <li class="mb-4">
                  <strong>Бесплатная консультация</strong> и&nbsp;просчёт стоимости
                </li>
                <li>
                  <strong>Фиксированная цена и&nbsp;сроки</strong> в&nbsp;договоре
                </li>
              </ul>
            </div>
            <div class="col-sm-6 col-lg-4 mb-4 mb-lg-0">
              <ul class="list-interactive list-interactive--white text--white fw-medium">
                <li class="mb-4">
                  <strong>Отчетные документы </strong> и&nbsp;информирование на&nbsp;каждом этапе
                </li>
                <li>
                  <strong>Полная проверка </strong> перед покупкой и&nbsp;отправкой
                </li>
              </ul>
            </div>
            <div class="col-sm-6 col-lg-4">
              <ul class="list-interactive list-interactive--white text--white fw-medium">
                <li class="mb-4">
                  <strong>Решение любых вопросов</strong> с&nbsp;таможенным оформлением
                </li>
                <li>
                  <strong>Доставка в&nbsp;любой регион </strong> России и&nbsp;СНГ
                </li>
              </ul>
            </div>
          </div>

        </div>
      </div>
    </div>

  </section>