-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
151 lines (144 loc) · 10.8 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="style.css">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>PoliNails</title>
</head>
<body>
<nav class="navigation">
<div class="userCityWrapper">
<p>Ваш город</p>
<a href="#">Москва</a>
</div>
</nav>
<section class="a">
<section class="aWrapper">
<img src="./images/biglogo1.png" alt="Company logo"><br>
<a href="+79043564365">+79043564365</a>
<p class="lightGreyCursive">Единый телефон </p>
<h2 class="headingTitle">Портфолио</h2>
<p class="lightGreyCursive">Оцените фантазийные дизайны и уникальные nail-решения от наших мастеров.
<br>
Все фотографии, которые Вы видите в Портфолио выполнены мастерами ПИLКИ.</p>
</section>
</section>
<section class="b">
<section class="bWrapper">
<img src="./images/1/nailsExample1.png" alt="Work example">
<img src="./images/1/nailsExample2.jpg" alt="Work example">
<img src="./images/1/nailsExample3.jpg" alt="Work example">
<img src="./images/1/nailsExample4.jpg" alt="Work example">
<img src="./images/1/nailsExample5.jpg" alt="Work example">
<img src="./images/1/nailsExample6.jpg" alt="Work example">
<img src="./images/1/nailsExample7.jpg" alt="Work example">
<img src="./images/1/nailsExample8.jpg" alt="Work example">
<img src="./images/1/hiden1.jpg" class="hidden" alt="Work sample">
<img src="./images/1/hidden2.jpg" class="hidden" alt="Work sample">
<img src="./images/1/hidden3.jpg" class="hidden" alt="Work sample">
<img src="./images/1/hidden4.jpg" class="hidden" alt="Work sample">
</section>
<button href="#" type="button" id="extendShowCaseBtn" class="expand-btn">Показать еще</button>
</section>
<section class="ba" >
<div class="baWrapper">
<div class="slot">
<div>
<img src="./images/2/BCwPvSvPG_M.jpg" alt="offer Image">
</div>
<h3>МАНИКЮР</h3>
<h4 data-title="классический/аппаратный/комбинированный. При любом формате его стоимость составит 700 рублей. Если одновременно Вы приобретаете покрытие лаком или гель-лаком, то стоимость маникюра составит 400 рублей + стоимость покрытия." data-type="html">Rлассический/аппаратный/комбинированный.</h4>
<p>700/400р</p>
</div>
<div class="slot">
<div>
<img src="./images/2/W5vZ9-D77CA.jpg" alt="offer Image">
</div>
<h3>МАНИКЮР: МАТОВОЕ ПОКРЫТИЕ</h3>
<h4 data-title="Оригинальный, заметный и элегантный дизайн.
Прежде всего, мастер придаёт подходящую форму и максимально выравнивает поверхность. Важно создать эффект безупречно гладких ногтей перед нанесением матового покрытия. Невероятно модно сочетать в маникюре матовость и глянец. Наиболее выгодно смотрятся богатые темные и глубокие оттенки матовых топов. Если выбрать за основу матовое покрытие, то поверх него можно создать интересные рисунки, выложить стразы и использовать другие средства nail-декора." data-type="html">Гладкие, идеально ровные ногти и абсолютная…</h4>
<p>100р</p>
</div>
<div class="slot">
<div>
<img src="./images/2/DbeTthwa6u8.jpg" alt="offer Image">
</div>
<h3>МАНИКЮР + ПОКРЫТИЕ ЛАКОМ</h3>
<h4 data-title="Стандартный лак подойдет тем, кто обожает постоянно менять цвет ногтей и поддерживать свежесть маникюра. Без труда удаляется средством для снятия лака, не проникает глубоко в ногтевую пластину, безопасен для беременных." data-type="html">Богатая палитра цветов от ведущих мировых</h4>
<p>1100р/900р</p>
</div>
<div class="slot">
<div>
<img src="./images/2/ETXJ-I7jEII.jpg" alt="offer Image">
</div>
<h3>ПЕДИКЮР</h3>
<h4 data-title="Наши ножки заслуживают достойного ухода! Кожа ног быстро пересушивается, стопы постоянно трутся, испытывая дискомфорт от неудобной обуви и изменения температур в помещении и на улице. Ороговевшая кожа на ступнях может доставлять мучительные боли и дискомфорт, поэтому очень важно регулярно делать педикюр. " data-type="html">Выбирайте нужный вид педикюра - классический/аппаратный/комбинированный.…</h4>
<p>1400/900р</p>
</div>
<div class="slot">
<div>
<img src="./images/2/FPotJkwYadc.jpg" alt="offer Image">
</div>
<h3>МАНИКЮР + ПОКРЫТИЕ ГЕЛЬ-ЛАКОМ</h3>
<h4 data-title="В отличие от обычного лака, гель-лак обладает повышенной износостойкостью и при соблюдении всех рекомендаций и правильной носке покрытие гель-лак держится на ногтях от 2 до 3 недель. Покрытие гель-лаком - это экономичное решение для тех, кто ценит своё время, деньги и хочет всегда иметь ухоженные ногти." data-type="html">Богатый выбор самых модных дизайнов, роскошная…</h4>
<p>1100р/900р</p>
</div>
<div class="slot">
<div>
<img src="./images/2/gjnNGhVdygE.jpg" alt="offer Image">
</div>
<h3>МАНИКЮР: НАРАЩИВАНИЕ НОГТЕЙ</h3>
<h4 data-title="Большой плюс - безопасность для ногтевых пластин. Ногти, покрытые гелем, «дышат». Гель не только позволяет смоделировать форму и длину, но и защищает ногти от вредных бактерий, препятствуя ломкости и проникновению вредных веществ. Наращивание помогает создать совершенные ногти, подкорректировать природные недостатки. Любой дизайн будет выглядеть гораздо выигрышнее на наращенных ногтях." data-type="html">Гелевое наращивание выглядит максимально естественно.</h4>
<p>2000/200 р. за 1 палец</p>
</div>
<div class="slot">
<div>
<img src="./images/2/K_eOFkc44mo.jpg" alt="offer Image">
</div>
<h3>ПЕДИКЮР + ПОКРЫТИЕ ГЕЛЬ-ЛАКОМ</h3>
<h4 data-title="В отличие от обычного лака, гель-лак дольше держится на ногтях и сохраняет блеск до самого снятия.
К тому же, гель-лак защищает ногтевую пластину от механических и температурных воздействий. " data-type="html">В отличие от обычного лака, гель-лак…</h4>
<p>2200 р.</p>
</div>
<div class="slot">
<div>
<img src="./images/2/nqX5pufu0gk.jpg" alt="offer Image">
</div>
<h3>ПЕДИКЮР + ПОКРЫТИЕ ЛАКОМ </h3>
<h4 data-title="Покрытие лаком-идеальный вариант для тех, кто любит разнообразие, ведь такое покрытие можно менять без вреда для ногтевой пластины хоть каждый день, выбирая разные оттенки под каждый наряд." data-type="html">Покрытие лаком-идеальный вариант для тех, кто…</h4>
<p>1400р/1700р</p>
</div>
</div>
</section>
<section class="c">
<div class="backgroundDiv">
</div>
<div class="bigText">
<p>.PoliNa</p>
</div>
</section>
<section class="d">
<section class="dWrapper">
<a href="#" id="review" class="regularGreyText">оставить отзыв</a>
<ul class="bottomNavigation">
<li class="boldText">Интернет-магазин</li>
<li class="boldText">Школа</li>
<li class="boldText">Франшиза</li>
</ul>
</section>
</section>
<footer>
<p class="boldText">Наши соц.сети</p>
<section class="media">
<ul>
<li><a href="http://instagram.com/poli_poli_nails" target="_blank"><img src="./images/Icons/5296765_camera_instagram_instagram logo_icon.png" alt="inst"></a></li>
<li><a href="http://vk.com/polli_polli_8" target="_blank"><img src="./images/Icons/3225181_app_logo_media_popular_social_icon.png" alt="vk"></a></li>
<li><a href="#"><img src="./images/Icons/5296516_tweet_twitter_twitter logo_icon.png" alt="twitter"></a></li>
</ul>
</section>
</footer>
</body>
<script src="./script.js"></script>
</html>