Skip to content

Commit 6f1de5b

Browse files
author
webdevway
committed
www
1 parent 168d41e commit 6f1de5b

File tree

5 files changed

+677
-124
lines changed

5 files changed

+677
-124
lines changed

content/www/DanceColor/index.html

Lines changed: 44 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
<head>
44
<meta charset="UTF-8">
55
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
6-
<title>Title</title>
6+
<title>салон-студия красок</title>
77
<!--<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">-->
88
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css">
99
<link rel="stylesheet" href="style.css">
@@ -53,16 +53,33 @@
5353
<li class="header-menu_list_item">Портфолио</li>
5454
<li class="header-menu_list_item">Контакты</li>
5555
</ul>
56+
<nav class="main-nav-burger-wrapper">
57+
<span class="main-nav-burger_line"></span>
58+
<ul class="main-nav-burger">
59+
<li class="header-menu_list_item">Каталог <i class="fas fa-chevron-down"></i></li>
60+
<li class="header-menu_list_item">Подбор материала <i class="fas fa-chevron-down"></i></li>
61+
<li class="header-menu_list_item">Услуги <i class="fas fa-chevron-down"></i></li>
62+
<li class="header-menu_list_item header-menu_list_item_stock">Акции</li>
63+
<li class="header-menu_list_item">Портфолио</li>
64+
<li class="header-menu_list_item">Контакты</li>
65+
</ul>
66+
</nav>
5667
</div>
5768
</div>
5869
<div class="header-icons-wrapper">
5970
<div class="header-call">
60-
<a href="">Заказать звонок</a>
71+
<a href="tel:(4812)63-37-37">Заказать звонок</a>
6172
</div>
6273
<div class="header-socIcons">
63-
<img class="header-socIcons_item" src="img/header_icon_vk.png" alt="icon_vk">
64-
<img class="header-socIcons_item" src="img/header_icon_fb.png" alt="icon_fb">
65-
<img class="header-socIcons_item" src="img/header_icon_i.png" alt="icon_instagram">
74+
<a class="header-socIcons_item" href="https://vk.com/kkrasski">
75+
<img src="./img/header_icon_vk.png" alt="icon_vk">
76+
</a>
77+
<a class="header-socIcons_item" href="https://www.facebook.com/kkrasski">
78+
<img class="header-socIcons_item" src="./img/header_icon_fb.png" alt="icon_fb">
79+
</a>
80+
<a class="header-socIcons_item" href="https://www.instagram.com/master_cveta/">
81+
<img class="header-socIcons_item" src="./img/header_icon_i.png" alt="icon_instagram">
82+
</a>
6683
</div>
6784
</div>
6885
</header>
@@ -72,33 +89,32 @@
7289
<div class="main-content">
7390
<p class="title">Цвет вашего комфорта</p>
7491
<div class="main_description-wrapper">
75-
<p class="description ">Выбирайте свой цвет из 20 000 оттенков,</p>
76-
<p class="description main_description">а если не найдете нужный, мы смешаем любой</p>
77-
<p class="description">цвет и оттенок при вас.</p>
92+
<p class="description main_description">Выбирайте свой цвет из 20 000 оттенков,
93+
а если не найдете нужный, мы смешаем любой
94+
цвет и оттенок при вас.</p>
7895
</div>
7996
<span class="main_btn">Подобрать материал</span>
8097
</div>
8198
</div>
8299
<div class="main-widget-wrapper">
83100
<div class="main-widget">
84101
<div class="main-widget_item">
85-
<img class="main-widget_img" src="img/main_color.png" alt="color">
102+
<img class="main-widget_img" src="./img/main_color.png" alt="color">
86103
<p>Разбираемся в краске уже 15 лет</p>
87104
</div>
88105
<div class="main-widget_item">
89-
<img class="main-widget_img" src="img/main_clients.png" alt="clients">
106+
<img class="main-widget_img" src="./img/main_clients.png" alt="clients">
90107
<p>Более 1000 довольных клиентов</p>
91108
</div>
92109
<div class="main-widget_item">
93-
<img class="main-widget_img" src="img/main_instr.png" alt="done">
110+
<img class="main-widget_img" src="./img/main_instr.png" alt="done">
94111
<p>Покрасили более 10 000 м2</p>
95112
</div>
96113
</div>
97114
</div>
98115
</div>
99116

100117
<div class="section-services">
101-
102118
<p class="title">Наши услуги</p>
103119
<p class="description services_description ">Предпочитаем перед продажей подробно консультировать клиентов, дабы
104120
избежать ошибок и
@@ -135,7 +151,6 @@
135151
<button class="help_btn">Позвоните мне</button>
136152
</form>
137153
</div>
138-
<img src="img/sect_help_img.png" alt="image">
139154
</div>
140155
</div>
141156

@@ -144,7 +159,7 @@
144159
<p class="title offer_title">Ваши гарантии и преимущества</p>
145160
<div class="offer-df-wrapper">
146161
<div class="offer-content">
147-
<img src="img/offer_content_choise.png" alt="Огромный ассортимент">
162+
<img src="./img/offer_content_choise.png" alt="Огромный ассортимент">
148163
<div>
149164
<p class="offer-content_title">Огромный ассортимент </p>
150165
<p class="offer-content_description">Выберите свой цвет из 20 000 оттенков, а если не найдете нужный, мы смешаем
@@ -153,7 +168,7 @@
153168
</div>
154169
</div>
155170
<div class="offer-content">
156-
<img src="img/offer_content_car.png" alt="Выезд к клиенту">
171+
<img src="./img/offer_content_car.png" alt="Выезд к клиенту">
157172
<div>
158173
<p class="offer-content_title">Выезд к клиенту</p>
159174
<p class="offer-content_description"><a href="">Оставьте заявку</a> и мы выедем к вам на дом, чтобы
@@ -162,7 +177,7 @@
162177
и подобрать верные решения</p>
163178
</div>
164179
</div>
165-
</div>
180+
</div>
166181
<div class="offer-df-wrapper">
167182
<div class="offer-content">
168183
<img src="img/offer_content_people.png" alt="Помним о вас">
@@ -201,7 +216,7 @@
201216
<div class="slider_img-wrapper">
202217
<img class="slider_img" src="img/slider1.png" alt="promo">
203218
<div class="slider_img-blockContent">
204-
<p>Успенский кафедральный собор в Смоленске</p>
219+
Успенский кафедральный собор в Смоленске
205220
</div>
206221
</div>
207222
<div class="slider_img-wrapper">
@@ -233,7 +248,7 @@
233248

234249
<footer class="footer">
235250
<div class="footer-content">
236-
<div class="footer-left-content">
251+
<div class="footer-content_contact">
237252
<img class="footer-logo_img" src="img/footer_logo.png" alt="Логотип">
238253
<p class="footer-logo_title">салон-студия красок</p>
239254
<ul class="footer-contact_list">
@@ -245,15 +260,21 @@
245260
</li>
246261
<li class="footer-contact_list_item"><img src="img/footer_icon_geo.png" alt="location">&nbsp;&nbsp;Смоленск,
247262
пр-т Гагарина 7
248-
</li>
263+
</li>
249264
</ul>
250265
<div class="footer-socIcons">
251-
<img class="footer-socIcons_item" src="img/footer_icon_vk.png" alt="icon_vk">
252-
<img class="footer-socIcons_item" src="img/footer_icon_fb.png" alt="icon_fb">
253-
<img class="footer-socIcons_item" src="img/footer_icon_i.png" alt="icon_instagram">
266+
<a class="footer-socIcons_item" href="https://vk.com/kkrasski">
267+
<img class="" src="img/footer_icon_vk.png" alt="icon_vk">
268+
</a>
269+
<a class="footer-socIcons_item" href="https://www.facebook.com/kkrasski">
270+
<img class="" src="img/footer_icon_fb.png" alt="icon_fb">
271+
</a>
272+
<a class="footer-socIcons_item" href="https://www.instagram.com/master_cveta/">
273+
<img class="" src="img/footer_icon_i.png" alt="icon_instagram">
274+
</a>
254275
</div>
255276
</div>
256-
<div class="footer-right-content">
277+
<div class="footer-content_menu">
257278
<div class="footer-menu">
258279
<ul class="footer-menu_list">
259280
<li class="footer-menu_list_item">Каталог</li>
@@ -273,7 +294,6 @@
273294
<div class="footer-footer">
274295
<div>
275296
<span class="footer_copyright">© 2019 «Мастерская цвета» Смоленск</span>
276-
<span class="footer_policy">Политика конфиденциальности</span>
277297
</div>
278298
<div class="footer-logo">
279299
<img src="img/footer_studio_logo.png" alt="DANCECOLOR">

content/www/DanceColor/script.js

Lines changed: 20 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,20 @@
1-
$('.slider').slick({
2-
slidesToShow: 3,
3-
slidesToScroll: 1,
4-
variableWidth: true,
5-
easing: 'linear',
6-
appendArrows: $('.slider_btn'),
7-
prevArrow: '<span id="slider_btn_prev" class="slider_btn_left"><i class="fa fa-arrow-left" aria-hidden="true"></i></span>',
8-
nextArrow: '<span id="slider_btn_next" class="slider_btn_right"><i class="fa fa-arrow-right" aria-hidden="true"></i></span>'
9-
});
1+
window.onload = function () {
2+
//burger - menu show / hide
3+
let burger = document.querySelector(".main-nav-burger-wrapper");
4+
let burgerMenu = document.querySelector('.main-nav-burger');
5+
let burgerLine = document.querySelector(".main-nav-burger_line");
6+
burger.addEventListener('click', function () {
7+
console.log(burger, burgerMenu, burgerLine);
8+
burgerMenu.classList.toggle('hidden');
9+
burgerLine.classList.toggle('burger_transform');
10+
});
11+
$('.slider').slick({
12+
slidesToShow: 3,
13+
slidesToScroll: 1,
14+
variableWidth: true,
15+
easing: 'linear',
16+
appendArrows: $('.slider_btn'),
17+
prevArrow: '<span id="slider_btn_prev" class="slider_btn_left"><i class="fa fa-arrow-left" aria-hidden="true"></i></span>',
18+
nextArrow: '<span id="slider_btn_next" class="slider_btn_right"><i class="fa fa-arrow-right" aria-hidden="true"></i></span>'
19+
});
20+
};

0 commit comments

Comments
 (0)