-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
281 lines (280 loc) · 12.6 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
<!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=Italiana&family=Roboto:wght@300;400&display=swap"
rel="stylesheet"
/>
<link rel="stylesheet" href="dist/style.css" />
<title>IW-Nails Salon</title>
<link rel="icon" type="image/x-icon" href="img&svg/favicon-iw.svg">
<meta name="description" content="Nails salon,Nails Home,Watford nails,Beauty,Be Woman,Watford,Panokcie Watford,Shellac,Gel,Classic,French">
</head>
<body>
<header class="main-header flex-row">
<div class="logo-wrapper flex row">
<h1 class="company-name">
<img src="img&svg/iw-logo-txt.svg" alt="iW-nails company-name" />
</h1>
<div class="logo">
<img src="img&svg/Hand-logo.svg" alt="IW-nails logo" />
</div>
</div>
<div class="hamburger-menu" id="hamburger-wrapper">
<div class="line-top"></div>
<div class="line-middel"></div>
<div class="line-bottom"></div>
</div>
<nav class="main-nav_wrapper flex-column" id="nav-wrapper">
<li><a href="#myservice">Service</a></li>
<li><a href="#gallery">Gallery</a></li>
<li><a href="#price">Prices</a></li>
<li><a href="#about">About</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="#find-me">Map</a></li>
</nav>
</header>
<main class="main-conteiner">
<section class="section-one flex-row">
<h2 class="section-one_text">Sit Back,and Relax</h2>
</section>
<section class="section-two">
<article class="flex-column">
<h2 class="section-two_title section-underline_title">
Watford Nails
</h2>
<p class="secton-two_txt">
Are you fed up with imprecise manicure? Inaccurately cut and flooded
nail cuticles? Uneven nail shape? I know how hard it is to find a
good nail stylist. But you don't need to search anymore! Take care
of the appearance and health of your nails! Sign up for a manicure
today for half the price to see if you will be satisfied.
<br><br>
<span>When you look beautiful, you feel beautiful.</span>
<br>
From the very beginning, I focus on perfectly executed work. You can be sure about work hygiene, sterilized tools, disposable nail files, which you take with you after the work is done.
<br><br>
Regardless of whether they are gel or classic nails, I provide services at the highest level.
</p>
<div class="phone flex">
<a class="flex" href="tel:07506122310"><img src="img&svg/phone_icon.svg" alt="phone icon"></a>
</div>
</article>
</section>
<section class="section-three flex" id="myservice">
<article class="flex-column">
<h2 class="section-three_title section-underline_title">My Servic</h2>
<div class="section-three_servic flex">
<ul class="section-three-servic-li">
<li class="section-three_li ">
<a class="section-three_french " href="">French</a>
</li>
<li class="section-three_li section-three_classic">
<a class="section-three_classic" href="">Pedicure</a>
</li>
<li class="section-three_li section-three_shellac">
<a class="section-three_shellac " href="">Shellac</a>
</li>
<li class="section-three_li section-three_gel">
<a class="section-three_gel " href="">Manicure</a>
</li>
</ul>
<div class="section-three-li_photo gel-photo"></div>
</div>
</article>
</section>
<section class="section-four" id="gallery">
<article class="section-four_article flex-column">
<h2 class="section-four_title section-underline_title">Gallery</h2>
<div class="section-four_gallery">
<div class='slider-wrapper_img'>
<img
class="section-four_photo"
src="img&svg/nais-rainbow.webp"
alt="Pink Nails"/>
<img
class="section-four_photo"
src="img&svg/nails3.webp"
alt="Black Star Nails" />
<img
class="section-four_photo"
src="img&svg/nails4.webp"
alt="Decoration Nails"/>
<img
class="section-four_photo"
src="img&svg/service2.webp"
alt="Pink Nails"/>
<img
class="section-four_photo"
src="img&svg/nail-background.webp"
alt="Black Star Nails" />
<img
class="section-four_photo"
src="img&svg/nails4.webp"
alt="Decoration Nails"/>
<img
class="section-four_photo"
src="img&svg/service2.webp"
alt="Pink Nails"/>
</div>
</div>
<div class='slider_navigation'>
<div class='slider_prev'><</div>
<div class='slider_next'>></div>
</div>
</article>
</section>
<section class="section-five" id="price">
<article class="flex-column">
<h2 class="section-five_title section-underline_title">Prices</h2>
<div class="section-five_conteiner flex-column">
<h3 class="section-five_subtitle">Polish</h3>
<div>
<div class="section-five-subtitle_conteiner flex">
<div class="section-five-subtitle-text_conteiner flex-row">
<h4 class="section-five_secendsubtitle">Color Refresh</h4>
<p class="section-five-subtitle_price">£12</p>
</div>
<p class="section-five-subtitle_text">
Refresh your nails quick tidy up and colour application.
</p>
</div>
<div class="section-five-subtitle_conteiner flex">
<div class="section-five-subtitle-text_conteiner flex-row">
<h3 class="section-five_subtitle">Signature Manicure</h3>
<p class="section-five-subtitle_price">£20</p>
</div>
<p class="section-five-subtitle_text">
Shaping, buffing, cuticle care, moisturizing and finished with
your choice of polish.
</p>
</div>
</div>
</div>
<div class="section-five_conteiner flex-column">
<h3 class="section-five_subtitle">Shellac</h3>
<div>
<div class="section-five-subtitle_conteiner flex">
<div class="section-five-subtitle-text_conteiner flex-row">
<h4 class="section-five_subtitle">Color Refresh</h4>
<p class="section-five-subtitle_price">£20</p>
</div>
<p class="section-five-subtitle_text">
Refresh your nails quick tidy up and colour application.
</p>
</div>
<div class="section-five-subtitle_conteiner flex">
<div class="section-five-subtitle-text_conteiner flex-row">
<h3 class="section-five_subtitle">Signature Manicure</h3>
<p class="section-five-subtitle_price">£30</p>
</div>
<p class="section-five-subtitle_text">
Shaping, buffing, cuticle care, moisturizing and finished with
your choice of shellac.
</p>
</div>
</div>
</div>
<div class="section-five_conteiner flex-column">
<h3 class="section-five_subtitle">Extras</h3>
<div>
<div class="section-five-subtitle_conteiner flex">
<div class="section-five-subtitle-text_conteiner flex-row">
<h3 class="section-five_subtitle">Removal</h3>
<p class="section-five-subtitle_price">£5</p>
</div>
<p class="section-five-subtitle_text">
Removal of Shellac Manicure or Gel Extention.
</p>
</div>
<div class="section-five-subtitle_conteiner flex">
<div class="section-five-subtitle-text_conteiner flex-row">
<h3 class="section-five_subtitle">Strengthening nails</h3>
<p class="section-five-subtitle_price">£15</p>
</div>
<p class="section-five-subtitle_text">
Applying a special conditioner to the nails and strengthening
them under the lamp.
</p>
</div>
<div class="section-five-subtitle_conteiner flex">
<div class="section-five-subtitle-text_conteiner flex-row">
<h3 class="section-five_subtitle">Nails Art</h3>
<p class="section-five-subtitle_price">£2per nail</p>
</div>
</div>
</div>
</div>
</article>
</section>
<section class="section-six flex" id="about">
<article class="flex-column">
<h2 class="section-six_title section-underline_title">About Me</h2>
<div class="section-six_conteiner flex-column">
<div class="section-six-conteiner_photo">
<img src="img&svg/aboutMe.webp" alt="My Photo" />
</div>
<p class="section-six-conteiner_text">
I try to be a positive person focused on new challenges. I started
my adventure with nails over a year ago, and I love it very much,
it gives me a lot of satisfaction. I am a pefectionist in what I
do, I believe that everyone should get the best service they
deserve.I have all certificates for working with nails, in particular for compliance with occupational hygiene. Thank you, I hope to meet you.
</p>
</div>
</article>
</section>
<section class="section-seven flex" id="contact">
<article class="flex-column">
<h2 class="section-seven_title section-underline_title">Contact</h2>
<div class="section-seven_conteiner flex-column">
<h4 class="section-seven-conteiner_mobile">Mob</h4>
<p>07506111321</p>
<h4 class="section-seven-conteiner_email">E-mail</h4>
<p>[email protected]</p>
</div>
</article>
</section>
<section class="section-eight flex" id="find-me">
<article class="flex-column">
<h2 class="section-eight_title section-underline_title">Finde Me</h2>
<div class="section-eight_conteiner">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2475.292184800076!2d-0.4209748483708846!3d51.65448657955983!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x48766bf7889f5f8d%3A0x7f4f5b27072cc54a!2sIwona.IW-Nails!5e0!3m2!1sen!2suk!4v1643545022746!5m2!1sen!2suk"
width="100%"
height="100%"
style="border:0;"
allowfullscreen="true"
loading="lazy"
title="Map to finde ME">
</iframe>
</div>
</article>
</section>
<footer class="main-footer main-footer-wrapper flex-column">
<div class="main-footer-wrapper flex-row">
<div class="main-footer_socialicon flex-row">
<img src="img&svg/facebookBlueO.svg" alt="facebook ">
<img src="img&svg/instaOpink.svg" alt="instagram ">
<img src="img&svg/google-my-business-logo.svg" alt="google bisnes">
<a href="mailto:[email protected]"><img src="img&svg/email_mail_icon.svg" alt="email icon"></a>
</div>
<ul class="footer-nav_wrapper flex-row">
<li><a href="#myservice">My Service</a></li>
<li><a href="#gallery">Gallery</a></li>
<li><a href="#price">Prices</a></li>
<li><a href="#about">About</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="#find-me">Map</a></li>
</ul>
</div>
<p class="main-footer_copy">
© Copy Rights 2022 IW-Nails Nails Art. All Rights Reserved.
</p>
</footer>
</main>
<script src="dist/scrypt.js"></script>
</body>
</html>