-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
215 lines (181 loc) · 5.68 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
<!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">
<title>Barbershop</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header class="global-header">
<a href="index.html">
<img src="images/logo.svg" alt="Barbershop logo" />
</a>
<nav class="main-navigation">
<ul>
<li><a href="about.html" class="active">About</a></li>
<li><a href="">Services and Prices</a></li>
<li> <a href="">Brbers</a></li>
<li> <a href="">Contacts</a></li>
</ul>
</nav>
<a href="tel:+38 044 111 11 11">+38 044 111 11 11</a>
<a
href="https://goit.global/ro/contacts/"
rel="noopener noreferrer nofollow"
target="_blank"
>Book a service</a>
<section>
<a
href="https://www.youtube.com"
rel="noopener noreferrer nofollow"
target="_blank"
>Youtube</a>
<a
href="https://www.instagram.com"
rel="noopener noreferrer nofollow"
target="_blank"
>Instagram</a>
<img src="images/dash_navigation.links.png" alt="link separator">
</section>
</header>
<main>
<section>
<hr/>
<span>A hair salon for men in Kyiv</span>
<h1>BarberShop</h1>
<p>
We are experts in trendy men's haircuts.
We work quickly, carefully, and tastefully.
</p>
</section>
<section>
<img
src="images/barber_img1.png"
alt="Frizer taie mașina de tuns"
/>
<img src="images/barber_img2.png" alt="Frizer taie cu lama">
<span> <img src="images/dash_about.png">About</span>
<h2>The Best Barbershop in Your City</h2>
<h3>
If you want to add more confidence to your image, you are definitely in the right place.
</h3>
<p>We are a team that never rests on its laurels and yearns for change. And once you fall into the hands of our master, you will never be the same again. We are a team that is always on the same wavelength with clients. Therefore, we are always ready to improve everyone who comes to us!</p>
<button>book a service</button>
</section>
<!--Services and prices-->
<section>
<h3>Spend time in the company of the best craftsmen</h3>
<h2>Services and Prices</h2>
<ul>
<li>
<span> Men's Haircut</span>
<span>from 300 UAH</span>
</li>
<li>
<span>Beard Trim</span>
<span>from 200 UAH</span>
</li>
<li>
<span>Mustache Trim</span>
<span>from 200 UAH</span>
</li>
<li>
<span>Straight Razor Shave</span>
<span>from 200 UAH</span>
</li>
</ul>
<ul>
<li>
<span>Trainee Haircut</span>
<span>from 50 UAH</span>
</li>
<li>
<span>Buzz Cut</span>
<span>from 200 UAH </span>
</li>
<li>
<span>Kids Haircut (‹12 y.o.)</span>
<span>from 300 UAH </span>
</li>
<li>
<span>Gray Coverage</span>
<span>from 200 UAH </span>
</li>
</ul>
<button>Book a Service</button>
</section>
<section>
<ul>
<li>
<span>600</span>
<sup>+</sup>
<span>Satisfied Customers per Day/span>
</li>
<span>50</span>
<sup>+</sup>
<span>Excellent Service Awards</span>
</li>
<li>
<span>20</span>
<sup>+</sup>
<span>The Best Barbersof Kyiv</span>
</li>
<li>
<span>100</span>
<sup>+</sup>
<span>Gifts for Regular Customers</span>
</li>
</ul>
<article>
<h3>Old school</h3>
<h2>Why do they come to us?</h2>
<p>Only good things are said about us. But it is better to see and feel 1 time than to read 10 times. </p>
</article>
</section>
<section>
<h3>for true connoisseurs of the atmosphere</h3>
<h2>Our Barbers </h2>
<img src="images/img1.png" alt="John Smith">
<br>
<span>John Smith</span>
<br>
<em>Extreme Barber</em>
<img src="images/img2.png" alt="Michele Doe">
<br>
<span>Michele Doe</span>
<br>
<em>Extreme Barber</em>
<img src="images/img3.png" alt="Alan Black">
<br>
<span>Alan Black</span>
<br>
<em>Extreme Barber</em>
</section>
<section>
<h3>In Latin, "barba" means "beard"</h3>
<ul>
<li>
<img src="./images/img4.png" alt="Frizer tunde cu mașina">
</li>
<li>
<img src="./images/barbereste.png" alt="Frizer care barbereste">
</li>
<li>
<img src="./images/pune ceva pe fata.png" alt="Frizerul pune ceva pe fata">
</li>
<li>
<img src="./images/mana tatuata.png" alt="Tunde la ceafă">
</li>
</ul>
</section>
<section>
<h3>Contacts</h3>
<address> Main Street, 7A Kyiv, 08132 </address>
</section>
</main>
<!--
-->
</body>
</html>