Project-Web/moe.html at master · Roene/Project-Web · 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
<!DOCTYPE html>
<html lang="nl">

	<head>
		<title>Transavia 99 verhalen</title>
		<link rel="stylesheet" href="styles/verhalen.css" type="text/css">
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
	</head>

	<body>
		<header>
			<nav>
				<ul>
					<li><a href="index.html"><img src="images/transavia2.png" alt="logo transavia"></a></li>
					<li><a href="favorietenlijst.html"><img src="images/hartje.png" alt="hartje"></a></li>
					<li><a href="login.html"><img src="images/aanmelden.png" alt="aanmelden"></a></li>
				</ul>
			</nav>
			<div id="counter">0</div>
		</header>

		<main class="moe">
		</main>
		<section>
			<button class="like" onclick="likePopUp();">Leuk verhaal</button>
			<div id="countLike">
				141
				<img src="images/duimpje.png" alt="thumb" class="likeUp">
			</div>
		</section>

		<section>
			<h3 id="finalMessage"></h3>
			<button id="download" onclick="downloading(0)">Download</button>
			<progress id="progressBar" value="0" max="100"></progress>
			<span id="status"></span>
		</section>

		<audio autoplay loop>
			<source src="music/moe.mp3">
		</audio>

		<script src="js/verhalen.js"></script>
	</body>
</html>