generated from github/codespaces-blank
-
Notifications
You must be signed in to change notification settings - Fork 0
/
olympians.html
74 lines (67 loc) · 2.95 KB
/
olympians.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
67
68
69
70
71
72
73
74
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Zues's Website - The Olympians</title>
<link rel="stylesheet" href="styles.css">
<script src="https://kit.fontawesome.com/9158b46d35.js" crossorigin="anonymous"></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Rock+Salt&display=swap" rel="stylesheet">
</head>
<body>
<nav class="navbar">
<div class="navbar_container">
<a href="/" id="navbar_logo">⚡Olympus⚡</a>
<div class="navbar_toggle" id="mobile_menu">
<span class="bar"></span>
<span class="bar"></span>
<span class="bar"></span>
</div>
<ul class="navbar_menu">
<li class="navbar_items">
<a href="index.html" class="navbar_links"> Home </a>
</li>
<li class="navbar_items">
<a href="olympians.html" class="navbar_links"> The Olympians </a>
</li>
<li class="navbar_items">
<a href="olympus.html" class="navbar_links"> Mount Olympus </a>
</li>
<li class="navbar_btn">
<a href="contact.html" class="button"> Contact </a>
</li>
</ul>
</div>
</nav>
<div class="olympians_container">
<div id="zeus" class="god_container">
<div class="god_content">
<h1 class="olympian_heading">Zeus</h1>
<p class="olympian_text">
Zeus is the god of the sky, thunder, and lightning. He is considered the king of the gods. He was born to Kronos and Rhea. He is the youngest of his 5 other siblings.
</p>
</div>
</div>
<div id="poseidon" class="god_container">
<div class="god_content">
<h1 class="olympian_heading">Poseidon</h1>
<p class="olympian_text">
Poseidon is the god of the sea and possesses a powerful trident capable of conjuring up powerful storms. He is the older brother of Zeus and the son of Kronos and Rhea.
</p>
</div>
</div>
<div id="apollo" class="god_container">
<div class="god_content">
<h1 class="olympian_heading">Apollo</h1>
<p class="olympian_text">
Apollo is the god of the sun and light. He had the duty of riding his sun chariot everyday to bring the Sun to the mortals in Earth. He is the son of Zeus.
</p>
</div>
</div>
</div>
<script src="app.js"></script>
</body>
</html>