-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
192 lines (192 loc) · 16.3 KB
/
index.html
File metadata and controls
192 lines (192 loc) · 16.3 KB
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
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Page name</title>
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="theme-color" content="#ffffff">
<meta content="#ffffff" name="null">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=PT+Sans:400,700&display=swap">
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
</head>
<body>
<div class="header-wrap">
<div class="container">
<div class="header">
<div class="header-btn-catalog">
<button class="btn-catalog" type="#">
<svg class="btn-catalog__img">
<path class="btn-catalog__img-icon" d="M12 11.163h4v4h-4v-4zm-6 0h4v4H6v-4zm-6 0h4v4H0v-4zm12-5.581h4v4h-4v-4zm-6 0h4v4H6v-4zm-6 0h4v4H0v-4zM12 0h4v4h-4V0zM6 0h4v4H6V0zM0 0h4v4H0V0z" fill="#ffffff"></path>
</svg>
<div class="btn-catalog__text">Каталог товаров</div>
</button>
</div>
<button class="header-btn-catalog__mobile" type="#"><img src="assets/icons/menu.svg" alt="Меню"></button>
<form class="search-form header__search-form">
<input class="search-form__input" type="search" placeholder="Средство, действующее вещество, проблема" aria-label="Поиск по сайту" autocomplete="off">
<button class="btn__img btn__img_yellow" type="submit"><img src="assets/icons/search.svg" alt="Поиск лекарств"></button>
</form>
<button class="header__search-form-mobile" type="#"><img src="assets/icons/search.svg" alt="Поиск лекарств"></button><a class="logo header__logo" href="#"><img src="assets/icons/logo.svg" alt="Монастырёв — аптечная сеть"></a><a class="header-profile" href="#">
<svg width="22" height="25" fill-rule="evenodd">
<rect class="header-profile_img-undershirt" fill="#fff" x="1" y="16.333" width="19.7" height="8" rx="4"></rect>
<path d="M15.688 14.333c3.332 0 6.034 2.612 6.034 5.833h0V22.5c0 .644-.54 1.167-1.207 1.167s-1.207-.522-1.207-1.167h0v-2.333c0-1.933-1.621-3.5-3.62-3.5h0-9.654c-1.999 0-3.62 1.567-3.62 3.5h0V22.5c0 .644-.54 1.167-1.207 1.167S0 23.144 0 22.5h0v-2.333c0-3.222 2.701-5.833 6.034-5.833h0zm-4.827-14c3.332 0 6.034 2.612 6.034 5.833S14.193 12 10.861 12 4.827 9.388 4.827 6.166 7.528.333 10.861.333zm0 2.333c-2 0-3.62 1.567-3.62 3.5s1.621 3.5 3.62 3.5 3.62-1.567 3.62-3.5-1.621-3.5-3.62-3.5z" fill="#00893d"></path>
</svg>
<div class="header-profile__user">
<div class="header-profile__name">Константин</div>
<div class="header-profile__description">Ваш профиль</div>
</div></a><a class="header-favorites" href="#">
<svg class="header-favorites__img">
<path d="M8.187 7.245L11.415.636c.414-.848 1.612-.848 2.026 0l3.228 6.609 7.219 1.066c.926.137 1.295 1.287.625 1.948L19.291 15.4l1.233 7.263c.158.933-.811 1.644-1.639 1.203l-6.456-3.431-6.456 3.431c-.829.44-1.798-.271-1.639-1.203L5.566 15.4.343 10.259c-.671-.66-.301-1.811.625-1.948l7.219-1.066z" fill="#fc0"></path>
<path class="btn-catalog__img-smallstar" d="M9.941 9.302l1.948-3.924c.25-.504.973-.504 1.223 0l1.948 3.924 4.357.633a.68.68 0 0 1 .377 1.156l-3.152 3.052.744 4.312c.096.554-.489.976-.989.715L12.5 17.133l-3.896 2.037c-.5.261-1.085-.161-.989-.715l.744-4.312-3.152-3.052a.68.68 0 0 1 .377-1.156l4.357-.633z" fill="#fff"></path>
</svg></a><a class="basket header__basket" href="#"><img src="assets/icons/shopcart.svg" alt="Корзина"></a>
<div class="header__suppinfo">
<div class="header__cities-selector">
<div class="header__cities-selector-text">Владивосток</div><img src="assets/icons/arrow.svg" alt="Открыть меню выбора города">
</div>
<ul class="header-submenu">
<li class="header-submenu__item"><a href="#">Адреса аптек</a></li>
<li class="header-submenu__item"><a href="#">Доставка</a></li>
<li class="header-submenu__item"><a href="#">О нас</a></li>
<li class="header-submenu__item"><a href="#">Акции</a></li>
</ul>
<button class="header-btn-contrast-version" type="#">
<div class="header-btn-contrast-version__text">Версия для слабовидящих</div>
<div class="header-btn-contrast-version__img">
<svg width="21" height="13">
<path class="header-btn-contrast-version__img-cornea" d="M.76 5.205l-.67.972c-.12.203-.12.443 0 .646s.343.542.67.972c.54.711 1.178 1.422 1.912 2.088C4.808 11.821 7.321 13 10.192 13s5.384-1.179 7.52-3.117a15.4 15.4 0 0 0 1.912-2.088l.67-.972c.12-.203.12-.443 0-.646s-.343-.542-.67-.972a15.4 15.4 0 0 0-1.912-2.088C15.576 1.179 13.063 0 10.192 0s-5.384 1.179-7.52 3.117C1.937 3.783 1.3 4.494.76 5.205zm3.15 3.69a13.92 13.92 0 0 1-1.724-1.884L1.817 6.5l.368-.511c.488-.643 1.065-1.286 1.724-1.884 1.844-1.673 3.95-2.661 6.281-2.661s4.437.988 6.281 2.661c.659.598 1.236 1.241 1.724 1.884l.368.511-.368.511c-.488.643-1.065 1.286-1.724 1.884-1.845 1.673-3.95 2.661-6.281 2.661s-4.437-.988-6.281-2.661z" fill="#8f8f8f"></path>
<path class="header-btn-contrast-version__img-pupil" d="M10.191 9.389c-1.876 0-3.397-1.293-3.397-2.889s1.521-2.889 3.397-2.889 3.397 1.293 3.397 2.889-1.521 2.889-3.397 2.889z" fill="#8f8f8f" fill-rule="nonzero"></path>
</svg>
</div>
</button>
<div class="header-phone">8 800 707 77 33</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="banner banner__index">
<div class="banner__arrows"><img class="arrow arrow_left" src="assets/icons/arrow-white_right.svg" alt="Влево"><img class="arrow arrow_right" src="assets/icons/arrow-white_right.svg" alt="Вправо"></div>
<div class="banner__arrows-bg">
<div class="banner__arrows-bg-item"></div>
<div class="banner__arrows-bg-item"> </div>
</div>
<div class="banner__btns"><a class="btn btn__white" href="#">Подробнее</a>
<div class="pagination banner__pagination">
<button class="pagination__circle pagination__circle_active" type="#"></button>
<button class="pagination__circle" type="#"></button>
<button class="pagination__circle" type="#"></button>
<button class="pagination__circle" type="#"></button>
<button class="pagination__circle" type="#"></button>
</div>
</div>
</div>
<div class="catalog-menu">
<div class="catalog-menu__header">
<div class="catalog-menu__header-img"><img src="assets/icons/bag.svg" alt="Каталог товаров"></div>
<div class="catalog-menu__header-text">
<div class="catalog-menu__header-name">Каталог</div>
<div class="catalog-menu__header-arrow"><img src="assets/icons/arrow-menu.svg" alt="Открыть"></div>
</div>
<button class="catalog-menu__header-close" typr="#"><img src="assets/icons/close.svg" alt="Закрыть меню"></button>
</div>
<div class="catalog-menu__header-line"></div>
<div class="catalog-menu__tabs">
<div class="catalog-menu__tabs-categories">категории</div>
<div class="catalog-menu__tabs-brands">бренд</div>
</div>
<div class="catalog-menu__items"><a class="catalog-menu__item" href="#">
<div class="catalog-menu__item-base">
<div class="catalog-menu__item-img"><img src="assets/icons/medicines.svg" alt="Аптечные товары"></div>
<div class="catalog-menu__item-text">Аптечные товары</div><img class="catalog-menu__item-arrow catalog-menu__item-arrow_active" src="assets/icons/arrow-menu.svg" alt="#">
</div><img class="catalog-menu__item-arrow-right" src="assets/icons/arrow-menu_right.svg" alt="#"></a>
<div class="catalog-menu-sub">
<div class="catalog-menu-sub__item"> <a href="#">БАДы и Витамины</a></div>
<div class="catalog-menu-sub__item"> <a href="#">Косметические средства с лечебным эффектом</a></div>
<div class="catalog-menu-sub__item"> <a href="#">Лекарственные препараты</a></div>
<div class="catalog-menu-sub__item"> <a href="#">Лечебное и диетическое питание</a></div>
<div class="catalog-menu-sub__item"> <a href="#">Медицинские изделия</a></div>
<div class="catalog-menu-sub__item"> <a href="#">Минеральные воды</a></div>
<div class="catalog-menu-sub__item"> <a href="#">Спортивное питание</a></div>
<div class="catalog-menu-sub__item"> <a href="#">Для здоровья</a></div>
</div><a class="catalog-menu__item" href="#">
<div class="catalog-menu__item-base">
<div class="catalog-menu__item-img"><img src="assets/icons/cosmetics.svg" alt="Косметика"></div>
<div class="catalog-menu__item-text">Косметика</div><img class="catalog-menu__item-arrow" src="assets/icons/arrow-menu.svg" alt="#">
</div><img class="catalog-menu__item-arrow-right" src="assets/icons/arrow-menu_right.svg" alt="#"></a><a class="catalog-menu__item" href="#">
<div class="catalog-menu__item-base">
<div class="catalog-menu__item-img"><img src="assets/icons/food.svg" alt="Здоровое питание"></div>
<div class="catalog-menu__item-text">Здоровое питание</div><img class="catalog-menu__item-arrow" src="assets/icons/arrow-menu.svg" alt="#">
</div><img class="catalog-menu__item-arrow-right" src="assets/icons/arrow-menu_right.svg" alt="#"></a><a class="catalog-menu__item" href="#">
<div class="catalog-menu__item-base">
<div class="catalog-menu__item-img"><img src="assets/icons/family.svg" alt="Для дома и семьи"></div>
<div class="catalog-menu__item-text">Для дома и семьи</div><img class="catalog-menu__item-arrow" src="assets/icons/arrow-menu.svg" alt="#">
</div><img class="catalog-menu__item-arrow-right" src="assets/icons/arrow-menu_right.svg" alt="#"></a><a class="catalog-menu__item" href="#">
<div class="catalog-menu__item-base">
<div class="catalog-menu__item-img"><img src="assets/icons/baby.svg" alt="Мама и малыш"></div>
<div class="catalog-menu__item-text">Мама и малыш</div><img class="catalog-menu__item-arrow" src="assets/icons/arrow-menu.svg" alt="#">
</div><img class="catalog-menu__item-arrow-right" src="assets/icons/arrow-menu_right.svg" alt="#"></a><a class="catalog-menu__item" href="#">
<div class="catalog-menu__item-base">
<div class="catalog-menu__item-img"><img src="assets/icons/optics.svg" alt="Оптика"></div>
<div class="catalog-menu__item-text">Оптика</div><img class="catalog-menu__item-arrow" src="assets/icons/arrow-menu.svg" alt="#">
</div><img class="catalog-menu__item-arrow-right" src="assets/icons/arrow-menu_right.svg" alt="#"></a><a class="catalog-menu__item" href="#">
<div class="catalog-menu__item-base">
<div class="catalog-menu__item-img"><img src="assets/icons/devices.svg" alt="Медицинские приборы"></div>
<div class="catalog-menu__item-text">Медицинские приборы</div><img class="catalog-menu__item-arrow" src="assets/icons/arrow-menu.svg" alt="#">
</div><img class="catalog-menu__item-arrow-right" src="assets/icons/arrow-menu_right.svg" alt="#"></a><a class="catalog-menu__item" href="#">
<div class="catalog-menu__item-base">
<div class="catalog-menu__item-img"><img src="assets/icons/promo.svg" alt="Скидки"></div>
<div class="catalog-menu__item-text">Скидки</div><img class="catalog-menu__item-arrow" src="assets/icons/arrow-menu.svg" alt="#">
</div><img class="catalog-menu__item-arrow-right" src="assets/icons/arrow-menu_right.svg" alt="#"></a>
</div>
<div class="catalog-menu-mob">
<div class="catalog-menu-mob__items"><a class="catalog-menu-mob__item" href="#">
<div class="catalog-menu__item-img"><img src="assets/icons/user-blue.svg" alt="Аптечные товары"></div>
<div class="catalog-menu-mob__item-text">
<div class="catalog-menu-mob__item-name">Профиль</div>
<div class="catalog-menu-mob__item-desc">Анастасия</div>
</div></a><a class="catalog-menu-mob__item" href="#">
<div class="catalog-menu__item-img"><img src="assets/icons/favorite2.svg" alt="Аптечные товары"></div>
<div class="catalog-menu-mob__item-text">
<div class="catalog-menu-mob__item-name">Избранное</div>
<div class="catalog-menu-mob__item-desc">15 товаров</div>
</div></a><a class="catalog-menu-mob__item" href="#">
<div class="catalog-menu__item-img"><img src="assets/icons/pin.svg" alt="Аптечные товары"></div>
<div class="catalog-menu-mob__item-text">
<div class="catalog-menu-mob__item-name">Вольно-Надеждинск</div>
<div class="catalog-menu-mob__item-desc">15 аптек</div>
</div></a></div>
<div class="catalog-menu-mob-footer">
<div class="catalog-menu-mob-footer__item"><a class="catalog-menu-mob__item-name" href="#">Акции</a></div>
<div class="catalog-menu-mob-footer__item"><a class="catalog-menu-mob__item-name" href="#">Доставка</a></div>
<div class="catalog-menu-mob-footer__item"><a class="catalog-menu-mob__item-name" href="#">Новости</a></div>
<div class="catalog-menu-mob-footer__item"><a class="catalog-menu-mob__item-name" href="#">О компании</a></div>
<div class="catalog-menu-mob-footer__phone">
<div class="catalog-menu-mob-footer__item-img"><img src="assets/icons/phone.svg" alt="Телефон"></div>
<div class="catalog-menu-mob__item-text">
<div class="catalog-menu-mob__item-name catalog-menu-mob__item-number">8 800 707 77 33</div>
<div class="catalog-menu-mob__item-desc">Позвонить бесплатно</div>
</div>
</div>
<div class="catalog-menu-mob-footer__mobapp">
<div class="catalog-menu-mob-footer__mobapp-shop"><a href="#"><img class="catalog-menu-mob-footer__mobapp-shop-img" src="assets/icons/app-apple.svg" alt="App Store"></a></div>
<div class="catalog-menu-mob-footer__mobapp-shop"><a ref="#"><img class="catalog-menu-mob-footer__mobapp-shop-img" src="assets/icons/app-google.svg" alt="Google Play"></a></div>
</div>
</div>
</div>
</div>
<div class="catalog-menu-sub2">
<div class="catalog-menu-sub__item"> <a href="#">БАДы и Витамины</a></div>
<div class="catalog-menu-sub__item"> <a href="#">Косметические средства с лечебным эффектом</a></div>
<div class="catalog-menu-sub__item"> <a href="#">Лекарственные препараты</a></div>
<div class="catalog-menu-sub__item"> <a href="#">Лечебное и диетическое питание</a></div>
<div class="catalog-menu-sub__item"> <a href="#">Медицинские изделия</a></div>
<div class="catalog-menu-sub__item"> <a href="#">Минеральные воды</a></div>
<div class="catalog-menu-sub__item"> <a href="#">Спортивное питание</a></div>
<div class="catalog-menu-sub__item"> <a href="#">Для здоровья</a></div>
</div>
</div>
</body>
</html>