-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
52 lines (42 loc) · 2.3 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel = "stylesheet" type = "text/css" href = "css/reset.css" />
<link rel = "stylesheet" type = "text/css" href = "css/style.css" />
<link rel = "stylesheet" type = "text/css" href = "css/animation.css" />
<link href="https://fonts.googleapis.com/css?family=Bangers|Karla|VT323&display=swap" rel="stylesheet">
<img src="img/background.jpg" alt="space" id="backgroundimage" />
<title>Space Castaway</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css">
</head>
<body>
<header>
<nav>
<ul>
<li><a href = "index.html">Home</a></li>
<li><a href = "highScore.html">High Scores</a></li>
<li><a href = "aboutMe.html">About the Creators</a></li>
</ul>
</nav>
</header>
<main>
<h1 class="animated zoomInLeft delay-1s">Space Castaway</h1>
<section id = "intro">
<p>You were a pilot on a deep-space scientific exploration mission on behalf of Earth, until a meteor shower that went completely undetected on the radar tore through your ship. With the ship suffering severe damage and the engines failing, you decided to try for an emergency landing onto a nearby planet. Your last memory was turning around to see a large metal container flying towards your head. You wake up in the abandoned command room with a piece a metal in your leg and a throbbing pain in your head, surrounded by unknown dangers. Can you survive and escape?</p>
<a href = "game.html"><h3>Play Game</h3></a>
</section>
<div class = "spaceShip">
<div class = "windowOne"></div>
<div class = "fire"></div>
<div class = "fireLittle"></div>
</div>
<!-- Got the code to do this from this website: https://www.quackit.com/html/codes/html_background_music_codes.cfm-->
<embed name="audioSound" src="assets/spaceship.wav" loop="true" hidden="true" autostart="true">
</main>
<footer>
</footer>
</body>
</html>