-
Notifications
You must be signed in to change notification settings - Fork 0
/
index-desktop.html
executable file
·388 lines (387 loc) · 17.4 KB
/
index-desktop.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
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
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv=Content-Type content="text/html; charset=utf-8">
<script defer type=text/javascript>
//if (screen.width<=1199) {
// location.href="index.html";
//}
window.onresize = function() {
if (window.innerWidth <= 1199) {
console.log('redirect');
window.location.href = 'index.html';
}
}
</script>
<title>Leoni - интернет магазин белья и косметики.</title>
</head>
<body>
<header>
<div class=heading--background>
<div class=heading>
<div class="heading__icons heading__icons_viber" title=Viber></div>
<div class="heading__icons heading__icons_whatsapp" title=Whatsapp></div>
<h3 class=heading__number>8-996-735-37-20</h3>
<a href=https://vk.com/leoni_samara class="heading__icons vk" target=_blank></a>
<div class=user-icon-box>
<div class=user-icon-box__icon></div><a href=# class=user-icon-box__title>Мой аккаунт</a>
</div>
<div class=heading__icons--border-loop>
<div class=heading__icons--loop></div>
</div>
</div>
</div>
<div class=header__navigation>
<img class=header__navigation--logo src=images/logo.png alt="Логотип интернет магазина Leoni" title="Интернет магазин белья и косметики Leoni">
<nav class=header__navigation--menu>
<ul class=header__navigation--menu--block>
<li class=header__navigation--menu--item>
<a class=header__navigation--menu--item_theme href=#>Эротическое бельё <i class="fa fa-caret-down" aria-hidden=true></i></a>
<ul class=header__navigation--menu--sub-block>
<li><a href=#>Сорочки / комплекты</a></li>
<li><a href=#>Костюмы / корсеты</a></li>
<li><a href=#>Эрочулки / стринги</a></li>
<li><a href=#>Бодистокинги</a></li>
</ul>
</li>
<li class=header__navigation--menu--item>
<a class=header__navigation--menu--item_theme href=#>Бренды <i class="fa fa-caret-down" aria-hidden=true></i></a>
<ul class=header__navigation--menu--sub-block>
<li><a href=obsessive.html>Obsessive</a></li>
<li><a href=#>Anais</a></li>
<li><a href=#>Chilirose</a></li>
<li><a href=#>Conte</a></li>
</ul>
</li>
<li class=header__navigation--menu--item>
<a class=header__navigation--menu--item_theme href=#>О нас <i class="fa fa-caret-down" aria-hidden=true></i></a>
<ul class=header__navigation--menu--sub-block>
<li><a href=#>Lorem.</a></li>
<li><a href=#>Id.</a></li>
<li><a href=#>Modi.</a></li>
</ul>
</li>
<li class=header__navigation--menu--item>
<a class=header__navigation--menu--item_theme href=#>Контакты <i class="fa fa-caret-down" aria-hidden=true></i></a>
<ul class=header__navigation--menu--sub-block>
<li><a href=#>Lorem.</a></li>
<li><a href=#>Id.</a></li>
<li><a href=#>Modi.</a></li>
</ul>
</li>
</ul>
</nav>
<div class=header__navigation--order>
<div class=header__navigation--order--menu>
<span class=header__navigation--order--menu--cart>Ваш заказ</span><i class="fa fa-caret-down" aria-hidden=true></i>
<div class=header__navigation--order--submenu>
<span>Еще</span>
</div>
</div>
<div class=header__navigation--order--items>
<img class=header__navigation--order--items--img src=images/packet.png alt>
<span class=header__navigation--order--result>0 товаров | ₽ 0</span>
</div>
</div>
</div>
<div class=header__wrapper>
<input class=header__wrapper-input type=radio name=point id=slide1 checked>
<input class=header__wrapper-input type=radio name=point id=slide2>
<input class=header__wrapper-input type=radio name=point id=slide3>
<input class=header__wrapper-input type=radio name=point id=slide4>
<input class=header__wrapper-input type=radio name=point id=slide5>
<div class=header__wrapper--slider>
<div class="slides slide1">
<label for=slide5 class=header__slider__navigation--left></label>
<label for=slide2 class=header__slider__navigation--right></label>
</div>
<div class="slides slide2">
<label for=slide1 class=header__slider__navigation--left></label>
<label for=slide3 class=header__slider__navigation--right></label>
</div>
<div class="slides slide3">
<label for=slide2 class=header__slider__navigation--left></label>
<label for=slide4 class=header__slider__navigation--right></label>
</div>
<div class="slides slide4">
<label for=slide3 class=header__slider__navigation--left></label>
<label for=slide5 class=header__slider__navigation--right></label>
</div>
<div class="slides slide5">
<label for=slide4 class=header__slider__navigation--left></label>
<label for=slide1 class=header__slider__navigation--right></label>
</div>
<div class=header__wrapper--shop_now>
<a href=# class=header__wrapper--shop_now--button>
<span class=header__wrapper--shop_now--button--text>КУПИТЬ</span><i class="fa fa-caret-right" aria-hidden=true></i>
</a>
</div>
</div>
<div class=header__wrapper--controls>
<label class=header__wrapper--controls-label for=slide1></label>
<label class=header__wrapper--controls-label for=slide2></label>
<label class=header__wrapper--controls-label for=slide3></label>
<label class=header__wrapper--controls-label for=slide4></label>
<label class=header__wrapper--controls-label for=slide5></label>
</div>
</div>
</header>
<div class=wrapper-for-main-and-footer>
<main class=main>
<nav class=main__nav-block>
<span class="font stay-updated">Будьте в курсе</span>
<input class=main__nav-block_email type=email name=email placeholder="Ваш адрес почты">
<button class=main__nav-block_submit type=submit name=send value><i class="fa fa-plus" aria-hidden=true></i></button>
<span class="font find_us">Найдите нас здесь:</span>
<a href=https://vk.com/leonisamara class=find_us--vk target=_blank>
<i class="fa fa-vk" aria-hidden=true></i>
</a>
</nav>
<div class="group-of-photos group-of-photos_position">
<div class="group-of-photos__photo group-of-photos__photo_1">
<div class=group-of-photos__photo_text>КОМБИНАЦИИ</div>
<div class=group-of-photos__button>
<div class=group-of-photos__button_turn>ПЕРЕЙТИ<i class="fa fa-caret-right" aria-hidden=true></i></div>
</div>
</div>
<div class="group-of-photos__photo group-of-photos__photo_2">
<div class=group-of-photos__photo_text>КОРСЕТЫ</div>
<div class=group-of-photos__button>
<div class=group-of-photos__button_turn>ПЕРЕЙТИ<i class="fa fa-caret-right" aria-hidden=true></i></div>
</div>
</div>
<div class="group-of-photos__photo group-of-photos__photo_3">
<div class=group-of-photos__photo_text>КОСТЮМЫ</div>
<div class=group-of-photos__button>
<div class=group-of-photos__button_turn>ПЕРЕЙТИ<i class="fa fa-caret-right" aria-hidden=true></i></div>
</div>
</div>
<div class="group-of-photos__photo group-of-photos__photo_4">
<div class="group-of-photos__photo_text group-of-photos__photo_text_position-4">БОДИСТОКИНГИ БОДИ
<br>ЧУЛКИ
</div>
<div class=group-of-photos__button>
<div class=group-of-photos__button_turn>ПЕРЕЙТИ<i class="fa fa-caret-right" aria-hidden=true></i></div>
</div>
</div>
</div>
<div class=fast-catalog>
<div class=fast-catalog__menu>
<div class=fast-catalog__items>
<span class=fast-catalog__item>КОМБИНАЦИИ</span>
<span class=fast-catalog__item>КОРСЕТЫ</span>
<span class=fast-catalog__item>КОСТЮМЫ</span>
<span class=fast-catalog__item>БОДИСТОКИНГИ</span>
<div class="fast-catalog__arrow fast-catalog__arrow_left"></div>
<div class="fast-catalog__arrow fast-catalog__arrow_right"></div>
</div>
</div>
<div class=fast-catalog__slider>
<div class=fast-catalog-preview__items-box>
<div class=fast-catalog-preview__item>
<div class=fast-catalog-preview__item-image_border>
<img src=images/fast-transition-category-1.jpg alt class=fast-catalog-preview__item-image>
<a href=# class=fast-catalog-preview__item-shop-it><span class=fast-catalog-preview__item-shop-it_img>Купить это</span></a>
</div>
<span class=fast-catalog-preview__item-name>Lorem ipsum dolor.</span>
<h4 class=fast-catalog-preview__item-price>₽1700</h4>
<button class=fast-catalog-preview__button>
<span class=fast-catalog-preview__button_name>Добавить</span>
<span class=fast-catalog-preview__button_plus-logo></span>
</button>
</div>
<div class=fast-catalog-preview__item>
<div class=fast-catalog-preview__item-image_border>
<img src=images/fast-transition-category-2.jpg alt class=fast-catalog-preview__item-image>
<a href=# class=fast-catalog-preview__item-shop-it><span class=fast-catalog-preview__item-shop-it_img>Купить это</span></a>
</div>
<span class=fast-catalog-preview__item-name>Lorem ipsum.</span>
<h4 class=fast-catalog-preview__item-price>₽1700</h4>
<button class=fast-catalog-preview__button>
<span class=fast-catalog-preview__button_name>Добавить</span>
<span class=fast-catalog-preview__button_plus-logo></span>
</button>
</div>
<div class=fast-catalog-preview__item>
<div class=fast-catalog-preview__item-image_border>
<img src=images/fast-transition-category-3.jpg alt class=fast-catalog-preview__item-image>
<a href=# class=fast-catalog-preview__item-shop-it><span class=fast-catalog-preview__item-shop-it_img>Купить это</span></a>
</div>
<span class=fast-catalog-preview__item-name>Lorem ipsum.</span>
<h4 class=fast-catalog-preview__item-price>₽1700</h4>
<button class=fast-catalog-preview__button>
<span class=fast-catalog-preview__button_name>Добавить</span>
<span class=fast-catalog-preview__button_plus-logo></span>
</button>
</div>
<div class=fast-catalog-preview__item>
<div class=fast-catalog-preview__item-image_border>
<img src=images/fast-transition-category-4.jpg alt class=fast-catalog-preview__item-image>
<a href=# class=fast-catalog-preview__item-shop-it><span class=fast-catalog-preview__item-shop-it_img>Купить это</span></a>
</div>
<span class=fast-catalog-preview__item-name>Lorem ipsum.</span>
<h4 class=fast-catalog-preview__item-price>₽1700</h4>
<button class=fast-catalog-preview__button>
<span class=fast-catalog-preview__button_name>Добавить</span>
<span class=fast-catalog-preview__button_plus-logo></span>
</button>
</div>
<div class=fast-catalog-preview__item>
<div class=fast-catalog-preview__item-image_border>
<img src=images/fast-transition-category-1.jpg alt class=fast-catalog-preview__item-image>
<a href=# class=fast-catalog-preview__item-shop-it><span class=fast-catalog-preview__item-shop-it_img>Купить это</span></a>
</div>
<span class=fast-catalog-preview__item-name>Lorem ipsum.</span>
<h4 class=fast-catalog-preview__item-price>₽1700</h4>
<button class=fast-catalog-preview__button>
<span class=fast-catalog-preview__button_name>Добавить</span>
<span class=fast-catalog-preview__button_plus-logo></span>
</button>
</div>
</div>
</div>
</div>
<div class=clearance>
<img src=images/clearance.png alt=Распродажа title="Распродажа -%">
<h5 class=clearance__text>распродажа
<span class="clearance clearance__namber">20<sub class=clearance__minus>-</sub><sup class=clearance__symbol>%</sup>
</span>
</h5>
</div>
<div class=box-clearance>
<div class=box-clearance__item>
<div class="box-clearance__photo box-clearance__photo_1"></div>
<div class=box-clearance__lower-sticker>
<h6 class=box-clearance__name>Lorem ipsum</h6>
<h3 class=box-clearance__price><span class=box-clearance__price-rub>₽</span>1500</h3>
<button type=button class=box-clearance__button>
<span class=box-clearance__button_name>Добавить</span>
<i class="fa fa-plus" aria-hidden=true></i>
</button>
</div>
</div>
<div class=box-clearance__item>
<div class="box-clearance__photo box-clearance__photo_2"></div>
<div class=box-clearance__lower-sticker>
<h6 class=box-clearance__name>Lorem ipsum</h6>
<h3 class=box-clearance__price><span class=box-clearance__price-rub>₽</span>1500</h3>
<button type=button class=box-clearance__button>
<span class=box-clearance__button_name>Добавить</span>
<i class="fa fa-plus" aria-hidden=true></i>
</button>
</div>
</div>
<div class=box-clearance__item>
<div class="box-clearance__photo box-clearance__photo_3"></div>
<div class=box-clearance__lower-sticker>
<h6 class=box-clearance__name>Lorem ipsum</h6>
<h3 class=box-clearance__price><span class=box-clearance__price-rub>₽</span>1500</h3>
<button type=button class=box-clearance__button>
<span class=box-clearance__button_name>Добавить</span>
<i class="fa fa-plus" aria-hidden=true></i>
</button>
</div>
</div>
<div class=box-clearance__item>
<div class="box-clearance__photo box-clearance__photo_4"></div>
<div class=box-clearance__lower-sticker>
<h6 class=box-clearance__name>Lorem ipsum</h6>
<h3 class=box-clearance__price><span class=box-clearance__price-rub>₽</span>1500</h3>
<button type=button class=box-clearance__button>
<span class=box-clearance__button_name>Добавить</span>
<i class="fa fa-plus" aria-hidden=true></i>
</button>
</div>
</div>
</div>
<div class=our-brands_position>
<div class=our-brands>
<div class=our-brands__top-container>
<hr class="our-brands__top our-brands__top_left">
<h4 class=our-brands__title>наши бренды</h4>
<hr class="our-brands__top our-brands__top_right">
</div>
<div class=our-brands__container>
<a class=our-brands__container_a href=#>
<img class=our-brands__container_img src=images/obsessive_logo.png alt title>
</a>
<a class=our-brands__container_a href=#>
<img class=our-brands__container_img src=images/chilirose-logo.jpg alt title>
</a>
<a class=our-brands__container_a href=#>
<img class=our-brands__container_img src=images/anais-logo.jpg alt title>
</a>
</div>
<hr class=our-brands__bottom>
</div>
</div>
<h5 class=about-us>О магазине Leoni</h5>
<h3 class=about-us-text>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Harum molestiae, quis veniam eos nisi. Natus, modi. Itaque minus mollitia perferendis officiis natus eligendi dolorem eius! Ipsam ut atque eum rerum architecto est nesciunt enim animi debitis. Illo, ab, impedit. Et aut quo, ullam vel est sed in, eveniet porro unde dolore placeat tenetur rem voluptatem cupiditate commodi facilis! Deserunt vitae velit totam, enim quaerat odio eos unde minus voluptatem sunt odit architecto similique corrupti ab at dolores blanditiis quidem error ea nam, accusantium sit id debitis. Unde officia, sunt maiores.</h3>
</main>
<footer class=footer>
<div class=footer__top-we-accept>
<div class=footer__top-we-accept_inside-size>
<span class=footer__top-we-accept_text>Мы принимаем:</span>
<img src=images/rub-10-logo.png alt class=footer__top-we-accept_img>
<img src=images/yandex-money-logo.png alt class=footer__top-we-accept_img>
<img src=images/visa-logo.png alt class=footer__top-we-accept_img>
<img src=images/MasterCard-Logo.png alt class=footer__top-we-accept_img>
</div>
</div>
<div class=footer__nav>
<div class=footer__nav_position>
<nav class=footer__nav-block>
<h5 class=footer__nav-block-title>Обслуживание</h5>
<a class=footer__nav-block-item href=#>Сроки поставки и условия</a>
<a class=footer__nav-block-item href=#>Возвраты и возмещения</a>
<a class=footer__nav-block-item href=#>Условия платежа</a>
<a class=footer__nav-block-item href=#>Условия продажи</a>
<a class=footer__nav-block-item href=#>Контакты</a>
<a class=footer__nav-block-item href=#>FAQ</a>
</nav>
<nav class=footer__nav-block>
<h5 class=footer__nav-block-title>Информация</h5>
<a class=footer__nav-block-item href=#>Как делать покупки</a>
<a class=footer__nav-block-item href=#>Филиал</a>
<a class=footer__nav-block-item href=#>О Leoni</a>
</nav>
<nav class=footer__nav-block>
<h5 class=footer__nav-block-title>Категории</h5>
<a class=footer__nav-block-item href=#>Бодистокинги</a>
<a class=footer__nav-block-item href=#>Боди/чулки</a>
<a class=footer__nav-block-item href=#>Комбинации</a>
<a class=footer__nav-block-item href=#>Колготки</a>
<a class=footer__nav-block-item href=#>Костюмы</a>
<a class=footer__nav-block-item href=#>Корсеты</a>
</nav>
<nav class=footer__nav-block>
<h5 class=footer__nav-block-title>Пункты выдачи</h5>
<a class=footer__nav-block-item href=#>Оренбург</a>
<a class=footer__nav-block-item href=#>Саратов</a>
<a class=footer__nav-block-item href=#>Казань</a>
<a class=footer__nav-block-item href=#>Самара</a>
<a class=footer__nav-block-item href=#>Пенза</a>
<a class=footer__nav-block-item href=#>Уфа</a>
</nav>
</div>
<img src=images/shape.png alt="Ваша личная информация под защитой!" title="Ваша личная информация под защитой!" class=footer__nav-shape>
</div>
<div class=footer-all-rights>
<nav class=footer-all-rights__navigation>
<a class=footer-all-rights__navigation_item href=#>Приватность</a> <span>|</span>
<a class=footer-all-rights__navigation_item href=#>Положения/Условия</a> <span>|</span>
<a class=footer-all-rights__navigation_item href=#>Доступность</a> <span>|</span>
<a class=footer-all-rights__navigation_item href=#>Справочник магазина</a> <span>|</span>
<a class=footer-all-rights__navigation_item href=#>О нас</a>
</nav>
<h6 class=footer-all-rights__copiright>© Leoni.ru<br>Все права защищены.</h6>
</div>
</footer>
</div>
</body>
</html>
<!-- <link rel="stylesheet" type="text/css" href="css/normalize.css"> -->
<!-- <link rel="stylesheet" property="stylesheet" type="text/css" href="css/font-awesome.min.css"> -->
<!-- <link rel="stylesheet" type="text/css" href="css/desktop.css"> -->
<!-- <link rel="stylesheet" type="text/css" href="css/footer.css"> -->
<link rel="stylesheet" type="text/css" href="css/desktop.min.css">