-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path404.html
109 lines (98 loc) · 4.15 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
97
98
99
100
101
102
103
104
105
106
107
108
109
<!DOCTYPE html>
<html lang="en">
<head>
<!--Metadata-->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!--Add title and favicon-->
<title>Popemobile</title>
<link rel="icon" type="image/jpg" href="/Assets/Local/Icons/Transparent Icon.png">
<!--Link Global and Local CSS Files-->
<link rel="stylesheet" type="text/css" href="/global.css"><!--Global-->
<!--Link Global And Local JS Files-->
<script src="/global.js"></script><!--Global-->
<!--Addons-->
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200"/>
</head>
<!--Content On The Page-->
<body>
<!--Container for both types of Navigation Menu's-->
<div class="navigation">
<!--Navigation Bar with Team Name-->
<nav>
<div class="teamNameContainer">
<a href="/Home/" class="teamName">Popemobile</a>
</div>
<div class="buttons">
<a href="/Home/" class="button">Home</a>
<a href="/About%20Us/" class="button">About Us</a>
<a href="/Sponsorship%20And%20Support/" class="button">Sponsorship And Support</a>
<a href="/Project%20Updates/" class="button">Project Updates</a>
<a href="/About%20The%20Go%20Kart/" class="button">About The Go-Kart</a>
</div>
<span class="material-symbols-outlined menuButton" id="MenuOpenCloseButton" onclick="openCloseMenuFunction()">
menu
</span>
</nav>
<!--Navigation Menu with Team Name-->
<menu id="menu">
<div class="buttons">
<a href="/Home/" class="button">Home</a>
<a href="/About%20Us/" class="button">About Us</a>
<a href="/Sponsorship%20And%20Support/" class="button">Sponsorship And Support</a>
<a href="/Project%20Updates/" class="button">Project Updates</a>
<a href="/About%20The%20Go%20Kart/" class="button">About The Go-Kart</a>
</div>
</menu>
</div>
<!--Scroll to top Button-->
<span class="material-symbols-outlined ScrollToTopButton" id="ScrollToTopButton" onclick="scrollToTopFunction()">
arrow_upward
</span>
<!--Team Name Some Text And Team Image-->
<header>
<div class="headerText">
<h1>Popemobile</h1>
<h2>
Driven by innovation, powered by teamwork—racing toward a sustainable future.
</h2>
</div>
<div class="headerImage">
</div>
</header>
<!--Primary Content Of The Page-->
<main>
<h1>Whoops! Looks like we’ve taken a wrong turn on the track.</h1>
<p>
Our go-kart might have veered off course and ended up on a page that doesn’t exist. But hey, even the best drivers miss a turn now and then!
<br>
Let’s steer back to the main track. Just <a href="/Home/">click here</a>, and we’ll get you back to the home page in no time.
<br>
Sorry for the detour—sometimes the road to success has a few unexpected curves!
<br>
— The Popemobile Team
</p>
</main>
<!--Footer-->
<footer>
<div class="rightSide">
<h1>Popemobile</h1>
<h2>Contact Us</h2>
<p>19 Wellington Street, Parkside, Timaru 7910 New Zealand</p>
<p>inquiries@popemobile.co.nz</p>
</div>
<div class="leftSide">
<h2>Support</h2>
<h3>Roncalli College</h3>
<p>
Thank you to our school for paving the way and giving us the tools to race toward our goals!
</p>
<h3>Sponsor</h3>
<p>
A special thanks to our sponsor for fueling our journey. Your support drives us forward!
</p>
</div>
</footer>
</body>
</html>