generated from Code-Institute-Org/gitpod-full-template
-
Notifications
You must be signed in to change notification settings - Fork 1
/
thanks.html
92 lines (92 loc) · 4.82 KB
/
thanks.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Caribbean holiday planning service">
<meta name="keywords" content="Holiday, vacation, caribbean, travel, adventure">
<link rel="shortcut icon" type="image/x-icon" href="assets/logos/Palmtree.png">
<script src="https://kit.fontawesome.com/f73762c6c0.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="assets/css/style.css">
<title>Travel Caribbean</title>
</head>
<body>
<!-- Video playing in the background of the landing area of the web page -->
<video playsinline autoplay muted loop id="index-hero-video">
<source src="assets/videos/video1.mp4" type="video/mp4">
</video>
<!-- Main area of this page so it is all overlying the 'hero video' contains website nav, site title, logo, back to home button and thank you text -->
<header>
<section id="index-hero-section">
<div id="index-page-header">
<!-- Credit to Mark Caron - see readme -->
<nav id="main-menu" class="main-menu" aria-label="Main menu">
<a href="#main-menu-toggle" id="main-menu-close" class="menu-close" aria-label="Close main menu">
<span class="sr-only">Close main menu</span>
<span class="fa fa-close" aria-hidden="true"></span>
</a>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="islands.html">Islands</a></li>
<li><a href="types.html">Types</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
</nav>
<a href="#main-menu-toggle" class="backdrop" tabindex="-1" hidden>
</a>
<a href="#main-menu" id="main-menu-toggle" class="menu-toggle" aria-label="Open main menu">
<span class="fa fa-bars" aria-hidden="true"></span>
</a>
<!-- End of credit -->
<span class="logo">Travel Caribbean</span>
<img src="assets/logos/homemade.png" alt="Travel Caribbean Logo" id="logo-homemade">
<nav id="big-screen-nav">
<a href="index.html"><span>Home</span></a>
<a href="islands.html"><span>Islands</span></a>
<a href="types.html"><span>Types</span></a>
<a href="gallery.html"><span>Gallery</span></a>
<a href="contact.html"><span>Contact Us</span></a>
</nav>
</div>
<a href="index.html">
<div class="styled-button" id="thanks-button"><i class="fas fa-arrow-alt-circle-left"></i> Back to home</div>
</a>
<div id="error-text-div"><h1>Thank you!<br>We'll be in touch soon!</h1>
</div>
</section>
</header>
<!-- Footer containing social media links and holiday protection agencies -->
<footer>
<ul class="find-us">
<li>Find us on:</li>
<li>
<a href="https://facebook.com" target="_blank" aria-label="Facebook"><i class="fab fa-facebook"></i></a>
</li>
<li>
<a href="https://twitter.com/?lang=en-gb" target="_blank" aria-label="Twitter"><i class="fab fa-twitter-square"></i></a>
</li>
<li>
<a href="https://youtube.com" target="_blank" aria-label="YouTube"><i class="fab fa-youtube-square"></i></a>
</li>
<li>
<a href="https://instagram.com" target="_blank" aria-label="Instagram"><i class="fab fa-instagram-square"></i></a>
</li>
<li>
<a href="https://google.com" target="_blank" aria-label="Google"><i class="fab fa-google"></i></a>
</li>
<li>
<a href="https://tripadvisor.com" target="_blank" aria-label="Trip Advisor"><i class="fab fa-tripadvisor"></i></a>
</li>
</ul>
<br><br>
<img src="assets/logos/abta.png" alt="Logo for abta travel protection" class="protection-logo">
<img src="assets/logos/atol.png" alt="Logo for atol travel protection" class="protection-logo">
<img src="assets/logos/clia.png" alt="Logo for CLIA (cruising) travel protection" class="protection-logo">
<img src="assets/logos/fp.png" alt="Logo for financial protection" class="protection-logo">
<img src="assets/logos/tta.png" alt="Logo for Travel Trust association" class="protection-logo">
<br>
</footer>
</body>
</html>