union_auto_test/core/templates/includes/footer.html

{% load static %}
{% load filters %}

<footer class="footer" id="footer">
    <div class="container">
      <div class="row mb-5 {% if request.resolver_match.url_name == 'index' %}mt-5{% endif %}">
        <div class="col-md-6 col-lg-4 mb-4 mb-md-0">
          <nav class="footerNav text--white">
            <h5 class="h5 fw-semibold navTitle mb-3">
              Услуги
            </h5>
            <ul class="fw-medium">
              <li>
                <a href="{% url 'core:service_auction_japan' %}">
                  Автомобили с аукционов Японии
                </a>
              </li>
              <li>
                <a href="{% url 'core:service_auction_china' %}">
                  Автомобили с аукционов Китая
                </a>
              </li>
              <li>
                <a href="{% url 'core:service_auction_korea' %}">
                  Автомобили с аукционов Кореи
                </a>
              </li>
              <li>
                <a href="{% url 'core:service_auction_machinery' %}">
                  Спецтехника с аукционов Японии
                </a>
              </li>
              <li>
                <a href="{% url 'core:service_auction_tax' %}">
                  Ввоз автомобиля под полную пошлину
                </a>
              </li>
              <li>
                <a href="{% url 'core:service_auction_vladivostok' %}">
                  Доставка автомобилей из Владивостока
                </a>
              </li>
            </ul>
          </nav>
        </div>
        <div class="col-md-6 col-lg-4 mb-4 mb-md-0">
          <div class="row">
            <div class="col-lg-6 mb-4 mb-lg-0">
              <nav class="footerNav text--white">
                <h5 class="h5 fw-semibold navTitle mb-3">
                  Каталог
                </h5>
                <ul class="fw-medium">
                  <li>
                    <a href="{% url 'core:catalog_japan' %}">
                      Авто из Японии
                    </a>
                  </li>
                  <li>
                    <a href="{% url 'core:catalog_korea' %}">
                      Авто из Кореи
                    </a>
                  </li>
                  <li>
                    <a href="{% url 'core:catalog_machinery' %}">
                      Спецтехника
                    </a>
                  </li>
                </ul>
              </nav>
            </div>
            <div class="col-lg-6">
              <nav class="footerNav text--white">
                <ul class="fw-semibold text--lg">
                  <li class="mb-4">
                    <a href="{% url 'core:about' %}">
                      Компания
                    </a>
                  </li>
                  <li class="mb-4">
                    <a href="{% url 'core:reviews' %}">
                      Отзывы
                    </a>
                  </li>
                  <li class="mb-4">
                    <a href="{% url 'core:articles' %}">
                      Информация
                    </a>
                  </li>
                  <li class="mb-4">
                    <a href="{% url 'core:contacts' %}">
                      Контакты
                    </a>
                  </li>
                </ul>
              </nav>
            </div>
          </div>
        </div>
        <div class="col-md-6 col-lg-4">
          <div class="color-gray4 mb-2 fw-bold">Телефон:</div>
          <a href="tel:{{ phone|digits_phone }}" class="footerPhone text--white fw-medium">{{ phone }}</a>
          <div class="color-gray4 mb-2 fw-medium text--13 mb-4">звонок по России бесплатно</div>
          <div class="color-gray4 mb-2 fw-bold">Свяжитесь с нами:</div>
          <ul class="d-flex gap-3 socials socials--gray">
            <li>
              <a href="{{ vk_chat }}" target="_blank">
                <svg>
                  <use xlink:href="{% static 'img/icons/icons.svg' %}?v=1#vk"></use>
                </svg>
              </a>
            </li>
            <li>
              <a href="{{ whatsapp }}" target="_blank">
                <svg>
                  <use xlink:href="{% static 'img/icons/icons.svg' %}?v=1#whatsapp-call"></use>
                </svg>
              </a>
            </li>
            <li>
              <a href="{{ tg }}" target="_blank">
                <svg>
                  <use xlink:href="{% static 'img/icons/icons.svg' %}?v=1#telegram-call"></use>
                </svg>
              </a>
            </li>
          </ul>
          <div class="color-gray4 mb-2 mt-4 fw-bold">Мы в соцсетях:</div>
          <div class="d-flex align-items-center gap-2 socials">
            <a href="{{ youtube }}" class="socialLink" target="_blank">
              <img src="{% static 'img/admin/socials/icon-1.svg' %}?v=1" alt="icon">
            </a>
            <a href="{{ vk }}" class="socialLink" target="_blank">
              <img src="{% static 'img/admin/socials/icon-2.svg' %}?v=1" alt="icon">
            </a>
            <a href="{{ instagram }}" class="socialLink" target="_blank">
              <img src="{% static 'img/admin/socials/icon-3.svg' %}?v=1" alt="icon">
            </a>
          </div><!-- /socials -->
        </div>
      </div>

      <div class="row">
        <div class="col-lg-4 mb-3 mb-lg-0">
          <span class="text--white text--sm fw-medium">© {{ curr_year }} «Union Auto»</span>
        </div>
        <div class="col-lg-4 mb-3 mb-lg-0">
          <a class="text--white text--sm text-start text-lg-center fw-medium footerPolitic" href="{% url 'core:static_page' slug='personal_data' %}">Политика
            обработки
            персональных
            данных</a>
        </div>
        <div class="col-lg-4 mb-3 mb-lg-0">
          <a class="d-flex align-items-center gap-2 justify-content-start justify-content-lg-end footerDevelop"
            href="https://xn--80adei2bu.xn--p1ai/">
            <img src="{% static 'img/icons/develop.svg' %}?v=1" alt="logo">
            <span class="fw-medium text--white text--sm"> Разработка сайта – Вангер.рф </span>
          </a>
        </div>
      </div>
    </div>
  </footer>