-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
66 lines (57 loc) · 1.99 KB
/
index.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<title>TriviaGame</title>
<link rel="stylesheet" href="assets/css/style.css">
<link href="https://fonts.googleapis.com/css?family=Kaushan+Script&display=swap" rel="stylesheet">
</head>
<body>
<header id="masthead">
<div class="container">
<a href="index.html" id="logo">Trivia Game </a>
<nav>
<a href="https://nfratt.github.io/">About</a>
<a href="https://nfratt.github.io/portfolio.html">Portfolio</a>
<a href="https://nfratt.github.io/contact.html">Contact</a>
</nav>
</div>
</header>
<div id= "content">
<div id="banner">Lord of the Rings Trivia</div>
<p id="timer"></p>
<span id="game">
<h2 id="start">Press "START" to begin</h2>
<button id="startbtn" onclick="startbutton()">
START
</button>
<div id="scorecard">
<p>
<span id="correct"></span>
<span id="incorrect"></span>
</p>
</div>
<div id="rules">
<p>Rules:</p>
<p>You will have approximatly 15 seconds to answer each trivia question.
upon completeing the game your score will be shown to you.
Click the play button below if you want music.</p>
</div>
</span>
<br>
<audio id="Music" controls autoplay>
<source src="assets/music/Lord of the Rings Medley (8-Bit).mp3" type="audio/ogg">
<source src="assets/music/Lord of the Rings Medley (8-Bit).mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
</div>
<footer>
<div class="container">
<span>Nick Frattaroli</span>
<br>
Copyright ©
</div>
</footer>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="assets/javascript/Javascript.js"></script>
</body>
</html>