-
Notifications
You must be signed in to change notification settings - Fork 0
/
contacts.html
93 lines (91 loc) · 5.96 KB
/
contacts.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
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/style.css">
<script src="scripts/script.js" type="text/javascript"></script>
</head>
<body class="inner-page">
<header class="main-header">
<nav class="main-navigation container">
<a class="main-header-logo" href="index.html">
<img src="img/logo.svg" width="111" height="24" alt="Логотип барбершопа Бородинский">
</a>
<ul class="site-navigation">
<li><a href="info.html">Информация</a></li>
<li><a href="news.html">Новости</a></li>
<li><a href="price.html">Прайс-лист</a></li>
<li><a href="catalog.html">Магазин</a></li>
<li class="site-navigation-current"><a href="contacts.html">Контакты</a></li>
</ul>
<ul class="user-navigation">
<li>
<a class="login-link" href="login.html">Вход</a>
</li>
</ul>
</nav>
</header>
<main class="container">
</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-button" href="#"><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><span class="visually-hidden">Вконтакте</span></a></li>
<li><a class="social-button" href="#"><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><span class="visually-hidden">Фейсбук</span></a></li>
<li><a class="social-button" href="#"><span class="visually-hidden">Инстаграм</span><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 htmlAcademyButton" href="htmlacademy.ru">HTML Academy</a>
</p>
</div>
</footer>
<section class="modal modal-login">
<h2>Личный кабинет</h2>
<p class="modal-description">Введите свой логин и пароль</p>
<form class="login-form" action="#" method="post">
<p>
<label class="visually-hidden" for="user-login">Логин</label>
<input class="login-icon-user" id="user-login" type="text" name="login" placeholder="[email protected]">
</p>
<p>
<label class="visually-hidden" for="user-password">Пароль</label>
<input class="login-icon-password" id="user-password" type="password" name="password" placeholder="·······">
</p>
<div class="login-help">
<p class="login-password-info">
<label class="login-checkbox">
<input class="visually-hidden" type="checkbox" name="remember">
<span class="checkbox-indicator"></span>
Запомните меня
</lable>
</p>
<p class="login-password-info">
<a class="restore" href="#">Я забыл пароль!</a>
</p>
</div>
<button class="button" type="submit">Войти</button>
</form>
<button class="modal-close" type="button"><span class="visually-hidden">Закрыть</span></button>
</section>
<section class="modal modal-map">
<h2 class="visually-hidden">Как до нас добраться</h2>
<p>
<img src="img/map.jpg" width="780" height="560" alt="Офис компании по адресу ул. Большая Конюшенная 19/8, Санкт-Петербург">
</p>
<button class="modal-close" type="button"><span class="visually-hidden">Закрыть</span></button>
</section>
</body>
</html>