animated-url/index.html at main · faisalAkhtar/animated-url · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="utf-8">
	<meta content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no" name="viewport">
	<title>Animated URLs</title>
	<link rel="stylesheet" type="text/css" href="assets/stylesheets/style.css">
	<link rel="icon" type="image/png" href="assets/favicon.ico">
</head>

<body>
	<!-- Navigation bar with the six logos -->
	<nav>
		<a class="iron-man" href="#iron-man"> <img src="assets/icons/ironMan.png"> </a>

		<a class="captain-america" href="#captain-america"> <img src="assets/icons/captainAmerica.png"> </a>

		<a class="thor" href="#thor"> <img src="assets/icons/thor.png"> </a>

		<a class="black-widow" href="#black-widow"> <img src="assets/icons/blackWidow.png"> </a>

		<a class="hulk" href="#hulk"> <img src="assets/icons/hulk.png"> </a>

		<a class="hawkeye" href="#hawkeye"> <img src="assets/icons/hawkeye.png"> </a>
	</nav>


	<!-- The six colored sections to show movement on the page -->
	<section class="iron-man" id="iron-man">
		</section>

	<section class="captain-america" id="captain-america">
		</section>

	<section class="thor" id="thor">
		</section>

	<section class="black-widow" id="black-widow">
		</section>

	<section class="hulk" id="hulk">
		</section>

	<section class="hawkeye" id="hawkeye">
		</section>

	<script type="text/javascript" src="assets/scripts/script.js"></script>
</body>

</html>