-
Notifications
You must be signed in to change notification settings - Fork 0
/
catalog.html
144 lines (134 loc) · 4.46 KB
/
catalog.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
<!Doctype html>
<html lang="ru">
<head>
<Meta charset="utf-8">
<title>Каталог</title>
</head>
<body>
<header>
<nav>
<a href="index.html">
<img src="img/index-logo.svg" width="111" height="24" alt="Логотип барбершопа «Бородинский»">
</a>
<ul>
<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><a href="contacts.html">Контакты</a></li>
</ul>
<ul>
<li>
<button type="button">Войти</button>
</li>
</ul>
</nav>
</header>
<main>
<h1>Cредства для ухода</h1>
<ul>
<li><a href="index.html">Главная</a></li>
<li><a href="catalog.html">Магазин</a></li>
<li>Средства для ухода</li>
</ul>
<section>
<h2>Фильтр товаров</h2>
</section>
<section>
<h2>Список средств для ухода</h2>
<ul>
<li>
<h3><a href="catalog-item.html">
<span>Набор для путешествий</span>
<span>«Baxter of California»</span>
</a></h3>
<a href="catalog-item.html"><img src="img/product-1.jpg" width="220" height="165" alt="Набор для путешествий «Baxter of California»"></a>
<p>2 900 ₽
<a href="#">Купить</a>
</p>
</li>
<li>
<h3><a href="catalog-item.html">
<span>Увлажняющий кондиционер</span>
<span>«Baxter of California»</span>
</a></h3>
<a href="catalog-item.html"><img src="img/product-1.jpg" width="220" height="165" alt="Набор для путешествий «Baxter of California»"></a>
<p>750 ₽
<a href="#">Купить</a>
</p>
</li>
<li>
<h3><a href="catalog-item.html">
<span>Гель для волос</span>
<span>«Suavecito»</span>
</a></h3>
<a href="catalog-item.html"><img src="img/product-1.jpg" width="220" height="165" alt="Набор для путешествий «Baxter of California»"></a>
<p>290 ₽
<a href="#">Купить</a>
</p>
</li>
<li>
<h3><a href="catalog-item.html">
<span>Глина для укладки волос</span>
<span>«American crew»</span>
</a></h3>
<a href="catalog-item.html"><img src="img/product-1.jpg" width="220" height="165" alt="Набор для путешествий «Baxter of California»"></a>
<p>500 ₽
<a href="#">Купить</a>
</p>
</li>
<li>
<h3><a href="catalog-item.html">
<span>Гель для волос</span>
<span>«American crew»</span>
</a></h3>
<a href="catalog-item.html"><img src="img/product-1.jpg" width="220" height="165" alt="Набор для путешествий «Baxter of California»"></a>
<p>300 ₽
<a href="#">Купить</a>
</p>
</li>
<li>
<h3><a href="catalog-item.html">
<span>Набор для бритья</span>
<span>«Baxter of California»</span>
</a></h3>
<a href="catalog-item.html"><img src="img/product-1.jpg" width="220" height="165" alt="Набор для путешествий «Baxter of California»"></a>
<p>3 900 ₽
<a href="#">Купить</a>
</p>
</li>
</ul>
<ol>
<li> <a href="#">1</a></li>
<li> <a>2</a></li>
<li> <a href="#">3</a></li>
<li> <a href="#">4</a></li>
</ol>
</section>
</main>
<footer>
<p>
Барбершоп «Бородинский»<br>
Адрес: г. Санкт-Петербург, Б. Конюшенная, д. 19/8<br>
<a href="map.html">Как нас найти?</a><br>
Телефон: +7 (812) 666-02-66
</p>
<div>
<p>Давайте дружить!</p>
<ul>
<li><a href="#">Вконтакте</a></li>
<li><a href="#">Фейсбук</a></li>
<li><a href="#">Инстаграм</a></li>
</ul>
</div>
<p>
Разработано: <a href="https://htmlacademy.ru">HTML Academy</a>
</p>
</footer>
<section>
<h2>Личный кабинет</h2>
<p>Введите свой логин и пароль.</p>
<!-- Здесь будет форма -->
<button type="button">Закрыть</button>
</section>
</body>