-
Notifications
You must be signed in to change notification settings - Fork 3
/
404.html
96 lines (91 loc) · 3.85 KB
/
404.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
<!DOCTYPE html>
<html lang="en">
<head>
<head>
<meta charset="UTF-8" />
<meta
name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"
/>
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<link rel="icon" href="assets/images/fav.png" type="image">
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.9.2/css/bulma.min.css"
integrity="sha512-byErQdWdTqREz6DLAA9pCnLbdoGGhXfU6gm1c8bkf7F51JVmUBlayGe2A31VpXWQP+eiJ3ilTAZHCR3vmMyybA=="
crossorigin="anonymous"
/>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css">
<link rel="stylesheet" href="assets/css/style.css" />
<title>How Pat r'ye? | 🍀⭕🍀</title>
</head>
</head>
<body class="main" id="bg-alt-color">
<nav class="navbar has-shadow is-white">
<div class="container">
<div class="navbar-brand">
<a href="index.html" class="navbar-item">
<img src="assets/images/logo-500x500.png" class="brand-image" alt="logo"/>
</a>
<a class="navbar-burger" id="burger-icon" aria-label="menu" aria-expanded="false" data-target="navbar-links">
<img src="assets/images/happy.png" alt="branded toggler icon"/>
</a>
</div>
<div class="navbar-menu" id="nav-links">
<div class="navbar-end">
<a href="index.html" class="navbar-item active">Home</a>
<a href="quiz.html" class="navbar-item">Quiz</a>
<a href="leaderboard.html" class="navbar-item">Leaderboard</a>
</div>
</div>
</div>
</nav>
<div class="container section centering">
<div class="columns">
<div class="column">
<img src="assets/images/amongUs-greenSanta.png" class="error-img" alt="Among Us character">
</div>
<div class="column error-desc">
<h1 class="mt-5 mx-5">404 -- Imposter detected...Green is sus!</h1>
<p class="mt-5 mx-5">
Unfortunately, you have found yourself in space....among your crew is an imposter..
</p>
<p class="mt-5 mx-5">
Wait! You aren't supposed to be here. This isn't even the same theme as the app built for this
hackathon. If you got lost, why not click on the Brand Logo top left to go "Home".
</p>
</div>
<div class="column">
<img src="assets/images/amongUs-greenSanta1.png" class="error-img" alt="Among Us Character">
</div>
</div>
</div>
<footer class="footer">
<div class="columns">
<div class="column">
<p class="has-text-centered"><a href="privacy-policy.html">Privacy Policy</a></p>
</div>
<div class="column">
<p class="has-text-centered social-links">
<a target="_blank" rel="noopener" href="https://www.facebook.com/">
<i class="fab fa-facebook" aria-hidden="true"></i>
<span class="sr-only">Facebook</span>
</a>
<a target="_blank" rel="noopener" href="https://www.instagram.com/">
<i class="fab fa-instagram" aria-hidden="true"></i>
<span class="sr-only">Instagram</span>
</a>
<a target="_blank" rel="noopener" href="mailto:[email protected]">
<i class="fas fa-envelope" aria-hidden="true"></i>
<span class="sr-only">Email</span>
</a>
</p>
</div>
<div class="column">
<p class="has-text-centered"><a href="accessibility.html">Accessibility</a></p>
</div>
</div>
</footer>
<script src="assets/js/main.js" type="module" defer></script>
</body>
</html>