-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpricelist.html
120 lines (120 loc) · 7.5 KB
/
pricelist.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
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<title>HTML Academy: Барбершоп</title>
<link href="https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700&subset=cyrillic" rel="stylesheet">
<link href="../844063-barbershop-24/css/normalize.css" rel="stylesheet">
<link href="../844063-barbershop-24/css/style.css" rel="stylesheet">
</head>
<body class="inner-page">
<header class="main-header">
<div class="container">
<nav class="main-header-navigation">
<a class="main-header-logo" href="index.html">
<img src="img/logo-small.svg" alt="Логотип Барбершопа Бородинский" width="111" height="24">
</a>
<ul class="site-navigation">
<li><a href="#">Информация</a></li>
<li><a href="#">Новости</a></li>
<li><a href="#">Прайс-лист</a></li>
<li class="site-navigation-current" tabindex="0"><a href="#">Магазин</a></li>
<li><a href="#">Контакты</a></li>
</ul>
<ul class="user-navigation">
<li>
<a class="login-link" href="login.html">Войти</a>
</li>
</ul>
</nav>
</div>
</header>
<main class="container">
<h1>Прайс-лист</h1>
<ul class="breadcrumbs">
<li>Главная</li>
<li class="breadcrumbs-current">Прайс-лист</li>
</ul>
<section class="inner-content">
<h2 class="big-heading">Истинно мужская классика</h2>
<div class="inner-columns">
<div class="inner-column-left">
<h2>Мы используем только лучшие средства:</h2>
<ul class="custom-list1">
<li>Baxter of California</li>
<li>Mr Natty</li>
<li>Suavecito</li>
<li>Malin+Goetz</li>
</ul>
</div>
<div class="inner-column-right">
<h2>Цены на услуги наших мастеров:</h2>
<table class="custom-table1">
<tr>
<td>Стрижка</td>
<td>1500 ₽</td>
</tr>
<tr>
<td>Стрижка бороды</td>
<td>500 ₽</td>
</tr>
<tr>
<td>Накрутка усов</td>
<td>350 ₽</td>
</tr>
</table>
</div>
</div>
<div class="inner-columns">
<h2>Несколько слов о нас:</h2>
<div class="inner-column-left">
<p>Наша парикмахерская занимается исключительно мужскими стрижками. Стрижка каждого клиента для нас — это уникальная и продуманная до мелочей работа. Мы не работаем на количество, мы делаем качество.</p>
</div>
<div class="inner-column-right">
<p>Наша мастерская расположена в центре города, поэтому сделать стильную стрижку можно в любое время, даже в обеденный перерыв. Здесь вы можете погрузиться в удобную для вас атмосферу, чувствовать себя комфортно и свободно!</p>
</div>
</div>
</section>
</main>
<footer class="main-footer">
<div class="container">
<p class="footer-contacts">
БАРБЕРШОП «БОРОДИНСКИЙ»<br>
АДРЕС: Г. САНКТ-ПЕТЕРБУРГ, УЛ. Б. КОНЮШЕННАЯ, Д. 19/8<br>
<a href="map.html">КАК НАС НАЙТИ?</a><br>
ТЕЛЕФОН: +7 (495) 666-02-66
</p>
<div class="footer-social">
<b>Давайте дружить!</b>
<ul>
<li>
<a class="social-item" href="#" aria-label="Группа почитателей Барбершопа Бородинский во ВКонтакте">
<svg xmlns="http://www.w3.org/2000/svg" width="27" height="15" viewBox="0 0 26.14 14.91">
<path d="M26 13.47l-.09-.17a13.55 13.55 0 0 0-2.6-3q-.87-.83-1.1-1.12A1 1 0 0 1 22 8a10.27 10.27 0 0 1 1.22-1.78l.88-1.16q2.35-3.13 2-4L26 .94a.8.8 0 0 0-.4-.22 2.14 2.14 0 0 0-.87 0h-3.92a.51.51 0 0 0-.27 0h-.3a.6.6 0 0 0-.15.14.93.93 0 0 0-.14.24 22.22 22.22 0 0 1-1.46 3.06q-.5.84-.93 1.46a7 7 0 0 1-.71.91 4.94 4.94 0 0 1-.52.47q-.23.18-.35.15l-.23-.05a.9.9 0 0 1-.31-.33 1.49 1.49 0 0 1-.16-.53V1.6a3.14 3.14 0 0 0 0-.62 2.12 2.12 0 0 0-.14-.44.73.73 0 0 0-.28-.33 1.57 1.57 0 0 0-.46-.18A9 9 0 0 0 12.57 0a8.93 8.93 0 0 0-3.25.33 1.83 1.83 0 0 0-.52.41q-.25.3-.07.33a1.67 1.67 0 0 1 1.16.59l.08.16a2.6 2.6 0 0 1 .19.63 6.32 6.32 0 0 1 .12 1 10.59 10.59 0 0 1 0 1.7q-.07.71-.13 1.1a2.21 2.21 0 0 1-.18.64 2.69 2.69 0 0 1-.16.3l-.07.07a1 1 0 0 1-.37.07.86.86 0 0 1-.46-.19 3.27 3.27 0 0 1-.56-.52 7 7 0 0 1-.66-.93q-.37-.6-.76-1.42l-.22-.39q-.2-.38-.56-1.11t-.62-1.43A.9.9 0 0 0 5.2.9h-.07a.93.93 0 0 0-.22-.16A1.44 1.44 0 0 0 4.6.65L.87.68A1 1 0 0 0 .1.94L0 1a.44.44 0 0 0 0 .22 1.08 1.08 0 0 0 .08.37Q.9 3.53 1.86 5.31t1.66 2.87Q4.23 9.27 5 10.24t1 1.24l.37.41.34.33a8.06 8.06 0 0 0 1 .78 16.34 16.34 0 0 0 1.4.9 7.6 7.6 0 0 0 1.79.72 6.19 6.19 0 0 0 2 .22h1.57a1.08 1.08 0 0 0 .72-.3l.05-.07a.9.9 0 0 0 .1-.25 1.38 1.38 0 0 0 0-.37 4.48 4.48 0 0 1 .09-1.05 2.77 2.77 0 0 1 .23-.71 1.74 1.74 0 0 1 .29-.4 1.19 1.19 0 0 1 .23-.2h.11a.86.86 0 0 1 .77.21 4.52 4.52 0 0 1 .83.79q.39.47.93 1.05a6.41 6.41 0 0 0 1 .87l.27.16a3.31 3.31 0 0 0 .71.3 1.53 1.53 0 0 0 .76.07l3.48-.05a1.58 1.58 0 0 0 .8-.17.68.68 0 0 0 .34-.37 1.06 1.06 0 0 0 0-.46 1.71 1.71 0 0 0-.1-.36z" fill="#fff"/>
</svg>
</a>
</li>
<li>
<a class="social-item" href="#" aria-label="Сообщество почитателей Барбершопа Бородинский в Facebook">
<svg xmlns="http://www.w3.org/2000/svg" width="19" height="22" viewBox="0 0 10.15 21.74">
<path d="M3.34 1.12A4.77 4.77 0 0 1 6.53 0h3.61v3.81H7.81a1.07 1.07 0 0 0-1.09.83v2.55h3.42c-.08 1.23-.24 2.45-.41 3.67h-3v10.87H2.21V10.86H0V7.21h2.19V3.66a3.83 3.83 0 0 1 1.15-2.54z" fill="#fff"/>
</svg>
</a>
</li>
<li>
<a class="social-item" href="#" aria-label="Публичная страничка почитателей Барбершопа Бородинский в Instagram">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
<path d="M18 0H2a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zm-8 6a4 4 0 1 1-4 4 4 4 0 0 1 4-4zM2.5 18a.47.47 0 0 1-.5-.5V9h2.1a3.4 3.4 0 0 0-.1 1 6 6 0 1 0 12 0 3.4 3.4 0 0 0-.1-1H18v8.5a.47.47 0 0 1-.5.5zM18 4.5a.47.47 0 0 1-.5.5h-2a.47.47 0 0 1-.5-.5v-2a.47.47 0 0 1 .5-.5h2a.47.47 0 0 1 .5.5z" fill="#fff"/>
</svg>
</a>
</li>
</ul>
</div>
<p class="footer-copyright">
<b>Разработано:</b>
<a class="button" href="https://htmlacademy.ru">HTML ACADEMY</a>
</p>
</div>
</footer>
</body>
</html>