-
Notifications
You must be signed in to change notification settings - Fork 1
/
not_found.html
101 lines (100 loc) · 5.83 KB
/
not_found.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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Harry Potter theme park - Page not found</title>
<meta charset="UTF-8">
<meta name="description" content="A Harry Potter themed park where you can experience amazing interaction with the magic world of wizardry through Virtual Reality and Augmented Reality" />
<meta name="keywords" content="Harry Potter, Theme Park, Wizardry, Magic, Fantasy, Virtual Reality, Augmented Reality" />
<meta name="author" content="UoL - Web Development Course - w1" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="css/stylesheet_grid.css">
</head>
<body>
<header id="main_navbar"><!-- The header contains the logo, the main navigation bar and the search bar -->
<label for="toggle">☰</label>
<input type="checkbox" id="toggle" />
<nav class="grid_header_navbar"><!-- The main navigation bar. All the links to attractions bring to the attraction page, anchored in different places
Note that the "service" links, the last 5, do not land anywhere -->
<figure id="fig_logo"><!-- The logo -->
<a href="index.html">
<img id="logo" src="images/HP_ThemePark_logo.png" alt="Harry Potter Theme Park Logo"/>
</a>
</figure>
<ul id="main_navbar_ar">
<li><a href="Attractions.html#sec_platform">Platform 9 3/4 AR experience</a></li>
<li><a href="Attractions.html#sec_ministry_of_magic">The Ministry of Magic AR experience</a></li>
<li><a href="Attractions.html#sec_forbidden_forest">The Forbidden Forest AR experience</a></li>
<li><a href="Attractions.html#sec_visit_hogwarts">Visit Hogwarts School AR experience</a></li>
<li><a href="Attractions.html#sec_diagon_alley">A walk in Diagon Alley AR experience</a></li>
<li><a href="Attractions.html#sec_magical_creatures_exhibition">Magical creatures exhibition AR experience</a></li>
</ul>
<ul id="main_navbar_vr">
<li><a href="Attractions.html#sec_ride_a_broomstick">Ride a Broomstick VR experience</a></li>
<li><a href="Attractions.html#sec_quidditch_match">Play Quidditch VR experience</a></li>
<li><a href="Attractions.html#sec_visit_gringott">Visit Gringott's cave VR experience</a></li>
<li><a href="Attractions.html#sec_find_the_horcruxes">Find the Horcruxes VR game</a></li>
</ul>
<ul id="main_navbar_other">
<li><a href="not_found.html">Plan your vacation</a></li>
<li><a href="not_found.html">Stay the night</a></li>
<li><a href="not_found.html">Tickets</a></li>
<li><a href="not_found.html">Reservations</a></li>
<li><a href="not_found.html">News</a></li>
</ul>
<div id="searchBar"><!-- Search Bar -->
<label for="searchText" >Search the website</label>
<input type="text" id="searchText" />
<button id="search">🔍 </button>
</div>
</nav>
</header>
<main class="bkg_container"><!-- This block contains the main image and the title of the page -->
<figure>
<img src="images/home_main.jpg" alt="Photo of Harry, Hermione, Ron and Professor Dumbledore" />
</figure>
<!-- <div style="opacity: 0.5; background-image: linear-gradient(red, yellow);"></div>-->
<section class="flex_column gradient_bkg">
<h1>Sorry, the page you are after does not exist</h1>
<h2>Please visit one of the implemented pages, listed below</h2>
<ul>
<li><a href="index.html">Link to the Home page</a></li>
<li><a href="Attractions.html">Link to the page Attractions</a> </li>
<li><a href="contactUs.html">Link to the page Contact us</a> </li>
</ul>
</section>
</main>
<footer id="footer"><!-- footer of the page containing the footer navbar, the Follow us section and other links-->
<nav id="footer_navbar" class="navbar"><!-- Secondary navigation bar -->
<ul id="fnb_1st">
<li><a href="not_found.html">Where we are</a></li>
<li><a href="not_found.html">How to get here</a></li>
<li><a href="not_found.html">Opening times</a></li>
</ul>
<ul id="fnb_2nd">
<li><a href="not_found.html">When you arrive</a></li>
<li><a href="not_found.html">Facilities</a></li>
<li><a href="not_found.html">FAQ</a></li>
</ul>
<ul id="fnb_3rd">
<li><a href="contactUs.html">Contact us</a></li>
<li><a href="not_found.html">Partnership (Schools)</a></li>
<li><a href="not_found.html">Private events</a></li>
<li><a href="not_found.html">Additional needs</a></li>
</ul>
<ul id="fnb_followus">
<li><h5>Follow us:</h5></li>
<li><a href="http://www.facebook.com"><img src="images/follow_us_facebook.svg" width="64" height="64" alt="Follow us on Facebook" /></a></li>
<li><a href="http://www.twitter.com"><img src="images/follow_us_twitter.svg" height="64" width="64" alt="Follow us on Twitter" /></a></li>
<li><a href="http://www.instagram.com"><img src="images/follow_us_instagram.svg" height="64" width="64" alt="Follow us on Instagram" /></a></li>
<li><a href="http://www.youtube.com"><img src="images/follow_us_youtube.svg" height="64" width="64" alt="Follow us on Youtube" /></a></li>
<li><a href="http://www.instagram.com"><img src="images/follow_us_tripadvisor.svg" height="64" width="64" alt="Follow us on TripAdvisor" /></a></li>
</ul>
<ul id="fnb_corp">
<li><a href="not_found.html">Privacy Policy</a></li>
<li><a href="not_found.html">Terms and Conditions</a></li>
<li><a href="not_found.html">Work for us</a></li>
</ul>
</nav>
</footer>
</body>
</html>