-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy paththankyou.html
136 lines (124 loc) · 6.94 KB
/
thankyou.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
<!DOCTYPE html>
<html lang="en">
<head>
<!--META TAGS-->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="Description"
content="Thank you for taking the time to contact Bully Book Club, we will be in touch shortly!" />
<!-- Social Media Integration for Facebook, LinkedIn & Google - Code from Abi Harrison Meta Tags Webinar - See Readme -->
<meta property="og:type" content="article" />
<meta property="og:title" content="Bully Book Club | Thank You!" />
<meta property="og:description"
content="Thank you for taking the time to contact Bully Book Club, we will be in touch shortly!" />
<meta name="image" property="og:image" content="assets/images/bullybookclubwebsite.png" />
<!-- URL of image to be displayed when your site is linked to -->
<meta property="og:image:alt" content="The Bully Book Club Website shown on a range of devices" />
<meta property="og:url" content="https://kera-cudmore.github.io/Bully-Book-Club/thankyou.html" />
<meta property="og:site_name" content="Bully Book Club | Thank You!" />
<meta name="author" content="Kera Cudmore">
<!--Favicon & Apple Touch Icon-->
<link rel="icon" type="image/x-icon" href="assets/favicon/favicon.ico">
<link rel="apple-touch-icon" sizes="180x180" href="assets/favicon/apple-touch-icon.png">
<!-- Bootstrap CDN Link -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.6.0/css/bootstrap.min.css">
<!-- Font Awesome CDN Link -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
<!-- My Stylesheet -->
<link rel="stylesheet" href="assets/css/style.css">
<!-- Browser Tab Title -->
<title>Bully Book Club | Thank You!</title>
</head>
<body>
<header>
<!-- NAVBAR - Bootstrap code used and modified -->
<nav class="navbar navbar-expand-xl navbar-light bg-nav navbar-top">
<a class="navbar-brand" href=" index.html">
<img src="assets/images/logo.webp" width="100" height="100" class="d-inline-block align-center"
alt="two illlustrated English Bulldogs standing on a pile of books that have Bully Book Club on the spines">
<span class="align-center d-none d-md-inline-block">Bully Book Club</span>
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo02"
aria-controls="navbarTogglerDemo02" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarTogglerDemo02">
<ul class="navbar-nav ml-auto mt-2 mt-lg-0">
<li class="nav-item hvr-float-shadow">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item dropdown nav-item hvr-float-shadow">
<a class="nav-link dropdown-toggle" href="books.html" id="navbarDropdownMenuLink" role="button"
data-toggle="dropdown" aria-expanded="false">
Books
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
<a class="dropdown-item" href="books.html#currently-reading">Currently Reading</a>
<a class="dropdown-item" href="books.html#reading-next">Reading Next</a>
<a class="dropdown-item" href="books.html#2021">2021</a>
<a class="dropdown-item" href="books.html#2020">2020</a>
<a class="dropdown-item" href="books.html#2019">2019</a>
</div>
</li>
<li class="nav-item hvr-float-shadow">
<a class="nav-link" href="contact.html">Contact Us</a>
</li>
</ul>
</div>
</nav>
</header>
<!-- Page Container-->
<main class="container-fluid thankyou-container">
<!-- Page Title-->
<h1>Thank You!</h1>
<div class="row">
<div class="col">
<p>Thank you for taking the time to contact us, we will be in touch shortly!</p>
</div>
</div>
<div class="row">
<div class="col dictator">
<img id="HFB" src="assets/images/dictator.webp"
alt="Illustrated drawing of Harrison Ford the English Bulldog sitting down facing forward. He is wearing a green military uniform with shoulder caps and a red sash with badges attached. He also has a green military cap, with a black peak on. The cap has a gold star and gold braiding over the peak.">
</div>
</div>
<div class="row">
<div class="col dog-writing">
<p>Harrison Ford here, The Chubby Dictator of the Bully Book Club.</p>
<p>I wanted to thank you for contacting the best book club on the internet, however I don't think it
was made clear on the contact form that as a condition to join, you will have to pledge your
fealty to me.</p>
<p>Don't worry, there's no formal ceremony involved, I just need you to promise to... </p>
<p>Just kidding! We like to have a bit of fun AND read books in Bully Book Club.</p>
<p>Harrison Ford</p>
<p><i class="fas fa-paw paw"></i></p>
</div>
</div>
</main>
<!-- FOOTER -->
<footer class="container-fluid footer-container">
<div class="row">
<div class="col">
<a href="https://www.instagram.com/bullybookclub/" target="_blank" rel="noopener">
<i class="fab fa-instagram hvr-push"><span class="sr-only">Instagram</span></i>
</a>
</div>
<div class="col">
<a href="https://www.goodreads.com/group/show/1165404-bully-book-club" target="_blank" rel="noopener">
<i class="fab fa-goodreads-g hvr-push"><span class="sr-only">Goodreads</span></i>
</a>
</div>
<div class="col">
<a href="contact.html">
<i class="far fa-envelope hvr-push"><span class="sr-only">Contact Us</span></i>
</a>
</div>
</div>
</footer>
<!-- Scripts for Bootstrap-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.1/umd/popper.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.6.0/js/bootstrap.min.js"></script>
</body>
</html>