-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
240 lines (236 loc) · 16 KB
/
Copy pathindex.html
File metadata and controls
240 lines (236 loc) · 16 KB
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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Aurora Haven Retreat - Elevate Your Senses, Illuminate Your Soul">
<meta name="keywords" content="Aurora Haven Retreat, wellness retreat, Norway, northern lights, spa, sauna">
<meta name="author" content="Petra Poláková">
<!-- Favicon -->
<link rel="icon" href="images/logo/logoLight.png" type="image/x-icon">
<title>Aurora Haven Retreat</title>
<!-- Links for boxicons, bootstrap and my css -->
<link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<link rel="stylesheet" href="styles/main.css">
</head>
<body class="d-flex flex-column min-vh-100">
<!--Navbar starts-->
<nav class="navbar navbar-expand-lg navbar-light bg-light fixed-top">
<div class="container">
<a class="navbar-brand d-flex align-items-center" href="index.html">
<img class="logo" src="images/logo/logoDark.png" alt="Aurora Haven Retreat logo">
<h1>Aurora Haven Retreat</h1>
</a>
<button aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation" class="navbar-toggler" data-bs-target="#navbarSupportedContent" data-bs-toggle="collapse" type="button"><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">
<li class="nav-item">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html">About Us</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact</a>
</li>
<li class="nav-item">
<a class="nav-link" href="bookingPackages.html">Wellness Retreats</a>
</li>
</ul>
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link" id="userdetails" href="userdetails.html"><i class='bx bx-user-circle'></i> User Details</a>
</li>
<li class="nav-item">
<a class="nav-link" id="loginlogout" href="login.html">Login</a>
</li>
</ul>
<div class="btn-toolbar">
<a class="nav-item nav-link" href="checkout.html">
<button type="button" class="btn btn-dark ml-2">
<i class='bx bx-hotel'></i> Bookings <span class="badge badge-light" id="booking"></span>
</button>
</a>
</div>
</div>
</div>
</nav>
<!--Navbar ends-->
<!--Carousal slideshow section-->
<div class="carousel slide" data-bs-ride="carousel" id="carouselExampleIndicators">
<div class="carousel-indicators">
<button aria-label="Slide 1" class="active" data-bs-slide-to="0" data-bs-target="#carouselExampleIndicators" type="button"></button>
<button aria-label="Slide 2" data-bs-slide-to="1" data-bs-target="#carouselExampleIndicators" type="button"></button>
<button aria-label="Slide 3" data-bs-slide-to="2" data-bs-target="#carouselExampleIndicators" type="button"></button>
<button aria-label="Slide 4" data-bs-slide-to="3" data-bs-target="#carouselExampleIndicators" type="button"></button>
<button aria-label="Slide 5" data-bs-slide-to="4" data-bs-target="#carouselExampleIndicators" type="button"></button>
<button aria-label="Slide 6" data-bs-slide-to="5" data-bs-target="#carouselExampleIndicators" type="button"></button>
<button aria-label="Slide 7" data-bs-slide-to="6" data-bs-target="#carouselExampleIndicators" type="button"></button>
</div>
<div class="carousel-inner">
<div class="carousel-item active">
<img alt="Glamping igloo from the inside" class="d-block w-100" src="images/home/glampingBed.jpeg">
<div class="carousel-caption">
<h5 >Our Igloo Cabins</h5>
<p >Witness the Northern Lights and wake up to stunning Norwegian views.</p>
<p><a class="btn btn-light mt-3" href="bookingPackages.html">Learn More</a></p>
</div>
</div>
<div class="carousel-item">
<img alt="Cutout in the frozen lake for ice bath" class="d-block w-100" src="images/home/iceSwim.jpg">
<div class="carousel-caption">
<h5 >Ice Bath Experience</h5>
<p >Immerse yourself in the pure exhilaration of our ice bath adventure in the surrounding lake during winter season.</p>
<p><a class="btn btn-light mt-3" href="bookingPackages.html">Learn More</a></p>
</div>
</div>
<div class="carousel-item">
<img alt="Panoramatic sauna with sunset view" class="d-block w-100" src="images/home/panoramaSauna.jpg">
<div class="carousel-caption">
<h5 >Panoramatic Sauna</h5>
<p >Discover a perfect blend of relaxation and nature, where every moment becomes an unforgettable journey.</p>
<p><a class="btn btn-light mt-3" href="bookingPackages.html">Learn More</a></p>
</div>
</div>
<div class="carousel-item">
<img alt="Ice sauna" class="d-block w-100" src="images/home/iceSauna.avif">
<div class="carousel-caption">
<h5 >Ice Sauna</h5>
<p >Step into the invigorating embrace of our Ice Sauna, a unique experience that combines the crisp purity of Norwegian ice with the rejuvenating warmth of a traditional sauna.</p>
<p><a class="btn btn-light mt-3" href="bookingPackages.html">Learn More</a></p>
</div>
</div>
<div class="carousel-item">
<img alt="Food from restaurant" class="d-block w-100" src="images/home/dinner.jpg">
<div class="carousel-caption">
<h5 >5* Meals Every Day</h5>
<p >Our resort restaurants boast a team of world-class chefs dedicated to crafting a symphony of flavors that celebrate the rich Nordic gastronomy.</p>
<p><a class="btn btn-light mt-3" href="about.html">Learn More</a></p>
</div>
</div>
<div class="carousel-item">
<img alt="Lake with mountains in the background" class="d-block w-100" src="images/home/lake.jpg">
<div class="carousel-caption">
<h5 >Lakefront Bliss</h5>
<p >Nestled between the tranquil whispers of the forest and the shimmering reflections of the Northern Lights, our picturesque lake offers a sanctuary for relaxation and contemplation.</p>
<p><a class="btn btn-light mt-3" href="about.html">Learn More</a></p>
</div>
</div>
<div class="carousel-item">
<img alt="Forest" class="d-block w-100" src="images/home/forest.jpg">
<div class="carousel-caption">
<h5 >Magical Forest</h5>
<p >Wander along secluded trails, breathe in the crisp, invigorating air, and immerse yourself in the whispers of the trees.</p>
<p><a class="btn btn-light mt-3" href="about.html">Learn More</a></p>
</div>
</div>
</div><button class="carousel-control-prev" data-bs-slide="prev" data-bs-target="#carouselExampleIndicators" type="button"><span aria-hidden="true" class="carousel-control-prev-icon"></span> <span class="visually-hidden">Previous</span></button> <button class="carousel-control-next" data-bs-slide="next" data-bs-target="#carouselExampleIndicators" type="button"><span aria-hidden="true" class="carousel-control-next-icon"></span> <span class="visually-hidden">Next</span></button>
</div>
<!--short description of the resort-->
<div id="aboutResort" class="d-flex align-items-center">
<div class="flex-shrink-0">
<img src="images/logo/logoDark.png" alt="Aurora Haven Retreat Logo" id="logo">
</div>
<div class="flex-grow-1 ms-3">
<h3 class="card-title" id="resortTitle">Aurora Haven Retreat: Your Gateway to Arctic Bliss</h3>
<p class="card-text">Welcome to Aurora Haven Retreat, where nature's enchantment meets Arctic luxury.
Nestled in the heart of Norway's pristine wilderness, our resort offers an immersive escape into the beauty of the Northern Lights, serene lakes, and mystical forests.
Discover the magic of our igloo cabins, where the dance of the Aurora Borealis becomes a nightly spectacle.
Indulge in our wellness and spa experiences, featuring unique offerings like ice saunas and panoramic views.
Our world-class chefs ensure every meal is a culinary journey through Nordic flavors.
At Aurora Haven, embrace the tranquility of our surroundings and create memories that echo the whispers of the trees and the shimmering reflections of the Northern Lights.</p>
<a class="btn btn-dark mt-3" href="about.html">More About Aurora Haven</a>
</div>
</div>
<hr>
<!--top picks-->
<section class="section-padding">
<div class="container">
<div class="section-header text-center" id="topPicksHeader">
<h3 id="topPicksTitle">Our Top Picks</h3>
<p>These are the most popular booking packages amongst our visitors!</p>
</div>
<div class="row">
<div class="col-12 col-md-6 col-lg-4">
<div class="card text-white text-center bg-dark pb-2" style="background-image: url('images/home/marbleBG.jpg');">
<div class="card-body">
<h3 class="card-title text-dark">Northern Lights Package</h3>
<p class="lead text-dark">Immerse yourself in the celestial magic of the Northern Lights with our specially curated package. Stay in our cozy igloo cabins, strategically located for the best views of the Aurora Borealis, and experience the enchantment of the Arctic night sky.</p>
<a class="btn btn-dark mt-3" href="bookingPackages.html">Learn More</a>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-4">
<div class="card text-white text-center bg-dark pb-2" style="background-image: url('images/home/marbleBG.jpg');">
<div class="card-body">
<h3 class="card-title text-dark">Wellness & Spa Escape</h3>
<p class="lead text-dark">Elevate your senses with our Wellness and Spa Escape. Indulge in the soothing warmth of our panoramatic sauna, rejuvenate with an ice bath in the frozen lake, and pamper yourself with spa treatments that harmonize with the natural beauty of Norway.</p>
<a class="btn btn-dark mt-3" href="bookingPackages.html">Learn More</a>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-4">
<div class="card text-white text-center bg-dark pb-2" style="background-image: url('images/home/marbleBG.jpg');">
<div class="card-body">
<h3 class="card-title text-dark">Arctic Adventure Bundle</h3>
<p class="lead text-dark">For thrill-seekers, our Arctic Adventure Bundle is a must. Dive into the invigorating embrace of our ice saunas, embark on guided forest trails, and experience the rush of an ice bath in the midst of winter. A perfect blend of excitement and relaxation.</p>
<a class="btn btn-dark mt-3" href="bookingPackages.html">Learn More</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- footer starts -->
<footer class="py-3 bg-dark text-light mt-auto">
<div class="row">
<div class="container col-xl-2 col-lg-12 text-center">
<img src="images/logo/logoLight.png" id="footerLogo" alt="Aurora Haven Retreat Logo">
</div>
<div class="row col-xl-5 col-lg-12 text-center">
<div class="container col-6">
<p>
<i class='bx bx-right-arrow-circle' style='color:#fffefe' ></i>
<a class="footer-link" href="bookingPackages.html">Wellness Retreats</a>
</p>
<p>
<i class='bx bx-right-arrow-circle' style='color:#fffefe' ></i>
<a class="footer-link" href="about.html">About Us</a>
</p>
</div>
<div class="container col-6">
<p>
<i class='bx bx-right-arrow-circle' style='color:#fffefe' ></i>
<a class="footer-link" href="contact.html">Contact</a>
</p>
<p>
<i class='bx bx-right-arrow-circle' style='color:#fffefe' ></i>
<a class="footer-link" href="register.html">Registration</a>
</p>
</div>
</div>
<div class="row col-xl-5 col-lg-12 aligh-items-center text-center">
<div class="container col-3">
<img src="images/home/certOfExc.png" alt="Certificate of Excellence 2023">
</div>
<div class="container col-3">
<img src="images/home/travelsChoice2023.gif" alt="Travellers Choice 2023 Award">
</div>
<div class="container col-3">
<img src="images/home/worldSpaaw.png" alt="World Spa Award 2023">
</div>
<div class="container col-3">
<img src="images/home/globalHWAw.jpg" alt="Global Health and Wellness Award 2023">
</div>
</div>
</div>
<hr>
<p class="text-center">All Rights Reserved © 2023 Aurora Haven Retreat</p>
</footer>
<!-- footer ends -->
<!--All JS links-->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
<script src="js/main.js"></script>
</body>
</html>