generated from Code-Institute-Org/gitpod-full-template
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Corralejo-house.html
186 lines (147 loc) · 7.46 KB
/
Corralejo-house.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
<!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="Wipeout surf camp for beginer and intermediate surfers and surfing enthusiasts">
<meta name="keywords" content="surfing, surf camp, waves, beach, sun, surf school">
<link rel="stylesheet" href="assets/css/style.css">
<title>Wipeout surf camp</title>
</head>
<body id="background-corralejo-house">
<header>
<!-- Main logo and navigation structure -->
<a href="index.html" >
<!-- Font awesome script -->
<h1 id="logo">Wipeout <span><i class="fas fa-snowboarding"></i></span><br>surf camps</h1>
</a>
<nav>
<ul id="main-navigation">
<li>
<a href="book.html">Book</a>
</li>
<li>
<a href="contact.html">Contact</a>
</li>
<li>
<a href="gallery.html">Gallery</a>
</li>
</ul>
</nav>
</header>
<!-- text structure -->
<section id="house-description">
<h1>Surf Camp Corralejo</h1>
<img src ="assets/images/surfhouse-one.jpg" alt= "Image of a beach house">
<div class="camp-info">
<article>
<p>With over 300 sunny days per year, the longest sandy beaches on the Canary Islands, a large number of secluded bays and great waves renowned amongst international surfers, you can rest assured that Fuerteventura is one of the best surf spots in Europe!</p>
<p>Situated on the same geographic latitude as Florida or Mexico, this little volcanic paradise rarely sees temperatures drop below 20°C or rise above 30°C, which provides favourable conditions for surfing year-round. From sandy beaches on the east coast formed by sand brought from the Sahara desert to the hidden villages surrounded by volcanic rocks and black sand beaches on the west coast, Fuerteventura is full of diversity. Our house, an exclusive bungalow decorated in a laidback surfer style is located in the north town of Corralejo, where all the best surf spots are situated. The town itself offers plenty of amenities, perfect for exploring after a long day of surfing such as surf shops, restaurants and bars. The locals are incredibly friendly, and we are happy to offer some recommendations. We look forward to welcoming you! </p>
</article>
</div>
<div class="camp-prices">
<article>
<h1>Prices:</h1>
<p>The price for the duration of 7 nights with 6 days of surf school is €525. If you wish to stay longer, an option with 14 nights accommodation and 12 days of school costs 1000€. If you have any other special requests, just send us an email on info@wipeoutsurfcamp.com and we will see how we can help you. </p>
<p>If you are at a beginner level, we would recommend that you stay longer than one week in the camp as your skills will improve greatly in the second week.</p>
</article>
</div>
<!-- List structure -->
<div class="camp-services">
<h1>Price includes <br>(1 week option):</h1>
<h2>Accomodation</h2>
<ul>
<li>
7 nights in the surf house with quality beds, linen and A/C
</li>
<li>
Breakfast, light lunch and snacks provided
</li>
<li>
Great social areas with pool, hammocks and outdoor kitchen
</li>
<li>
Movie room for watching all the great surf films!
</li>
<li>
5-minute walk to the beach, restaurants & cafés
</li>
<li>
WiFi access
</li>
<li>
Unlimited bottled water
</li>
<li>
End of stay house BBQ!
</li>
</ul>
</div>
<div class ="camp-services-2">
<h2>Surf</h2>
<ul>
<li>
6 days of professional surf lessons with experienced coaches (max. 12 students, all levels)
</li>
<li>
Transfer to the surf spots in our surf van
</li>
<li>
Complete equipment included for length of trip (surfboard, wetsuit, leash)
</li>
</ul>
<h2>Optional extras (supplemental charge)</h2>
<ul>
<li>
Surf photos and videos to capture your wipeouts! - €20
</li>
<li>
Private coaching after main lessons €35 (discount available if you book more than one)
</li>
<li>
Excursions throughout the island to landmark spots or places of beauty - €10 per trip
</li>
<li>
Transfer to and from airport - €15
</li>
</ul>
</div>
</section>
<!-- Page images structure -->
<section id="images-corralejo">
<img src="assets/images/Corralejo-house-images/house-bathroom-2.jpg" alt="White bathroom immage">
<img src="assets/images/Corralejo-house-images/house-bbq.jpg" alt="Image of outdoor BBQ">
<img src="assets/images/Corralejo-house-images/bunkbed-wood-room.jpg" alt="Bedroom with bunkbeds">
<img src="assets/images/Corralejo-house-images/house-bathroom.jpg" alt="Bathroom with shower">
<img src="assets/images/Corralejo-house-images/house-kitchen.jpg" alt="Image of house kitchen">
<img src="assets/images/Corralejo-house-images/house-bedroom-2.jpg" alt="Bedroom with king bed">
<img src="assets/images/Corralejo-house-images/bunkbed-blueroom.jpg" alt="Blue room with bunkbeds">
<img src="assets/images/Corralejo-house-images/house-pool.jpg" alt="House pool">
<img src="assets/images/Corralejo-house-images/bedroom-3.jpg" alt="Bedroom with king bed and cabinet">
</section>
<!-- Map area structure -->
<section class="map">
<h1>Where to find us?</h1>
<div>
<iframe src="https://www.google.com/maps/embed?pb=!1m21!1m12!1m3!1d1232.8947100318774!2d-13.861127237428143!3d28.729728914238013!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!4m6!3e6!4m0!4m3!3m2!1d28.730423499999997!2d-13.8619363!5e0!3m2!1shr!2sie!4v1624877230901!5m2!1shr!2sie" width="200" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
</div>
</section>
<!-- Footer structure -->
<footer>
<ul id="footer-links">
<li>
<a href ="https://www.facebook.com/" target="_blank" rel="noopener" aria-label="Visit our Facebook page (opens in a new tab)"><i class="fab fa-facebook-square"></i></a>
</li>
<li>
<a href="https://www.instagram.com/" target="_blank" rel="noopener" aria-label="Visit our Instagram page (opens in a new tab)"><i class="fab fa-instagram"></i></a>
</li>
<li>
<a href="https://twitter.com/" target="_blank" rel="noopener" aria-label="Visit our Twitter page (opens in a new tab)"><i class="fab fa-twitter-square"></i></a>
</li>
</ul>
</footer>
<!-- Font awesome script -->
<script src="https://kit.fontawesome.com/816e169a71.js" crossorigin="anonymous"></script>
</body>
</html>