-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathblank.html
138 lines (127 loc) · 6.86 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
136
137
138
<!DOCTYPE html>
<html class="page" lang="ru">
<head>
<meta charset="utf-8">
<title>HTML Academy: Техномарт</title>
<link rel="stylesheet" href="css/normalize.css">
<link rel="icon" href="favicon32.ico">
<link rel="stylesheet" href="css/minimize-style.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Cuprum&family=PT+Sans&display=swap">
</head>
<body class="body-page">
<header class="main-header"> <!-- ХЕДЕР начало-->
<section class="body-header"> <!-- верхушка сайта-->
<div class="header-box">
<div class="header-left">
<div class="header-item header-item-logo"><a href="index.html"><img src="img/main/logo.svg" width="108" height="18" alt="Логотип Техномарт"></a></div>
<div class="header-item-btn header-item-find"><img class="header-item-icon icon-search" src="img/main/icon-find.svg" height="17" width="17" alt="Лупа для поиска"><label for="site-search"></label><input type="search" class="input-find" name="site-search" id="site-search" value="Поиск:"></div>
</div>
<div class="header-right">
<div class="header-item-btn header-item-favorite"><a href="blank.html"><img class="header-item-icon icon-favorite" src="img/main/icon-favorite.svg" width="14" height="15" alt="Список избранных товаров">Закладки: 0</a></div>
<div class="header-item-btn header-item-cart-empty"><a href="blank.html"><img class="header-item-icon icon-cart" src="img/main/icon-cart.svg" width="15" height="15" alt="Корзина с товарами">Корзина: 0</a></div>
<div class="header-item-btn header-item-order"><a href="blank.html">Оформить заказ</a></div>
</div>
</div>
</section>
<section class="under-header">
<div class="main-header-text">
<p>Интернет-магазин строительных материалов и инструментов для ремонта</p>
</div>
<div class="main-header contacts">
<div class="contacts-phone">
<a href="tel:+78005558628" class="location-phone"><img class="icon-phone" src="img/main/icon-phone.svg" width="18" height="19" alt="Телефон">+7 800 555-86-28</a>
</div>
<div class="contacts-addres">
<p>г.Санкт-Петербург, наб. Реки Карповки, 5 лит П</p>
</div>
</div>
<div class="main-header-buttons">
<div class="login">
<a href="blank.html" class="button login-button"><img class="icon-login" src="img/main/icon-login.svg" width="20" height="17" alt="Кнопка входа">Войти</a>
</div>
<div class="registration">
<a href="blank.html" class="registration-button">Регистрация</a>
</div>
</div>
</section>
<section> <!-- секция с навигациями-->
<nav class="main-navigation">
<ul class="main-navigation-list">
<li class="main-navigation-item"><a href="index.html">Главная</a></li>
<li class="main-navigation-item"><a href="blank.html">Компания</a></li>
<li class="main-navigation-item"><a href="catalog.html">Каталог</a></li>
<li class="main-navigation-item"><a href="blank.html">Новости</a></li>
<li class="main-navigation-item"><a href="blank.html">Спецпредложения</a></li>
<li class="main-navigation-item"><a href="blank.html">Доставка</a></li>
<li class="main-navigation-item"><a href="blank.html">Контакты</a></li>
</ul>
</nav>
</section>
</header> <!-- ХЕДЕР конец-->
<main class="container-blank"> <!-- ОСНОВНОЙ КОНТЕНТ начало-->
</main>
<footer> <!--ФУТЕР начало-->
<div class="main-footer">
<section class="first-footer">
<div class="footer-box">
<div class="first-line">
<div class="logo">
<img src="img/main/logo.svg" width="138" height="23" alt="Лого Техномарт">
</div>
<ul class="navigation-list-white">
<li><a href="blank.html">Компания</a></li>
<li><a href="blank.html">Новости</a></li>
<li><a href="catalog.html">Каталог</a></li>
<li><a href="blank.html">Доставка</a></li>
<li><a href="blank.html">Контакты</a></li>
</ul>
</div>
<div class="second-line">
<h4>г.Санкт-Петербург, наб. Реки Карповки, 5 лит П<br>+7 800 555-86-28</h4>
<ul class="navigation-list-yellow">
<li><a href="blank.html">Материалы</a></li>
<li><a href="blank.html">Техника</a></li>
<li><a href="blank.html">Инструмент</a></li>
<li><a href="blank.html">Спецпредложения</a></li>
</ul>
</div>
</div>
</section>
<div class="second-footer">
<div class="footer-box2">
<section class="copyright"> <!--копирайт-->
<h4>© 2010–2021 Компания «Техномарт»<br>Все права защищены</h4>
</section>
<section class="social"> <!--соцсети-->
<ul class="social-list">
<li class="social-item">
<a href="blank.html" class="social-button">
<img src="img/main/social-vk.svg" width="25" height="14" alt="Вконтакте">
</a>
</li>
<li class="social-item">
<a href="blank.html" class="social-button">
<img src="img/main/social-facebook.svg" width="12" height="22" alt="Facebook">
</a>
</li>
<li class="social-item">
<a href="blank.html" class="social-button">
<img src="img/main/social-insta.svg" width="21" height="21" alt="Instagram">
</a>
</li>
</ul>
</section>
<ul class="developer-list"> <!--обратная связь-->
<li class="feedback">Обратная связь:<br>
<a href="mailto:[email protected]">[email protected]</a>
</li>
<li class="developer">Разработано -<br>
<a href="htmlacademy.ru" class="button">htmlacademy.ru</a>
</li>
</ul>
</div>
</div>
</div>
</footer>
</body>
</html>