Website/easter.html at master · DatKnight/Website · 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
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
<!DOCTYPE html>

<html>

	<head>
		<link rel="stylesheet" href="style.css" title="normal">
		<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
		<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
		<link rel="alternate stylesheet" href="dark.css" title="dark">
		<link rel="shortcut icon" href="favicon.ico">
		<title>Egg</title>
	</head>

<body>

<div id="container">

<div id="header">
	<header>
		<div class="head">
			<nav class="nav">
			<ul class="navlist">
				<li class="navli">
					<a href="about.html" class="navlink">About</a>
				</li>
				<li class="navli">
					<a href="work.html" class="navlink">My Work</a>
				</li>
				<li class="navli">
					<a href="contact.html" class="navlink">Contact Me</a>
				</li>
			</ul>
		</nav>
		</div>
	</header>
</div>

<div id="body">
<h1>You found the easter egg page!</h1>
<h2>Memes Ahoy!</h1>
<!--The "easterimg" class pushes an image, or any inline tag, into the middle of the screen-->
<img class="easterimg" src="Images/doot.gif" alt="Doot Doot" align="middle"><br>
<iframe class="easterimg" width="420" height="315" src="https://www.youtube.com/embed/OJw3MmL-Omk"></iframe><br>
</div>

<div id="footer">
	<footer>
		<p class="name" style="padding-bottom:10px;">Website by Romano Agostini™</p>

		<p class="name">Themes:</p>

		<nav class="theme">
			<ul class="themelist">
				<li class="themeli">
					<a class="themelink" onclick="switch_style('dark')">Dark</a>
				</li>
				<li class="themeli">
					<a class="themelink" onclick="switch_style('normal')">Normal</a>
				</li>
			</ul>
		</nav>
	</footer>
</div>

</div>
<script src="Javascript/javascript.js" type="text/javascript"></script>
</body>

</html>