-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathprice-list.html
133 lines (111 loc) · 5.06 KB
/
price-list.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
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<title>Барбершоп «Бородинский» : Магазин > Средства для ухода > Набор для путешествий «Baxter of California» </title>
<link rel="stylesheet" href="./css/normalize.css">
<link rel="stylesheet" href="./css/style.css">
</head>
<body>
<header class="main-header">
<nav class="main-navigation">
<a href="index.html" class="main-header-logo">
<img src="./img/index-logo.svg" alt="Логотип барбершопа «Бородинский»" width="111" height="24">
</a>
<ul class="site-navigation">
<li><a href="info.html">Информация</a></li>
<li><a href="news.html">Новости</a></li>
<li class="site-navigation-current"><a href="price.html">Прайс-лист</a></li>
<li><a href="catalog.html">Магазин</a></li>
<li><a href="contacts.html">Контакты</a></li>
</ul>
<ul class="user-navigation">
<li><a href="#">Регистрация</a></li>
<li><a href="#">Вход</a></li>
</ul>
</nav>
</header>
<main class="container">
<h1 class="page-title">Прайс-лист</h1>
<ul class="breadcrumbs">
<li>
<a href="index.html">Главная</a>
</li>
<li class="breadcrumbs-current">Прайс-лист</li>
</ul>
<b class="slogan">Истинно мужская классика</b>
<section class="advantages">
<h2 class="visually-hidden">Используемые средства</h2>
<b>Мы используем только лучшие средства:</b>
<ul class="advantages-list">
<li class="advantages-list-item">Baxter of California</li>
<li class="advantages-list-item">Mr Natty</li>
<li class="advantages-list-item">Suavecito</li>
<li class="advantages-list-item">Malin+Goetz</li>
</ul>
</section>
<section class="prices">
<h2>Цены на услуги наших мастеров:</h2>
<table class="table prices-table">
<thead>
<tr>
<th>Стрижка</th>
<th>Стрижка бороды</th>
<th>Стрижка усов</th>
</tr>
</thead>
<tbody>
<tr>
<td>1500 ₽</td>
<td>500 ₽</td>
<td>350 ₽</td>
</tr>
</tbody>
</table>
</section>
<section class="about">
<h2>Несколько слов о нас</h2>
<p class="about-left">
Наша парикмахерская занимается исключительно мужскими стрижками.
Стрижка каждого клиента для нас - это уникальная и продуманная до мелочей работа.
Мы не работаем на количество, мы делаем качество.
</p>
<p class="about-right">
Наша мастерская расположена в центре города, поэтому сделать стильную стрижку можно в любое время, даже в обеденный перерыв.
Здесь вы можете погрузиться в удобную для вас атмосферу, чувствовать себя комфортно и свободно!
</p>
</section>
</main>
<footer class="main-footer">
<p class="footer-contacts">
Барбершоп «Бородинский»<br>
Адрес: г. Санкт-Петербург, Б. Конюшенная, д. 19/8<br>
<a href="map.html">Как нас найти?</a><br>
Телефон: +7 (812) 666-02-66
</p>
<div class="footer-social">
<b>Давайте дружить!</b>
<ul>
<li><a class="social-button" href="#">Вконтакте</a></li>
<li><a class="social-button" href="#">Фейсбук</a></li>
<li><a class="social-button" href="#">Инстаграм</a></li>
</ul>
</div>
<p class="footer-copyright">
<b>Разработано:</b>
<a class="button" href="https://htmlacademy.ru">HTML Academy</a>
</p>
</footer>
<section class="modal modal-login">
<h2>Личный кабинет</h2>
<p>Введите пожалуйста свой логин и пароль</p>
<!--TODO: Здесь будет форма -->
<span class="modal-close">x</span>
</section>
<section class="modal modal-map">
<h2 class="visually-hidden">Как до нас добраться</h2>
<!-- TODO: здесь будет карта -->
<span class="modal-close">x</span>
</section>
</body>
</html>