-
Notifications
You must be signed in to change notification settings - Fork 3
/
price.html
148 lines (148 loc) · 7.14 KB
/
price.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
<!DOCTYPE html>
<html class="no-js" lang="ru">
<head>
<meta charset="utf-8">
<title>Прайс-лист - Барбершоп</title>
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/style.min.css">
</head>
<body class="inner-page">
<header class="main-header">
<div class="container clearfix">
<nav class="main-navigation">
<a class="inner-logo" href="index.html" title="На главную">
<img src="img/inner-logo.png" width="111" height="24" alt="Барбершоп «Бородинский»">
</a>
<ul>
<li>
<a href="#" title="Информация">Информация</a>
</li>
<li>
<a href="#" title="Новости">Новости</a>
</li>
<li class="is-active">
<a>Прайс-лист</a>
</li>
<li>
<a href="shop.html" title="Магазин">Магазин</a>
</li>
<li>
<a href="#" title="Контакты">Контакты</a>
</li>
</ul>
</nav>
<div class="user-block">
<a class="login" href="login.html" title="Вход">Вход</a>
</div>
</div>
</header>
<main class="main-content container">
<h1 class="main-heading">Прайс-лист</h1>
<nav class="breadcrumbs">
<ul>
<li>
<a href="index.html" title="Главная">Главная</a>
</li>
<li>
Прайс-лист
</li>
</ul>
</nav>
<div class="inner-content">
<div class="big-heading">
<h2>Истинно мужская классика</h2>
</div>
<div class="inner-content-colums clearfix">
<div class="inner-content-column-left">
<h2>Мы используем только <br> лучшие средства:</h2>
<ul class="custom-list custom-list-1">
<li>Baxter of California</li>
<li>Mr Natty</li>
<li>Suavecito</li>
<li>Malin+Goetz</li>
</ul>
</div>
<div class="inner-content-column-right">
<h2>Цены на услуги <br> наших мастеров:</h2>
<table class="prices-table">
<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-content-columns clearfix">
<h2>Несколько слов о нас:</h2>
<div class="inner-content-column-left">
<p class="short-text">Наша парикмахерская занимается исключительно мужскими стрижками. Стрижка каждого клиента для нас - это уникальная и продуманная до мелочей работа. Мы не работаем на количество, мы делаем качество.</p>
</div>
<div class="inner-content-column-right">
<p class="short-text">Наша мастерская расположена в центре города, поэтому сделать стильную стрижку можно в любое время, даже в обеденный перерыв. Здесь вы можете погрузиться в удобную для вас атмосферу, чувствовать себя комфортно и свободно!</p>
</div>
</div>
</div>
</main>
<footer class="main-footer">
<div class="container clearfix">
<section class="footer-contacts">
Барбершоп «Бородинский»<br>
Адрес: г. Санкт-Петербург, Б. Конюшенная, д. 19/8<br>
<a class="js-open-map" href="contacts.html" title="Как нас найти">Как нас найти?</a><br>
Телефон: +7 (495) 666-02-66
</section>
<section class="footer-social">
<p>Давайте дружить!</p>
<a class="social-btn social-btn-vk" href="#" title="ВКонтакте">Вконтакте</a>
<a class="social-btn social-btn-fb" href="#" title="Фейсбук">Фейсбук</a>
<a class="social-btn social-btn-inst" href="#" title="Инстаграм">Инстаграм</a>
</section>
<section class="footer-copyright">
<p>Разработано:</p>
<a class="btn" href="https://htmlacademy.ru" title="HTML Academy">HTMLAcademy.ru</a>
</section>
</div>
</footer>
<!-- Modals
---------------------------------------------------------->
<div class="modal-overlay"></div>
<div class="modal-content">
<button class="modal-content-close" type="button" title="Закрыть">Закрыть</button>
<h2 class="modal-content-title">Личный кабинет</h2>
<p>Введите пожалуйста свой логин и пароль.</p>
<form class="login-form" action="https://echo.htmlacademy.ru" method="post">
<div class="login-user">
<input class="icon-user" type="text" name="login" placeholder="Логин">
</div>
<div class="login-password">
<input class="icon-password" type="password" name="password" placeholder="Пароль">
</div>
<div class="login-remember">
<input id="login-remember" type="checkbox" name="remember" value="1">
<label for="login-remember">Запомните меня</label>
</div>
<a class="login-restore" href="#" title="Перейти к восстановлению пароля">Я забыл пароль!</a>
<button class="btn btn-login" type="submit">Войти</button>
</form>
</div>
<div class="modal-content-map">
<button class="modal-content-close" type="button" title="Закрыть">Закрыть</button>
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1998.6037999040354!2d30.322010416394033!3d59.938716271971415!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4696310fca5ba729%3A0xea9c53d4493c879f!2sBolshaya+Konyushennaya+ul.%2C+19%2C+Sankt-Peterburg%2C+Russia%2C+191186!5e0!3m2!1sen!2s!4v1441888483426&" width="752" height="547" style="border:0;" allowfullscreen></iframe>
</div>
<!-- JS
---------------------------------------------------------->
<script>
// A check whether JS is on/off
(function(){var html=document.documentElement;html.className=html.className.replace('no-js','js');})();
</script>
<script src="js/script.min.js"></script>
</body>
</html>