-
Notifications
You must be signed in to change notification settings - Fork 2
/
404.html
137 lines (117 loc) · 6.29 KB
/
404.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
<!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="Sorry! The page you were looking for can't be found." />
<!-- 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 | 404 Error" />
<meta property="og:description" content="Sorry! The page you were looking for can't be found." />
<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/404.html" />
<meta property="og:site_name" content="Bully Book Club | 404 Error" />
<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 | 404 Error</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>
<div class="container-fluid error-container">
<!-- Page Title-->
<h1>Sorry!</h1>
<div class="row">
<div class="col">
<p>Sorry, the page you were looking for can't be found 😞</p>
<p>Unless you were looking for a page with a grumpy bulldog, in which case you have found the right
page, hurray!</p>
<p>Please use the navigation bar to try again.</p>
</div>
</div>
</div>
<div class="container-fluid error-img-container">
<div class="row">
<div class="col error-img">
<img id="milkshake" src="assets/images/errorimg.webp"
alt="photograph of Milkshake the English Bulldog looking straight ahead with a grumpy looking face.">
</div>
</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>