union_auto_test/core/templates/includes/news.html

44 lines
1.7 KiB
HTML

{% load static %}
<section class="news sect catalogSliderW">
<div class="container">
<div class="d-flex justify-content-between align-items-center sectHead">
<h2><a class="h2 reviewsTitle pb-2 border-b-gray-4" href="{% url 'core:articles' %}">Новости и статьи</a></h2>
<div class="sliderNav gap-2 d-none d-lg-flex">
<button class="navArrow navArrowPrev">
<svg>
<use xlink:href="{% static 'img/icons/icons.svg' %}?v=1#arrow-prev"></use>
</svg>
</button>
<button class="navArrow navArrowNext">
<svg>
<use xlink:href="{% static 'img/icons/icons.svg' %}?v=1#arrow-next"></use>
</svg>
</button>
</div><!-- /sliderNav -->
</div>
<div class="swiper catalogSliderThree">
<div class="swiper-wrapper">
{% for article in articles %}
<div class="swiper-slide catalogSlide">
<div class="catalogCard">
{% if article.cover %}
<a href="{{ article.get_absolute_url }}" class="catalogCardImg catalogCardImg--305">
<img src="{{ article.cover.url }}" alt="image">
</a>
{% endif %}
<div class="catalogCardContent bg--white pt-3 pt-lg-4 px-0">
<span class="color-gray5 caption">{{ article.get_date }}</span>
<h5 class="catalogCardTitle mt-3"><a href="{{ article.get_absolute_url }}">{{ article.title }}</a></h5>
</div>
</div><!-- /catalogCard -->
</div><!-- /catalogSlide -->
{% endfor %}
</div>
</div>
</div>
</section>