-
Notifications
You must be signed in to change notification settings - Fork 0
/
home.php
352 lines (308 loc) · 14.3 KB
/
home.php
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
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
<div class="intro">
<div class="container">
<div class="row">
<div class="col">
<div class="section_title text-center">
<div>Welcome</div>
<h1>Amazing Hotel near the Sea</h1>
</div>
</div>
</div>
<div class="row intro_row">
<div class="col-xl-8 col-lg-10 offset-xl-2 offset-lg-1">
<div class="intro_text text-center">
<p>You will stay at our beautiful guesthouse! We have 5 rooms With queen sized beds for a relaxing sleep after a day filled with adventures! </p>
<p>All rooms are air-conditioned, en-suite private bathroom, with toilet, shower and hot water.</p>
</div>
</div>
</div>
<div class="row gallery_row">
<div class="col">
<!-- Gallery -->
<div class="gallery_slider_container">
<div class="owl-carousel owl-theme gallery_slider">
<!-- Slide -->
<div class="gallery_slide">
<img src="images/gallery_1.jpg" alt="">
<div class="gallery_overlay">
<div class="text-center d-flex flex-column align-items-center justify-content-center">
<a href="#">
<!-- <span>+</span>
<span>See More</span> -->
</a>
</div>
</div>
</div>
<!-- Slide -->
<div class="gallery_slide">
<img src="images/gallery_2.jpg" alt="">
<div class="gallery_overlay">
<div class="text-center d-flex flex-column align-items-center justify-content-center">
<a href="#">
<!-- <span>+</span>
<span>See More</span> -->
</a>
</div>
</div>
</div>
<!-- Slide -->
<div class="gallery_slide">
<img src="images/gallery_3.jpg" alt="">
<div class="gallery_overlay">
<div class="text-center d-flex flex-column align-items-center justify-content-center">
<a href="#">
<!-- <span>+</span>
<span>See More</span> -->
</a>
</div>
</div>
</div>
<!-- Slide -->
<div class="gallery_slide">
<img src="images/gallery_4.jpg" alt="">
<div class="gallery_overlay">
<div class="text-center d-flex flex-column align-items-center justify-content-center">
<a href="#">
<!-- <span>+</span>
<span>See More</span> -->
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Rooms -->
<div class="rooms_right container_wrapper">
<div class="container">
<div class="row row-eq-height">
<!-- Rooms Image -->
<div class="col-xl-6 order-xl-1 order-2">
<div class="rooms_slider_container">
<div class="owl-carousel owl-theme rooms_slider">
<!-- Slide -->
<div class="slide">
<div class="background_image" style="background-image:url(images/rooms_1.jpg)"></div>
</div>
<!-- Slide -->
<div class="slide">
<div class="background_image" style="background-image:url(images/rooms_1.jpg)"></div>
</div>
<!-- Slide -->
<div class="slide">
<div class="background_image" style="background-image:url(images/rooms_1.jpg)"></div>
</div>
</div>
</div>
</div>
<!-- Rooms Content -->
<div class="col-xl-6 order-xl-2 order-1">
<div class="rooms_right_content">
<div class="section_title">
<div>Rooms</div>
<h1>Room 4</h1>
</div>
<div class="rooms_text">
<p>Your room has 1 queen sized bed for a relaxing sleep after a day filled with adventures! The room is air-conditioned and is also equipped with ceiling fan. En-suite private bathroom, with toilet, shower and hot water.</p>
</div>
<div class="rooms_list">
<ul>
<li class="d-flex flex-row align-items-center justify-content-start">
<img src="images/check.png" alt="">
<span>En-suite private bathroom</span>
</li>
<li class="d-flex flex-row align-items-center justify-content-start">
<img src="images/check.png" alt="">
<span>Air-conditioned</span>
</li>
<li class="d-flex flex-row align-items-center justify-content-start">
<img src="images/check.png" alt="">
<span>Shower and hot water</span>
</li>
</ul>
</div>
<div class="rooms_price">$54/<span>Night</span></div>
</div>
</div>
</div>
</div>
</div>
<!-- Rooms -->
<div class="rooms_left container_wrapper">
<div class="container">
<div class="row row-eq-height">
<!-- Rooms Content -->
<div class="col-xl-6">
<div class="rooms_left_content">
<div class="section_title">
<div>Rooms</div>
<h1>Room 5 </h1>
</div>
<div class="rooms_text">
<p>Your room has 2 queen sized beds for a relaxing sleep after a day filled with adventures! The room is air-conditioned and is also equipped with ceiling fan. En-suite private bathroom, with toilet, shower and hot water.</p>
</div>
<div class="rooms_list">
<ul>
<li class="d-flex flex-row align-items-center justify-content-start">
<img src="images/check.png" alt="">
<span>En-suite private bathroom</span>
</li>
<li class="d-flex flex-row align-items-center justify-content-start">
<img src="images/check.png" alt="">
<span>Air-conditioned</span>
</li>
<li class="d-flex flex-row align-items-center justify-content-start">
<img src="images/check.png" alt="">
<span>Shower and hot water</span>
</li>
</ul>
</div>
<div class="rooms_price">$69/<span>Night</span></div>
</div>
</div>
<!-- Rooms Image -->
<div class="col-xl-6">
<div class="rooms_slider_container">
<div class="owl-carousel owl-theme rooms_slider">
<!-- Slide -->
<div class="slide">
<div class="background_image" style="background-image:url(images/rooms_2.jpg)"></div>
</div>
<!-- Slide -->
<div class="slide">
<div class="background_image" style="background-image:url(images/rooms_2.jpg)"></div>
</div>
<!-- Slide -->
<div class="slide">
<div class="background_image" style="background-image:url(images/rooms_2.jpg)"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Discover -->
<div class="discover">
<!-- Discover Content -->
<div class="discover_content">
<div class="container">
<div class="row">
<div class="col-lg-5">
<div class="section_title">
<div>SalemFish</div>
<h1>Hi I am Salem,</h1>
</div>
</div>
</div>
<div class="row discover_row">
<div class="col-lg-5">
<div class="discover_highlight">
<p>A local fisherman born and raised in Ras al Hadd, my family and I have been welcoming visitors to the areas for over 15 years.</p>
<p>It will be my pleasure to welcome you here and show you true Omani hospitality and lifestyle, and the wonders of Ras al Hadd; truly charming and unique in beauty and nature.</p>
</div>
<!-- <div class="button discover_button"><a href="#">discover</a></div> -->
</div>
<div class="col-lg-7">
<div class="discover_text">
<p>The guesthouse is a humble venture put together by locals and supported friends of Ras al Hadd, we have 5 rooms available and are just minutes away from the beach! </p>
<p>We will also advise you on which beaches to visit, for sunset walks, day trips or a morning swim. Book a boat trip for fishing, dolphin-watching and snorkeling; directly from us, places guaranteed! </p>
<p> Catch of the day BBQ also available for an unforgettable dinner Bedouin-style, with local fresh fish. I also do guided desert tours 4x4, camp, accommodation and food included just message me for more information and availability. </p>
<p>There are very few locally owned businesses in Ras al Hadd so we thank you in advance for supporting the local community! I hope you will make many memories here and we look forward to welcoming you soon! </p>
</div>
</div>
</div>
</div>
</div>
<!-- Discover Slider -->
<div class="discover_slider_container">
<div class="owl-carousel owl-theme discover_slider">
<!-- Slide -->
<div class="slide">
<div class="background_image" style="background-image:url(images/discover_1.jpg)"></div>
<div class="discover_overlay d-flex flex-column align-items-center justify-content-center">
<h1><a href="#">Tours</a></h1>
</div>
</div>
<!-- Slide -->
<div class="slide">
<div class="background_image" style="background-image:url(images/discover_2.jpg)"></div>
<div class="discover_overlay d-flex flex-column align-items-center justify-content-center">
<h1><a href="#">Fishing</a></h1>
</div>
</div>
<!-- Slide -->
<div class="slide">
<div class="background_image" style="background-image:url(images/discover_3.jpg)"></div>
<div class="discover_overlay d-flex flex-column align-items-center justify-content-center">
<h1><a href="#">Dolphin</a></h1>
</div>
</div>
</div>
</div>
</div>
<!-- Testimonials -->
<div class="testimonials">
<div class="container">
<div class="row">
<div class="col">
<div class="section_title text-center">
<div>Our guests say </div>
<h1>Testimonials</h1>
</div>
</div>
</div>
<div class="row testimonials_row">
<div class="col">
<!-- Testimonials Slider -->
<div class="testimonials_slider_container">
<div class="owl-carousel owl-theme testimonials_slider">
<!-- Slide -->
<div>
<div class="testimonial_text text-center">
<p>Really nice house. Everything looks new. Salem is really nice, he brought us to the beach, to see the turtles and even on a boat for fishing, to see dolphins and to swim with sea turtles. We didn't expect anything for our trip to Ras Al Hadd and the experiences we had are some of our highlights of our trip to Oman. Highly recommended if you go to the region for turtles !</p>
</div>
<div class="testimonial_author text-center">
<div class="testimonial_author_image"><img src="images/author_2.jpg" alt=""></div>
<div class="testimonial_author_name"><a href="#">Mich, </a><span> Quebec City, Canada. Jun 2022</span></div>
</div>
</div>
<!-- Slide -->
<div>
<div class="testimonial_text text-center">
<p>Our stays at Salem guest house was amazing. The place is really nice and near the sea. Salem offers a lot of activities as fishing tour and fish bbq. He was very welcoming.</p>
</div>
<div class="testimonial_author text-center">
<div class="testimonial_author_image"><img src="images/author_1.jpg" alt=""></div>
<div class="testimonial_author_name"><a href="#">Louise, </a><span>Antony,France. June 2022</span></div>
</div>
</div>
<!-- Slide -->
<div>
<div class="testimonial_text text-center">
<p>Our stay with Salem was the highlight of our time in Oman. We arrived to a 'catch of the day' bbq of Tuna then were lucky enough to see a turtle on the beach afterwards. After a fantastic breakfast in the morning Salem took us out in his boat to see hundreds of dolphins. Can highly recommend staying with Salem!</p>
</div>
<div class="testimonial_author text-center">
<div class="testimonial_author_image"><img src="images/author_3.jpg" alt=""></div>
<div class="testimonial_author_name"><a href="#">Pau, </a><span> Mallorca, Spain. March 2022</span></div>
</div>
</div>
<!-- Slide -->
<div>
<div class="testimonial_text text-center">
<p>We had a wonderful time staying at Salem's.A great way to experience a real Omani fishing village, it's people & the surroundings. Salem's home was clean , homely & comfortable. We loved the trip out to see the dolphins & see others fishing. Early morning walks aling the almost deserted beaches was magical. Thankyou for the Omani experience</p>
</div>
<div class="testimonial_author text-center">
<div class="testimonial_author_image"><img src="images/author_4.jpg" alt=""></div>
<div class="testimonial_author_name"><a href="#">Sharleen, </a><span> Sydney, Australia. March 2022</span></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>