-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathsuccess.html
More file actions
151 lines (142 loc) · 6.37 KB
/
success.html
File metadata and controls
151 lines (142 loc) · 6.37 KB
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
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
<!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="Thank you for booking with Boardwalk Games! Your reservation request has been received and is being processed.">
<!-- favicons generated by favicon.io -->
<link rel="apple-touch-icon" sizes="180x180" href="assets/images/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="assets/images/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="assets/images/favicon-16x16.png">
<title>Boardwalk Games | Thank you</title>
<!-- bootstrap 5 css -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<!-- custom css -->
<link rel="stylesheet" href="assets/css/styles.css">
</head>
<!-- classes on body set to work with mt-auto on footer to
ensure it always stays at the bottom of the page -->
<body class="d-flex flex-column min-vh-100">
<!-- Navigation -->
<nav id="navbar" class="navbar fixed-top navbar-expand-lg" data-bs-theme="dark">
<div class="container">
<a class="navbar-brand" href="index.html">
<img class="logo" src="assets/images/logo-sm-white.png" alt="Boardwalk Games Logo">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<li class="nav-item">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="index.html#services">Services</a>
</li>
<li class="nav-item">
<a class="nav-link" href="index.html#events">Events</a>
</li>
<li class="nav-item">
<a class="nav-link" href="game-library.html">Games</a>
</li>
<li class="nav-item">
<a class="nav-link" href="index.html#contact">Contact</a>
</li>
<li class="nav-item">
<a class="btn custom-button-filled ms-3" href="booking.html">Book now</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- success message for users who successfully submit a form -->
<main id="success" class="container section text-center">
<div class="row justify-content-center">
<div class="col-12 col-md-8">
<h1 class="display-3">Thank you!</h1>
<p class="lead">Your form has been submitted successfully!</p>
<a href="index.html" class="btn custom-button-outline mb-5">Return to the home page</a>
</div>
</div>
</main>
<!-- contact section -->
<footer id="contact" class="mt-auto">
<div class="container section">
<div class="row justify-content-center">
<div class="col-12 text-center">
<h2 class="display-6">Contact us!</h2>
</div>
<div class="col-12 col-md-6 col-xl-4">
<h3 class="sub-heading-color">Contact info</h3>
<!-- business address in <address> element for semantic html -->
<address>
<strong><i class="fa-solid fa-location-dot"></i> Boardwalk Games</strong>
<br>
123 Boardwalk
<br>
Boardwalk City, 12345
</address>
<p>
<i class="fa-solid fa-phone"></i> 012 345 6789<br>
<i class="fa-regular fa-paper-plane"></i> info@boardwalk-games.co
</p>
<div class="social-icons mt-4">
<a href="https://www.instagram.com" target="_blank" rel="noopener"
aria-label="Visit our Instagram page (opens in a new tab)"><i class="fa-brands fa-instagram"></i></a>
<a href="https://www.facebook.com" target="_blank" rel="noopener"
aria-label="Visit our Facebook page (opens in a new tab)"><i class="fa-brands fa-square-facebook"></i></a>
<a href="https://www.twitter.com" target="_blank" rel="noopener"
aria-label="Visit our Twitter feed (opens in a new tab)"><i class="fa-brands fa-x-twitter"></i></a>
</div>
</div>
<div class="col-12 col-md-6 col-xl-4">
<h3 class="sub-heading-color">Opening times</h3>
<table class="table table-dark">
<thead>
<tr>
<th scope="col">Day</th>
<th scope="col">Open</th>
<th scope="col">Close</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">Mon</th>
<td colspan="2">Closed</td>
</tr>
<tr>
<th scope="row">Tue - Thur</th>
<td>11am</td>
<td>11pm</td>
</tr>
<tr>
<th scope="row">Fri - Sat</th>
<td>11am</td>
<td>12am</td>
</tr>
<tr>
<th scope="row">Sun</th>
<td>12pm</td>
<td>7pm</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</footer>
<!-- font awesome 6 -->
<script
src="https://kit.fontawesome.com/9199489a36.js"
crossorigin="anonymous"
></script>
<!-- bootstrap 5 js -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous">
</script>
</body>
</html>