generated from Code-Institute-Org/ci-full-template
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathguides.html
210 lines (205 loc) · 11.4 KB
/
guides.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
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Wild Wales</title><!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<!-- Self CSS -->
<link rel="stylesheet" href="assets/css/style.css"><!-- Font Awesome script -->
<script src="https://kit.fontawesome.com/668de150a5.js" crossorigin="anonymous"></script>
</head>
<body>
<!-- Header -->
<header>
<!-- navbar -->
<nav class="navbar navbar-expand-lg">
<div class="container-fluid">
<a class="navbar-brand " href="#">
<img class="rounded" src="./assets/logo/logo2.png" alt="Logo"></a>
<h4 class="nav-text">Wild Wales</h4>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ms-auto mb-2 mb-lg-0 justify-content-center">
<li class="nav-item">
<a class="nav-link " aria-current="page" href="index.html"><i class="fa-solid fa-house"></i>Home</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="guides.html"><i class="fa-solid fa-book-open"></i>Guide</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html"><i class="fa-solid fa-phone"></i>Contact</a>
</li>
</ul>
</div>
</div>
</nav>
</header>
<!-- Main -->
<main>
<div class="container my-3 ">
<div class="row my-3 bg-wild rounded" id="camping">
<div class="col-12 order-1 col-lg-6 order-lg-1 my-auto">
<img class="rounded mx-auto my-3" src="assets/images/camping.webp" alt="picture of tent with nice view">
</div>
<div class="col-12 order-2 col-lg-6 order-lg-2 ">
<h1>Camping</h1>
<p>
If you're looking for an opportunity to experience the beauty of Welsh countryside in its raw form, camping
in Wales is a great way to do so.
Wales has a lot to offer, from stunning coastlines to dramatic mountain scenery and ancient woodlands.
There are many campsites in Wales that offer a range of activities and amenities for a unique camping
experience.
For instance, <a href="https://www.willowspringscampsite.co.uk" target="_blank" class="black-text">Willow
Springs Campsite</a> is a small, eco-friendly campsite located in the Afan Forest Park in Neath Port
Talbot, South Wales.
This valley is a popular spot for outdoor enthusiasts, mountain bikers, cyclists, and explorers.
</p>
<p>
Camping on <a href="http://www.campingonthefarm.co.uk" target="_blank" class="black-text">The Farm</a> is
another great option for those looking for a relaxing break on the beautiful West Wales coast.
It is a small, family-run campsite located next to the sea and coastal path in Aberaeron.
It's just a 5-minute, pleasant, level walk away from the Georgian harbor town.
</p>
<p>
If you're planning to explore the coast path, there are several campsites along the route or close by that
offer convenient
and affordable places to stay. Alternatively, you can choose a base in a bigger town or city like Tenby or
St Davids and select shorter sections for day walks.
<a href="https://www.glan-y-mor.co.uk" target="_blank" class="black-text">Glan-Y-Mor Camp Site</a> is a
short walk from Britain's smallest city with spectacular views of St Brides Bay.
It's also within easy walking distance of the Coastal Path for those who want to continue their journey on
foot.
</p>
<div class="accordion mb-2" id="accordionExample">
<div class="accordion-item">
<h2 class="accordion-header ">
<button class="accordion-button text-center collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
Map
</button>
</h2>
<div id="collapseOne" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
<div class="accordion-body">
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2384.5163641877193!2d-6.18122552272058!3d53.298198072275454!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x48670e99733f3617%3A0x7ff7202fe3dea603!2sCode%20Institute!5e0!3m2!1sen!2suk!4v1704898793781!5m2!1sen!2suk"
class="camping-map" allowfullscreen="" loading="lazy"
referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row my-3 bg-wild rounded" id="yha">
<div class="col-12 order-2 col-lg-6 order-lg-1">
<h1>Youth Hostel</h1>
<p>
Youth hostel accommodations are diverse and cater to various preferences and budgets. From glamping pods to
grand castles, there's something for everyone.
For those who love the outdoors but don't want to rough it, glamping pods are a great option. These cozy
wooden cabins provide protection from the elements while still
allowing guests to enjoy the beauty of the natural surroundings.
</p>
<p>
<a href="https://www.yha.org.uk/hostel/yha-manorbier" target="_blank" class="black-text">YHA Manobier</a> on
the Pembrokeshire Coast, is an ideal place to enjoy a long weekend in a glamping pod. On the other end of
the spectrum, there are castle hostels that offer a taste of luxury and history. Guests can stay in a real
castle complete with turrets and stone walls,
and experience the grandeur of a bygone era. There are also many other types of youth hostels available,
including converted stately homes, modern eco-hostels, and more.
Whatever your preference, there's a youth hostel out there that's perfect for you.
</p>
</p>
<p>
For those coming from other parts of the UK into Wales, why not book at a stay at a
Historic Marcher castle, just 4.5 miles from the border of modern Wales? <a
href="https://groups.yha.org.uk/hostels/yha-st-briavels-castle/" target="_blank" class="black-text">YHA St
Briavels Castle</a> is steeped in the wild adventures of the Marcher Lords and is a wonderful
stopping-off point into modern Wales. It also offers the opportunity for larger groups to book in, for those
who are planning a larger excursion.
</p>
</div>
<div class="col-12 order-1 col-lg-6 order-lg-2 my-auto">
<img class="rounded mx-auto my-3" src="assets/images/pods.webp"
alt="picture of camping pods in green field with trees behind them">
</div>
</div>
<div class="row my-3 bg-wild rounded" id="caravan">
<div class="col-12 order-1 col-lg-6 order-lg-1 my-auto">
<img class="rounded mx-auto my-3" src="assets/images/barcdy-touring-caravan-camping-park--50.webp"
class="img-fluid. max-width:80%" alt="picture of a short row of caravans with woodland behind.">
</div>
<div class="col-12 order-2 col-lg-6 order-lg-2">
<h1>Touring Caravan</h1>
<p>
If you prefer to have mobile accommodation while enjoying a relaxing stay close to nature in Wales, there
are many options to choose from.
</p>
<p>
One such location is the <a href="https://barcdy.co.uk" target="_blank" class="black-text">Barcdy Touring
Caravan and Camping Park</a> in Snowdonia. It is situated in a secluded and sheltered valley, offering 12
acres of camping area and
an additional 28 acres of oak woodland and open fields to explore and observe wildlife. For those who prefer
the coastal path, the <a href="https://www.bronywendon.co.uk" target="_blank"
class="black-text">Bron-Y-Wendon Holiday Park</a> is just a
5-minute walk from the Coastal Path, making it an ideal stop for those wanting to explore the Northern West
Wales Coastline.
</p>
<p>
<a href="https://www.riversideswansea.com" target="_blank" class="black-text">Riverside Caravan Park</a> is
centrally located just north of Wales' second biggest city and makes a brilliant base for touring the
country's south and west.
This family-run spot with an indoor swimming pool and fishing facilities is between the Swansea Valley and
the M4 corridor, which is about half an hour's drive from
the stunning scenery of the Gower peninsula.
</p>
<p>
Taking a touring caravan holiday in Wales is a great way to experience the country's natural beauty and
culture. You can visit charming towns and villages, try delicious local cuisine, and enjoy the warm
hospitality
of the Welsh people. There are many caravan parks in Wales that offer various amenities and facilities to
make your stay comfortable and enjoyable while still allowing you
to immerse yourself in nature. One such place is the <a href="https://woodlandsdevilsbridge.co.uk"
target="_blank" class="black-text">Woodlands Caravan Park</a>, a family-run site with stunning views of
the Welsh mountains and valleys. It is situated just
300 yards away from the spectacular Devils Bridge Waterfalls.
</p>
</div>
</div>
</div>
</main><!-- Footer -->
<footer class="">
<div class="container-fluid footer">
<div class="row">
<div class="col">
<ul class="nav justify-content-left my-1">
<li class="nav-item"><a class="navbar-brand" href="#">
<img class="rounded" src="./assets/logo/logo2.png" alt="Logo">
</a></li>
<li class="nav-item"><a href="#" class="nav-link px-2"></a></li>
</ul>
</div>
<div class="col">
<ul class="nav justify-content-center my-1">
<li class="nav-item"><a href="#" class="nav-link px-2"><i class="fa-solid fa-arrow-up"></i>Top Of Page</a>
</li>
</ul>
</div>
<div class="col">
<ul class="nav float-end my-2">
<li class="nav-item"><i class="fa-sharp fa-regular fa-copyright"></i>Copyright M4 Hacker heroes</li>
</ul>
</div>
</div>
</div>
</footer><!-- Bootstrap Script-->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"
integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL"
crossorigin="anonymous"></script>
</body>
</html>