{% block css %}
{% endblock %}

{% block body %}
<aside class="unselectable" style="--amount: 6;">
	<section class="rounded">
		<a class="title" href="#">
			<h4>Название 1</h4>
		</a>
		<p class="description">Описание</p>
		<img class="background"
			src='https://images.unsplash.com/photo-1576513500959-4f29b3fed28f?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wzMjM4NDZ8MHwxfHJhbmRvbXx8fHx8fHx8fDE3MzI3MDgwMzV8&ixlib=rb-4.0.3&q=80&w=400'
			alt='Фон' ondragstart="return false;">
	</section>
	<section class="rounded">
		<a class="title" href="#">
			<h4>Название 2</h4>
		</a>
		<p class="description">Описание</p>
		<img class="background"
			src='https://images.unsplash.com/photo-1605633972581-f403851f23e9?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wzMjM4NDZ8MHwxfHJhbmRvbXx8fHx8fHx8fDE3MzI3MDg1Mjd8&ixlib=rb-4.0.3&q=80&w=400'
			alt='Фон' ondragstart="return false;">
	</section>
	<section class="rounded">
		<a class="title" href="#">
			<h4>Название 3</h4>
		</a>
		<p class="description">Описание</p>
		<img class="background"
			src='https://images.unsplash.com/photo-1705573522412-83a1144d8252?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wzMjM4NDZ8MHwxfHJhbmRvbXx8fHx8fHx8fDE3MzI3MDg1Mjd8&ixlib=rb-4.0.3&q=80&w=400'
			alt='Фон' ondragstart="return false;">
	</section>
	<section class="rounded">
		<a class="title" href="#">
			<h4>Название 4</h4>
		</a>
		<p class="description">Описание</p>
		<img class="background"
			src='https://images.unsplash.com/photo-1621079125910-08e2593fbe3d?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wzMjM4NDZ8MHwxfHJhbmRvbXx8fHx8fHx8fDE3MzI3MDkxMDd8&ixlib=rb-4.0.3&q=80&w=400'
			alt='Фон' ondragstart="return false;">
	</section>
	<section class="rounded">
		<a class="title" href="#">
			<h4>Название 5</h4>
		</a>
		<p class="description">Описание</p>
		<img class="background"
			src="https://images.unsplash.com/photo-1515121124382-33ae0bf9417c?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wzMjM4NDZ8MHwxfHJhbmRvbXx8fHx8fHx8fDE3MzI3MDkyNzh8&ixlib=rb-4.0.3&q=80&w=400"
			alt="Фон" ondragstart="return false;">
	</section>
	<section class="rounded">
		<a class="title" href="#">
			<h4>Название 5</h4>
		</a>
		<p class="description">Описание</p>
		<img class="background"
			src="https://github.com/mature-woman/site-rules/blob/2ff290c8ac7431e134e3fa457d2d2008bee4d759/mirzaev/site/rules/system/public/images/xiaomi.jpg?raw=true"
			alt="Фон" ondragstart="return false;">
	</section>
</aside>
{% endblock %}

{% block js %}
<script src="/js/elements/aside.js"></script>
{% endblock %}