-
Notifications
You must be signed in to change notification settings - Fork 0
/
blank.html
135 lines (127 loc) · 6.89 KB
/
blank.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
<!DOCTYPE html>
<html class="page" lang="ru">
<head>
<meta charset="utf-8">
<title>HTML Academy: Интернет магазин «Nёrds»</title>
<link rel="icon" href="favicon.ico"> <!-- 32×32 -->
<link rel="apple-touch-icon" sizes="180x180" href="img/favicons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="img/favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="img/favicons/favicon-16x16.png">
<link rel="manifest" href="manifest.webmanifest">
<link rel="mask-icon" href="img/favicons/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/fonts.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body class="page-body">
<header class="main-header">
<div class="container">
<nav class="main-navigation">
<a href="index.html" class="main-header-logo">
<img src="img/header/logo.svg" alt="Логотип дизайн-студии «Нёрдс»" width="160" height="65">
</a>
<ul class="site-navigation">
<li><a class="link" href="blank.html">Студия</a></li>
<li><a class="link" href="blank.html">Клиенты</a></li>
<li><a class="link" href="catalog.html">Магазин</a></li>
<li><a class="link" href="blank.html">Контакты</a></li>
</ul>
<ul class="user-navigation">
<li><a href="blank.html" class="basket ">Корзина</a></li>
</ul>
</nav>
</div>
</header>
<div class="page-catalog__header">
<h1>Страница в разработке</h1>
<div class="search">
<label>
<p>Давайте найдём вместе...</p>
<input type="text" placeholder="Что ищем?">
</label>
</div>
</div>
<section class="map">
<h2 class="visually-hidden"> Как нас найти</h2>
<div class="map__img">
<div style="position:relative;overflow:hidden;"><iframe src="https://yandex.ru/map-widget/v1/-/CCUBqErGlB"
style="position:relative;"></iframe>
</div>
</div>
<div class="map-contact">
<div class="map-contact__title">
NЁRDS DESIGN STUDIO
</div>
<p>
наб. Реки Карповки,<br> 5 лит П, Санкт-Петербург <br>
<a class="map-contact__phone" href="tel:+78005558628">+7 800 555-86-28</a>
</p>
<a class="map-contact__btn btn" href="blank.html">Напишите нам</a>
</div>
</section>
<footer class="main-footer">
<div class="container">
<section class="social">
<h3 class="visually-hidden"> Мы в социальных сетях</h3>
<ul class="social__list">
<li class="social__item">
<a href="#" title="мы во вконтакте">
<span class="visually-hidden">мы во вконтакте</span>
<svg width="27" height="15" viewBox="0 0 27 15" xmlns="http://www.w3.org/2000/svg">
<path
d="M16.138 11.51C17.094 11.201 18.318 13.55 19.621 14.449C20.599 15.13 21.348 14.983 21.348 14.983L24.821 14.933C24.821 14.933 26.636 14.821 25.778 13.379C25.707 13.259 25.275 12.31 23.193 10.357C21.016 8.31404 21.311 8.64504 23.932 5.11304C25.529 2.96004 26.168 1.64504 25.968 1.08504C25.776 0.546037 24.603 0.686037 24.603 0.686037L20.69 0.713037C20.309 0.714037 19.986 0.832037 19.839 1.22804C19.836 1.23204 19.218 2.89404 18.394 4.30704C16.653 7.29604 15.958 7.45504 15.67 7.26804C15.009 6.83504 15.176 5.53104 15.176 4.60404C15.176 1.70704 15.608 0.499037 14.33 0.187037C13.903 0.0830374 13.591 0.0150374 12.502 0.00503741C11.11 -0.0159626 9.92797 0.00503743 9.25797 0.334037C8.81297 0.557037 8.47197 1.04604 8.67897 1.07404C8.93897 1.10904 9.52197 1.23404 9.83397 1.66004C10.235 2.21204 10.223 3.44904 10.223 3.44904C10.223 3.44904 10.452 6.86004 9.68297 7.28304C9.15497 7.57304 8.43297 6.98104 6.87997 4.26704C6.08697 2.87904 5.48797 1.34504 5.48797 1.34504C5.48797 1.34504 5.37197 1.06004 5.16197 0.904037C4.91197 0.719037 4.56197 0.660037 4.56197 0.660037L0.84797 0.684037C0.84797 0.684037 0.28997 0.700037 0.0849697 0.946037C-0.0970303 1.16404 0.0699697 1.61404 0.0699697 1.61404C0.0699697 1.61404 2.97897 8.49504 6.27297 11.961C9.29297 15.143 12.725 14.932 12.725 14.932H14.28C14.28 14.932 14.749 14.878 14.989 14.62C15.213 14.38 15.203 13.929 15.203 13.929C15.203 13.929 15.172 11.82 16.138 11.51Z" />
</svg>
</a>
</li>
<li class="social__item">
<a href="#">
<span class="visually-hidden">мы в
facebook</span>
<svg width="12" height="22" viewBox="0 0 12 22" xmlns="http://www.w3.org/2000/svg">
<path d="M12 4V0H8C5.79086 0 4 1.79086 4 4V8H0V12H4V22H8V12H12V8H8V4H12Z" />
</svg>
</a>
</li>
<li class="social__item">
<a href="#">
<span class="visually-hidden">мы в instagram</span>
<svg width="21" height="21" viewBox="0 0 21 21" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M3 0H18C19.65 0 21 1.35 21 3V18C21 19.65 19.65 21 18 21H3C1.35 21 0 19.65 0 18V3C0 1.35 1.35 0 3 0ZM14 10.5C14 8.57 12.43 7 10.5 7C8.57 7 7 8.57 7 10.5C7 12.43 8.57 14 10.5 14C12.43 14 14 12.43 14 10.5ZM3 18V9H4.181C4.0626 9.49127 4.00186 9.99467 4 10.5C4 14.0899 6.91015 17 10.5 17C14.0899 17 17 14.0899 17 10.5C16.9986 9.99464 16.9379 9.49118 16.819 9H18V18H3ZM14 7H18V3H14V7Z" />
</svg>
</a>
</li>
</ul>
<div class="social__actions">
<p>Давайте дружить, это выгодно!</p>
<p>Скидка 10% для друзей из социальных сетей.</p>
</div>
</section>
</div>
</footer>
<div class="overlay"></div>
<section class="modal modal__mail">
<h3>Напишите нам</h3>
<form class="mail-form" method="post" action="https://echo.htmlacademy.ru">
<div class="mail-form__box">
<p><label>Ваше имя:<br>
<input type="text" name="name" placeholder="Имя Фамилия">
</label></p>
<p><label>Ваш email:<br>
<input type="email" name="email" placeholder="email@example.com ">
</label></p>
</div>
<label>Текст письма:<br>
<textarea name="text" placeholder="В свободной форме"></textarea>
</label>
<input class="btn button" type="submit" value="Отправить">
</form>
<button class="btn-close" type="button" aria-label="Закрыть">
<span class="visually-hydden">закрыть</span>
</button>
</section>
<script src="js/modal.min.js"></script>
</body>
</html>