{{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 id="Page1" 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 id="Page2" class="page">
			<img src="images/2.png">
			<div>
				<h2>Lorem ipsum dolor sit.</h2>
				<p>
					Lorem ipsum dolor sit, amet consectetur adipisicing elit. Dolores!
				</p>
				<button>Перейти</button>
			</div>
		</div>
		<div id="Page3" class="page">
			<img src="images/3.png">
			<div>
				<h2>Lorem ipsum dolor sit amet.</h2>
				<p>
					Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolore debitis dolores dolor voluptatibus
					et.
				</p>
				<button>Перейти</button>
			</div>
		</div>
		<div id="Page4" class="page">
			<img src="images/4.png">
			<div>
				<h2>Lorem, ipsum dolor</h2>
				<p>
					Lorem ipsum dolor sit amet consectetur adipisicing elit. Expedita, accusantium doloremque.
				</p>
				<button>Перейти</button>
			</div>
		</div>
		<div id="Page5" class="page">
			<img src="images/5.png">
			<div>
				<h2>Lorem ipsum dolor sit amet.</h2>
				<p>
					Lorem ipsum dolor sit amet consectetur, adipisicing elit. Doloremque sequi impedit quisquam!
				</p>
				<button>Перейти</button>
			</div>
		</div>

		<div class="dots">
			<div data-page="#Page1" class="active"></div>
			<div data-page="#Page2"></div>
			<div data-page="#Page3"></div>
			<div data-page="#Page4"></div>
			<div data-page="#Page5"></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}}
	<script src="/assets/js/script.js"></script>
</body>

</html>
{{end}}