{{define "index"}}
<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="stylesheet" href="/assets/css/message.css">
	<link rel="stylesheet" href="/assets/css/style.css">
	<link rel="stylesheet" href="/assets/css/carousel.css">
	{{if eq .IsAdmin true}}
	<link rel="stylesheet" href="/assets/css/admin.css">
	{{end}}
	<title>{{.Title}}</title>
</head>

<body>
	{{template "header" .}}

	<main>

		<!-- <div class="carousel-container">
			<div data-width="1060" data-dots="false" class="carousel" id="Carousel">
				<div data-image="images/1.jpg"></div>
				<div data-image="images/2.jpg"></div>
				<div data-image="images/3.jpg"></div>
				<div data-image="images/4.jpg"></div>
				<div data-image="images/5.jpg"></div>
				<div data-image="images/6.jpg"></div>
			</div>
		</div> -->

		<div class="page active">
			<img src="images/1.png">
			<div>
				<h2>Lorem, ipsum dolor</h2>
				<p>
					Lorem ipsum dolor sit, amet consectetur adipisicing elit. Omnis dignissimos dolorem debitis atque
					ratione?
				</p>
				<button>Перейти</button>
			</div>
		</div>
		<div class="page"></div>
		<div class="page"></div>
		<div class="page"></div>
		<div class="page"></div>

		<div class="dots">
			<div class="active"></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
		</div>

	</main>

	{{template "footer" .}}

	<script src="/assets/js/message.js"></script>
	<script src="/assets/js/query.js"></script>
	<script src="/assets/js/carousel.js"></script>
	{{if eq .IsAdmin true}}
	<script src="/assets/js/admin.js"></script>
	{{end}}
</body>

</html>
{{end}}