-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
191 lines (181 loc) · 10.8 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--Meta tags for search engines-->
<meta name="description" content="Mountain. UK Guided mountain tours, Hiking, Winter. Lake District, Scotland, Wales, Peak District">
<meta name="keywords" content="Uk Guided Mountain Tours, walk, hike, scramble, UK, excercise, outdoors, guide">
<!--Title-->
<title>UK Winter Guided Mountain Tours</title>
<!--Favicon-->
<link
rel="icon"
type="image/png"
sizes="32x32"
href="assets/favicon/icons8-snow-capped-mountain-emoji-32.png"
>
<link
rel="icon"
type="image/png"
sizes="16x16"
href="assets/favicon/icons8-snow-capped-mountain-emoji-16.png"
>
<link
rel="icon"
type="image/png"
sizes="96x96"
href="assets/favicon/icons8-snow-capped-mountain-emoji-96.png"
>
<!-- Bootstrap CSS Link -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<!-- Font Awesome Link -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" rel="stylesheet">
<!--Stylesheet-->
<link rel="stylesheet" href="assets/css/style.css">
<!-- Preload the background image with high priority -->
<link rel="preload" href="assets/images/maincribgoch1600px.webp" as="image" fetchpriority="high" />
</head>
<body>
<!--Navigation-->
<header>
<nav>
<div class="header-container">
<h1 id="logo-header">UK Winter Mountain Tours</h1>
<img src="assets/images/pngmtn.png" alt="Logo" class="logo-container">
</div>
<button id="hamburger">☰</button>
<ul>
<li><a href="index.html" aria-label="Got to the top of the home page">Home</a></li>
<li><a href="#about" aria-label="Got to the About section">About</a></li>
<li><a href="#regions" aria-label="Got to the Tour Regions section">Tour Regions</a></li>
<li><a href="#contact" aria-label="Got to the Contact section">Contact</a></li>
<li><a href="equipment.html" aria-label="Got to the Equipment page">Equipment</a></li>
</ul>
</nav>
</header>
<!--Main Content-->
<main class="main-content">
<h2>UK Winter Mountain Guided Tours</h2>
<p>Enjoy many of the UK's most famous peaks in Winter with an experienced guide</p>
<a href="#booking" aria-label="Got to the Booking section" class="btn-book-now">Book Your Tour</a>
</main>
<!--About Section-->
<section id="about" class="about">
<h2>About</h2>
<p>
Embark on a breathtaking journey through the UK’s most iconic winter landscapes with Tom Goss' Guided Winter Hikes. Whether you’re an experienced hiker or a beginner looking for your next adventure, Tom’s expert guidance will ensure a memorable experience amidst the beauty of winter’s embrace. From tranquil walks through snow-covered valleys to exhilarating winter scrambles, there’s something for every skill level, ensuring you challenge yourself in an environment that’s as breathtaking as it is rewarding.
</p>
<p>
Tom, a seasoned hiker and passionate outdoor enthusiast, brings years of knowledge and expertise to every guided trek. He has hand-picked some of the UK’s most famous hiking routes, offering you the opportunity to explore well-known trails like the <strong>Lake District</strong>, the <strong>Snowdonia National Park</strong>, and <strong>Scotland’s rugged Highlands</strong>—all while witnessing the serene charm that winter brings to these majestic locations. Whether you’re interested in learning essential <strong>winter mountain skills</strong> for safe and confident hiking in icy conditions or simply wish to experience the quiet beauty of winter, Tom tailors each hike to meet your needs.
</p>
<p>
On these guided hikes, you’ll not only experience stunning views and untouched winter landscapes, but you’ll also enjoy the camaraderie of fellow hikers as you navigate some of the most challenging and rewarding terrain. Tom offers various hiking experiences, from <strong>basic winter hiking</strong> that introduces you to the fundamentals of winter trekking, to more advanced <strong>graded scrambles</strong> for those seeking a more physically demanding challenge. Learn essential techniques for safe navigation in snow and ice, and gain confidence in your ability to tackle more technical routes as you work with Tom's expert instruction.
</p>
<p>
Whether you're scaling Snowdon in the crisp winter air, learning new <strong>mountain skills</strong> in the heart of Snowdonia, or tackling the snow-covered peaks of the Lake District with a <strong>graded scramble</strong>, Tom's guidance ensures safety, enjoyment, and unforgettable memories every step of the way. His focus on building both skill and confidence means you'll leave each hike feeling empowered and ready for your next winter adventure.
</p>
<p>
Join us for a winter adventure that will stay with you long after you’ve returned home. Whether you're new to winter hiking or looking to develop your skills in more technical terrain, our guided experiences in the UK’s finest trails offer the perfect mix of challenge and reward. Discover new heights, learn crucial winter hiking techniques, and make your winter hiking experience one to remember.
</p>
</section>
<!-- Regions -->
<section id="regions" class="regions">
<h2>Regions To Explore</h2>
<div class="region-cards">
<div class="region-card">
<img src="assets/images/tryfan600pwx.webp" alt="Mountains of Wales" loading="lazy">
<a href="#"> <!--Update href in future development-->
<h3 class="hover-over"><i class="fa-solid fa-mountain"></i> Mountains of Wales</h3>
</a>
<p>The Brecon Beacons & Snowdonia National park contain some of the Uks classic routes, including tryfan & for those with a head for heights, Crib Goch, the most exicting route up to Snowdon!</p>
</div>
<div class="region-card">
<img src="assets/images/bennevis600pxw.webp" alt="Mountains of Scotland" loading="lazy">
<a href="#"> <!--Update href in future development-->
<h3 class="hover-over"><i class="fa-solid fa-mountain"></i> Mountains of Scotland</h3>
</a>
<p>The Scottish Mountains can be some of the most wild in the UK. From the Caingorms to Glencoe & the Isle of Skye, there is something for everybody</p>
</div>
<div class="region-card">
<img src="assets/images/helvellyn600pxw.webp" alt="Mountains of the Lake Distrcit" loading="lazy">
<a href="#"> <!--Update href in future development-->
<h3 class="hover-over"><i class="fa-solid fa-mountain"></i> Mountains of the Lake District</h3>
</a>
<p>Explore the Wainwirght's, with classic routes & various grades of scrambling. From the classic ridges of Helvellyn to the Scafell range including Englands highest peak</p>
</div>
<div class="region-card">
<img src="assets/images/kinderscout600pxw.webp" alt="Mountains of the Peak District" loading="lazy">
<a href="#"> <!--Update href in future development-->
<h3 class="hover-over"><i class="fa-solid fa-mountain"></i> Mountains of the Peak District</h3>
</a>
<p>Explore Kinder Scout, a vast platauex with many classic routes to the summit or the famous ridgeline of Mam Tor!</p>
</div>
</div>
</section>
<!-- Booking Section -->
<section id="booking" class="booking">
<h2>Book Your Winter Mountain Tour</h2>
<p>Click below to book a guided tour now</p>
<a href="booking.html" aria-label="Got to the Booking page" class="btn-book-now">Book Now</a>
</section>
<!-- Contact Section -->
<section id="contact" class="container contact">
<div class="row justify-content-center">
<div class="col-12 text-center my-4">
<h2>Contact</h2>
<p class="mt-4">Got any questions? Whether it be about times/locations, route difficulty or any other queries do not hesitate to get in touch!</p>
</div>
<div class="col-12 col-md-10 col-lg-8 mb-4">
<form action="https://formdump.codeinstitute.net" method="post" class="row g-3 sharp-corners">
<div class="col-lg-4">
<label for="full-name" class="form-label">Full Name</label>
<input type="text" class="form-control" id="full-name" required>
</div>
<div class="col-lg-4">
<label for="phonenumber" class="form-label">Phone number</label>
<input type="number" class="form-control" id="phonenumber" required>
</div>
<div class="col-lg-4">
<label for="email" class="form-label">Email</label>
<input type="email" class="form-control" id="email" required>
</div>
<div class="col-12">
<label for="message" class="form-label">Message</label>
<textarea class="form-control" id="message" rows="3" required></textarea>
</div>
<div class="col-12">
<button type="submit" class="btn btn-warning">Send</button>
</div>
</form>
</div>
</div>
</section>
<!-- Footer -->
<footer>
<span>Find us on:</span>
<a href="https://www.facebook.com" target="_blank" rel="noopener" aria-label="Find us on Facebook (link opens in a new tab)">Facebook
<i class="fab fa-instagram"></i>
</a>
<a href="https://www.instagram.com" target="_blank" rel="noopener" aria-label="Find us on Instagram (link opens in a new tab)">Instagram
<i class="fab fa-instagram"></i>
</a>
<a href="https://www.twitter.com" target="_blank" rel="noopener" aria-label="Find us on Twitter (link opens in a new tab)">Twitter
<i class="fab fa-twitter"></i>
</a>
<p> Phone : 07123 456789 | Email: info@example.com </p>
<a href="#" aria-label="Got to the Terms & Conditions section">Terms & Conditions</a> <!--Update href in future development-->
<p>© 2025 UK Winter Mountain Tours | All Rights Reserved</p>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
<script src="assets/js/script.js"></script>
<script>
const hamburger = document.getElementById('hamburger');
const navMenu = document.querySelector('nav ul');
hamburger.addEventListener('click', () => {
navMenu.classList.toggle('show');
});
</script>
</body>
</html>