-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
267 lines (234 loc) · 16.8 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
<!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">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&family=Roboto:wght@300;400;500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="assets/css/style.css">
<title>Home</title>
</head>
<body>
<!-- SVG SPRITE-->
<svg style="display: none;">
<symbol id="left" viewBox="0 0 14 20">
<g>
<path d="M0.65999 9.693L10.353 0L13.24 2.887L6.43399 9.693L13.24 16.5L10.353 19.387L0.65999 9.693Z"/>
</g>
</symbol>
</svg>
<svg style="display: none;">
<symbol id="right" viewBox="0 0 14 21">
<g>
<path d="M13.34 10.692L3.64701 20.385L0.76001 17.498L7.56601 10.692L0.76001 3.88501L3.64701 0.998011L13.34 10.692Z"/>
</g>
</symbol>
</svg>
<svg style="display: none;">
<symbol id="facebook" viewBox="0 0 10 19">
<g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.34657 19V10.5H9.24657L9.66157 7.18104H6.34657V5.10304C6.34657 4.17004 6.65757 3.44404 8.00557 3.44404H9.76857V0.433038C9.35357 0.433038 8.32057 0.333038 7.17657 0.333038C6.59883 0.293557 6.01941 0.37999 5.47834 0.586364C4.93727 0.792738 4.44747 1.11413 4.04278 1.52834C3.63808 1.94254 3.32815 2.43967 3.13439 2.98539C2.94064 3.5311 2.86768 4.11237 2.92057 4.68904V7.17704H0.0205688V10.496H2.92057V18.996L6.34657 19Z"/>
</g>
</symbol>
</svg>
<svg style="display: none;">
<symbol id="twitter" viewBox="0 0 19 16">
<g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.93158 15.8079C7.36514 15.8208 8.78692 15.548 10.1139 15.0054C11.4408 14.4627 12.6464 13.6612 13.6601 12.6474C14.6738 11.6337 15.4754 10.4282 16.0181 9.1012C16.5607 7.77424 16.8335 6.35246 16.8206 4.91889V4.39989C17.5452 3.84838 18.1757 3.18309 18.6876 2.42989C17.9921 2.73224 17.2598 2.94139 16.5096 3.05189C17.2808 2.56758 17.8655 1.83663 18.1686 0.977891C17.4193 1.39498 16.617 1.70882 15.7836 1.91089C15.4328 1.51559 15.0014 1.20003 14.5184 0.985446C14.0354 0.770864 13.5121 0.662242 12.9836 0.666891C11.971 0.68312 11.0044 1.09258 10.2884 1.80867C9.57227 2.52476 9.1628 3.49132 9.14658 4.50389C9.12173 4.7845 9.15579 5.06721 9.24658 5.33389C7.72067 5.26018 6.22813 4.86124 4.86894 4.16379C3.50975 3.46635 2.31529 2.4865 1.36558 1.28989C1.02421 1.89025 0.845324 2.56927 0.846577 3.25989C0.860265 3.88669 1.01682 4.50209 1.30431 5.05923C1.59181 5.61637 2.00266 6.10055 2.50558 6.47489C1.88217 6.46202 1.27352 6.28285 0.742577 5.95589C0.741565 6.84403 1.05249 7.70431 1.62108 8.38659C2.18967 9.06886 2.97981 9.52978 3.85358 9.68889C3.51569 9.77865 3.16539 9.81243 2.81658 9.78889C2.57025 9.80672 2.32291 9.77265 2.09058 9.68889C2.34362 10.4582 2.82819 11.1305 3.47797 11.6138C4.12776 12.0971 4.91103 12.3678 5.72058 12.3889C4.35745 13.4536 2.68017 14.0369 0.950577 14.0479C0.636197 14.0659 0.320989 14.0322 0.0175781 13.9479C1.73361 15.1942 3.80801 15.8494 5.92858 15.8149"/>
</g>
</symbol>
</svg>
<svg style="display: none;">
<symbol id="instagram" viewBox="0 0 19 20">
<g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.35354 1.99204C10.5987 1.94407 11.8457 1.97747 13.0865 2.09204C13.6885 2.08447 14.2865 2.18996 14.8495 2.40304C15.6263 2.76499 16.2506 3.38926 16.6125 4.16604C16.8251 4.73052 16.9296 5.32994 16.9205 5.93304C16.9205 6.86604 17.0205 7.17704 17.0205 9.66604C17.0685 10.9112 17.0351 12.1582 16.9205 13.399C16.9281 14.001 16.8226 14.599 16.6095 15.162C16.2476 15.9388 15.6233 16.5631 14.8465 16.925C14.2835 17.1381 13.6855 17.2436 13.0835 17.236C12.1505 17.236 11.8395 17.336 9.35054 17.336C8.10629 17.3829 6.86031 17.3485 5.62054 17.233C5.01859 17.2406 4.42057 17.1351 3.85754 16.922C3.08143 16.5611 2.45725 15.9383 2.09454 15.163C1.88146 14.6 1.77597 14.002 1.78354 13.4C1.78354 12.467 1.68354 12.156 1.68354 9.66704C1.63556 8.42186 1.66897 7.17487 1.78354 5.93404C1.77597 5.33209 1.88146 4.73407 2.09454 4.17104C2.2755 3.78613 2.52105 3.43506 2.82054 3.13304C3.06371 2.77033 3.43351 2.51143 3.85754 2.40704C4.42057 2.19396 5.01859 2.08847 5.62054 2.09604C6.86137 1.98147 8.10836 1.94807 9.35354 1.99604V1.99204ZM9.35354 0.333041C8.07504 0.286325 6.79487 0.319723 5.52054 0.433041C4.73969 0.432144 3.96527 0.57415 3.23554 0.852041C2.60628 1.05731 2.03674 1.41331 1.57654 1.88904C1.10081 2.34924 0.744806 2.91878 0.539539 3.54804C0.21189 4.26297 0.067871 5.04837 0.120539 5.83304C0.00722166 7.10737 -0.026177 8.38754 0.0205394 9.66604C-0.0263443 10.9459 0.00705452 12.2274 0.120539 13.503C0.118853 14.2823 0.259493 15.0553 0.535539 15.784C0.740806 16.4133 1.09681 16.9828 1.57254 17.443C2.03274 17.9188 2.60228 18.2748 3.23154 18.48C3.96027 18.7561 4.73328 18.8967 5.51254 18.895C6.78819 19.0085 8.06971 19.0419 9.34954 18.995C10.6294 19.0419 11.9109 19.0085 13.1865 18.895C13.9658 18.8967 14.7388 18.7561 15.4675 18.48C16.0933 18.2649 16.6617 17.9099 17.1295 17.442C17.5974 16.9742 17.9524 16.4058 18.1675 15.78C18.4436 15.0513 18.5842 14.2783 18.5825 13.499C18.5825 12.462 18.6825 12.151 18.6825 9.66204C18.7294 8.38221 18.696 7.10069 18.5825 5.82504C18.5842 5.04578 18.4436 4.27277 18.1675 3.54404C17.9623 2.91478 17.6063 2.34524 17.1305 1.88504C16.6702 1.4109 16.101 1.0563 15.4725 0.852041C14.7438 0.57451 13.9704 0.43251 13.1905 0.433041C11.9149 0.319554 10.6334 0.286155 9.35354 0.333041ZM9.35354 4.89604C8.7243 4.88577 8.09942 5.00213 7.51606 5.23821C6.93269 5.47429 6.40275 5.82526 5.95775 6.27026C5.51276 6.71525 5.16178 7.24519 4.92571 7.82856C4.68963 8.41192 4.57327 9.0368 4.58354 9.66604C4.58354 10.6095 4.8633 11.5317 5.38743 12.3161C5.91156 13.1005 6.65654 13.7119 7.52814 14.0729C8.39974 14.434 9.35883 14.5284 10.2841 14.3444C11.2094 14.1603 12.0593 13.706 12.7264 13.0389C13.3935 12.3718 13.8478 11.5219 14.0319 10.5966C14.2159 9.67133 14.1215 8.71224 13.7604 7.84064C13.3994 6.96904 12.788 6.22407 12.0036 5.69993C11.2192 5.1758 10.297 4.89604 9.35354 4.89604ZM9.35354 12.777C8.94294 12.7845 8.53506 12.7091 8.15424 12.5554C7.77343 12.4017 7.4275 12.1728 7.13712 11.8825C6.84673 11.5921 6.61786 11.2462 6.46416 10.8653C6.31045 10.4845 6.23508 10.0766 6.24254 9.66604C6.23508 9.25545 6.31045 8.84756 6.46416 8.46675C6.61786 8.08593 6.84673 7.74 7.13712 7.44962C7.4275 7.15924 7.77343 6.93036 8.15424 6.77666C8.53506 6.62296 8.94294 6.54758 9.35354 6.55504C9.76413 6.54758 10.172 6.62296 10.5528 6.77666C10.9337 6.93036 11.2796 7.15924 11.57 7.44962C11.8603 7.74 12.0892 8.08593 12.2429 8.46675C12.3966 8.84756 12.472 9.25545 12.4645 9.66604C12.472 10.0766 12.3966 10.4845 12.2429 10.8653C12.0892 11.2462 11.8603 11.5921 11.57 11.8825C11.2796 12.1728 10.9337 12.4017 10.5528 12.5554C10.172 12.7091 9.76413 12.7845 9.35354 12.777ZM14.3315 3.54704C14.1059 3.54704 13.8853 3.61396 13.6976 3.73933C13.51 3.86471 13.3638 4.04291 13.2774 4.2514C13.191 4.45989 13.1684 4.68931 13.2125 4.91064C13.2565 5.13197 13.3652 5.33528 13.5247 5.49485C13.6843 5.65442 13.8876 5.76309 14.1089 5.80712C14.3303 5.85114 14.5597 5.82855 14.7682 5.74219C14.9767 5.65583 15.1549 5.50958 15.2802 5.32195C15.4056 5.13431 15.4725 4.91371 15.4725 4.68804C15.4699 4.38624 15.3489 4.09753 15.1355 3.88412C14.922 3.6707 14.6333 3.54965 14.3315 3.54704Z"/>
</g>
</symbol>
</svg>
<svg style="display: none;">
<symbol id="menu" viewBox="0 0 96 96">
<g>
<path d="M12,28h72c2.209,0,4-1.791,4-4s-1.791-4-4-4H12c-2.209,0-4,1.791-4,4S9.791,28,12,28z M84,44H12c-2.209,0-4,1.791-4,4
s1.791,4,4,4h72c2.209,0,4-1.791,4-4S86.209,44,84,44z M84,68H12c-2.209,0-4,1.791-4,4s1.791,4,4,4h72c2.209,0,4-1.791,4-4
S86.209,68,84,68z"/>
</g>
</symbol>
</svg>
<!-- HEADER -->
<header class="header1">
<div class="header__fon">
<div class="container">
<div class="header__top">
<div class="header__logo">
<span class="header__logo1">LUXURY</span>
<span class="header__logo2">HOTELS</span>
</div>
<nav class="header__nav">
<ul id="ul__nav" class="header__list">
<li><a class="nav_link link__active" href="index.html">Home</a></li>
<li><a class="nav_link" href="facilities.html">Facilities</a></li>
<li><a class="nav_link" href="rooms.html">Rooms</a></li>
<li><a class="nav_link" href="contact.html">Contact-us</a></li>
</ul>
</nav>
<!-- header__linkd -->
<nav class="nav__hidden">
<ul class="header__list">
<li><a class="header__linkd" href="#">
<svg class="menu__svg">
<use xlink:href="#menu"></use>
</svg>
</a>
<ul class="sub__menu__list">
<li><a class="sub__link link__active" href="index.html">Home</a></li>
<li><a class="sub__link" href="facilities.html">Facilities</a></li>
<li><a class="sub__link" href="rooms.html">Rooms</a></li>
<li><a class="sub__link" href="contact.html">Contact-us</a></li>
</ul>
</li>
</ul>
</nav>
</div>
<!-- welcome block -->
<div class="welcome">
<span class="welcome__title">WELCOME TO</span>
<h1 class="welcome__title1">LUXURY</h1>
<h2 class="welcome__title2">HOTELS</h2>
<span class="welcome__item">Book your stay and enjoy Luxury <br>
redefined at the most affordable rates.</span>
</div>
<!-- header__btn -->
<div class="header__btn">
<a class="header__link" href="#">BOOK NOW</a>
</div>
<!-- scroll -->
<div class="scroll">
<span class="scroll__text">Scroll</span>
<a href="#scroll__icon">
<img id="scroll__icon" src="assets/img/Home/Subtraction 2.png" alt="">
</a>
</div>
</div> <!-- /. container -->
</div> <!-- /. header__fon -->
</header> <!-- /. HEADER -->
<!-- MAIN -->
<main class="main">
<div class="container__main">
<h2 class="main__title">All our room types are including complementary breakfast</h2>
<div class="main__content">
<!-- main__info -->
<div class="main__info">
<div class="main__inform">
<h3 class="main__inform__title">Luxury redefined</h3>
<span class="main__inform__text">Our rooms are designed to transport
you into an environment made for leisure.
Take your mind off the day-to-day of home
life and find a private paradise for yourself.</span>
<img class="main__inform__images" src="assets/img/Home/steven.jpg" alt="">
<a class="main__inform__btn" href="#">EXPLORE</a>
</div>
<div class="main__inform__img">
<img src="assets/img/Home/steven.jpg" alt="">
<div class="main__inform__fon">
</div>
</div>
</div>
<!-- main__info -->
<div class="main__info">
<div class="main__inform">
<h3 class="main__inform__title">Leave your worries in
the sand</h3>
<span class="main__inform__text">We love life at the beach. Being close
to the ocean with access to endless sandy
beach ensures a relaxed state of mind. It
seems like time stands still watching the
ocean.</span>
<img class="main__inform__images" src="assets/img/Home/andrew.jpg" alt="">
<a class="main__inform__btn" href="#">EXPLORE</a>
</div>
<div class="main__inform__img img1">
<img src="assets/img/Home/andrew.jpg" alt="">
<div class="main__inform__fon fon1">
</div>
</div>
</div>
<!-- Testimonials -->
<div class="main__test">
<h3 class="main__test__title">Testimonials</h3>
<span class="main__test__text">"Calm, Serene, Retro – What a way to relax and enjoy"</span>
<span class="main__test__name">Mr. and Mrs. Baxter, UK</span>
<div class="main__btn__svg">
<a class="main__test__btn" href="#">
<svg class="main__svg">
<use xlink:href="#left"></use>
</svg>
</a>
<a class="main__test__btn" href="#">
<svg class="main__svg">
<use xlink:href="#right"></use>
</svg>
</a>
</div>
</div>
</div> <!-- /. main__content -->
</div> <!-- /. container__main -->
</main> <!-- /. main -->
<!-- FOOTER -->
<footer class="footer">
<div class="footer__block"></div>
<div class="container3">
<div class="footer__content">
<!-- footer__blok -->
<div class="footer__blok">
<div class="footer__logo">
<span class="footer__title">LUXURY</span>
<span class="footer__subtitle">HOTELS</span>
</div>
<div class="footer__link">
<span>497 Evergreen Rd. Roseville, CA 95673</span>
<a class="link__style" href="tel:+44 345 678 903">+44 345 678 903</a>
<a class="link__style" href="mailto:[email protected]">[email protected]</a>
</div>
</div>
<!-- footer__blok -->
<div class="footer__blok">
<a class="footer__link1" href="#">About Us</a>
<a class="footer__link1" href="#">Contact</a>
<a class="footer__link1" href="#">Terms & Conditions</a>
</div>
<!-- footer__blok -->
<div class="footer__blok">
<a class="footer__link2" href="#">
<svg class="footer__svg">
<use xlink:href="#facebook"></use>
</svg>
Facebook</a>
<a class="footer__link2" href="#">
<svg class="footer__svg">
<use xlink:href="#twitter"></use>
</svg>
Twitter</a>
<a class="footer__link2" href="#">
<svg class="footer__svg">
<use xlink:href="#instagram"></use>
</svg>
Instagram</a>
</div>
<!-- footer__blok -->
<div class="footer__blok">
<span class="footer__subscribe">Subscribe to our newsletter</span>
<form class="footer__form" action="#" method="post">
<input class="footer__email" type="email" name="email" placeholder="Email Address">
<input class="footer__btn"type="submit" name="submit" value="OK">
<span></span>
</form>
</div>
</div> <!--/. footer__content -->
</div> <!-- /. container3 -->
</footer> <!-- /. footer -->
<!-- JAVASCRIPT -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script type="text/javascript">
</script>
</body>
</html>