beds-lending/index.html at main · Kami1-ui/beds-lending · GitHub

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
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
<!DOCTYPE html>
<html lang="ru">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <link rel="apple-touch-icon" sizes="180x180" href="img/favicon/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="img/favicon/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="img/favicon/favicon-16x16.png">
    <link rel="manifest" href="img/favicon/site.webmanifest">
    <link rel="mask-icon" href="img/favicon/safari-pinned-tab.svg" color="#5bbad5">
    <meta name="msapplication-TileColor" content="#da532c">
    <meta name="theme-color" content="#ffffff">

    <link rel="stylesheet" href="css/style.css">

    <title>Бонлайн</title>
</head>

<body class="lock">

    <div class="load preloader">
        <div style="color: #37B19C" class="preloader__loader  la-ball-circus la-2x">
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
        </div>
    </div>

    <div class="background-start">

        <header class="header">
            <div class="container">
                <div class="header__body">
                    <div class="header__logo">
                        <img src="./img/logo.png" alt="">
                    </div>
                    <div class="header__call">
                        <div class="header__numbers">
                            <a href="tel:89176267717">8 (917) 626-77-17</a>
                            <a href="tel:89374550758">8 (937) 455-07-58 </a>
                        </div>
                        <a href="#request" class="header__request">Заказать звонок</a>
                    </div>
                </div>
            </div>
        </header>

        <section class="start">
            <div class="container">
                <div class="start__body">
                    <div class="start__description">
                        <div class="title start__title ">
                            <h2>Нестандартные <span class="color-green">кровати</span></h2>
                        </div>
                        <div class="text-md start__text">
                            Металлический корпус обеспечит долгий срок службы, а благодаря уникальной конструкции будут
                            занимать мало места и станет стильным предметом интерера - для Вас!
                        </div>
                        <a href="#request" class="btn-pink">Оставить заявку</a>
                    </div>
                    <div class="start__img">
                        <img src="./img/start-img1.png" alt="">
                    </div>
                </div>
            </div>
        </section>

    </div>


    <!--
    <section class="beds">
        <div class="container  ">
            <div class="title beds__title ">
                <h2>Уникальные двухъярусные кровати</h2>
            </div>
            <div class="beds__row">
                <div class="beds__item">
                    <div class="beds__img">
                        <img src="./img/beds-img1.png" alt="beds-img1">
                    </div>
                    <div class="beds__text text-sm">Cпособна выдерживать нагрузку до 180 кг, что делает ее подходящей
                        как для
                        детей, так и для взрослых.</div>
                </div>
                <div class="beds__item">
                    <div class="beds__img">
                        <img src="./img/beds-img2.png" alt="beds-img2">
                    </div>
                    <div class="beds__text  text-sm"> Металлические элементы прослужат долго, и не сломаются даже под
                        натиском
                        прыжков..</div>
                </div>
                <div class="beds__item">
                    <div class="beds__img">
                        <img src="./img/beds-img3.png" alt="beds-img3">
                    </div>
                    <div class="beds__text  text-sm">Свободную зону под кроватью можно оформить как игровую или создать
                        рабочее
                        место, что позволит сэкономить пространство в помещении.</div>
                </div>
            </div>
        </div>
    </section> -->


    <section class="catalog">
        <div class="container  ">
            <div class="title catalog__title ">
                <h2>Наш каталог</h2>
            </div>

            <div class="catalog__item section-color-yellow">
                <div class="catalog__item-description">
                    <h3>Кровати-чердаки</h3>
                    <p>
                        Это спальное место, под которым есть пустое пространство. Оно может
                        использоваться по-разному, но всегда будет удобно и полезно малышу. Его может занять кровать,
                        рабочая зона, шкаф, игровое место и т. д.
                    </p>
                    <p>
                        Мы предлагаем детские кровати чердаки, которые идеально вписываются в интерьер квартир небольшой
                        площади, где необходимо совместить функции спальни для ребенка и его "рабочего" кабинета,
                        создать место для игр
                    </p>
                </div>

                <div class="catalog__carusel carusel">
                    <div class="carusel__item">
                        <div class="carusel__item-body">
                            <img src="./img/catalog/loft-bed1.jpg" alt="Кровать-чердак">
                            <div class="price-tag">
                                15 780₽
                            </div>
                        </div>
                    </div>
                    <div class="carusel__item">
                        <div class="carusel__item-body">
                            <img src="./img/catalog/loft-bed2.jpg" alt="Кровать-чердак">
                            <div class="price-tag">
                                14 780₽
                            </div>
                        </div>
                    </div>
                    <div class="carusel__item">
                        <div class="carusel__item-body">
                            <img src="./img/catalog/loft-bed3.jpg" alt="Кровать-чердак">
                            <div class="price-tag">
                                13 780₽
                            </div>
                        </div>
                    </div>

                </div>

            </div>
            <div class="catalog__item section-color-green catalog__item_reverse">
                <div class="catalog__item-description">
                    <h3> Двухъярусные кровати</h3>
                    <p>
                        Для семей, которые имеют не одного ребенка, можно приобрести двойную кровать, где можно свободно
                        не занимая лишнее пространство уместить двух детей
                    </p>
                    <p>
                        Это позволяет существенно экономить пространство детской комнаты, а также широкий ряд моделей и
                        дополнительных конфигураций позволяют создать конструкцию идеально подходящую для конкретной
                        семьи
                    </p>
                </div>

                <div class="catalog__carusel carusel carusel_reverse">
                    <div class="carusel__item">
                        <div class="carusel__item-body">
                            <img src="./img/catalog/two-tier-bed1.jpg" alt="Двухъярусная кровать">
                            <div class="price-tag">
                                15 780₽
                            </div>
                        </div>
                    </div>
                    <div class="carusel__item">
                        <div class="carusel__item-body">
                            <img src="./img/catalog/two-tier-bed2.jpg" alt="Двухъярусная кровать">
                            <div class="price-tag">
                                14 780₽
                            </div>
                        </div>
                    </div>
                    <div class="carusel__item">
                        <div class="carusel__item-body">
                            <img src="./img/catalog/two-tier-bed3.jpg" alt="Двухъярусная кровать">
                            <div class="price-tag">
                                13 780₽
                            </div>
                        </div>
                    </div>
                    <div class="carusel__item">
                        <div class="carusel__item-body">
                            <img src="./img/catalog/two-tier-bed4.jpg" alt="Двухъярусная кровать">
                            <div class="price-tag">
                                13 780₽
                            </div>
                        </div>
                    </div>


                </div>
            </div>
            <div class="catalog__item section-color-orange">
                <div class="catalog__item-description">
                    <h3>Комбинации кроватей</h3>
                    <p>
                        Комбинированные детские кровати особенно удобны благодаря своей универсальности
                    </p>
                    <p>
                        Комбинация различных элементов в одном предмете мебели значительно улучшает его функциональность
                        и позволяет родителям и детям подобрать необходимые составляющие
                    </p>
                </div>

                <div class="catalog__carusel carusel">
                    <div class="carusel__item">
                        <div class="carusel__item-body">
                            <img src="./img/catalog/combo-bed1.jpg" alt="Кровать-чердак">
                            <div class="price-tag">
                                15 780₽
                            </div>
                        </div>
                    </div>
                    <div class="carusel__item">
                        <div class="carusel__item-body">
                            <img src="./img/catalog/combo-bed2.jpg" alt="Кровать-чердак">
                            <div class="price-tag">
                                14 780₽
                            </div>
                        </div>
                    </div>
                    <div class="carusel__item">
                        <div class="carusel__item-body">
                            <img src="./img/catalog/combo-bed3.jpg" alt="Кровать-чердак">
                            <div class="price-tag">
                                13 780₽
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </section>


    <section class="about">
        <div class="container">
            <div class="about__body">
                <div class="about__description">
                    <div class="title about__title ">
                        <h2> <span class="color-green">Бонлайн</span> - все что мы делаем, мы делаем с душой!</h2>
                    </div>
                    <div class="about__text  text-md">
                        В самом начале нашей деятельности мы занимались только продажей межкомнатных и входных
                        дверей. Но наши клиенты постоянно обращались к нам с новыми запросами, и мы поняли, что
                        людям нужен не просто товар, а ответственный подход к делу! Поэтому специально для наших
                        клиентов мы расширяем наш ассортимент уникальными двухъярусными кроватями!
                    </div>
                    <a href="https://dpm173.ru/" class="btn-pink">Перейти в магазин</a>
                </div>
                <div class="about__img">
                    <img src="./img/about-img.png" alt="about-img">
                </div>
            </div>
        </div>
    </section>

    <section class="comments">
        <div class="container">
            <div class="comments__body">
                <div class="comments__title title">
                    <h2>Отзывы клиентов</h2>
                </div>
                <div class="comments__row">
                    <div class="comments__item">
                        <div class="comments__img">
                            <img src="./img/user.png" alt="user_img">
                        </div>
                        <div class="comments__description">
                            <div class="comments__lable text-md">Ефимова Юлия Сергеевна</div>
                            <div class="comments__text  text-sm">Хочу выразить благодарность компании «Двери плюс»!!!
                                Заказали детскую кровать Дуэт, заказ выполнили раньше срока, собрали очень быстро и
                                аккуратно, персонал очень вежлив, внимателен к клиенту. Приемлемые цены,что очень
                                радует. Дети в восторге.</div>
                        </div>
                    </div>
                    <div class="comments__item">
                        <div class="comments__img">
                            <img src="./img/user.png" alt="user_img">
                        </div>
                        <div class="comments__description">
                            <div class="comments__lable text-md">Рамиль</div>
                            <div class="comments__text  text-sm">Хочу выразить благодарность компании "БонЛайн" за
                                удобный диван и прекрасную детскую кровать. Большое спасибо за быстроту выполнения
                                заказа! С наступающим новым годом вас!!!.</div>
                        </div>
                    </div>
                    <div class="comments__item">
                        <div class="comments__img">
                            <img src="./img/user.png" alt="user_img">
                        </div>
                        <div class="comments__description">
                            <div class="comments__lable text-md">Ирина</div>
                            <div class="comments__text  text-sm">Заказывали в компании "Двери Плюс" детскую кровать
                                Дуэт. У нас были свои нюансы по размерам, отделки краев и цвету. Учли все наши
                                пожелания, кровать получилась просто замечательной! Благодарим весь коллектив компании
                                за отзывчивость, качество кровати и короткий срок выполнения заказа!</div>
                        </div>
                    </div>
                    <div class="comments__item">
                        <div class="comments__img">
                            <img src="./img/user.png" alt="user_img">
                        </div>
                        <div class="comments__description">
                            <div class="comments__lable text-md">Петрушев Олег Витальевич</div>
                            <div class="comments__text  text-sm">Отличная компания,не первый год обращаюсь к ним всегда
                                положительные эмоции, хорошее качество мебели и выполненых работ. Сотрудники вежливы. И
                                самое главное цены доступны. Спасибо вам за кроватку ребенок просто в восторге от нее.
                            </div>
                        </div>
                    </div>
                </div>
                <a href="https://www.dpm73.ru/reviews?order=-created_at" class="btn-pink comments__btn">
                    Смотреть ещё отзывы
                </a>
            </div>
        </div>
    </section>


    <section class="why-us">
        <div class="container">
            <div class="why-us__description">
                <div class="title why-us__title">
                    <h2>Почему выбирают<span class="color-green"> нас?</span></h2>
                </div>
                <div class="why-us__text text-sm">
                    Мы работаем на рынке мебели и дверей не 25 лет, наш салон-магазин находится не в
                    супер-респектабельном месте, мы не делали мебель для "звёзд" шоу-бизнеса - мы просто всё делаем
                    ответственно и доводим дело до конца!
                </div>
            </div>
            <div class="why-us__row">
                <div class="why-us__item">
                    <div class="why-us__img"><img src="./img/why-us-img1.png" alt="why-us-img1"></div>
                    <div class="why-us__item-text text-sm">Мы являемся прямыми дилерами, то предлагаем весь ассортимент
                        по
                        выгодным ценам по всему Ульяновску!</div>
                </div>
                <div class="why-us__item">
                    <div class="why-us__img"><img src="./img/why-us-img2.png" alt="why-us-img2"></div>
                    <div class="why-us__item-text text-sm">На весь товар предоставляем официальную гарантию от 1 года!
                    </div>
                </div>
                <div class="why-us__item">
                    <div class="why-us__img"><img src="./img/why-us-img3.png" alt="why-us-img3"></div>
                    <div class="why-us__item-text text-sm">99% наших клиентов довольны качеством нашей продукции!</div>
                </div>
                <div class="why-us__item">
                    <div class="why-us__img"><img src="./img/why-us-img4.png" alt="why-us-img4"></div>
                    <div class="why-us__item-text text-sm">Гарантируем 100% качество всего товара и услуг!</div>
                </div>
            </div>
        </div>
    </section>

    <section class="request" id="request">
        <div class="request__wrapper">

            <div class="container ">
                <div class="request__body">
                    <div class="request__img">
                        <img src="./img/rerquest-img.png" alt="request-img">
                    </div>
                    <div class="request__description">
                        <div class="title request__title">
                            <h2>Оставить заявку</h2>
                        </div>
                        <form class="request__form " id="form">
                            <!-- action="mail.php" method="POST" -->
                            <div class="request__item">
                                <input type="text" class=" _req" name="name" placeholder="Имя">
                            </div>
                            <div class="request__item">
                                <input type="text" class=" _req" name="surname" placeholder="Фамилия">
                            </div>
                            <div class="request__item">
                                <input type="text" class=" _req" name="phone" placeholder="Телефон">
                            </div>
                            <div class="request__item">
                                <input type="text" class=" _req _email" name="mail" placeholder="Почта">

                            </div>
                            <div class="request__item message">
                                <textarea name="message" placeholder="Добавьте сообщение" id="" cols="30"
                                    rows="3"></textarea>
                            </div>
                            <button type="submit" class="btn-pink">Отправить</button>
                        </form>
                    </div>
                </div>
            </div>

        </div>
    </section>

    <footer class="footer">
        <div class="container">
            <div class="footer__body">
                <div class="footer__logo">
                    <img src="./img/logo.png" alt="logo">
                </div>
                <div class="footer__row">
                    <div class="footer__item">
                        <div class="footer__title">Контакты</div>

                        <div class="footer__lable"> </div>
                        <div class="footer__lable">г. Ульяновск,пр-т Гая д.96 </div>
                        <div class="footer__lable footer__number"><span> 8 (937) 455-07-58 </span> <span> 8 (917)
                                626-77-17</span>
                        </div>
                    </div>

                    <div class="footer__item">
                        <div class="footer__title">Соц. сети</div>

                        <div class="footer__social">
                            <a href="https://vk.com/dveriplusmebel">
                                <img src="./img/icons/vk.png" alt="vk_icon">
                            </a>
                            <a href="https://m.ok.ru/profile/559231233940">
                                <img src="./img/icons/od.png" alt="od_icon">
                            </a>
                            <a href="https://www.instagram.com/dveriplusmebel/">
                                <img src="./img/icons/inst.png" alt="inst_icon">
                            </a>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </footer>

    <script src='https://code.jquery.com/jquery-3.5.1.min.js'></script>
    <script src="js/slick.min.js" type="text/javascript" charset="utf-8"></script>
    <script src='js/script.js'></script>
</body>

</html>