-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcatalog-item.html
131 lines (126 loc) · 7.35 KB
/
catalog-item.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
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>Набор «Baxter of California» - Barbershop Borodinski</title>
<meta name="description" content="Набор для путеществий Baxter of California включает крем для ухода за кожей, кожную косметику, средство для бритья и шампунь для волос">
<meta name="keywords" content="Набор для путеществий, Baxter of California, набор Baxter of California, Baxter, шампунь, крем после бритья, мужская косметика, шампунь, косметика, увлажняющий крем">
<link rel="StyleSheet" href="css/normalize.css" type="text/css">
<link rel="StyleSheet" href="css/style.css" type="text/css">
<link href="http://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700&subset=latin,cyrillic" rel="stylesheet" type="text/css">
<link rel="icon" href="img/favicon.ico" type="image/ico">
</head>
<body class="inner-page">
<header class="main-header">
<div class="container clearfix">
<nav class="main-navigation">
<ul>
<li class="main-navigation-item">
<a href="index.html">главная</a>
</li>
<li class="main-navigation-item">
<a href="#">информация</a>
</li>
<li class="main-navigation-item">
<a href="#">новости</a>
</li>
<li class="main-navigation-item">
<a href="price.html">прайс-лист</a>
</li>
<li class="main-navigation-item current-page">
<a href="catalog.html">магазин</a>
</li>
<li class="main-navigation-item">
<a href="#">контакты</a>
</li>
</ul>
</nav>
<div class="header-login">
<a href="#">вход</a>
</div>
</div>
</header>
<main class="container content-block">
<h1>набор для путеществий «baxter of california»</h1>
<ul class="breadcrumbs">
<a href="index.html">главная</a>
<a href="#">магазин</a>
<a href="catalog.html">средства для ухода</a>
<span class="current">
набор для путеществий «baxter of california»
</span>
</ul>
<div class="content-row clearfix">
<div class="content-left-column content-photos clearfix">
<figure class="content-photos-image">
<img src="img/content-photos-image.jpg" width="460" height="500" alt="увеличенная картинка">
</figure>
<div class="content-photos-block">
<a href="img/content-photos-block-1.jpg" class="content-photos-preview">
<img src="img/content-photos-block-1.jpg" width="140" height="150" alt="кейс рядом с коробочка, баночки, коробочка.">
</a>
<a href="img/content-photos-block-2.jpg" class="content-photos-preview">
<img src="img/content-photos-block-2.jpg" width="140" height="150" alt="кейс.">
</a>
<a href="img/content-photos-block-3.jpg" class="content-photos-preview">
<img src="img/content-photos-block-3.jpg" width="140" height="150" alt="кейс рядом с коробочкой, баночки, коробочка.">
</a>
</div>
</div>
<section class="content-right-column content-article">
<div class="content-article-goods clearfix">
<p>товар есть в наличии</p>
<p class="current">артикул: dexter-ae</p>
</div>
<p>travel kit – необходимый аксессуар во время любого путешествия. в аккуратной кожаной сумке находится все, что нужно для бритья и ухода за кожей во время рабочей поездки или отдыха: средство для умывания, увлажняющий крем, крем для бритья, крем после бритья, шампунь. набор также может стать отличным подарком.</p>
<div class="content-pricing content-pricing-addition">
<p>2900 руб.</p>
<a href="#" class="btn">купить</a>
</div>
<h2 class="content-list-title">в набор входят:</h2>
<ul class="content-article-list">
<li>средство для умывания (50 мл)</li>
<li>увлажняющий крем (50 мл)</li>
<li>крем для бритья (50 мл)</li>
<li>крем после бритья, шампунь (50 мл)</li>
<li>удобная кожная косметика</li>
</ul>
</section>
</div>
</main>
<footer class="inner-footer">
<div class="container clearfix">
<div class="footer-block footer-contacts">
<p>barbershop «borodinski»</p>
<p>адрес: г. санкт-петербург, ул. собаки павлова, д. 13</p>
<a href="#">как нас найти?</a>
<p>телефон: +7 (495) 666-02-66</p>
</div>
<div class="footer-block footer-social">
<p>давайте дружить!</p>
<a href="#" class="btn footer-social-vk">вконтакте</a>
<a href="#" class="btn footer-social-fb">фейсбук</a>
<a href="#" class="btn footer-social-inst">инстаграм</a>
</div>
<div class="footer-block footer-copyright">
<p>дизайн сайта:</p>
<a href="#" class="btn">glukhanko.ru</a>
</div>
</div>
</footer>
<form action="/login" method="post">
<section class="container login">
<h2 class="login-header">личный кабинет</h2>
<p>введите пожалуйста свой логин и пароль</p>
<input type="text" name="name" placeholder="логин" class="login-name" required="required">
<input type="password" name="password" placeholder="пароль" class="login-password" required="required">
<div class="login-options clearfix">
<input type="checkbox" name="remember" id="remember" checked="checked">
<label for="remember">запомнить</label>
<a href="#">я забыл пароль!</a>
</div>
<button type="submit" class="btn btn-submit">войти</button>
</section>
</form>
</body>
</html>