index.html

<!DOCTYPE html>
<html>

	<title>Sliced Slideshow UI</title>
	<link rel="stylesheet" href="style.css">

	<!-- sections wrapper -->
	<div id="sections-wrapper">
		<section class="show" data-img="img/mountain.jpg"></section>
		<section class="hide-bottom" data-img="img/shore.jpg"></section>
		<section class="hide-bottom" data-img="img/twilight.jpg"></section>
		<section class="hide-bottom" data-img="img/parachute.jpg"></section>
		<section class="hide-bottom" data-img="img/sky.jpg"></section>
	</div>

	<!-- sections control -->
	<div class="sections-control">
		<div class="section-thumbnail active"></div>
		<div class="section-thumbnail"></div>
		<div class="section-thumbnail"></div>
		<div class="section-thumbnail"></div>
		<div class="section-thumbnail"></div>
	</div>

	<script src="anime.min.js"></script>
	<script src="interaction.js"></script>

</html>