-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
53 lines (43 loc) · 1.39 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
<!DOCTYPE html>
<html lang="en-us">
<head>
<meta charset="UTF-8">
<title>Marvel word guesser</title>
<!-- Bootstrap is used to make game look nicer -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
<link href="css/index.css" type="text/css" rel="stylesheet">
<style>
.title {
justify-content: center;
text-align: center;
color: maroon;
margin-bottom: 90px;
}
</style>
</head>
<body>
<div
class="lg-image"
style="
object-fit: fill;
background-image: url(./natlan-landscape.jpg);
height: 100vh;
"
>
<!-- Bootstrap Container will hold everything -->
<div class="container">
<!-- Jumbotron holds the title section -->
<div class="jumbotron">
<div class="container">
<h1 class="title">Genshin Impact</h1>
<h2 class="title">Guess the Character</h2>
<center><a href="./pres2.html"><button type="button" class="btn btn-primary btn-lg btn-block">Start</button></a></center>
</div>
</div>
<!-- Game counters all held here. cards are being used to hold various sections. -->
<!-- Adds a link to the javascript file. Loaded at the bottom so it waits for the HTML content to display first.
If you put this at the top it will crash, because the HTML IDs won't exist yet.-->
<script src="pres.js"></script>
</body>
</div>
</html>