-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
146 lines (141 loc) · 9.17 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Dancing+Script:[email protected]&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&display=swap" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
<link rel="stylesheet" href="style.css">
<link rel="icon" type="image/x-icon" href="./assets/img/favicon.ico">
<title>Travel Guide</title>
</head>
<body>
<nav class="nav_bar" id="nav_bar_target">
<!-- loaded dynamically loadNavBar() -->
</nav>
<code class="home">
<section class="container box1">
<h1>Elevate to serenity</h1>
</section>
<section class="container box2">
<div class="wrapper_box2">
<h3 class="jost-googlefonts">Heaven's Edge Boutique Hotel</h3>
<h2 class="lora-googlefonts">Come and let us offer you a glimpse of heaven on the</h2>
<span class="dancing-script-googlefonts">cliffside</span>
<p class="jost-googlefonts">Nestled along the iconic Santorini Caldera, Heavens Edge Cliffside Suites & Villas - a newly stablished boutique hotel, awaits to introduce you to stunning sea views and absolute luxury.<br>Featuring spacious cave villas, elegant suites, private hot tubs and balconies hidden in privacy, it offers an unforgettable retreat experience. With its unparalleled vantage point, Heavens Edge provides the perfect setting to witness the sunset transform into a masterpiece, making it an idyllic destination for travelers seeking unparalleled beauty and tranquility.</p>
<a href="./components/nav_about.html" class="jost-googlefonts details-btn">Details</a>
</div>
</section>
<section class="container box3">
<div class="wrapper_box3_img" id="box3_img">
</div>
<div class="wrapper_box3_text">
<h2 class="lora-googlefonts">Sea view suites</h2>
<span class="dancing-script-googlefonts">living</span>
<p class="jost-googlefonts">Warm neutral colors, white washed walls, fine linen, smart home automation system and the Aegean sea view create a relaxed setting, in each of our suitess.</p>
<a href="./components/nav_suites-and-villas.html" class="jost-googlefonts details-btn">See All Suites & Villas</a>
<div class="wrapper_window_img">
<img src="./assets/gallery/photo2.png" alt="">
</div>
</div>
</section>
<section class="container box4">
</section>
<section class="container box5">
<div class="wrapper_box5">
<div class="box5_part" id="box5_part1">
<div class="wrapper_box5_part1">
<h3 class="jost-googlefonts">Heaven's Edge Bucket List</h3>
<h2 class="lora-googlefonts">The Unique Santorini sunset view visit was always on your</h2>
<span class="dancing-script-googlefonts">bucket list</span>
<p class="jost-googlefonts">It was always a dream of yours. Pictures of the Santorini cliffside and stunning views have sparked your desire to experience this magical place at least once in your lifetime.<br>Overlooking the bright blue Aegean and the dazzling white all around you, came to pamper yourself to a spectacular holiday. Relax, sip cool high-quality wine on your private balcony, explore the food scene of Santorini, visit volcanic beaches, and just live your dream.</p>
<a href="https://heavensedge.reserve-online.net/" target="_blank" class="jost-googlefonts details-btn">Book now</a>
</div>
</div>
<div class="box5_separator_single"></div>
<div class="box5_part" id="box5_part2">
<div class="box5_part2_text">
<div class="wrapper_box5_part2_text">
<h2 class="lora-googlefonts">Heaven's Edge Cliffside Villas Eloping or Honeymooning</h2>
<span class="dancing-script-googlefonts">where the sky kisses the sea</span>
<p class="jost-googlefonts">Everything you have ever dreamed for your island wedding or and honeymoon can be found with us.<br>The laid-back romantic mood of Santorini, with its whitewashed walls, neutral, earthy color pallet, and many traditional details of Cycladic aesthetic. Designed to take full advantage of the brilliant Aegean light, your special time will be captured in breathtaking photographs which you will cherish a whole lifetime.<br>The rooms are spacious, airy, with cool shaded terraces where you can enjoy tranquil moments and panoramic views of the sea. A private outdoor heated Hot Tub completes the dreamy backdrop. Let us help you plan this special time for you and allow us to offer you a glimpse of Heaven on the cliffside.</p>
<a href="./components/nav_experience.html" class="jost-googlefonts details-btn">More</a>
</div>
</div>
<div class="box5_part2_img">
<div class="wrapper_box5_part2_img">
<img src="./assets/gallery/photo6.png" alt="">
</div>
</div>
</div>
<div class="box5_separator_double"></div>
<div class="box5_part" id="box5_part3">
<div class="box5_part3_img">
<div class="wrapper_box5_part3_img">
<img src="./assets/gallery/photo7.png" alt="">
</div>
</div>
<div class="box5_part3_text">
<div class="wrapper_box5_part3_text">
<h2 class="lora-googlefonts">Work from anywhere.</h2>
<span class="dancing-script-googlefonts">choose Heavens Edge cliffside villas</span>
<p class="jost-googlefonts">Dream to see the world while working. Do you want to work from anywhere?<br>With our fast and reliable internet and the space either inside or outside the room, you can do your work while looking onto the bright blue Aegean.<br>Special prices are offered for a minimum of 7 nights.</p>
</div>
</div>
</div>
<div class="box5_separator_double"></div>
</div>
</section>
<section class="container box6">
<div class="wrapper_box6">
<div class="box6_text">
<h3 class="jost-googlefonts">Gallery</h3>
<h2 class="lora-googlefonts">Indulge in #heavesedge life</h2>
</div>
<div class="box6_gallery">
<div class="wrapper_box6_gallery">
<div class="wrapper_box6_img">
<img src="./assets/gallery/photo8.png" alt="">
</div>
<div class="wrapper_box6_img">
<img src="./assets/parallax/img4.png" alt="">
</div>
<div class="wrapper_box6_img">
<img src="./assets/gallery/photo17.png" alt="">
</div>
<div class="wrapper_box6_img">
<img src="./assets/gallery/photo12.png" alt="">
</div>
<div class="wrapper_box6_img">
<img src="./assets/gallery/photo13.png" alt="">
</div>
<div class="wrapper_box6_img">
<img src="./assets/gallery/photo15.png" alt="">
</div>
<div class="wrapper_box6_img">
<img src="./assets/parallax/img2.png" alt="">
</div>
<div class="wrapper_box6_img">
<img src="./assets/gallery/photo4.png" alt="">
</div>
<div class="wrapper_box6_img">
<img src="./assets/gallery/photo14.png" alt="">
</div>
<div class="wrapper_box6_img">
<img src="./assets/gallery/photo3.png" alt="">
</div>
</div>
</div>
</div>
</section>
</code>
<footer id="footer_target">
<!-- loaded dynamically loadFooter() -->
</footer>
<script async defer src="main.js"></script>
</body>
</html>