-
Notifications
You must be signed in to change notification settings - Fork 0
/
success.html
150 lines (139 loc) · 5.74 KB
/
success.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
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
<!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/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<!-- custom css -->
<link rel="stylesheet" href="assets/css/style.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 navbar-expand-lg fixed-top" 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="events.html">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 btn-primary 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> [email protected]
</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/9c2e70fc26.js" crossorigin="anonymous"></script>
<!-- bootstrap 5 js -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous">
</script>
</body>
</html>