-
Notifications
You must be signed in to change notification settings - Fork 0
/
product-detail.html
250 lines (214 loc) · 14 KB
/
product-detail.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Bjarmia</title>
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/manifest.json">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
<meta name="theme-color" content="#ffffff">
<link rel="stylesheet" type="text/css" href="css/uikit.css">
<link rel="stylesheet" href="css/fullpage.css">
<link rel="stylesheet" href="css/social-likes_flat.css">
<link rel="stylesheet" type="text/css" href="css/custom.css">
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script src="js/uikit.js"></script>
<script src="js/components/grid.min.js"></script>
<script src="js/components/sticky.min.js"></script>
<script src="js/components/accordion.min.js"></script>
<script src="js/fullpage.js"></script>
<script src="https://cdn.jsdelivr.net/npm/social-likes/dist/social-likes.min.js"></script>
<script src="https://api-maps.yandex.ru/2.0-stable/?load=package.standard&lang=ru-RU" type="text/javascript"></script>
<script src="js/custom.js"></script>
</head>
<body class="product-page-body">
<div class="container">
<header class="header-side uk-visible-large">
<div class="header-logo">
<a href=""><img src="images/logo_01_side.svg" width="28" alt=""></a>
</div>
<nav class="header-nav">
<ul class="menu-main uk-nav" id="menu-main">
<li><a data-menuanchor="products" href="#">Каталог</a></li>
<li><a data-menuanchor="info" href="#">Ценности</a></li>
<li><a data-menuanchor="delivery" href="#">Доставка</a></li>
<li><a data-menuanchor="contacts" href="#">Контакты</a></li>
</ul>
</nav>
<div class="header-socials">
<a href="" class="header-social uk-icon-instagram"></a>
<a href="" class="header-social uk-icon-facebook"></a>
</div>
</header>
<header class="header-small uk-hidden-large">
<!-- <div class="header-logo">
<a href=""><img src="images/logo_small.svg" width="164" alt=""></a>
</div> -->
<div class="navbar-toggle">
<a href="#menu" class=" z-navbar-toggle uk-padding-remove"><span></span></a>
</div>
</header>
<main class="product-page product-page_arctic-scrub">
<div class="catalog-wrap uk-visible-large">
<ul class="catalog catalog_side" data-uk-sticky>
<li class="catalog-item">
<div class="catalog-item-wrap">
<div class="catalog-item-image"><img src="images/product-arctic-balm.png" alt=""></div>
<div class="catalog-item-name">ARCTIC BALM</div>
</div>
<a href="" class="uk-position-cover"></a>
</li>
<li class="catalog-item">
<div class="catalog-item-wrap">
<div class="catalog-item-image"><img src="images/product-arctic-balm.png" alt=""></div>
<div class="catalog-item-name">ARCTIC BALM</div>
</div>
<a href="" class="uk-position-cover"></a>
</li>
<li class="catalog-item active">
<div class="catalog-item-wrap">
<div class="catalog-item-image"><img src="images/product-arctic-balm.png" alt=""></div>
<div class="catalog-item-name">ARCTIC BALM</div>
</div>
<a href="" class="uk-position-cover"></a>
</li>
<li class="catalog-item">
<div class="catalog-item-wrap">
<div class="catalog-item-image"><img src="images/product-arctic-balm.png" alt=""></div>
<div class="catalog-item-name">ARCTIC BALM</div>
</div>
<a href="" class="uk-position-cover"></a>
</li>
</ul>
</div>
<div class="">
<div class="product-page-background">
<!--<video autoplay loop width=332 height=479>
<source src="images/IMG_1230.ogv" type='video/ogg; codecs="theora, vorbis"'/>
<source src="images/IMG_1230.webm" type='video/webm' >
<source src="images/IMG_1230.mp4" type='video/mp4'>
<p>Необходимо обновить браузер, т.к. текущая версия не поддерживает воспроизведение видео</p>
</video>-->
<img src="images/product-background.jpg" alt="">
<div class="social-right uk-visible-large">
<div class="social-likes social-likes_vertical social-likes_light social-likes_notext">
<div class="facebook" title="Поделиться ссылкой на Фейсбуке">Facebook</div>
<div class="twitter" title="Поделиться ссылкой в Твиттере">Twitter</div>
<div class="vkontakte" title="Поделиться ссылкой во Вконтакте">Вконтакте</div>
</div>
</div>
</div>
<div class="product-foreground uk-grid uk-grid-width-large-1-2">
<div>
<div class="product product_detail" data-uk-sticky="{top:100,media: 960}">
<div class="product-image">
<img src="images/product-arctic-balm.png" alt="">
</div>
<div class="product-title">ARCTIC GEL</div>
<div class="product-subtitle">ГЕЛЬ ДЛЯ ОБЛАСТИ ВОКРУГ ГЛАЗ</div>
<form class="cart" method="post" enctype="multipart/form-data">
<div class="product-addtocart">
<div class="product-quantity">
<div class="product-quantity-button icon-plus" onclick="iconPlus(this);">
</div>
<div class="product-quantity-input">
<div class="quantity">
<input type="number" id="quantity_5c0a2c772376a" class="input-text qty text" step="1" min="1" max="" name="quantity" value="1" title="Кол-во" size="4" pattern="[0-9]*" inputmode="numeric">
</div>
</div>
<div class="product-quantity-button icon-minus" onclick="iconMinus(this);">
</div>
</div>
<div class="product-addtocart-button">
<button type="submit" name="add-to-cart" value="9" class="single_add_to_cart_button button alt uk-button"><span>Добавить</span> в корзину
</button>
</div>
</div>
</form>
<div class="product-price">
<span class="price"><span class="woocommerce-Price-amount amount">1275<span class="woocommerce-Price-currencySymbol"><span class="rur">р<span>уб.</span></span></span></span></span>
</div>
</div>
</div>
<div class="">
<div class="product-content-wrap">
<div class="socials-small uk-hidden-large">
<div class="social-likes social-likes_light social-likes_notext">
<div class="facebook" title="Поделиться ссылкой на Фейсбуке">Facebook</div>
<div class="twitter" title="Поделиться ссылкой в Твиттере">Twitter</div>
<div class="vkontakte" title="Поделиться ссылкой во Вконтакте">Вконтакте</div>
</div>
</div>
<div class="product-description ">
<p>Суровые ветра, морозы, резкие перепады температур, иссушающий воздух отапливаемых помещений — всё это крайне негативно отражается на нежной коже губ. ARCTIC BALM — первая помощь обветренным, сухим шелушащимся губам. Способ сделать их гладкими и ухоженными, как никогда прежде. Почувствуйте силу Севера на губах: это суперзащита от любых стрессов, интенсивный уход и восстановление кожи. Плотный бальзам на основе органического касторового масла имеет полностью натуральный состав без вазелина, минерального масла и парафина.</p>
<p><strong>Какие задачи решает ARCTIC BALM?</strong><br>
Заживляет микротравмы и активно восстанавливает кожу губ.<br>
Продолжительно увлажняет поверхность кожи и удерживает влагу в её глубине.<br>
Надёжно защищает от агрессивных факторов внешней среды.<br>
Разглаживает рельеф, возвращает гладкость и упругость.<br>
Дарит ухоженный и привлекательный вид.<br>
Может играть роль основы под макияж.<br>
Три вида гиалуроновой кислоты в микросферах обеспечивают интенсивное увлажнение на трёх разных уровнях и разглаживают рельеф кожи.<br>
Олиго-гиалуроновая кислота с молекулярным весом менее 10 кДа проникает глубоко в кожу, удерживая в ней большое количество влаги.<br>
Низкомолекулярная гиалуроновая кислота (200-300 кДа) обеспечивает длительное увлажнение, смягчает и питает эпидермис.<br>
Высокомолекулярная гиалуроновая кислота (>1000 кДа) формирует на поверхности кожи лёгкую плёнку, защищая её от трансэпидермальной потери влаги и внешних повреждений.<br>
Защитный эффект усиливают природные сахара, прекрасно удерживающие влагу, и мощные антиоксиданты-полифенолы. Антиоксидант дигидрокверцетин из лиственницы даурской (Larix dahurica) улучшает кровоснабжение тканей губ, их питание и снабжение кислородом, стимулирует синтез коллагена, снимает воспаления, ускоряет заживление ранок и микротрещин.<br>
За регенерацию и обновление тканей, а также мягкую эксфолиацию ороговевших клеток также отвечают органические кислоты в составе арктических ягод.<br>
Продукт подходит веганам, так как не содержит ингредиентов животного происхождения и не тестировался на животных. Алюминиевая упаковка защищает продукт от окисления и микробиологического загрязнения из окружающей среды (после нажатия на тубу в неё не попадает воздух). Алюминий и картон, используемые в упаковке продукта, подлежат последующей переработке.<br>
Состав/INCI:<br>
Ricinus Communis (Castor) Seed Oil, Hydroxystearic Acid, Glycerin, Euphorbia Cerifera (Candelilla) Wax, Polyglyceryl-3-Stearate, Caprylic/Capric Triglyceride, Sodium Hyaluronate, Camelia Sinensis (Tea) Leaf Extract, Dihydroquercetin, Hydrogenated Castor Oil, Vaccinium Vitis-Idaea (Lingonberry) Fruit Extract, Rubus Chamaemorus (Cloudberry) Fruit Extract, Rubus Arcticus (Arctic Raspberry) Fruit Extract.</p>
<p>Состав:<br>
касторовое масло, гидроксистеариновая кислота, глицерин, канделильский воск, полиглицерил-3-стеарат, каприловый/каприновый триглицерид, гиалуронат натрия, экстракт чая, дигидрокверцетин, гидрогенизированное касторовое масло, экстракт брусники, экстракт морошки, экстракт княженики.</p>
<p>Хранение<br>
Хранить при температуре от +5 °С до +25 °С, без доступа прямых солнечных лучей. Избегать попадания влаги в упаковку продукта.</p>
<p>Применение<br>
Наносить бальзам на губы перед выходом на улицу и при необходимости в течение дня.</p>
<p>Объем 30мл</p>
</div>
</div>
</div>
</div>
</div>
</main>
</div>
<div id="cart-circle" class="cart-link">
<a class="" href="#">
</a>
<span class="icon-shopping-bag"></span>
<span class="cart-link-total">4</span>
</div>
<!--MODAL-->
<div id="menu" class="uk-modal">
<div class="uk-modal-dialog uk-modal-dialog-blank">
<div class="menu-modal-inner">
<div class="menu-modal-products">
<div class="menu-modal-products-title uk-h3">
<span>ПРОДУКТЫ</span>
</div>
<ul class="menu-modal-products-nav uk-nav">
<li class=""><a href="#">ARCTIC SCRUB</a></li>
<li class=""><a href="#">ARCTIC BALM</a></li>
</ul>
</div>
<div class="menu-modal-menu">
<ul class="uk-nav uk-text-center uk-margin-bottom">
<li class=""><a href="#">О нас</a></li>
<li class=""><a href="#">Доставка</a></li>
<li class=""><a href="#">Корзина</a></li>
<li class=""><a href="#">Контакты</a></li>
</ul>
</div>
<div class="menu-modal-socials">
<a class="icon-vk" href="#"></a>
<a class="icon-facebook" href="#"></a>
<a class="icon-instagram" href="#"></a>
</div>
</div>
</div>
</div>
</body>
</html>