generated from Code-Institute-Org/ci-full-template
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy paththankyou.html
135 lines (131 loc) · 5.2 KB
/
thankyou.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
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Learn of the of the chaos surrounding the Legends of Asgard, told within these thrilling Sagas from old Norse mythology!">
<meta name="keywords" content="norse, old norse, mythology, nordic, scandinavian, danish, danelaw, legends, asgard, odin, tyr, thor, freyja, freyr">
<!-- Favicons for major devices -->
<link rel="apple-touch-icon" sizes="180x180" href="assets/images/icons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="assets/images/icons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="assets/images/icons/favicon-16x16.png">
<title>
Legends of Asgard | Thank You
</title>
<!-- Custom Styles -->
<link rel="stylesheet" href="assets/css/style.css">
</head>
<body id="thankyou">
<!-- Load screen animation -->
<aside class="loader loader-active">
</aside>
<!-- Header Section containing Nav, logo, sticky menu-->
<header>
<div id="wrapper">
<a href="index.html#hero">
<img src="assets/images/icons/asgard_icon.png" alt="Logo depicting the Norse symbol for Asgard">
</a>
<input type="checkbox" name="nav-toggle" id="nav-toggle">
<label for="nav-toggle" class="text-label">
<i class="fa-solid fa-bars"></i>
<i class="fa-solid fa-bars-staggered"></i>
</label>
<nav>
<ul id="menu">
<li>
<a href="index.html#hero">
RETURN TO ASGARD
</a>
</li>
<li>
<a href="index.html#ymir">
YMIR
</a>
</li>
<li>
<a href="index.html#odin">
ODIN
</a>
</li>
<li>
<a href="index.html#thor">
THOR
</a>
</li>
<li>
<a href="index.html#tyr">
TYR
</a>
</li>
<li>
<a href="index.html#angraboda">
ANGRABODA
</a>
</li>
<li>
<a href="index.html#freyja">
FREYJA
</a>
</li>
<li>
<a href="index.html#freyr">
FREYR
</a>
</li>
<li>
<a href="index.html#yggdrassil">
YGGDRASSIL
</a>
</li>
<li>
<a href="index.html#althing">
ALTHING
</a>
</li>
</ul>
</nav>
</div>
</header>
<!-- Main Body containing God Menu, Sagas, and Yggdrassil -->
<main>
<section>
<article>
<h2>YOUR VOICE IS HEARD!</h2>
<div>
<h3>
Thank you for your feedback
</h3>
</div>
<a href="./index.html" id="back2asgard" onclick="window.close()"><i class="fa-solid fa-circle-arrow-left"></i>Return</a>
</article>
</section>
<aside id="socials">
<div class="social-icons">
<a href="https://x.com" target="_blank" rel="noopener"><i class="fa-brands fa-twitter"></i></a>
<a href="https://instagram.com" target="_blank" rel="noopener"><i class="fa-brands fa-square-instagram"></i></a>
<a href="https://github.com" target="_blank" rel="noopener"><i class="fa-brands fa-github"></i></a>
<a href="https://linkedin.com" target="_blank" rel="noopener"><i class="fa-brands fa-linkedin"></i></a>
</div>
</aside>
</main>
<!-- SCRIPTS -->
<!-- FontAwesome Kit -->
<script src="https://kit.fontawesome.com/c480bc9d4e.js" crossorigin="anonymous"></script>
<!-- Custom script to fix issue closing nav menu whenever link is clicked (mobile devices only) -->
<script>
window.addEventListener("load", () => {
document.querySelector(".loader").classList.remove("loader-active");
});
// Get all links in the list
const links = document.querySelectorAll("#wrapper li a");
// Attach click event to each link
links.forEach((link) => {
link.addEventListener("click", function (event) {
const checkbox = document.getElementById("nav-toggle");
// Trigger a click on the checkbox to toggle content
checkbox.click();
});
});
</script>
</body>
</html>