generated from Code-Institute-Org/ci-full-template
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
158 lines (153 loc) · 5.27 KB
/
index.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
157
158
<!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 class="short-page__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="row grid gtc-auto">
<div class="col hero__text">
<h1 class="h1 home-page__h1">
Why not keep your dogs tail
<span class="waggling">waggling</span> with our walking group
</h1>
<p class="home-page__p">
When we brought our puppy home, one of our main priorities was
socialising him. We started walking in the local area to let him
get used to other dogs.
</p>
<p class="home-page__p">
This organically turned into a walking group and now we meet
regularly with other dog owners to explore the beautiful routes
around Wexford.
</p>
<p class="home-page__p">
Whether you have an eager pup or a social senior, you are welcome
to waggle along with us.
</p>
<a href="routes.html" class="btn box-shadow routes__link">
<i class="fa-solid fa-paw"> </i>Join us</a
>
</div>
<div class="col hero-img__col">
<img
src="assets/images/bmd-min-2min.jpeg"
alt=" two Bernese Mountain Dogs lying down looking at laptop"
class="hero-img__homepage"
/>
</div>
</div>
</div>
</main>
<footer class="footer footer-short-page">
<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>