generated from Code-Institute-Org/ci-full-template
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathsuccess.html
156 lines (150 loc) · 5.01 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
151
152
153
154
155
156
<!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="Dog walking group in Wexford Ireland, everyone is welcome to join"
/>
<meta
name="keywords"
content="dog walking, dog, walking, wexford, Ireland, ireland"
/>
<meta name="author" content="Shane Donlon" />
<meta name="color-scheme" content="dark light" />
<link
rel="shortcut icon"
href="assets/images/favicon.ico"
type="image/x-icon"
/>
<!-- css -->
<link rel="stylesheet" href="assets/css/reset.css" />
<link rel="stylesheet" href="assets/css/style.css" />
<title>Wexford Walking Group</title>
</head>
<body class="short-page__body">
<header>
<!-- screen reader / tab only -->
<a href="#main" class="visually-hidden nav__link">skip to content</a>
<div class="nav-wrapper">
<div class="branding">
<a href="index.html" class="branding__link">Walking Group Wexford</a>
</div>
<label for="checkbox" class="hamburger-menu unsupported supported">
<input
type="checkbox"
name="checkbox"
id="checkbox"
class="supported unsupported"
/>
</label>
<div class="supported sidebar hide-supported">
<nav class="nav supported">
<ul class="nav__ul" role="list">
<li class="nav__li">
<a href="index.html" class="nav__link">Home</a>
</li>
<li class="nav__li">
<a href="routes.html" class="nav__link">Routes</a>
</li>
<li class="nav__li">
<a href="beginners.html" class="nav__link">Beginners</a>
</li>
<li class="nav__li">
<a href="404.html" class="nav__link">Blog</a>
</li>
</ul>
</nav>
</div>
</div>
</header>
<main id="main" class="short-page__main">
<div class="wrapper">
<div class="success-grid">
<div class="success-grid__col">
<h1 class="success__h1 h1">
Thank you for signing up to our newsletter
</h1>
<p class="p success__p">
Our weekly newsletter is available every Sunday, we hope you enjoy
the read.
</p>
<p class="p success__p">
I would also like to introduce you to my Bernese Mountain Dog.
This is Oscar who is still a puppy believe it or not. He is a
pleaure, and was obviously the inspiration for this site.
</p>
<p class="p success__p">
<em
>Please note that this is a test site for educational purposes,
and is a work of fiction
</em>
</p>
</div>
<div class="success-grid__col">
<img
src="assets/images/oscar-min.jpg"
alt="Bernese Mountain Dog being held by owner"
class="oscar-img"
/>
</div>
</div>
</div>
</main>
<footer class="footer short-page_footer">
<div class="wrapper">
<ul role="list" class="footer__ul">
<li class="footer__li">
<a
href="https://facebook.com"
target="_blank"
rel="noopener"
aria-label="Visit our Facebook page (opens in a new tab)"
class="footer__link"
title="facebook"
><i class="fa-brands fa-facebook social-media-icon"></i
></a>
</li>
<li>
<a
href="https://twitter.com"
target="_blank"
rel="noopener"
aria-label="Visit our Twitter page (opens in a new tab)"
class="footer__link"
>
<i class="fa-brands fa-twitter social-media-icon"></i
></a>
</li>
<li class="footer__li">
<a
href="https://youtube.com"
target="_blank"
rel="noopener"
aria-label="Visit our YouTube page (opens in a new tab)"
class="footer__link"
><i class="fa-brands fa-youtube social-media-icon"></i
></a>
</li>
<li class="footer__li">
<a
href="https://instagram.com"
target="_blank"
rel="noopener"
aria-label="Visit our Instagram page (opens in a new tab)"
class="footer__link"
><i class="fa-brands fa-instagram social-media-icon"></i
></a>
</li>
</ul>
<p class="copyright">Copyright © MIT License</p>
</div>
</footer>
<script
src="https://kit.fontawesome.com/5338e889f1.js"
crossorigin="anonymous"
></script>
</body>
</html>