-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
385 lines (346 loc) · 36.1 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
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
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/locomotive-scroll.css">
<link rel="stylesheet" href="style.css">
<title>Hotel Odisej</title>
</head>
<body>
<div id="main">
<div id="page_1">
<div class="nav">
<div class="menu">
<span></span>
<span></span>
<span></span>
</div>
<div class="logo">
<svg class="u-icon u-icon--logo js-navigation-logo" viewBox="0 0 312 91" >
<path class="u-icon__main" d="M40.8 12.6V11.4H29.4V12.6C31.92 12.6 32.4 14.28 32.4 17.16V27.96H10.8V17.16C10.8 14.28 11.28 12.6 13.8 12.6V11.4H2.4V12.6C4.92 12.6 5.4 14.28 5.4 17.16V45.24C5.4 48.12 4.92 49.8 2.4 49.8V51H13.8V49.8C11.28 49.8 10.8 48.12 10.8 45.24V30.36H32.4V45.24C32.4 48.12 31.92 49.8 29.4 49.8V51H40.8V49.8C38.28 49.8 37.8 48.12 37.8 45.24V17.16C37.8 14.28 38.28 12.6 40.8 12.6ZM42.5672 36C42.5672 44.1 47.6672 51.6 57.5672 51.6C67.4672 51.6 72.5672 44.1 72.5672 36C72.5672 27.9 67.4672 20.4 57.5672 20.4C47.6672 20.4 42.5672 27.9 42.5672 36ZM48.0272 37.2C47.1272 29.88 49.1072 23.76 55.9472 22.92C62.7872 22.08 66.2072 27.6 67.1072 34.8C68.0072 42.12 66.0272 48.24 59.1872 49.08C52.3472 49.92 48.9272 44.4 48.0272 37.2ZM88.4555 47.1C88.3355 48.42 87.7955 49.2 86.4155 49.2C83.8955 49.2 83.3555 46.62 83.3555 40.8V23.4H88.8155C90.6155 23.4 90.6155 22.2 90.6155 21H83.3555V11.4H80.9555C80.9555 19.08 78.2555 20.4 74.3555 21V23.4H77.9555V42.24C77.9555 50.22 82.2155 51.6 85.8755 51.6C88.3955 51.6 90.8555 51 92.0555 48.3L88.4555 47.1ZM114.521 41.28C115.121 46.86 112.121 49.2 107.141 49.2C101.801 49.2 97.4813 45.12 97.4813 37.2V36.24C105.401 38.76 120.281 38.52 120.281 29.22C120.281 23.94 115.721 20.4 108.281 20.4C98.9213 20.4 92.0813 26.58 92.0813 36.78C92.0813 45.18 96.4613 51.6 107.741 51.6C116.381 51.6 120.521 45.48 119.921 40.08L114.521 41.28ZM108.281 22.8C112.721 22.8 114.881 25.26 114.881 28.56C114.881 34.14 109.541 36.72 97.7213 33.72C98.6213 27.48 101.981 22.8 108.281 22.8ZM129.867 11.4C129.867 8.1 127.347 7.8 125.067 7.8H121.467V9C123.987 9 124.467 10.68 124.467 13.56V45.24C124.467 48.12 123.987 49.8 121.467 49.8V51H132.867V49.8C130.347 49.8 129.867 48.12 129.867 45.24V11.4ZM149.067 31.2C149.067 42.9 156.267 51.6 167.967 51.6C179.667 51.6 186.867 42.9 186.867 31.2C186.867 19.5 179.667 10.8 167.967 10.8C156.267 10.8 149.067 19.5 149.067 31.2ZM154.587 32.82C153.207 22.02 157.167 14.4 165.147 13.44C174.387 12.3 180.027 18.72 181.347 29.58C182.727 40.38 178.767 48 170.787 48.96C161.547 50.1 155.907 43.68 154.587 32.82ZM190.465 36C190.465 45.84 196.525 51.6 204.565 51.6C209.425 51.6 213.445 48.78 215.065 44.64H215.665V47.4C215.665 50.64 218.605 50.94 220.465 51H224.065V49.8C221.545 49.8 221.065 48.12 221.065 45.24V11.4C221.065 8.1 218.545 7.8 216.265 7.8H212.665V9C215.185 9 215.665 10.68 215.665 13.56V27.36H215.065C213.445 23.22 209.425 20.4 204.565 20.4C196.525 20.4 190.465 26.16 190.465 36ZM196.465 36C196.465 28.86 199.225 22.8 205.765 22.8C212.305 22.8 215.065 28.86 215.065 36C215.065 43.14 212.305 49.2 205.765 49.2C199.225 49.2 196.465 43.14 196.465 36ZM231.752 17.04C233.372 17.04 234.872 15.66 234.872 13.86C234.872 12.24 233.372 10.8 231.752 10.8C230.072 10.8 228.632 12.24 228.632 13.86C228.632 15.66 230.072 17.04 231.752 17.04ZM234.872 24.42C234.872 21.24 232.772 21 230.072 21H226.472V22.2C228.992 22.2 229.472 23.88 229.472 26.76V45.24C229.472 48.12 228.992 49.8 226.472 49.8V51H237.872V49.8C235.352 49.8 234.872 48.12 234.872 45.24V24.42ZM240.858 28.74C240.858 34.68 245.838 35.82 253.818 37.92C258.378 39.36 261.198 39.9 261.198 43.92C261.198 46.98 258.738 49.2 254.298 49.2C249.378 49.2 243.678 47.82 246.078 40.02L240.678 38.82C238.278 48.96 246.258 51.6 254.238 51.6C260.718 51.6 266.598 49.26 266.598 42.66C266.598 36.12 261.138 34.62 253.818 32.7C248.598 31.14 246.258 30.9 246.258 27.18C246.258 25.02 248.118 22.8 253.158 22.8C256.878 22.8 261.978 24.18 259.578 29.58L264.978 30.78C267.378 23.04 259.998 20.4 253.218 20.4C246.138 20.4 240.858 22.74 240.858 28.74ZM291.453 41.28C292.053 46.86 289.053 49.2 284.073 49.2C278.733 49.2 274.413 45.12 274.413 37.2V36.24C282.333 38.76 297.213 38.52 297.213 29.22C297.213 23.94 292.653 20.4 285.213 20.4C275.853 20.4 269.013 26.58 269.013 36.78C269.013 45.18 273.393 51.6 284.673 51.6C293.313 51.6 297.453 45.48 296.853 40.08L291.453 41.28ZM285.213 22.8C289.653 22.8 291.813 25.26 291.813 28.56C291.813 34.14 286.473 36.72 274.653 33.72C275.553 27.48 278.913 22.8 285.213 22.8ZM304.19 17.04C305.81 17.04 307.31 15.66 307.31 13.86C307.31 12.24 305.81 10.8 304.19 10.8C302.51 10.8 301.07 12.24 301.07 13.86C301.07 15.66 302.51 17.04 304.19 17.04ZM302.51 21H298.91V22.2C301.43 22.2 301.91 23.88 301.91 26.76V51C301.91 55.56 301.31 60.6 297.83 61.8L298.43 64.2C303.71 63 307.31 59.22 307.31 51V24.42C307.31 21.3 304.79 21 302.51 21Z"></path>
<path class="u-icon__secondary" d="M137.84 73.18V72.78L136.64 72.8C136.02 72.82 135 73.04 134.18 74.8L129.48 85.08L124.6 74.8C123.7 72.92 123.24 72.8 122 72.8H120.8V73.2C121.64 73.2 121.8 73.76 121.8 74.72V84.08C121.8 85.04 121.64 85.6 120.8 85.6V86H123.6V85.6C122.76 85.6 122.6 85.04 122.6 84.08V74.8L127.94 86H129.94L135.04 74.8V84.08C135.04 85.04 134.88 85.6 134.04 85.6V86H137.84V85.6C137 85.6 136.84 85.04 136.84 84.08V74.72C136.84 73.76 137 73.2 137.84 73.18ZM150.302 83.16C150.082 84.84 149.482 85.2 148.522 85.2H143.842V74.72C143.842 73.76 144.002 73.2 144.842 73.2V72.8H141.042V73.2C141.882 73.2 142.042 73.76 142.042 74.72V84.08C142.042 85.04 141.882 85.6 141.042 85.6V86H150.342L150.402 85.6L150.682 83.22L150.302 83.16ZM157.442 72.8H153.642V73.2C154.482 73.2 154.642 73.76 154.642 74.72V86C154.642 87.52 154.442 89.2 153.282 89.6L153.482 90.4C155.242 90 156.442 88.74 156.442 86V74.72C156.442 73.76 156.602 73.2 157.442 73.2V72.8ZM169.908 83.16C169.688 84.84 169.088 85.2 168.128 85.2H163.448V79.7H166.208C167.168 79.7 167.728 79.86 167.728 80.7H168.128V77.9H167.728C167.728 78.74 167.168 78.9 166.208 78.9H163.448V73.6H167.928C168.888 73.6 169.488 73.96 169.708 75.64L170.088 75.58L169.808 73.2L169.748 72.8H160.648V73.2C161.488 73.2 161.648 73.76 161.648 74.72V84.08C161.648 85.04 161.488 85.6 160.648 85.6V86H169.948L170.008 85.6L170.288 83.22L169.908 83.16ZM184.488 73.2L184.428 72.8H173.628L173.568 73.2L173.288 75.58L173.668 75.64C173.888 73.96 174.488 73.6 175.448 73.6H178.128V84.08C178.128 85.04 177.967 85.6 177.128 85.6V86H180.928V85.6C180.088 85.6 179.928 85.04 179.928 84.08V73.6H182.608C183.568 73.6 184.168 73.96 184.388 75.64L184.768 75.58L184.488 73.2Z"></path>
</svg>
</div>
<div class="sidebtn">
<button class="sidebtn1"><span class="span1">Online Check-in</span></button>
<button class="sidebtn2"> <span class="span2">Book now</span></button>
</div>
</div>
<div class="hero">
<div class="herobg"></div>
</div>
</div>
<div id="page_2" >
<div class="svg">
<svg class="u-icon u-icon--shape-1 js-bg-shape-animation-svg" viewBox="0 0 1397 716" fill="none" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="shape1" x1="4.00008" y1="341.5" x2="857.891625" y2="273.628" gradientUnits="userSpaceOnUse">
<stop stop-color="#667250"></stop>
<stop offset="1" stop-color="#535D41"></stop>
</linearGradient>
</defs>
<path fill-rule="evenodd" clip-rule="evenodd" d="M843.62 403.193C837.933 360.187 817.505 296.154 699.368 318.557C649.448 328.024 608.465 369.617 564.245 414.495C503.818 475.821 437.347 543.282 333.764 543.282C313.715 543.282 293.819 537.875 274.307 533.916C233.289 525.172 186.156 515.125 153.449 527.101C134.2 534.15 116.867 564.085 96.8711 598.62C72.9566 641.135 45.1672 691.151 0 714.21L0 0H133.984C50.8607 102.09 203.423 242.51 306.5 134.5C330.967 108.862 353.28 65.4195 377.498 18.2695C380.599 12.2306 383.732 6.13089 386.905 0H1341.41C1346.87 24.2232 1349.75 49.4226 1349.75 75.2949C1349.75 114.571 1326.55 146.119 1303.67 177.249C1275.89 215.034 1248.57 252.203 1263.72 301.828C1273.89 335.145 1304.52 350.223 1333.85 364.663C1366.22 380.592 1397 395.745 1397 433.753C1397 506.617 1337.98 565.685 1265.18 565.685C1219.01 565.685 1206.74 576.887 1211.71 600.535C1213.88 610.865 1218.19 616.08 1222.36 621.119C1229.5 630.046 1232.85 638.676 1232.85 650.321C1232.85 686.066 1203.9 715.043 1168.19 715.043C1132.47 715.043 1103.52 686.066 1103.52 650.321C1103.52 624.84 1094.99 624.633 1076.09 624.174C1071.01 624.051 1065.17 623.909 1058.55 623.252C1027.1 620.13 1012.28 607.027 997.247 593.736C976.518 575.411 955.385 556.729 889.73 563.358C854.016 563.358 817.505 544.176 817.505 508.432C817.505 492.535 823.795 478.469 830.28 463.967C838.377 445.861 846.778 427.073 843.62 403.193Z" fill="url(#shape1)"></path>
</svg>
</div>
<div class="wrap">
<div class="elm1">
<p class="grow">
Set within the
verdant pine and
oak tree forest of
Mljet National Park,
Hotel Odisej Mljet is
just two hours by
passenger or car
ferry from Dubrovnik.
</p>
</div>
<div class="elm2">
<svg class="u-icon u-icon--separator-main js-section-separator-main" viewBox="0 0 3876 160" xmlns="http://www.w3.org/2000/svg" style="translate: none; rotate: none; scale: none; transform: translate3d(-290.586px, 0px, 0px);">
<path d="M-174.61 -157V-116.765C-174.61 15.4344 -112.186 139 -3.49988 139C111 139 138.787 62.2189 249.697 62.2189C360.606 62.2189 356 156.175 533.698 156.175C683 156.175 698.557 75.6322 817.699 62.2189C930.436 49.5265 988.565 138.856 1101.7 138.856C1214.83 138.856 1274.79 62.2189 1385.7 62.2189C1496.61 62.2189 1556.57 138.856 1669.7 138.856C1782.84 138.856 1842.79 62.2189 1953.7 62.2189C2064.61 62.2189 2124.57 138.856 2237.7 138.856C2350.84 138.856 2408.57 62.2188 2521.7 62.2189C2634.84 62.2189 2694.8 138.856 2805.71 138.856C2916.61 138.856 2976.57 62.2189 3089.71 62.2189C3202.84 62.2188 3260.57 138.856 3373.71 138.856C3486.84 138.856 3546.8 62.2189 3657.71 62.2189C3768.62 62.2189 3867.02 222.761 3941.71 108.856C3998.61 22.0779 3941.71 -157 3941.71 -157H-174.61Z"></path>
</svg>
<svg class="u-icon u-icon--separator-secondary js-section-separator-secondary" viewBox="0 0 3876 160" xmlns="http://www.w3.org/2000/svg" style="translate: none; rotate: none; scale: none; transform: translate3d(-142.069px, 0px, 0px);">
<path d="M-196.61 0V21.1232C-196.61 90.5281 -148.913 67.6768 -101.5 115.09C-14.9999 201.59 116.787 115.09 227.697 115.09C338.606 115.09 400.788 152.442 511.698 152.442C622.607 152.442 676.557 122.132 795.699 115.09C908.436 108.426 966.566 155.325 1079.7 155.325C1192.83 155.325 1252.79 115.09 1363.7 115.09C1474.61 115.09 1534.57 155.325 1647.7 155.325C1760.84 155.325 1820.79 115.09 1931.7 115.09C2042.61 115.09 2102.57 155.325 2215.7 155.325C2328.84 155.325 2386.57 115.09 2499.7 115.09C2612.84 115.09 2672.8 155.325 2783.71 155.325C2894.61 155.325 2954.57 115.09 3067.71 115.09C3180.84 115.09 3238.57 155.325 3351.71 155.325C3464.84 155.325 3524.8 115.09 3635.71 115.09C3746.62 115.09 3845.02 185.125 3919.71 125.325C3976.61 79.7659 3919.71 0 3919.71 0H-196.61Z"></path>
</svg>
</div>
</div>
</div>
<div id="page_3">
<div class="elem1">
<p class="grow2">
Sweeping view of the Adriatic in your Room
</p>
</div>
<div class="elem2">
<div class="wrap1">
<p>Many rooms have balconies that beckon you to breathe in the pure Mediterranean air of the island. All rooms are air conditioned and feature an elegant ensuite bathroom with shower.</p>
<div class="explore">
<a href="" class="exploreNow c-cta page3btn" target="target=_blank">
<span>Explore Rooms</span>
<i class="c-cta__icon">
<svg class="u-icon u-icon--arrow-right" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
<path d="M6.15464 0L4.91753 1.39175C5.87629 2.90722 7.17526 4.14433 9.68041 5.38144C8.65979 5.38144 8.38144 5.07216 6.89691 5.07216H0V6.92783H6.89691C8.38144 6.92783 8.65979 6.61856 9.68041 6.61856C7.17526 7.85567 5.87629 9.09278 4.91753 10.6082L6.15464 12C7.48453 10.1134 9.12371 8.53608 12 6.92783V5.07216C9.12371 3.46392 7.48453 1.8866 6.15464 0Z"></path>
</svg>
</i>
</a>
</div>
<img class="page3img1" src="https://hotelodisej.com/wp-content/uploads/bf-advanced-images/211/ALH_Odisej_Rosemary_suite_05-scaled-800x0.jpg" alt="">
</div>
<div class="wrap2">
<img class="page3img2" src="https://hotelodisej.com/wp-content/uploads/bf-advanced-images/213/ALH_Odisej_deluxe_seaview_balcony_double_01-scaled-800x0.jpg" alt="">
<img class="page3img3" src="https://hotelodisej.com/wp-content/uploads/bf-advanced-images/215/ALH_Odisej_deluxe_seaview_balcony_double_02-scaled-800x0.jpg" alt="">
</div>
</div>
</div>
<div id="page_4">
<div class=" page_4Wrapper" id="page4wrap">
<div class="hover hover1">
<div class="img">
<img src="./public/image/Classic-room-2-480x0.jpeg" alt="">
</div>
<div class="content content1">
<h3>
Classic Room </h3>
<p>
Comfortable rooms with impressive views. </p>
</div>
<div class="exploreroom explore1">
<a href="" class="hoverbtn hoverbtn1 c-cta" target="target=_blank">
<span class="exploretxt1">01</span>
<span><svg class="u-icon u-icon--arrow-right" id="exploresvg1" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
<path d="M6.15464 0L4.91753 1.39175C5.87629 2.90722 7.17526 4.14433 9.68041 5.38144C8.65979 5.38144 8.38144 5.07216 6.89691 5.07216H0V6.92783H6.89691C8.38144 6.92783 8.65979 6.61856 9.68041 6.61856C7.17526 7.85567 5.87629 9.09278 4.91753 10.6082L6.15464 12C7.48453 10.1134 9.12371 8.53608 12 6.92783V5.07216C9.12371 3.46392 7.48453 1.8866 6.15464 0Z"></path>
</svg></span>
</a>
</div>
</div>
<div class="hover hover2">
<div class="img">
<img src="./public/image/Classic-room-2-480x0.jpeg" alt="">
</div>
<div class="content content2">
<h3>
Superior Room </h3>
<p>
Beautiful blue sea views are the centrepiece of every Superior room. </p>
</div>
<div class="exploreroom explore2">
<a href="" class="hoverbtn hoverbtn2 c-cta" target="target=_blank">
<span class="exploretxt2">02</span>
<span><svg class="u-icon u-icon--arrow-right" id="exploresvg2" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
<path d="M6.15464 0L4.91753 1.39175C5.87629 2.90722 7.17526 4.14433 9.68041 5.38144C8.65979 5.38144 8.38144 5.07216 6.89691 5.07216H0V6.92783H6.89691C8.38144 6.92783 8.65979 6.61856 9.68041 6.61856C7.17526 7.85567 5.87629 9.09278 4.91753 10.6082L6.15464 12C7.48453 10.1134 9.12371 8.53608 12 6.92783V5.07216C9.12371 3.46392 7.48453 1.8866 6.15464 0Z"></path>
</svg></span>
</a>
</div>
</div>
<div class="hover hover3">
<div class="img">
<img src="./public/image/Classic-room-2-480x0.jpeg" alt="">
</div>
<div class="content content3">
<h3>
Deluxe Room </h3>
<p>
Beyond the trees, a mesmerising view of the Adriatic, draws the eye in a Deluxe room. </p>
</div>
<div class="exploreroom explore3" >
<a href="" class="hoverbtn hoverbtn3 c-cta" target="target=_blank">
<span class="exploretxt3">03</span>
<span><svg class="u-icon u-icon--arrow-right" id="exploresvg3" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
<path d="M6.15464 0L4.91753 1.39175C5.87629 2.90722 7.17526 4.14433 9.68041 5.38144C8.65979 5.38144 8.38144 5.07216 6.89691 5.07216H0V6.92783H6.89691C8.38144 6.92783 8.65979 6.61856 9.68041 6.61856C7.17526 7.85567 5.87629 9.09278 4.91753 10.6082L6.15464 12C7.48453 10.1134 9.12371 8.53608 12 6.92783V5.07216C9.12371 3.46392 7.48453 1.8866 6.15464 0Z"></path>
</svg></span>
</a>
</div>
</div>
<div class="hover hover4">
<div class="img">
<img src="./public/image/Classic-room-2-480x0.jpeg" alt="">
</div>
<div class="content content4">
<h3>
Family Room </h3>
<p>
A balcony facing the sea or the lush parkland surrounding the hotel creates a calming connection with nature in a Family room. </p>
</div>
<div class="exploreroom explore4">
<a href="" class="hoverbtn hoverbtn4 c-cta" target="target=_blank">
<span class="exploretxt4">04</span>
<span>
<svg class="u-icon u-icon--arrow-right" id="exploresvg4" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
<path d="M6.15464 0L4.91753 1.39175C5.87629 2.90722 7.17526 4.14433 9.68041 5.38144C8.65979 5.38144 8.38144 5.07216 6.89691 5.07216H0V6.92783H6.89691C8.38144 6.92783 8.65979 6.61856 9.68041 6.61856C7.17526 7.85567 5.87629 9.09278 4.91753 10.6082L6.15464 12C7.48453 10.1134 9.12371 8.53608 12 6.92783V5.07216C9.12371 3.46392 7.48453 1.8866 6.15464 0Z"></path>
</svg>
</span>
</a>
</div>
</div>
<div class="hover hover5">
<div class="img">
<img src="./public/image/Classic-room-2-480x0.jpeg" alt="">
</div>
<div class="content content5">
<h3>
Executive Suite </h3>
<p>
A glorious sweeping views of the Adriatic from your private balcony. </p>
</div>
<div class="exploreroom explore5">
<a href="" class="hoverbtn hoverbtn5 c-cta" target="target=_blank">
<span class="exploretxt5">05</span>
<span><svg class="u-icon u-icon--arrow-right" id="exploresvg5" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
<path d="M6.15464 0L4.91753 1.39175C5.87629 2.90722 7.17526 4.14433 9.68041 5.38144C8.65979 5.38144 8.38144 5.07216 6.89691 5.07216H0V6.92783H6.89691C8.38144 6.92783 8.65979 6.61856 9.68041 6.61856C7.17526 7.85567 5.87629 9.09278 4.91753 10.6082L6.15464 12C7.48453 10.1134 9.12371 8.53608 12 6.92783V5.07216C9.12371 3.46392 7.48453 1.8866 6.15464 0Z"></path>
</svg></span>
</a>
</div>
</div>
</div>
</div>
<div id="page_5">
<div class="page5elm1">
<svg class="page5svg" viewBox="0 0 3876 160" xmlns="http://www.w3.org/2000/svg" >
<path d="M-174.61 -157V-116.765C-174.61 15.4344 -112.186 139 -3.49988 139C111 139 138.787 62.2189 249.697 62.2189C360.606 62.2189 356 156.175 533.698 156.175C683 156.175 698.557 75.6322 817.699 62.2189C930.436 49.5265 988.565 138.856 1101.7 138.856C1214.83 138.856 1274.79 62.2189 1385.7 62.2189C1496.61 62.2189 1556.57 138.856 1669.7 138.856C1782.84 138.856 1842.79 62.2189 1953.7 62.2189C2064.61 62.2189 2124.57 138.856 2237.7 138.856C2350.84 138.856 2408.57 62.2188 2521.7 62.2189C2634.84 62.2189 2694.8 138.856 2805.71 138.856C2916.61 138.856 2976.57 62.2189 3089.71 62.2189C3202.84 62.2188 3260.57 138.856 3373.71 138.856C3486.84 138.856 3546.8 62.2189 3657.71 62.2189C3768.62 62.2189 3867.02 222.761 3941.71 108.856C3998.61 22.0779 3941.71 -157 3941.71 -157H-174.61Z"></path>
</svg>
<svg class="page5svg2" viewBox="0 0 3876 160" xmlns="http://www.w3.org/2000/svg" >
<path d="M-174.61 -157V-116.765C-174.61 15.4344 -112.186 139 -3.49988 139C111 139 138.787 62.2189 249.697 62.2189C360.606 62.2189 356 156.175 533.698 156.175C683 156.175 698.557 75.6322 817.699 62.2189C930.436 49.5265 988.565 138.856 1101.7 138.856C1214.83 138.856 1274.79 62.2189 1385.7 62.2189C1496.61 62.2189 1556.57 138.856 1669.7 138.856C1782.84 138.856 1842.79 62.2189 1953.7 62.2189C2064.61 62.2189 2124.57 138.856 2237.7 138.856C2350.84 138.856 2408.57 62.2188 2521.7 62.2189C2634.84 62.2189 2694.8 138.856 2805.71 138.856C2916.61 138.856 2976.57 62.2189 3089.71 62.2189C3202.84 62.2188 3260.57 138.856 3373.71 138.856C3486.84 138.856 3546.8 62.2189 3657.71 62.2189C3768.62 62.2189 3867.02 222.761 3941.71 108.856C3998.61 22.0779 3941.71 -157 3941.71 -157H-174.61Z"></path>
</svg>
</div>
<div class="page_5text">
<p class="grow3">
Dining options with
regional specialities
</p>
<p class="page_5p" data-scroll data-scroll-speed="1">
A romantic sunset dinner, a quick afternoon snack, a relaxed family meal – our contemporary restaurants suit most occasions - and all with spectacular sea views.
</p>
</div>
<div class="page_center">
<div class="page5cntr1">
<div class="page5box page5box1">
<img src="https://hotelodisej.com/wp-content/uploads/bf-advanced-images/381/alh1-800x0.jpg" alt="">
<h4>
Restaurant Odisej
</h4>
<p>The picture perfect panorama of Pomena Bay from the terrace draws a steady crowd to Restaurant Odisej. Every day a buffet breakfast is served, while the dinner menu is focused on regional seafood specialities.</p>
</div>
</div>
<div class="page5cntr2">
<div class="page5box page5box2">
<img src="https://hotelodisej.com/wp-content/uploads/bf-advanced-images/383/alh2-800x0.jpg" alt="">
<h4>
Levanat Pizzeria
</h4>
<p>
Overlooking the neatly lined boats at the very pretty Pomena marina, Levanat Pizzeria has enchanting views over the crystal-clear Adriatic. Sample from a menu of fresh pizza, lasagne, salads, and other Italian classics, not the least, delicious gelato. </p>
</div>
<div class="page5box page5box3">
<img src="https://hotelodisej.com/wp-content/uploads/bf-advanced-images/385/alh3-800x0.jpg" alt="">
<h4>
Vista Mare Beach Bar
</h4>
<p>Enjoy a sublime stretch of gently shaded waterfront next to Pomena pier, where all the yachts and ships dock, Vista Mare Beach Bar serves cocktails, wine, ice cream and more at comfortable rattan sofas and large wooden tables.</p>
</div>
</div>
</div>
<div class="page5elm2">
<svg class="page5svg3" viewBox="0 0 3876 160" xmlns="http://www.w3.org/2000/svg" >
<path d="M-174.61 -157V-116.765C-174.61 15.4344 -112.186 139 -3.49988 139C111 139 138.787 62.2189 249.697 62.2189C360.606 62.2189 356 156.175 533.698 156.175C683 156.175 698.557 75.6322 817.699 62.2189C930.436 49.5265 988.565 138.856 1101.7 138.856C1214.83 138.856 1274.79 62.2189 1385.7 62.2189C1496.61 62.2189 1556.57 138.856 1669.7 138.856C1782.84 138.856 1842.79 62.2189 1953.7 62.2189C2064.61 62.2189 2124.57 138.856 2237.7 138.856C2350.84 138.856 2408.57 62.2188 2521.7 62.2189C2634.84 62.2189 2694.8 138.856 2805.71 138.856C2916.61 138.856 2976.57 62.2189 3089.71 62.2189C3202.84 62.2188 3260.57 138.856 3373.71 138.856C3486.84 138.856 3546.8 62.2189 3657.71 62.2189C3768.62 62.2189 3867.02 222.761 3941.71 108.856C3998.61 22.0779 3941.71 -157 3941.71 -157H-174.61Z"></path>
</svg>
<svg class="page5svg4" viewBox="0 0 3876 160" xmlns="http://www.w3.org/2000/svg" >
<path d="M-196.61 0V21.1232C-196.61 90.5281 -148.913 67.6768 -101.5 115.09C-14.9999 201.59 116.787 115.09 227.697 115.09C338.606 115.09 400.788 152.442 511.698 152.442C622.607 152.442 676.557 122.132 795.699 115.09C908.436 108.426 966.566 155.325 1079.7 155.325C1192.83 155.325 1252.79 115.09 1363.7 115.09C1474.61 115.09 1534.57 155.325 1647.7 155.325C1760.84 155.325 1820.79 115.09 1931.7 115.09C2042.61 115.09 2102.57 155.325 2215.7 155.325C2328.84 155.325 2386.57 115.09 2499.7 115.09C2612.84 115.09 2672.8 155.325 2783.71 155.325C2894.61 155.325 2954.57 115.09 3067.71 115.09C3180.84 115.09 3238.57 155.325 3351.71 155.325C3464.84 155.325 3524.8 115.09 3635.71 115.09C3746.62 115.09 3845.02 185.125 3919.71 125.325C3976.61 79.7659 3919.71 0 3919.71 0H-196.61Z"></path>
</svg>
</div>
</div>
<div id="page_6">
<div class="page_6text">
<p class="grow4">
Surrender yourself
to the silent solitude
of the wild, or set off
on an adventure
through the lush
forest of the National
Park.
</p>
</div>
<div class="page_6centr">
<div class="page6one">
<img src="https://hotelodisej.com/wp-content/uploads/bf-advanced-images/230/ALH_Odisej_outsidepool_01-scaled-480x0.jpg" alt="">
</div>
<div class="page6otwo">
<h4>
Relaxing treatments
</h4>
<p>
Massage, sauna sessions, beauty treatments such as pedicures and manicures, a fitness room, an outdoor children's pool filled with sea water or a sun terrace to relax on.
</p>
<div class="explore">
<a href="" class="exploreNow c-cta page6explore" target="target=_blank">
<span>Explore Wellness</span>
<i class="c-cta__icon">
<svg class="u-icon u-icon--arrow-right" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
<path d="M6.15464 0L4.91753 1.39175C5.87629 2.90722 7.17526 4.14433 9.68041 5.38144C8.65979 5.38144 8.38144 5.07216 6.89691 5.07216H0V6.92783H6.89691C8.38144 6.92783 8.65979 6.61856 9.68041 6.61856C7.17526 7.85567 5.87629 9.09278 4.91753 10.6082L6.15464 12C7.48453 10.1134 9.12371 8.53608 12 6.92783V5.07216C9.12371 3.46392 7.48453 1.8866 6.15464 0Z"></path>
</svg>
</i>
</a>
</div>
</div>
<div class="page6three">
<img src="https://hotelodisej.com/wp-content/uploads/bf-advanced-images/388/alh-img-2-480x0.jpeg" alt="">
</div>
</div>
</div>
<div id="ftr">
<svg class="u-icon u-icon--shape-blue-1 ftrsvg" viewBox="0 0 1440 780" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M391.76 206.372C398.561 257.577 422.989 333.816 564.264 307.142C623.961 295.87 672.971 246.349 725.851 192.917C798.112 119.9 877.602 39.5799 1001.47 39.5799C1020.03 39.5799 1045.16 44.9126 1072.57 50.73C1117.77 60.2253 1171.78 75.3692 1217.1 58.8446C1235.02 52.3131 1251.54 29.2773 1269.26 0H1440V757.5C1409.35 752.861 1330.28 742.392 1297.5 780H962.5C1253.14 611 992 438 927 557.5C901.437 604.497 858 780 629.5 780H0V0H234.397C255.086 12.6598 283.808 20.9856 336.62 15.677C379.328 15.677 422.989 38.5147 422.989 81.0731C422.989 99.9999 415.468 116.747 407.713 134.014C398.519 158.147 388.212 179.658 391.76 206.372Z" fill="url(#liner-grad-947)"></path>
<defs>
<linearGradient id="liner-grad-947" x1="1374.09" y1="454.721" x2="24.9217" y2="461.887" gradientUnits="userSpaceOnUse">
<stop stop-color="#043F5D"></stop>
<stop offset="1" stop-color="#022B40"></stop>
</linearGradient>
</defs>
</svg>
<div class="ftrmain">
<div class="ftrmain1">
<svg class="u-icon u-icon--logo-footer" viewBox="0 0 312 96" fill="#e3e3c4" xmlns="http://www.w3.org/2000/svg">
<path d="M41.0367 12.6V11.4H29.6367V12.6C32.1567 12.6 32.6367 14.28 32.6367 17.16V27.96H11.0367V17.16C11.0367 14.28 11.5167 12.6 14.0367 12.6V11.4H2.63673V12.6C5.15672 12.6 5.63673 14.28 5.63673 17.16V45.24C5.63673 48.12 5.15672 49.8 2.63673 49.8V51H14.0367V49.8C11.5167 49.8 11.0367 48.12 11.0367 45.24V30.36H32.6367V45.24C32.6367 48.12 32.1567 49.8 29.6367 49.8V51H41.0367V49.8C38.5167 49.8 38.0367 48.12 38.0367 45.24V17.16C38.0367 14.28 38.5167 12.6 41.0367 12.6ZM42.8039 36C42.8039 44.1 47.9039 51.6 57.8039 51.6C67.7039 51.6 72.8039 44.1 72.8039 36C72.8039 27.9 67.7039 20.4 57.8039 20.4C47.9039 20.4 42.8039 27.9 42.8039 36ZM48.2639 37.2C47.3639 29.88 49.3439 23.76 56.1839 22.92C63.0239 22.08 66.4439 27.6 67.3439 34.8C68.2439 42.12 66.2639 48.24 59.4239 49.08C52.5839 49.92 49.1639 44.4 48.2639 37.2ZM88.6922 47.1C88.5722 48.42 88.0322 49.2 86.6522 49.2C84.1322 49.2 83.5922 46.62 83.5922 40.8V23.4H89.0522C90.8522 23.4 90.8522 22.2 90.8522 21H83.5922V11.4H81.1922C81.1922 19.08 78.4922 20.4 74.5922 21V23.4H78.1922V42.24C78.1922 50.22 82.4522 51.6 86.1122 51.6C88.6322 51.6 91.0922 51 92.2922 48.3L88.6922 47.1ZM114.758 41.28C115.358 46.86 112.358 49.2 107.378 49.2C102.038 49.2 97.718 45.12 97.718 37.2V36.24C105.638 38.76 120.518 38.52 120.518 29.22C120.518 23.94 115.958 20.4 108.518 20.4C99.158 20.4 92.318 26.58 92.318 36.78C92.318 45.18 96.698 51.6 107.978 51.6C116.618 51.6 120.758 45.48 120.158 40.08L114.758 41.28ZM108.518 22.8C112.958 22.8 115.118 25.26 115.118 28.56C115.118 34.14 109.778 36.72 97.958 33.72C98.858 27.48 102.218 22.8 108.518 22.8ZM130.104 11.4C130.104 8.1 127.584 7.8 125.304 7.8H121.704V9C124.224 9 124.704 10.68 124.704 13.56V45.24C124.704 48.12 124.224 49.8 121.704 49.8V51H133.104V49.8C130.584 49.8 130.104 48.12 130.104 45.24V11.4ZM149.304 31.2C149.304 42.9 156.504 51.6 168.204 51.6C179.904 51.6 187.104 42.9 187.104 31.2C187.104 19.5 179.904 10.8 168.204 10.8C156.504 10.8 149.304 19.5 149.304 31.2ZM154.824 32.82C153.444 22.02 157.404 14.4 165.384 13.44C174.624 12.3 180.264 18.72 181.584 29.58C182.964 40.38 179.004 48 171.024 48.96C161.784 50.1 156.144 43.68 154.824 32.82ZM190.702 36C190.702 45.84 196.762 51.6 204.802 51.6C209.662 51.6 213.682 48.78 215.302 44.64H215.902V47.4C215.902 50.64 218.842 50.94 220.702 51H224.302V49.8C221.782 49.8 221.302 48.12 221.302 45.24V11.4C221.302 8.1 218.782 7.8 216.502 7.8H212.902V9C215.422 9 215.902 10.68 215.902 13.56V27.36H215.302C213.682 23.22 209.662 20.4 204.802 20.4C196.762 20.4 190.702 26.16 190.702 36ZM196.702 36C196.702 28.86 199.462 22.8 206.002 22.8C212.542 22.8 215.302 28.86 215.302 36C215.302 43.14 212.542 49.2 206.002 49.2C199.462 49.2 196.702 43.14 196.702 36ZM231.989 17.04C233.609 17.04 235.109 15.66 235.109 13.86C235.109 12.24 233.609 10.8 231.989 10.8C230.309 10.8 228.869 12.24 228.869 13.86C228.869 15.66 230.309 17.04 231.989 17.04ZM235.109 24.42C235.109 21.24 233.009 21 230.309 21H226.709V22.2C229.229 22.2 229.709 23.88 229.709 26.76V45.24C229.709 48.12 229.229 49.8 226.709 49.8V51H238.109V49.8C235.589 49.8 235.109 48.12 235.109 45.24V24.42ZM241.095 28.74C241.095 34.68 246.075 35.82 254.055 37.92C258.615 39.36 261.435 39.9 261.435 43.92C261.435 46.98 258.975 49.2 254.535 49.2C249.615 49.2 243.915 47.82 246.315 40.02L240.915 38.82C238.515 48.96 246.495 51.6 254.475 51.6C260.955 51.6 266.835 49.26 266.835 42.66C266.835 36.12 261.375 34.62 254.055 32.7C248.835 31.14 246.495 30.9 246.495 27.18C246.495 25.02 248.355 22.8 253.395 22.8C257.115 22.8 262.215 24.18 259.815 29.58L265.215 30.78C267.615 23.04 260.235 20.4 253.455 20.4C246.375 20.4 241.095 22.74 241.095 28.74ZM291.69 41.28C292.29 46.86 289.29 49.2 284.31 49.2C278.97 49.2 274.65 45.12 274.65 37.2V36.24C282.57 38.76 297.45 38.52 297.45 29.22C297.45 23.94 292.89 20.4 285.45 20.4C276.09 20.4 269.25 26.58 269.25 36.78C269.25 45.18 273.63 51.6 284.91 51.6C293.55 51.6 297.69 45.48 297.09 40.08L291.69 41.28ZM285.45 22.8C289.89 22.8 292.05 25.26 292.05 28.56C292.05 34.14 286.71 36.72 274.89 33.72C275.79 27.48 279.15 22.8 285.45 22.8ZM304.426 17.04C306.046 17.04 307.546 15.66 307.546 13.86C307.546 12.24 306.046 10.8 304.426 10.8C302.746 10.8 301.306 12.24 301.306 13.86C301.306 15.66 302.746 17.04 304.426 17.04ZM302.746 21H299.146V22.2C301.666 22.2 302.146 23.88 302.146 26.76V51C302.146 55.56 301.546 60.6 298.066 61.8L298.666 64.2C303.946 63 307.546 59.22 307.546 51V24.42C307.546 21.3 305.026 21 302.746 21Z" fill="#E3E3C4"></path>
<path d="M141.158 78.18V77.78L139.958 77.8C139.338 77.82 138.318 78.04 137.498 79.8L132.798 90.08L127.918 79.8C127.018 77.92 126.558 77.8 125.318 77.8H124.118V78.2C124.958 78.2 125.118 78.76 125.118 79.72V89.08C125.118 90.04 124.958 90.6 124.118 90.6V91H126.918V90.6C126.078 90.6 125.918 90.04 125.918 89.08V79.8L131.258 91H133.258L138.358 79.8V89.08C138.358 90.04 138.198 90.6 137.358 90.6V91H141.158V90.6C140.318 90.6 140.158 90.04 140.158 89.08V79.72C140.158 78.76 140.318 78.2 141.158 78.18ZM153.621 88.16C153.401 89.84 152.801 90.2 151.841 90.2H147.161V79.72C147.161 78.76 147.321 78.2 148.161 78.2V77.8H144.361V78.2C145.201 78.2 145.361 78.76 145.361 79.72V89.08C145.361 90.04 145.201 90.6 144.361 90.6V91H153.661L153.721 90.6L154.001 88.22L153.621 88.16ZM160.76 77.8H156.96V78.2C157.8 78.2 157.96 78.76 157.96 79.72V91C157.96 92.52 157.76 94.2 156.6 94.6L156.8 95.4C158.56 95 159.76 93.74 159.76 91V79.72C159.76 78.76 159.92 78.2 160.76 78.2V77.8ZM173.226 88.16C173.006 89.84 172.406 90.2 171.446 90.2H166.766V84.7H169.526C170.486 84.7 171.046 84.86 171.046 85.7H171.446V82.9H171.046C171.046 83.74 170.486 83.9 169.526 83.9H166.766V78.6H171.246C172.206 78.6 172.806 78.96 173.026 80.64L173.406 80.58L173.126 78.2L173.066 77.8H163.966V78.2C164.806 78.2 164.966 78.76 164.966 79.72V89.08C164.966 90.04 164.806 90.6 163.966 90.6V91H173.266L173.326 90.6L173.606 88.22L173.226 88.16ZM187.806 78.2L187.746 77.8H176.946L176.886 78.2L176.606 80.58L176.986 80.64C177.206 78.96 177.806 78.6 178.766 78.6H181.446V89.08C181.446 90.04 181.286 90.6 180.446 90.6V91H184.246V90.6C183.406 90.6 183.246 90.04 183.246 89.08V78.6H185.926C186.886 78.6 187.486 78.96 187.706 80.64L188.086 80.58L187.806 78.2Z" fill="#F7F7EE"></path>
</svg>
</div>
<div class="ftrmain2">
<ul>
<li>Jind, Haryana
</li>
<li> [email protected]</li>
<li>+91 8059649767</li>
</ul>
</div>
<div class="ftrmain2">
<ul>
<li>FACEBOOK
</li>
<li> INSTAGRAM</li>
<li>PINTEREST</li>
</ul>
<div class="ftrmain2 ftrmaininner">
<ul>
<li>CONTACT US
</li>
<li> PRIVACY POLICY AND COOKIES</li>
</ul>
</div>
</div>
<div class="ftrmain2 ftrlast">
<ul>
<li>SANDEEP BOSS | All Rights Reserved
</li>
<li>Design by SandeepDzin</li>
</ul>
</div>
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/locomotive-scroll.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/ScrollTrigger.min.js"></script>
<script src="script.js"></script>
</body>
</html>