<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:Profosvita+CS-S003-SGM+2024" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Profosvita+CS-S003-SGM+2024+type@vertical+block@064f749b1be04ca7ab1a0107a8dcdbda" data-request-token="e1ea7a1c392b11f0bfac8e1636cb29bb" data-graded="False" data-has-score="False"> <div class="vert-mod"> <div class="vert vert-0" data-id="block-v1:Profosvita+CS-S003-SGM+2024+type@html+block@0bdfec9f3a8243a3bb10a9e0eed5d2c9"> <div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S003-SGM+2024" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S003-SGM+2024+type@html+block@0bdfec9f3a8243a3bb10a9e0eed5d2c9" data-request-token="e1ea7a1c392b11f0bfac8e1636cb29bb" data-graded="False" data-has-score="False"> <script type="json/xblock-args" class="xblock-json-init-args"> {"xmodule-type": "HTMLModule"} </script> <h3>Вступ до уроку</h3> <p>Під час вивчення цього уроку ви ознайомитеся з загальною концепцією вбудованих меблів, розглянете їх класифікації та особливості їх використання при оформленні інтер'єру різних приміщень. До того ж ви дізнайетеся про загальні конструктивні особливості вбудованих шаф різних видів, а також важливі елементи їх деталей. </p> </div> </div> <div class="vert vert-1" data-id="block-v1:Profosvita+CS-S003-SGM+2024+type@html+block@b95b23b597354421a9b31718ccc6c20e"> <div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S003-SGM+2024" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S003-SGM+2024+type@html+block@b95b23b597354421a9b31718ccc6c20e" data-request-token="e1ea7a1c392b11f0bfac8e1636cb29bb" data-graded="False" data-has-score="False"> <script type="json/xblock-args" class="xblock-json-init-args"> {"xmodule-type": "HTMLModule"} </script> <h3>Вбудовані меблі</h3> <div style="display: flex; align-items: center;"><img src="/assets/courseware/v1/78984740c538ae49d1337bb90a80182d/asset-v1:Profosvita+CS-S003-SGM+2024+type@asset+block/%D0%92%D0%B1%D1%83%D0%B4%D0%BE%D0%B2%D0%B0%D0%BD%D1%96-%D0%BC%D0%B5%D0%B1%D0%BB%D1%96.png" alt="picture" style="width: 100px; margin-bottom: 0px;" /> <div style=" margin-bottom: 0px; margin-top: 0px; padding-left: 20px; text-align: justify;"> <p style=" margin-bottom: 0px; margin-top: 0px;"><b>Вбудовані меблі</b> в інтер’єрі квартири дозволяють раціонально реорганізувати простір, адже навіть у квартирах поліпшеного планування питання економії корисного простору стоїть дуже гостро.</p> </div> </div> <p></p> <p>До вбудованих меблів належать:</p> <ul class="i-featuresList i-featuresList"> <li class="ifl-feature"> <div class="ifl-description">Вбудовані та прибудовані шафи</div> <div class="ifl-nbr">❑</div> <div class="ifl-nbr-shadow"></div> </li> <li class="ifl-feature"> <div class="ifl-description">Антресолі</div> <div class="ifl-nbr">❑</div> <div class="ifl-nbr-shadow"></div> </li> <li class="ifl-feature"> <div class="ifl-description">Гардеробні кімнати</div> <div class="ifl-nbr">❑</div> <div class="ifl-nbr-shadow"></div> </li> <li class="ifl-feature"> <div class="ifl-description">Шафи-перегородки</div> <div class="ifl-nbr">❑</div> <div class="ifl-nbr-shadow"></div> </li> </ul> <style><!-- .i-featuresList .ifl-feature { /* edit size here */ height: 70px; width: 200px; border: 1.5px solid #4849F9; } .i-featuresList .ifl-feature { margin: 15px; position: relative; font-size: 14px; background-color: transparent; display: flex; align-items: center; } .i-featuresList { display: flex; flex-wrap: wrap; align-items: stretch; margin: 0 auto !important; padding-left: 0; max-width: 1120px; } .i-featuresList li::before { content: none !important; } .i-featuresList .ifl-feature .ifl-nbr { color: #4849F9; font-size: 2em; font-weight: bold; position: absolute; top: -10px; left: -10px; width: 70px; height: 64px; text-align: center; line-height: 65px; background-color: white; border: 1.5px solid #4849F9; } .ifl-nbr-shadow { position: absolute; top: 54px; left: 0px; width: 0; height: 0; border-left: 0px solid transparent; border-right: 60px solid transparent; border-top: 18px solid #4849F9; } .i-featuresList .ifl-description { font-size: 15px; padding: 5px 10px 5px 75px; line-height: 1.1em; color: #0D181C; } .i-featuresList .ifl-feature h4, .i-featuresList .ifl-feature h3 { margin: 0; padding: 5px 10px 0px 75px; color: #fff; } --></style> <p></p> <p >Вбудовані меблі — це столярні конструкції, які влаштовуються у довгих коридорах, нішах. Вони є більш сучасною альтернативою модульним меблям. Навіть маючи ідентичний розмір, вбудовані меблі виглядають компактніше та вміщують більше речей. Їх розміщують у нішах, над дверима, в кутах, або у вигляді шаф-перегородок у квартирах.</p> <p><i>Натисніть на інтерактивні елементи, щоб ознайомитися з перевагами та недоліками вбудованих меблів.</i></p> <div class="tab-wrapper"> <div class="tab-controls"><button class="tab-controls__button active"><b>Переваги</b></button> <button class="tab-controls__button"><b>Недоліки</b></button></div> <div class="tab-content"> <div style="display: flex;"> <div style="width: 20%; align-self: center; text-align: center;"><img src="/assets/courseware/v1/e6bd7e965722245102813571a11f02f2/asset-v1:Profosvita+CS-S003-SGM+2024+type@asset+block/thumb-up.png" style="width: 75%; max-width: 100px;" alt="image" /></div> <div style="width: 100%; align-self: center;"> <p><b>Ключові переваги вбудованих систем:</b></p> <p>• ергономічність;<br/>• універсальність;<br/>• надійність;<br/>• місткість;<br/>• різноманітність конструктивних рішень;<br/>• нестандартна конфігурація;<br/>• безпека (вбудовані меблі мають мінімум кутів або зовсім їх не мають, тому безпечні для установки в дитячій кімнаті)<br/>• витрати пиломатеріалів зменшуються на 45%;<br/>• звільнюють площу частини приміщення.</p> </div> </div> </div> <div class="tab-content"> <div style="display: flex;"> <div style="width: 20%; align-self: center; text-align: center;"><img src="/assets/courseware/v1/6d8c1edd2c6be93cd65f1be6d21f8e90/asset-v1:Profosvita+CS-S003-SGM+2024+type@asset+block/thumb-down.png" style="width: 75%; max-width: 100px;" alt="image" /></div> <div style="width: 100%; align-self: center;"> <p><b> Основні недоліки:</b></p> <p>• неможливість перестановки меблів;<br/>• необхідно проводити їх монтаж.</p> </div> </div> </div> </div> <style><!-- p.tab-wrapper-about.tab-wrapper-about-2 { margin-bottom: 5px; } .tab-controls { overflow: hidden; background-color: #EDEDED; border-radius: 6px 6px 0 0; display: flex; } .tab-controls button:not(:last-child) { margin-right: 0px; } .tab-controls button { background-image: none; text-shadow: none; background-color: inherit; color: #000000; flex: 1; float: none; border-radius: 6px 6px 0 0; box-shadow: none; border: none; outline: none; cursor: pointer; padding: 14px 16px; transition: 0.3s; font-size: 14px; font-family: inherit; } .tab-controls button:hover, .tab-controls button:active, .tab-controls button:focus { background-color: #c0c0c0ff; background-image: none; box-shadow: none; border: none; text-shadow: none; } .tab-controls button.active { background-color: #c0c0c0ff; } .tab-content { display: none; padding: 15px 15px; border-radius: 0 0 6px 6px; border-top: none; box-shadow: 0 1px 2px 0 rgba(44, 47, 60, 0.06), 0 3px 10px 0 rgba(44, 47, 60, 0.09); overflow: auto; margin-bottom: 20px; } @media only screen and (max-width: 980px) { .tab-controls { overflow: auto; flex-direction: column; } } --></style> <script>// <![CDATA[ $(".tab-wrapper").each(function () { const buttons = $(this).find(".tab-controls__button"); const tabs = $(this).find(".tab-content"); if (tabs.length !== buttons.length) { $(this).html("<p style='text-align:center; color: red'>ERROR, UNEQUAL AMOUNT OF TABS AND BUTTONS</p>"); } else { tabs.eq(0).show(); buttons.each(function (index) { $(this).click(function () { buttons.each(function () { $(this).removeClass("active"); }); tabs.each(function () { $(this).hide(); }); $(this).addClass("active"); tabs.eq(index).show(); }); }); } }); // ]]></script> </div> </div> <div class="vert vert-2" data-id="block-v1:Profosvita+CS-S003-SGM+2024+type@html+block@43a6ce0f940a4d3e82602b2761f3e725"> <div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S003-SGM+2024" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S003-SGM+2024+type@html+block@43a6ce0f940a4d3e82602b2761f3e725" data-request-token="e1ea7a1c392b11f0bfac8e1636cb29bb" data-graded="False" data-has-score="False"> <script type="json/xblock-args" class="xblock-json-init-args"> {"xmodule-type": "HTMLModule"} </script> <h3>Класифікація вбудованих меблів</h3> <p><b>Вбудовані меблі</b> можна класифікувати за різними ознаками, що відображають їхню функціональність та структуру.</p> <p>Серед класифікації виділяють наступні:</p> <div style="display: flex; align-items: center;"><img src="/assets/courseware/v1/43014a03cc84fdd7bee2ae9df99e0310/asset-v1:Profosvita+CS-S003-SGM+2024+type@asset+block/%D0%9A%D0%BB%D0%B0%D1%81%D0%B8%D1%84%D1%96%D0%BA%D0%B0%D1%86%D1%96%D1%8F-%D0%B2%D0%B1%D1%83%D0%B4%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D1%85-%D0%BC%D0%B5%D0%B1%D0%BB%D1%96%D0%B2.png" alt="picture" style="width: 100px; margin-bottom: 0px;" height="100px" /> <div style="margin-top: 0px; margin-bottom: 0px; padding-left: 20px; text-align: justify;"> <p style="margin-top: 0px; margin-bottom: 0px;">• За місцем розташування в інтер’єрі квартири; <br />• За будовою; <br />• За розташуванням у кімнаті; <br />• За геометричною формою.</p> </div> </div> <p></p> <p>Така різноманітність класифікацій враховує їх місце розташування в квартирі та в кімнаті, геометричну форму та конструктивні особливості. Це дає можливість обирати оптимальні та функціональні рішення для створення комфорту та зручності приміщеннях різних типів.</p> <p></p> <p><i>У цьому уроці ми розглянемо класифікації вбудованих меблів для кращого їх розуміння та вибору.</i></p> <p></p> </div> </div> <div class="vert vert-3" data-id="block-v1:Profosvita+CS-S003-SGM+2024+type@html+block@c60fc39f71484ff4acc3489192fe7406"> <div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S003-SGM+2024" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S003-SGM+2024+type@html+block@c60fc39f71484ff4acc3489192fe7406" data-request-token="e1ea7a1c392b11f0bfac8e1636cb29bb" data-graded="False" data-has-score="False"> <script type="json/xblock-args" class="xblock-json-init-args"> {"xmodule-type": "HTMLModule"} </script> <h3>Класифікація вбудованих меблів за місцем розташування в інтер’єрі квартири</h3> <p><b>Розташування меблів у квартирі</b> — це важливий аспект при створенні комфорту та зручності в інтер'єрі. Розміщення меблів може значно впливати на функціональність кожної кімнати та впорядковувати простір під ваші потреби. </p> <p><em> Натисніть на інтерактивні елементи, щоб дізнатись більше про доцільність розташування вбудованих меблів у кімнатах різного типу.</em></p> <div class="dm-sc-img-modals1-wrapper"> <div style="text-align: center;"> <div class="dm-sc-img-modals1" style="box-shadow: none; max-width: auto;"> <div class="dm-sc-img-modals-info"></div> <div class="dm-sc-img-modals-container" style="position: relative; display: flex; justify-content: center;"> <div style="position: relative; max-width: 800px; width: 100%; min-height: 100px;"><img class="dm-sc-img-modals-image custom-image" src="/assets/courseware/v1/99124c42c91759c38dc477e74f8e7b4d/asset-v1:Profosvita+CS-S003-SGM+2024+type@asset+block/%D0%9A%D0%BB%D0%B0%D1%81%D0%B8%D1%84%D1%96%D0%BA%D0%B0%D1%86%D1%96%D1%8F-%D0%B2%D0%B1%D1%83%D0%B4%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D1%85-%D0%BC%D0%B5%D0%B1%D0%BB%D1%96%D0%B2.jpg" alt=" Hot spots image" style="max-width: 100%; width: 100%;" /> <div class="dm-sc-img-modals-m1 dm-sc-img-modals-wrap"><button class="dm-sc-img-modals-btn hotspot hotspot-11"> <span class="hotspot-icon fa fa-plus"></span> </button> <div class="dm-sc-img-modals-modal"> <div class="dm-sc-img-modals-modal-content"><span class="hotspot-icon dm-sc-img-modals-modal-close fa fa-times"></span> <p><b>Спальня</b></p> <p style="text-align: left;">У спальні найчастіше використовують вбудовані шафи-купе, у яких дуже багато місця для зберігання. Відмінна ідея — відкрита вбудована шафа біля узголів’я ліжка, де можна зберігати речі першої потреби, приємні дрібниці та затишні декоративні елементи. У такій шафі можна встановити точкові світильники, які м’яко підсвітять інтер’єр та дозволять комфортно проводити час у ліжку з книгою чи ноутбуком.</p> </div> </div> </div> <div class="dm-sc-img-modals-m1 dm-sc-img-modals-wrap"><button class="dm-sc-img-modals-btn hotspot hotspot-12"> <span class="hotspot-icon fa fa-plus"></span> </button> <div class="dm-sc-img-modals-modal"> <div class="dm-sc-img-modals-modal-content"><span class="hotspot-icon dm-sc-img-modals-modal-close fa fa-times"></span> <p><b>Вітальня</b></p> <p style="text-align: left;">Вбудовані шафи у вітальнях стають все популярнішими та витісняють модульні стінки. У такій шафі можна передбачити місце для телевізора чи стереосистеми. Частина шафи може бути закритою, інші полиці можна засклити чи лишити відкритими та поставити там книги, фото чи інші декоративні елементи.</p> </div> </div> </div> <div class="dm-sc-img-modals-m1 dm-sc-img-modals-wrap"><button class="dm-sc-img-modals-btn hotspot hotspot-13"> <span class="hotspot-icon fa fa-plus"></span> </button> <div class="dm-sc-img-modals-modal"> <div class="dm-sc-img-modals-modal-content"><span class="hotspot-icon dm-sc-img-modals-modal-close fa fa-times"></span> <p><b>Передпокій</b></p> <p style="text-align: left;">У передпокої зазвичай і так мало місця, тому саме тут функціональність меблів — понад усе. Вбудована шафа збереже максимум місця та виглядатиме акуратно, а якщо двері матимуть дзеркала — то й візуально збільшить простір.</p> </div> </div> </div> <div class="dm-sc-img-modals-m1 dm-sc-img-modals-wrap"><button class="dm-sc-img-modals-btn hotspot hotspot-14"> <span class="hotspot-icon fa fa-plus"></span> </button> <div class="dm-sc-img-modals-modal"> <div class="dm-sc-img-modals-modal-content"><span class="hotspot-icon dm-sc-img-modals-modal-close fa fa-times"></span> <p><b>Ванна</b></p> <p style="text-align: left;">Вбудовані шафи у ванні — теж часте дизайнерське рішення, адже тут, як і в передпокої, місця обмаль. За дзеркальними дверцятами можна заховати кошик для білизни, побутову хімію, рушники, домашній одяг. Також у такі шафи нерідко вбудовують побутову техніку, що робить інтер’єр більш привабливим.</p> </div> </div> </div> <div class="dm-sc-img-modals-m1 dm-sc-img-modals-wrap"><button class="dm-sc-img-modals-btn hotspot hotspot-15"> <span class="hotspot-icon fa fa-plus"></span> </button> <div class="dm-sc-img-modals-modal"> <div class="dm-sc-img-modals-modal-content"><span class="hotspot-icon dm-sc-img-modals-modal-close fa fa-times"></span> <p><b>Кухня</b></p> <p style="text-align: left;">Модульна кухня — популярний бюджетний варіант, якщо ви часто міняєте житло чи шукаєте тимчасовий варіант меблів. Проте це готовий універсальний набір меблів, який не буде оптимально пасувати за параметрами та функціоналом під кімнату та ваші потреби. Крім того, вбудована кухня дозволяє використовувати вбудовану та нестандартну кухонну техніку. Вона виглядає більш естетично й цілісно за модульну.</p> </div> </div> </div> <div class="dm-sc-img-modals-m1 dm-sc-img-modals-wrap"><button class="dm-sc-img-modals-btn hotspot hotspot-16"> <span class="hotspot-icon fa fa-plus"></span> </button> <div class="dm-sc-img-modals-modal"> <div class="dm-sc-img-modals-modal-content"><span class="hotspot-icon dm-sc-img-modals-modal-close fa fa-times"></span> <p><b>Дитяча</b></p> <p style="text-align: left;">У дитини повинен бути не тільки свій особистий простір, але і система зберігання, де вона могла б розміщувати свої речі та іграшки. Система зберігання для іграшок оснащується закритим відділом з висувними ящиками. У них зручно розміщувати кошики та сітки з іграшками, а також конструктори. Добре, якщо будуть і відкриті полиці — там розставляють великі плюшеві іграшки, ляльок і предмети декору.</p> <p style="text-align: left;">Для підлітка ідеальна шафа з комбінованим наповненням — там можна зберігати одяг, книги, спортивний інвентар та інші потрібні речі.</p> </div> </div> </div> <div class="dm-sc-img-modals-m1 dm-sc-img-modals-wrap"><button class="dm-sc-img-modals-btn hotspot hotspot-17"> <span class="hotspot-icon fa fa-plus"></span> </button> <div class="dm-sc-img-modals-modal"> <div class="dm-sc-img-modals-modal-content"><span class="hotspot-icon dm-sc-img-modals-modal-close fa fa-times"></span> <p><b>Балкони, комори, гардеробні</b></p> <p style="text-align: left;">На балконі вони можуть стати ефективним рішенням для оптимізації простору, надаючи можливість зберігання сезонного одягу, декоративних елементів чи інших необхідних речей. У гардеробній вбудовані системи дозволяють ефективно використовувати кожен сантиметр простору, забезпечуючи організоване та зручне зберігання одягу та взуття. Крім того, вбудовані меблі в коморі створюють порядок і систему, забезпечуючи невеликому приміщенню більше функціональності та візуальної привабливості. Такий підхід є відмінним рішенням для оптимізації простору і забезпечення стильного, організованого середовища.</p> </div> </div> </div> </div> </div> </div> </div> </div> <style><!-- .dm-sc-img-modals-btn.hotspot-11 { left: 7%; top: 20%; } .dm-sc-img-modals-btn.hotspot-12 { left: 1%; top: 55%; } .dm-sc-img-modals-btn.hotspot-13 { left: 80%; top: 85%; } .dm-sc-img-modals-btn.hotspot-14 { left: 98%; top: 62%; } .dm-sc-img-modals-btn.hotspot-15 { left: 11%; top: 83%; } .dm-sc-img-modals-btn.hotspot-16 { left: 94%; top: 34%; } .dm-sc-img-modals-btn.hotspot-17 { left: 78%; top: 13%; } --></style> <style><!-- p.dm-sc-img-modals1.dm-sc-img-modals1-2 { margin-bottom: 10px; } .dm-sc-img-modals-modal-content h3, .dm-sc-img-modals-modal-content h4 { text-align: center; } .dm-sc-img-modals1-wrapper { margin-bottom: 20px; } .dm-sc-img-modals1 { display: inline-block; box-shadow: none; border-radius: 6px; width: 100%; position: relative; margin: auto; } .dm-sc-img-modals1 .dm-sc-img-modals { padding-bottom: 20px; position: relative; } .dm-sc-img-modals-btn { position: absolute; opacity: 0.8; width: 30px; height: 30px; padding: 0; border: none; box-shadow: 0 0 0 0 rgba(48, 182, 221, 0.7); border-radius: 50%; -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1); -moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1); -ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1); animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1); } .dm-sc-img-modals-btn .fa.fa-plus, .dm-sc-img-modals-btn .fa.fa-check { font-size: 1vw; } @-webkit-keyframes pulse { to { box-shadow: 0 0 0 15px rgba(232, 76, 61, 0); } } @-moz-keyframes pulse { to { box-shadow: 0 0 0 15px rgba(232, 76, 61, 0); } } @-ms-keyframes pulse { to { box-shadow: 0 0 0 15px rgba(232, 76, 61, 0); } } @keyframes pulse { to { box-shadow: 0 0 0 15px rgba(232, 76, 61, 0); } } .dm-sc-img-modals-wrap .dm-sc-img-modals-btn:hover { cursor: pointer; opacity: 1; outline: none; background-color: #4849F9; background-image: none; box-shadow: none; } .dm-sc-img-modals-wrap .dm-sc-img-modals-btn:active, .dm-sc-img-modals-wrap .dm-sc-img-modals-btn:focus { outline: none; border: none; box-shadow: none; } .dm-sc-img-modals-btn { background: #4849F9; color: white; } .dm-sc-img-modals-modal { display: none; justify-content: center; align-items: center; position: absolute; z-index: 1; border-radius: 6px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.4); } .dm-sc-img-modals-container { display: inline-block; margin: 0 auto; text-align: center; position: relative; } .dm-sc-img-modals-modal-content { background-color: #fefefe; text-align: center; position: relative; margin: auto; overflow: auto; border-radius: 6px; padding: 20px 30px; border: 1px solid #888; width: 80%; } .dm-sc-img-modals-modal-close { color: #4849F9; position: absolute; top: 10px; right: 20px; font-size: 22px; } .dm-sc-img-modals-modal-close:hover, .dm-sc-img-modals-modal-close:focus { color: #7A7A7F; text-decoration: none; cursor: pointer; } .dm-sc-img-modals-image { margin: auto; display: block; } @media only screen and (max-width: 768px) { .dm-sc-img-modals-modal { overflow-x: hidden; overflow-y: scroll; } .dm-sc-img-modals-modal-content { border: none; } } @media only screen and (max-width: 500px) { .dm-sc-img-modals-btn .fa.fa-plus, .dm-sc-img-modals-btn .fa.fa-check { font-size: 2vw; } } @media only screen and (max-width: 768px) { .dm-sc-img-modals-modal-content { overflow: visible; } } .dm-sc-img-modals-btn.hotspot { position: absolute; width: 30px; height: 30px; } @media (min-width: 872px) and (max-width: 1100px) { .dm-sc-img-modals-btn.hotspot { width: 20px; height: 20px; } } @media (min-width: 769px) and (max-width: 871px) { .dm-sc-img-modals-btn.hotspot { width: 17px; height: 17px; } } @media (min-width: 501px) and (max-width: 768px) { .dm-sc-img-modals-btn .hotspot-icon.fa.fa-plus, .dm-sc-img-modals-btn .hotspot-icon.fa.fa-check { font-size: 2vw; } .dm-sc-img-modals-btn.hotspot { width: 25px; height: 25px; } } @media (max-width: 500px) { .dm-sc-img-modals-btn.hotspot { width: 20px; height: 20px; } } .dm-sc-img-modals-btn .hotspot-icon.fa.fa-plus, .dm-sc-img-modals-btn .hotspot-icon.fa.fa-check { display: flex; justify-content: center; align-items: center; } .dm-sc-img-modals-modal-content p { text-align: center; } --></style> <script>// <![CDATA[ $(document).ready(function () { $(".dm-sc-img-modals-wrap").each(function () { var modal = $(this).find(".dm-sc-img-modals-modal"); var btn = $(this).find(".dm-sc-img-modals-btn"); btn.click(function () { modal.css("display", "flex"); $(this).find(".fa-plus").removeClass("fa-plus"); $(this).find(".fa").addClass("fa-check"); $(this).css("animation", "none"); }); $(".dm-sc-img-modals-modal-close").click(function () { modal.css("display", "none"); }); $(window).click(function (event) { if (event.target.className === "dm-sc-img-modals-modal") { modal.css("display", "none"); } }); }); }) // ]]></script> <p>Вбудовані меблі без сумніву можна використовувати як оптимальне рішення для усіх типів кімнат.</p> </div> </div> <div class="vert vert-4" data-id="block-v1:Profosvita+CS-S003-SGM+2024+type@html+block@e2b573f7b5c4485f84788e25665ed78a"> <div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S003-SGM+2024" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S003-SGM+2024+type@html+block@e2b573f7b5c4485f84788e25665ed78a" data-request-token="e1ea7a1c392b11f0bfac8e1636cb29bb" data-graded="False" data-has-score="False"> <script type="json/xblock-args" class="xblock-json-init-args"> {"xmodule-type": "HTMLModule"} </script> <h3>Класифікація вбудованих меблів за будовою</h3> <p></p> <div style="display: flex; align-items: center;"><img src="/assets/courseware/v1/cfbfbc4c09b05d9d1bebb00900bb22d2/asset-v1:Profosvita+CS-S003-SGM+2024+type@asset+block/%D0%A8%D0%B0%D1%84%D0%B8---%D0%97%D0%B0-%D0%B1%D1%83%D0%B4%D0%BE%D0%B2%D0%BE%D1%8E.png" alt="picture" style="width: 100px; margin-bottom: 10px;" /> <div style="padding-left: 20px; text-align: justify;"> <p>Крім розташування, меблі також можуть бути класифіковані за їхньою будовою та конструкцією. Ця класифікація важлива для того, щоб краще розуміти структурні особливості меблів та їхню функціональність. Вона дозволяє визначити, які меблі найкраще підходять для конкретних потреб та які варіанти виготовлення можуть бути більш практичними.</p> </div> </div> <p><em> Натисніть на інтерактивні елементи, щоб ознайомитися з цією класифікацією.</em></p> <div class="tab-wrapper"> <div class="tab-controls"><button class="tab-controls__button active"><b>Каркасні</b></button> <button class="tab-controls__button"><b>Щитові</b></button></div> <div class="tab-content"> <div style="display: flex;"> <div style="width: 100%; align-self: center;"> <p>У шафах такого типу огороджувальними елементами є внутрішні перегородки приміщення. Такі шафи встановлюють у ніші або пристроюють у кут.</p> </div> </div> </div> <div class="tab-content"> <div style="display: flex;"> <div style="width: 100%; align-self: center;"> <p>Ці шафи оснащені власними боками, верхом і низом, відкритими полицями, секціями для техніки та ін. Їх можна використовувати не тільки як вбудовані модулі, але і як окремі меблі.</p> </div> </div> </div> </div> <style><!-- p.tab-wrapper-about.tab-wrapper-about-2 { margin-bottom: 5px; } .tab-controls { overflow: hidden; background-color: #EDEDED; border-radius: 6px 6px 0 0; display: flex; } .tab-controls button:not(:last-child) { margin-right: 0px; } .tab-controls button { background-image: none; text-shadow: none; background-color: inherit; color: #000000; flex: 1; float: none; border-radius: 6px 6px 0 0; box-shadow: none; border: none; outline: none; cursor: pointer; padding: 14px 16px; transition: 0.3s; font-size: 14px; font-family: inherit; } .tab-controls button:hover, .tab-controls button:active, .tab-controls button:focus { background-color: #c0c0c0ff; background-image: none; box-shadow: none; border: none; text-shadow: none; } .tab-controls button.active { background-color: #c0c0c0ff; } .tab-content { display: none; padding: 15px 15px; border-radius: 0 0 6px 6px; border-top: none; box-shadow: 0 1px 2px 0 rgba(44, 47, 60, 0.06), 0 3px 10px 0 rgba(44, 47, 60, 0.09); overflow: auto; margin-bottom: 20px; } @media only screen and (max-width: 980px) { .tab-controls { overflow: auto; flex-direction: column; } } --></style> <script>// <![CDATA[ $(".tab-wrapper").each(function () { const buttons = $(this).find(".tab-controls__button"); const tabs = $(this).find(".tab-content"); if (tabs.length !== buttons.length) { $(this).html("<p style='text-align:center; color: red'>ERROR, UNEQUAL AMOUNT OF TABS AND BUTTONS</p>"); } else { tabs.eq(0).show(); buttons.each(function (index) { $(this).click(function () { buttons.each(function () { $(this).removeClass("active"); }); tabs.each(function () { $(this).hide(); }); $(this).addClass("active"); tabs.eq(index).show(); }); }); } }); // ]]></script> </div> </div> <div class="vert vert-5" data-id="block-v1:Profosvita+CS-S003-SGM+2024+type@html+block@2b5f074a169c42e5b81d1465a3909e56"> <div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S003-SGM+2024" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S003-SGM+2024+type@html+block@2b5f074a169c42e5b81d1465a3909e56" data-request-token="e1ea7a1c392b11f0bfac8e1636cb29bb" data-graded="False" data-has-score="False"> <script type="json/xblock-args" class="xblock-json-init-args"> {"xmodule-type": "HTMLModule"} </script> <h3>Класифікація вбудованих меблів за розташуванням у кімнаті</h3> <div style="display: flex; align-items: center;"><img src="/assets/courseware/v1/acc472292c440becda9e841a6f99e9f3/asset-v1:Profosvita+CS-S003-SGM+2024+type@asset+block/%D0%A8%D0%B0%D1%84%D0%B8-_%D0%97%D0%B0-%D1%80%D0%BE%D0%B7%D1%82%D0%B0%D1%88%D1%83%D0%B2%D0%B0%D0%BD%D0%BD%D1%8F%D0%BC-%D1%83-%D0%BA%D1%96%D0%BC%D0%BD%D0%B0%D1%82%D1%96.png" alt="picture" style="width: 100px; margin-bottom: 10px;" /> <div style="padding-left: 20px; text-align: justify;"> <p> Меблі в кімнаті можна класифікувати за їхнім розташуванням у кімнаті, що важливо для оптимізації простору та створення гармонійного інтер'єру. Розташування меблів впливає на зручність та функціональність приміщення.</p> </div> </div> <p><em> Натисніть на інтерактивні елементи, щоб дізнатись більше про класифікацію вбудованих меблів за розташуванням у кімнаті.</em></p> <div class="tab-wrapper"> <div class="tab-controls"><button class="tab-controls__button active"><b>Пристінні шафи</b></button> <button class="tab-controls__button"><b>Шафи-перегородки</b></button></div> <div class="tab-content"> <div style="display: flex;"> <div style="width: 100%; align-self: center;"> <p>Їх монтують уздовж стін, розміщують у будівельні ніші, у тому числі порожні через свою складну форму. По висоті вони займають весь простір від підлоги до стелі, тому дуже місткі.</p> <p>Двері можуть бути розпашні або купейного типу. Сюди ж відносяться трансформери, що включають висувний столик, відкидне ліжко.</p> </div> </div> </div> <div class="tab-content"> <div style="display: flex;"> <div style="width: 100%; align-self: center;"> <p>Це дві шафи, встановлені задньою стінкою одна до одної. Така перегородка добре зонує приміщення і виконує прямі функції зберігання.</p> <p>Це цілий комплекс шаф, розміщених за принципом мінікімнати. Раціональний варіант для просторої спальні.</p> </div> </div> </div> </div> <style><!-- p.tab-wrapper-about.tab-wrapper-about-2 { margin-bottom: 5px; } .tab-controls { overflow: hidden; background-color: #EDEDED; border-radius: 6px 6px 0 0; display: flex; } .tab-controls button:not(:last-child) { margin-right: 0px; } .tab-controls button { background-image: none; text-shadow: none; background-color: inherit; color: #000000; flex: 1; float: none; border-radius: 6px 6px 0 0; box-shadow: none; border: none; outline: none; cursor: pointer; padding: 14px 16px; transition: 0.3s; font-size: 14px; font-family: inherit; } .tab-controls button:hover, .tab-controls button:active, .tab-controls button:focus { background-color: #c0c0c0ff; background-image: none; box-shadow: none; border: none; text-shadow: none; } .tab-controls button.active { background-color: #c0c0c0ff; } .tab-content { display: none; padding: 15px 15px; border-radius: 0 0 6px 6px; border-top: none; box-shadow: 0 1px 2px 0 rgba(44, 47, 60, 0.06), 0 3px 10px 0 rgba(44, 47, 60, 0.09); overflow: auto; margin-bottom: 20px; } @media only screen and (max-width: 980px) { .tab-controls { overflow: auto; flex-direction: column; } } --></style> <script>// <![CDATA[ $(".tab-wrapper").each(function () { const buttons = $(this).find(".tab-controls__button"); const tabs = $(this).find(".tab-content"); if (tabs.length !== buttons.length) { $(this).html("<p style='text-align:center; color: red'>ERROR, UNEQUAL AMOUNT OF TABS AND BUTTONS</p>"); } else { tabs.eq(0).show(); buttons.each(function (index) { $(this).click(function () { buttons.each(function () { $(this).removeClass("active"); }); tabs.each(function () { $(this).hide(); }); $(this).addClass("active"); tabs.eq(index).show(); }); }); } }); // ]]></script> </div> </div> <div class="vert vert-6" data-id="block-v1:Profosvita+CS-S003-SGM+2024+type@html+block@a1aba6b333f04e29b38292d40cfe2edc"> <div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S003-SGM+2024" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S003-SGM+2024+type@html+block@a1aba6b333f04e29b38292d40cfe2edc" data-request-token="e1ea7a1c392b11f0bfac8e1636cb29bb" data-graded="False" data-has-score="False"> <script type="json/xblock-args" class="xblock-json-init-args"> {"xmodule-type": "HTMLModule"} </script> <h3>Класифікація вбудованих меблів за геометричною формою</h3> <p><b>Меблі</b> можна класифікувати за їхньою геометричною формою, яка визначає стиль та естетику приміщення. Від круглих шаф, які додають приміщенню об'єм та гармонію, до кутових зі строгими лініями – геометрична форма меблів грає важливу роль у дизайні інтер'єру та зручності розташування. Виділяють кілька типових рішень: прямолінійні, радіусні, кутові г-подібні, скошені, трикутні, з відкритою серединою (наприклад, для ТБ).</p> <p><img height="80%" width="80%" src="/assets/courseware/v1/779ae788a4bdd39be7505ba6b8b4fa88/asset-v1:Profosvita+CS-S003-SGM+2024+type@asset+block/%D0%A4%D0%BE%D1%80%D0%BC%D0%B0_%D1%88%D0%B0%D1%84%D0%B8.png" alt="avatar" style="display: block; margin-left: auto; margin-right: auto;" /></p> <p>На вибір форми шафи буде впливати форма розміщення кімнати, куди планується встановлення конструкції. Потрібно чітко розуміти який простір використати, тоді буде зрозуміло який варіант обрати.</p> </div> </div> <div class="vert vert-7" data-id="block-v1:Profosvita+CS-S003-SGM+2024+type@html+block@cce7145f89994557a8dc9fde67eb30ea"> <div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S003-SGM+2024" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S003-SGM+2024+type@html+block@cce7145f89994557a8dc9fde67eb30ea" data-request-token="e1ea7a1c392b11f0bfac8e1636cb29bb" data-graded="False" data-has-score="False"> <script type="json/xblock-args" class="xblock-json-init-args"> {"xmodule-type": "HTMLModule"} </script> <h3>Вимоги до вбудованих меблів</h3> <p>Відповідно до призначення вбудовані меблі повинні:</p> <p><em>Натисніть на інтерактивні елементи, щоб дізнатись про ці вимоги.</em></p> <div class="carousel-slider-wrapper"> <div class="dm-slideshow-container-carousel"> <div class="dm-mySlides-carousel"> <div style="display: flex; align-items: center; margin-top: 0px; margin-bottom: 0px;"><img src="/assets/courseware/v1/954e9bf3145610a4cba5e3d24eee748e/asset-v1:Profosvita+CS-S003-SGM+2024+type@asset+block/number-1.png" alt="some image" style="width: 40px; max-width: 25%; flex-grow: 0; flex-shrink: 0;" /> <div style="margin-top: 0px; margin-bottom: 0px; padding-left: 20px;"> <p></p> <p>Мати хорошу провітрюваність.</p> </div> </div> </div> <div class="dm-mySlides-carousel"> <div style="display: flex; align-items: center; margin-top: 0px; margin-bottom: 0px;"><img src="/assets/courseware/v1/dc7ca57cd778e5f2d18f6eedd45d74f6/asset-v1:Profosvita+CS-S003-SGM+2024+type@asset+block/number-2.png" alt="some image" style="width: 40px; max-width: 25%; flex-grow: 0; flex-shrink: 0;" /> <div style="margin-top: 0px; margin-bottom: 0px; padding-left: 20px;"> <p></p> <p>Мати невелику масу.</p> </div> </div> </div> <div class="dm-mySlides-carousel"> <div style="display: flex; align-items: center; margin-top: 0px; margin-bottom: 0px;"><img src="/assets/courseware/v1/24c3d48970e4d7f16a0399ae90f15291/asset-v1:Profosvita+CS-S003-SGM+2024+type@asset+block/number-3.png" alt="some image" style="width: 40px; max-width: 25%; flex-grow: 0; flex-shrink: 0;" /> <div style="margin-top: 0px; margin-bottom: 0px; padding-left: 20px;"> <p></p> <p>Мати відповідні розміри.</p> </div> </div> </div> <div class="dm-mySlides-carousel"> <div style="display: flex; align-items: center; margin-top: 0px; margin-bottom: 0px;"><img src="/assets/courseware/v1/71dbfcb179b688aa8874f1fade022d7c/asset-v1:Profosvita+CS-S003-SGM+2024+type@asset+block/number-4.png" alt="some image" style="width: 40px; max-width: 25%; flex-grow: 0; flex-shrink: 0;" /> <div style="margin-top: 0px; margin-bottom: 0px; padding-left: 20px;"> <p></p> <p>Відповідати санітарно-гігієнічним вимогам (гладкі, піддаватися очищенню, не мати щілин, тріщин).</p> </div> </div> </div> <div class="dm-mySlides-carousel"> <div style="display: flex; align-items: center; margin-top: 0px; margin-bottom: 0px;"><img src="/assets/courseware/v1/7ed7f608c7b78d4907cb7b4569925fca/asset-v1:Profosvita+CS-S003-SGM+2024+type@asset+block/number-5.png" alt="some image" style="width: 40px; max-width: 25%; flex-grow: 0; flex-shrink: 0;" /> <div style="margin-top: 0px; margin-bottom: 0px; padding-left: 20px;"> <p></p> <p>Бути міцними та стійкими.</p> </div> </div> </div> <div class="dm-mySlides-carousel"> <div style="display: flex; align-items: center; margin-bottom: 25px;"><img src="/assets/courseware/v1/8f9b03577e9b0f0330bbeed079bfa3b6/asset-v1:Profosvita+CS-S003-SGM+2024+type@asset+block/number-6.png" alt="some image" style="width: 40px; max-width: 25%; flex-grow: 0; flex-shrink: 0;" /> <div style="margin-top: 0px; margin-bottom: 0px; padding-left: 20px;"> <p></p> <p>Бути індустріальними (швидко монтуватися/демонтуватися).</p> </div> </div> </div> <div class="dm-mySlides-carousel"> <div style="display: flex; align-items: center; margin-bottom: 25px;"><img src="/assets/courseware/v1/f80b6c9c96cbf99f1fd643b861217843/asset-v1:Profosvita+CS-S003-SGM+2024+type@asset+block/number-7.png" alt="some image" style="width: 40px; max-width: 25%; flex-grow: 0; flex-shrink: 0;" /> <div style="margin-top: 0px; margin-bottom: 0px; padding-left: 20px;"> <p></p> <p>Відповідати спеціальним вимогам: естетичність, практичність, внутрішня наповнюваність.</p> </div> </div> </div> <div class="dm-prev">❮</div> <div class="dm-next">❯</div> </div> <p></p> <div style="text-align: center;"><span class="dm-dot"> </span> <span class="dm-dot"> </span> <span class="dm-dot"> </span> <span class="dm-dot"> </span> <span class="dm-dot"> </span> <span class="dm-dot"> </span> <span class="dm-dot"> </span></div> </div> <p></p> <style><!-- .dm-slideshow-container-carousel { width: 1000px; max-width: 100%; position: relative; margin: auto; } .dm-mySlides-carousel { width: 80%; margin: auto; -webkit-animation-name: fade; -webkit-animation-duration: 1.5s; animation-name: fade; animation-duration: 1.5s; } .dm-mySlides-carousel h4 { text-align: center } .dm-slideshow-container-carousel .dm-prev, .dm-slideshow-container-carousel .dm-next { cursor: pointer; position: absolute; display: flex; align-items: center; justify-content: center; top: calc(50% - 30px); width: 25px; height: 60px; background: #4849f9; color: #fff; font-weight: bold; font-size: 18px; transition: 0.6s ease; border-radius: 3px; user-select: none; } .dm-slideshow-container-carousel .dm-next { right: 0; } div.dm-slideshow-container-carousel .dm-prev:hover, div.dm-slideshow-container-carousel .dm-next:hover { background-color: #c0c0c0ff; } .dm-dot { cursor: pointer; height: 15px; width: 15px; margin: 0 2px; background-color: #bbb; border-radius: 50%; display: inline-block; transition: background-color 0.6s ease; } .dm-active, .dm-dot:hover { background-color: #717171; } @-webkit-keyframes fade { from { opacity: .4 } to { opacity: 1 } } @keyframes fade { from { opacity: .4 } to { opacity: 1 } } --></style> <script>// <![CDATA[ let allCarouselSliders = document.querySelectorAll(".carousel-slider-wrapper"); for (let i = 0; i < allCarouselSliders.length; i++) { let currentSlider = allCarouselSliders[i]; let allDots = currentSlider.querySelectorAll(".dm-dot"); let nextButton = currentSlider.querySelector(".dm-next"); let prevButton = currentSlider.querySelector(".dm-prev"); allDots.forEach((dot, index) => dot.addEventListener('click', () => { currentSlide(index + 1); })) nextButton.addEventListener("click", () => { plusSlides(1); }) prevButton.addEventListener("click", () => { plusSlides(-1) }) let slideIndex1 = 1; showSlides(slideIndex1, currentSlider); function plusSlides(n) { showSlides(slideIndex1 += n, currentSlider); } function currentSlide(n) { showSlides(slideIndex1 = n, currentSlider); } function showSlides(n, currentSlider) { let i; let slides = currentSlider.getElementsByClassName("dm-mySlides-carousel"); let dots = currentSlider.getElementsByClassName("dm-dot"); if (n > slides.length) { slideIndex1 = 1 } if (n < 1) { slideIndex1 = slides.length } for (i = 0; i < slides.length; i++) { slides[i].style.display = "none"; } for (i = 0; i < dots.length; i++) { dots[i].className = dots[i].className.replace(" dm-active", ""); } slides[slideIndex1 - 1].style.display = "block"; dots[slideIndex1 - 1].className += " dm-active"; } } // ]]></script> </div> </div> <div class="vert vert-8" data-id="block-v1:Profosvita+CS-S003-SGM+2024+type@html+block@bb25377a5fd54ef8a9838ab54a9b1089"> <div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S003-SGM+2024" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S003-SGM+2024+type@html+block@bb25377a5fd54ef8a9838ab54a9b1089" data-request-token="e1ea7a1c392b11f0bfac8e1636cb29bb" data-graded="False" data-has-score="False"> <script type="json/xblock-args" class="xblock-json-init-args"> {"xmodule-type": "HTMLModule"} </script> <h3>Історія шафи-купе</h3> <p>Щоб глибше зануритися у особливості вбудованих меблів, ознайомтеся з історією, яка розширить ваше уявлення про походження шаф-купе та їх роль в дизайні інтер'єру. Дізнайтеся більше про появу зручних та стильних меблів, які зараз є невід'ємною частиною багатьох житлових приміщень.</p> <p><em> Подивіться відео про історію виникнення шафи-купе. </em></p> <iframe width="100%" height="550" src="https://www.youtube.com/embed/SxcvFyRHOVI?si=SJODC6g9rwpnJ3v0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> </div> </div> <div class="vert vert-9" data-id="block-v1:Profosvita+CS-S003-SGM+2024+type@html+block@882b86641b014181bae0ccc1a87d4384"> <div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S003-SGM+2024" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S003-SGM+2024+type@html+block@882b86641b014181bae0ccc1a87d4384" data-request-token="e1ea7a1c392b11f0bfac8e1636cb29bb" data-graded="False" data-has-score="False"> <script type="json/xblock-args" class="xblock-json-init-args"> {"xmodule-type": "HTMLModule"} </script> <h3>Конструктивні елементи вбудованих меблів простої та середньої складності</h3> <p>При схожості вбудованих меблів, на перший погляд, придивившись уважніше, знаходяться відмінності в конструкції, на які варто звернути увагу при їх підборі.</p> <p>Конструктивні види:</p> <p style="margin-bottom: 1px;"><em>Натисніть на інтерактивні елементи, щоб дізнатись більше кожен конструктивний вид.</em></p> <div class="dm-sc-img-modals1-wrapper"> <div style="text-align: center;"> <div class="dm-sc-img-modals1" style="box-shadow: none; max-width: auto;"> <div class="dm-sc-img-modals-info"></div> <div class="dm-sc-img-modals-container" style="position: relative; display: flex; justify-content: center;"> <div style="position: relative; max-width: 800px; width: 100%; min-height: 100px;"><img class="dm-sc-img-modals-image custom-image" src="/assets/courseware/v1/7bb022d583d20e594810d2cc8c5983ee/asset-v1:Profosvita+CS-S003-SGM+2024+type@asset+block/Frame_13.png" alt=" Hot spots image" style="max-width: 100%; width: 100%;" /> <div class="dm-sc-img-modals-m1 dm-sc-img-modals-wrap"><button class="dm-sc-img-modals-btn hotspot hotspot-20"> <span class="hotspot-icon fa fa-plus"></span> </button> <div class="dm-sc-img-modals-modal"> <div class="dm-sc-img-modals-modal-content"><span class="hotspot-icon dm-sc-img-modals-modal-close fa fa-times"></span> <p><b>Вбудовані меблі</b></p> <p style="text-align: left;">Ніша під шафу обладнується поличками та шухлядками. Розташування, розміри залежать від потреб в організації простору. Потім встановлюються зсувні двері, які легким рухом руки закриваються і відкриваються завдяки безшумному направному механізму.</p> <p style="text-align: left;">Особливості такої конструкції:<br/>• немає стелі та днища;<br/>• немає бічних стінок;<br/>• немає задньої стінки.</p> </div> </div> </div> <div class="dm-sc-img-modals-m1 dm-sc-img-modals-wrap"><button class="dm-sc-img-modals-btn hotspot hotspot-21"> <span class="hotspot-icon fa fa-plus"></span> </button> <div class="dm-sc-img-modals-modal"> <div class="dm-sc-img-modals-modal-content"><span class="hotspot-icon dm-sc-img-modals-modal-close fa fa-times"></span> <p><b>Корпусні меблі</b></p> <p style="text-align: left;">Схожі на звичайні шафи, звичного блокового виду, але організація внутрішнього простору і зсувні двері вказують на приналежність меблів до класу купе. Вбудовані меблі можна компактно розмістити в приміщенні з малою квадратурою. Вона має містку й організовану площу для зберігання речей, через те, що використовується доступний простір, який починається з підлоги та закінчується під стелею, а в ширину обмежується стінками.</p> </div> </div> </div> <div class="dm-sc-img-modals-m1 dm-sc-img-modals-wrap"><button class="dm-sc-img-modals-btn hotspot hotspot-22"> <span class="hotspot-icon fa fa-plus"></span> </button> <div class="dm-sc-img-modals-modal"> <div class="dm-sc-img-modals-modal-content"><span class="hotspot-icon dm-sc-img-modals-modal-close fa fa-times"></span> <p><b>Комбіновані меблі</b></p> <p>Конструкція може поєднувати в собі корпусну та вбудовану конструкцію. Часто таке рішення застосовується для створення кутових меблів.</p> </div> </div> </div> <div class="dm-sc-img-modals-m1 dm-sc-img-modals-wrap"><button class="dm-sc-img-modals-btn hotspot hotspot-23"> <span class="hotspot-icon fa fa-plus"></span> </button> <div class="dm-sc-img-modals-modal"> <div class="dm-sc-img-modals-modal-content"><span class="hotspot-icon dm-sc-img-modals-modal-close fa fa-times"></span> <p><b>Асиметричні меблі</b></p> <p>Для отримання максимально можливого обʼєму в приміщеннях з нерівними стінами та виступами найкраще використовувати плавні лінії фасаду, що приховують всі недоліки житлової площі.</p> </div> </div> </div> <div class="dm-sc-img-modals-m1 dm-sc-img-modals-wrap"><button class="dm-sc-img-modals-btn hotspot hotspot-24"> <span class="hotspot-icon fa fa-plus"></span> </button> <div class="dm-sc-img-modals-modal"> <div class="dm-sc-img-modals-modal-content"><span class="hotspot-icon dm-sc-img-modals-modal-close fa fa-times"></span> <p><b>Вигнуті, увігнуті меблі</b><p> <p>Також для досягнення максимальної гармонії в інтер’єрі застосовуються вигнуті або увігнуті лінії, що приховують різкі перепади розмірів.</p> </div> </div> </div> </div> </div> </div> </div> </div> <style><!-- .dm-sc-img-modals-btn.hotspot-20 { left: 12%; top: 22%; } .dm-sc-img-modals-btn.hotspot-21 { left: 0%; top: 65%; } .dm-sc-img-modals-btn.hotspot-22 { left: 75%; top: 17%; } .dm-sc-img-modals-btn.hotspot-23 { left: 97.5%; top: 40%; } .dm-sc-img-modals-btn.hotspot-24 { left: 92%; top: 77%; } --></style> <style><!-- p.dm-sc-img-modals1.dm-sc-img-modals1-2 { margin-bottom: 10px; } .dm-sc-img-modals-modal-content h3, .dm-sc-img-modals-modal-content h4 { text-align: center; } .dm-sc-img-modals1-wrapper { margin-bottom: 20px; } .dm-sc-img-modals1 { display: inline-block; box-shadow: none; border-radius: 6px; width: 100%; position: relative; margin: auto; } .dm-sc-img-modals1 .dm-sc-img-modals { padding-bottom: 20px; position: relative; } .dm-sc-img-modals-btn { position: absolute; opacity: 0.8; width: 30px; height: 30px; padding: 0; border: none; box-shadow: 0 0 0 0 rgba(48, 182, 221, 0.7); border-radius: 50%; -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1); -moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1); -ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1); animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1); } .dm-sc-img-modals-btn .fa.fa-plus, .dm-sc-img-modals-btn .fa.fa-check { font-size: 1vw; } @-webkit-keyframes pulse { to { box-shadow: 0 0 0 15px rgba(232, 76, 61, 0); } } @-moz-keyframes pulse { to { box-shadow: 0 0 0 15px rgba(232, 76, 61, 0); } } @-ms-keyframes pulse { to { box-shadow: 0 0 0 15px rgba(232, 76, 61, 0); } } @keyframes pulse { to { box-shadow: 0 0 0 15px rgba(232, 76, 61, 0); } } .dm-sc-img-modals-wrap .dm-sc-img-modals-btn:hover { cursor: pointer; opacity: 1; outline: none; background-color: #4849F9; background-image: none; box-shadow: none; } .dm-sc-img-modals-wrap .dm-sc-img-modals-btn:active, .dm-sc-img-modals-wrap .dm-sc-img-modals-btn:focus { outline: none; border: none; box-shadow: none; } .dm-sc-img-modals-btn { background: #4849F9; color: white; } .dm-sc-img-modals-modal { display: none; justify-content: center; align-items: center; position: absolute; z-index: 1; border-radius: 6px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.4); } .dm-sc-img-modals-container { display: inline-block; margin: 0 auto; text-align: center; position: relative; } .dm-sc-img-modals-modal-content { background-color: #fefefe; text-align: center; position: relative; margin: auto; overflow: auto; border-radius: 6px; padding: 20px 30px; border: 1px solid #888; width: 80%; } .dm-sc-img-modals-modal-close { color: #4849F9; position: absolute; top: 10px; right: 20px; font-size: 22px; } .dm-sc-img-modals-modal-close:hover, .dm-sc-img-modals-modal-close:focus { color: #7A7A7F; text-decoration: none; cursor: pointer; } .dm-sc-img-modals-image { margin: auto; display: block; } @media only screen and (max-width: 768px) { .dm-sc-img-modals-modal { overflow-x: hidden; overflow-y: scroll; } .dm-sc-img-modals-modal-content { border: none; } } @media only screen and (max-width: 500px) { .dm-sc-img-modals-btn .fa.fa-plus, .dm-sc-img-modals-btn .fa.fa-check { font-size: 2vw; } } @media only screen and (max-width: 768px) { .dm-sc-img-modals-modal-content { overflow: visible; } } .dm-sc-img-modals-btn.hotspot { position: absolute; width: 30px; height: 30px; } @media (min-width: 872px) and (max-width: 1100px) { .dm-sc-img-modals-btn.hotspot { width: 20px; height: 20px; } } @media (min-width: 769px) and (max-width: 871px) { .dm-sc-img-modals-btn.hotspot { width: 17px; height: 17px; } } @media (min-width: 501px) and (max-width: 768px) { .dm-sc-img-modals-btn .hotspot-icon.fa.fa-plus, .dm-sc-img-modals-btn .hotspot-icon.fa.fa-check { font-size: 2vw; } .dm-sc-img-modals-btn.hotspot { width: 25px; height: 25px; } } @media (max-width: 500px) { .dm-sc-img-modals-btn.hotspot { width: 20px; height: 20px; } } .dm-sc-img-modals-btn .hotspot-icon.fa.fa-plus, .dm-sc-img-modals-btn .hotspot-icon.fa.fa-check { display: flex; justify-content: center; align-items: center; } .dm-sc-img-modals-modal-content p { text-align: center; } --></style> <script>// <![CDATA[ $(document).ready(function () { $(".dm-sc-img-modals-wrap").each(function () { var modal = $(this).find(".dm-sc-img-modals-modal"); var btn = $(this).find(".dm-sc-img-modals-btn"); btn.click(function () { modal.css("display", "flex"); $(this).find(".fa-plus").removeClass("fa-plus"); $(this).find(".fa").addClass("fa-check"); $(this).css("animation", "none"); }); $(".dm-sc-img-modals-modal-close").click(function () { modal.css("display", "none"); }); $(window).click(function (event) { if (event.target.className === "dm-sc-img-modals-modal") { modal.css("display", "none"); } }); }); }) // ]]></script> <p>У деяких конструкціях може бути відсутня одна із особливостей, зазначених вище. Характерною рисою вбудованих меблів виступає висота від підлоги до стелі.</p> </div> </div> <div class="vert vert-10" data-id="block-v1:Profosvita+CS-S003-SGM+2024+type@html+block@87a2015ea9674f90be273174badaf8e5"> <div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S003-SGM+2024" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S003-SGM+2024+type@html+block@87a2015ea9674f90be273174badaf8e5" data-request-token="e1ea7a1c392b11f0bfac8e1636cb29bb" data-graded="False" data-has-score="False"> <script type="json/xblock-args" class="xblock-json-init-args"> {"xmodule-type": "HTMLModule"} </script> <h3>Конструктивні елементи предметів меблювання</h3> <p>Загалом виділяють три основні категорії конструктивних елементів предметів меблювання:</p> <div style="display: flex; align-items: center;"><img src="/assets/courseware/v1/f7a38d5683e56d0fe654d5d9e83aa7d6/asset-v1:Profosvita+CS-S003-SGM+2024+type@asset+block/Woodworker-cuate.png" alt="picture" style="width: 130px; max-width: 30%; margin-bottom: 0px;" height="130" /> <p style="margin-top: 0px; margin-bottom: 0px; padding-left: 20px;"> • фасадна частина;<br/> • механізм розсувних дверей;<br/> • внутрішнє наповнення.</p> </div> <p></p> <p><em>Далі, у цьому уроці, ви дізнаєтесь більш детально про кожний з цих елементів.</em></p> </div> </div> <div class="vert vert-11" data-id="block-v1:Profosvita+CS-S003-SGM+2024+type@html+block@2a266a6073fc43a980649ad39b02f4e7"> <div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S003-SGM+2024" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S003-SGM+2024+type@html+block@2a266a6073fc43a980649ad39b02f4e7" data-request-token="e1ea7a1c392b11f0bfac8e1636cb29bb" data-graded="False" data-has-score="False"> <script type="json/xblock-args" class="xblock-json-init-args"> {"xmodule-type": "HTMLModule"} </script> <h3>Фасад шафи</h3> <p><b>Фасаду</b> вбудованих систем відводиться одна із самих основних ролей. Від конструкції лицьової частини залежать зовнішній вигляд меблів і особливості експлуатації. Вони досить різноманітні та підбираються з урахуванням обраного стилю оформлення.</p> <p><em>Натисніть на картки, щоб дізнатись детальніше про типи фасадів для вбудованих меблів.</em></p> <div class="dm2-cardsWrap"> <div class="dm2-cardsWrap"> <div class="dm2-cardsWrap"> <div class="dm2-cardContainer dm2-cardContainer-inactive"> <div class="dm2-cardContainer-card"> <div class="dm2-cardContainer-card-side dm2-cardContainer-card-front" style="background-color: #ededed;"> <div class="dm2-cardContainer-card-info"><img src="/assets/courseware/v1/37592fd307a992d1f7ad4f26157c5917/asset-v1:Profosvita+CS-S003-SGM+2024+type@asset+block/%D0%94%D0%B7%D0%B5%D1%80%D0%BA%D0%B0%D0%BB%D1%8C%D0%BD%D0%B8%D0%B9.png" style="height: 180px; width: auto; border-radius: 5%;" /> <p><strong><span style="color: #241f20;">Дзеркальні фасади</span></strong></p> </div> </div> <div class="dm2-cardContainer-card-side dm2-cardContainer-card-back" style="border: 1px solid #EDEDED;"> <div class="dm2-cardContainer-card-info"><b>Дзеркальні</b> поверхні візуально розширюють простір, що особливо актуально в малогабаритних квартирах.</div> </div> </div> </div> <div class="dm2-cardContainer dm2-cardContainer-inactive"> <div class="dm2-cardContainer-card"> <div class="dm2-cardContainer-card-side dm2-cardContainer-card-front" style="background-color: #ededed;"> <div class="dm2-cardContainer-card-info"><img src="/assets/courseware/v1/085b8373af044e42fc6e1164f6c0b9b3/asset-v1:Profosvita+CS-S003-SGM+2024+type@asset+block/%D0%94%D0%B5%D1%80%D0%B5%D0%B2_%D1%8F%D0%BD%D0%B8%D0%B9.png" style="height: 180px; width: auto; border-radius: 5%;" /> <p><strong><span style="color: #241f20;">Дерев’яні фасади</span></strong></p> </div> </div> <div class="dm2-cardContainer-card-side dm2-cardContainer-card-back" style="border: 1px solid #EDEDED;"> <div class="dm2-cardContainer-card-info"><b>Дерев’яні фасади</b>, або імітація дерева (МДФ) підходить для приміщень, оформлених в класичному стилі, де переважають предмети меблів з дерева.</div> </div> </div> </div> <div class="dm2-cardContainer dm2-cardContainer-inactive"> <div class="dm2-cardContainer-card"> <div class="dm2-cardContainer-card-side dm2-cardContainer-card-front" style="background-color: #ededed;"> <div class="dm2-cardContainer-card-info"><img src="/assets/courseware/v1/b3e11824cc97b946e0dd5a6e0a04f820/asset-v1:Profosvita+CS-S003-SGM+2024+type@asset+block/%D0%93%D0%BB%D1%8F%D0%BD%D1%86%D0%B5%D0%B2%D0%B8%D0%B9.png" style="height: 180px; width: auto; border-radius: 5%;" /> <p><strong><span style="color: #241f20;">глянцеві фасади</span></strong></p> </div> </div> <div class="dm2-cardContainer-card-side dm2-cardContainer-card-back" style="border: 1px solid #EDEDED;"> <div class="dm2-cardContainer-card-info">Яскраві <b>глянцеві фасади</b> — стильний елемент декору, який дозволить вдало розставити акценти.</div> </div> </div> </div> </div> </div> </div> <style><!-- p.dm2-cardsWrap-about.dm2-cardsWrap-about { margin-bottom: 5px; margin-top: 5px; } body.view-in-course div.container .course-wrapper { display: table; } .dm2-cardsWrap>* { box-sizing: border-box; } .dm2-cardsWrap { margin: 0; margin-bottom: 22px; width: 100%; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; } .dm2-cardContainer { position: relative; width: 340px; height: 350px; margin: 3px; perspective: 1000px; } .dm2-cardContainer-card-active { transform: translateZ(0px) rotateY(180deg) !important; } .dm2-cardContainer-card-active:after { display: none; } .dm2-cardContainer-card { display: inline-block; width: 100%; height: 100%; cursor: pointer; border-radius: 6px; -moz-backface-visibility: hidden; transform-style: preserve-3d; transform: translateZ(-20px); transition: all 0.2s; box-shadow: 0 1px 2px 0 rgba(44, 47, 60, 0.06), 0 3px 10px 0 rgba(44, 47, 60, 0.09); } .dm2-cardContainer-card:after { content: ""; position: absolute; z-index: -1; width: 100%; height: 100%; border-radius: 6px; box-shadow: 0 1px 2px 0 rgba(44, 47, 60, 0.06), 0 3px 10px 0 rgba(44, 47, 60, 0.09); opacity: 0; transition: all 0.2s; } .dm2-cardContainer-card:hover { transform: translateZ(0px); } .dm2-cardContainer-card:hover:after { opacity: 1; } .dm2-cardContainer-card .dm2-cardContainer-card-side { -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; width: 100%; height: 100%; border-radius: 6px; background-color: white; } .dm2-cardContainer-card .dm2-cardContainer-card-front { z-index: 2; background-color: #c4c4c4; display: flex; justify-content: center; align-items: center; } .dm2-cardContainer-card div.dm2-cardContainer-card-front p { color: #fff; font-size: 16px; text-align: center; text-transform: uppercase; } .dm2-cardContainer-card .dm2-cardContainer-card-back { transform: rotateY(180deg); font-size: 16px; overflow: hidden; display: flex; align-items: center; justify-content: center; } .dm2-cardContainer-card .dm2-cardContainer-card-back .dm2-cardContainer-card-info { width: 90%; } .dm2-cardContainer-card .dm2-cardContainer-card-info p { padding: 32px 16px 0px; text-align: center; margin-bottom: 0; align-self: flex-end; } .dm2-cardContainer-card-front .dm2-cardContainer-card-img { background-color: #dadce2; background-position: center; background-size: cover; border-radius: 6px 6px 0 0; width: 100%; height: 250px; } .dm2-cardContainer-card-front .dm2-cardContainer-card-info { text-align: center; } .dm2-cardContainer-card-back { position: relative; } .dm2-cardContainer-card-back h2 { margin-top: 6px; margin-bottom: 18px; } .dm2-cardContainer-card-info ul li { line-height: 1.3px; } --></style> <p> <script>// <![CDATA[ function flip() { $('.dm2-cardContainer-card').not(this).each(function () { $(this).removeClass("dm2-cardContainer-card-active"); }); if ($(this).hasClass("dm2-cardContainer-card-active")) { $(this).removeClass("dm2-cardContainer-card-active"); } else { $(this).addClass("dm2-cardContainer-card-active"); } } $(".dm2-cardContainer-card").each(function () { $(this).bind("click", flip); }); // ]]></script> </p> </div> </div> <div class="vert vert-12" data-id="block-v1:Profosvita+CS-S003-SGM+2024+type@html+block@627ae91f7b3945598ecee89da363aaf9"> <div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S003-SGM+2024" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S003-SGM+2024+type@html+block@627ae91f7b3945598ecee89da363aaf9" data-request-token="e1ea7a1c392b11f0bfac8e1636cb29bb" data-graded="False" data-has-score="False"> <script type="json/xblock-args" class="xblock-json-init-args"> {"xmodule-type": "HTMLModule"} </script> <h3>Механізм розсувних дверей</h3> <p><b>Механізм розсувних дверей</b> буває двох основних типів, за якими переміщаються дверцята:</p> <p><img height="50%" width="50%" src="/assets/courseware/v1/b959b3947d072d12e45d8c286a4812d4/asset-v1:Profosvita+CS-S003-SGM+2024+type@asset+block/%D0%94%D0%B2%D0%B0_%D1%82%D0%B8%D0%BF%D0%B8.png" alt="avatar" style="display: block; margin-left: auto; margin-right: auto;" /></p> <p></p> </div> </div> <div class="vert vert-13" data-id="block-v1:Profosvita+CS-S003-SGM+2024+type@html+block@cb448aed994b44c5b29214660f68cd12"> <div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S003-SGM+2024" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S003-SGM+2024+type@html+block@cb448aed994b44c5b29214660f68cd12" data-request-token="e1ea7a1c392b11f0bfac8e1636cb29bb" data-graded="False" data-has-score="False"> <script type="json/xblock-args" class="xblock-json-init-args"> {"xmodule-type": "HTMLModule"} </script> <h3>Внутрішнє наповнення шафи</h3> <p><b>Підбір елементів внутрішнього наповнення</b> модуля та їх розташування залежить від функціонального призначення </p> <p>Нижче наведено приклади з популярних елементів внутрішнього наповнення та зонування шафи купе за їх допомогою.</p> <p><em> Натисніть на інтерактивні елементи, щоб дізнатись більше про елементи наповнення шафи.</em></p> <div class="dm-sc-img-modals1-wrapper"> <div style="text-align: center;"> <div class="dm-sc-img-modals1" style="box-shadow: none; max-width: auto;"> <div class="dm-sc-img-modals-info"></div> <div class="dm-sc-img-modals-container" style="position: relative; display: flex; justify-content: center;"> <div style="position: relative; max-width: 1000px; width: 80%; min-height: 100px;"><img class="dm-sc-img-modals-image custom-image" src="/assets/courseware/v1/5f711303c8a6d3d897404d09272fa1b4/asset-v1:Profosvita+CS-S003-SGM+2024+type@asset+block/%D0%92%D0%BD%D1%83%D1%82%D1%80%D1%96%D1%88%D0%BD%D1%94-%D0%BD%D0%B0%D0%BF%D0%BE%D0%B2%D0%BD%D0%B5%D0%BD%D0%BD%D1%8F-%D1%88%D0%B0%D1%84%D0%B8__1_.jpg" alt=" Hot spots image" style="max-width: 90%; width: 90%;" /> <div class="dm-sc-img-modals-m1 dm-sc-img-modals-wrap"><button class="dm-sc-img-modals-btn hotspot hotspot-1"> <span class="hotspot-icon fa fa-plus"></span> </button> <div class="dm-sc-img-modals-modal"> <div class="dm-sc-img-modals-modal-content"><span class="hotspot-icon dm-sc-img-modals-modal-close fa fa-times"></span> <p style="text-align: left;"><b>Полиці</b> — один з основних елементів наповнення. Бувають:<br/> • стаціонарними;<br/> • висувними;<br/> • суцільними;<br/> • вентильованими;<br/> • половинними;<br/> • на всю глибину і т.д.</p> </div> </div> </div> <div class="dm-sc-img-modals-m1 dm-sc-img-modals-wrap"><button class="dm-sc-img-modals-btn hotspot hotspot-2"> <span class="hotspot-icon fa fa-plus"></span> </button> <div class="dm-sc-img-modals-modal"> <div class="dm-sc-img-modals-modal-content"><span class="hotspot-icon dm-sc-img-modals-modal-close fa fa-times"></span> <p><b>Ящики</b> — другий за значущістю елемент шафи.</p> </div> </div> </div> <div class="dm-sc-img-modals-m1 dm-sc-img-modals-wrap"><button class="dm-sc-img-modals-btn hotspot hotspot-3"> <span class="hotspot-icon fa fa-plus"></span> </button> <div class="dm-sc-img-modals-modal"> <div class="dm-sc-img-modals-modal-content"><span class="hotspot-icon dm-sc-img-modals-modal-close fa fa-times"></span> <p><b>Штанга підвіс</b> — необхідна для одягу на плічках. Матеріал виготовлення різний, найчастіше метал.</p> </div> </div> </div> <div class="dm-sc-img-modals-m1 dm-sc-img-modals-wrap"><button class="dm-sc-img-modals-btn hotspot hotspot-4"> <span class="hotspot-icon fa fa-plus"></span> </button> <div class="dm-sc-img-modals-modal"> <div class="dm-sc-img-modals-modal-content"><span class="hotspot-icon dm-sc-img-modals-modal-close fa fa-times"></span> <p>Зручні для зберігання — <b>кошики</b>. У них добре видно всі речі, що створює певну зручність. </p> </div> </div> </div> <div class="dm-sc-img-modals-m1 dm-sc-img-modals-wrap"><button class="dm-sc-img-modals-btn hotspot hotspot-5"> <span class="hotspot-icon fa fa-plus"></span> </button> <div class="dm-sc-img-modals-modal"> <div class="dm-sc-img-modals-modal-content"><span class="hotspot-icon dm-sc-img-modals-modal-close fa fa-times"></span> <p><b>Брючниця.</b> Штани завжди випрасовані та готові для одягання. </p> </div> </div> </div> <div class="dm-sc-img-modals-m1 dm-sc-img-modals-wrap"><button class="dm-sc-img-modals-btn hotspot hotspot-6"> <span class="hotspot-icon fa fa-plus"></span> </button> <div class="dm-sc-img-modals-modal"> <div class="dm-sc-img-modals-modal-content"><span class="hotspot-icon dm-sc-img-modals-modal-close fa fa-times"></span> <p><b>Полиці для зберігання взуття.</b> На відкритих полицях зручно зберігати актуальне сезонне взуття. </p> </div> </div> </div> <div class="dm-sc-img-modals-m1 dm-sc-img-modals-wrap"><button class="dm-sc-img-modals-btn hotspot hotspot-7"> <span class="hotspot-icon fa fa-plus"></span> </button> <div class="dm-sc-img-modals-modal"> <div class="dm-sc-img-modals-modal-content"><span class="hotspot-icon dm-sc-img-modals-modal-close fa fa-times"></span> <p><b>Відділ для аксесуарів</b> — браслети, годинники, окуляри та ін. Ці предмети рекомендується зберігати у висувних ящиках. Усередині простір можна поділити на окремі осередки. </p> </div> </div> </div> <div class="dm-sc-img-modals-m1 dm-sc-img-modals-wrap"><button class="dm-sc-img-modals-btn hotspot hotspot-8"> <span class="hotspot-icon fa fa-plus"></span> </button> <div class="dm-sc-img-modals-modal"> <div class="dm-sc-img-modals-modal-content"><span class="hotspot-icon dm-sc-img-modals-modal-close fa fa-times"></span> <p><b>Зберігання сумок.</b> Можна використовувати полички, гачки, підвіси, карабіни, кільця та інші пристрої.</p> </div> </div> </div> <div class="dm-sc-img-modals-m1 dm-sc-img-modals-wrap"><button class="dm-sc-img-modals-btn hotspot hotspot-9"> <span class="hotspot-icon fa fa-plus"></span> </button> <div class="dm-sc-img-modals-modal"> <div class="dm-sc-img-modals-modal-content"><span class="hotspot-icon dm-sc-img-modals-modal-close fa fa-times"></span> <p><b>Штанга (вішалка) для зберігання краваток</b> — зручно вибирати, не мнуться, правильний підвіс оберігає від зміни форми. Також це зручне розміщення ременів, як альтернатива - зберігання на полиці в рулончиках. </p> </div> </div> </div> <div class="dm-sc-img-modals-m1 dm-sc-img-modals-wrap"><button class="dm-sc-img-modals-btn hotspot hotspot-10"> <span class="hotspot-icon fa fa-plus"></span> </button> <div class="dm-sc-img-modals-modal"> <div class="dm-sc-img-modals-modal-content"><span class="hotspot-icon dm-sc-img-modals-modal-close fa fa-times"></span> <p><b>Зберігання взуття.</b> У верхній (антресольній) частині можна розмістити взуття у коробках.</p> </div> </div> </div> </div> </div> </div> </div> </div> <style><!-- .dm-sc-img-modals-btn.hotspot-1 { left: 12%; top: 74%; } .dm-sc-img-modals-btn.hotspot-2 { left: 76%; top: 41%; } .dm-sc-img-modals-btn.hotspot-3 { left: 80%; top: 16%; } .dm-sc-img-modals-btn.hotspot-4 { left: 80%; top: 62%; } .dm-sc-img-modals-btn.hotspot-5 { left: 12%; top: 57%; } .dm-sc-img-modals-btn.hotspot-6 { left: 88%; top: 75%; } .dm-sc-img-modals-btn.hotspot-7 { left: 12%; top: 35%; } .dm-sc-img-modals-btn.hotspot-8 { left: 77%; top: 29%; } .dm-sc-img-modals-btn.hotspot-9 { left: 10%; top: 13%; } .dm-sc-img-modals-btn.hotspot-10 { left: 59%; top: 9%; } --></style> <style><!-- p.dm-sc-img-modals1.dm-sc-img-modals1-2 { margin-bottom: 10px; } .dm-sc-img-modals-modal-content h3, .dm-sc-img-modals-modal-content h4 { text-align: center; } .dm-sc-img-modals1-wrapper { margin-bottom: 20px; } .dm-sc-img-modals1 { display: inline-block; box-shadow: none; border-radius: 6px; width: 100%; position: relative; margin: auto; } .dm-sc-img-modals1 .dm-sc-img-modals { padding-bottom: 20px; position: relative; } .dm-sc-img-modals-btn { position: absolute; opacity: 0.8; width: 30px; height: 30px; padding: 0; border: none; box-shadow: 0 0 0 0 rgba(48, 182, 221, 0.7); border-radius: 50%; -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1); -moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1); -ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1); animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1); } .dm-sc-img-modals-btn .fa.fa-plus, .dm-sc-img-modals-btn .fa.fa-check { font-size: 1vw; } @-webkit-keyframes pulse { to { box-shadow: 0 0 0 15px rgba(232, 76, 61, 0); } } @-moz-keyframes pulse { to { box-shadow: 0 0 0 15px rgba(232, 76, 61, 0); } } @-ms-keyframes pulse { to { box-shadow: 0 0 0 15px rgba(232, 76, 61, 0); } } @keyframes pulse { to { box-shadow: 0 0 0 15px rgba(232, 76, 61, 0); } } .dm-sc-img-modals-wrap .dm-sc-img-modals-btn:hover { cursor: pointer; opacity: 1; outline: none; background-color: #4849F9; background-image: none; box-shadow: none; } .dm-sc-img-modals-wrap .dm-sc-img-modals-btn:active, .dm-sc-img-modals-wrap .dm-sc-img-modals-btn:focus { outline: none; border: none; box-shadow: none; } .dm-sc-img-modals-btn { background: #4849F9; color: white; } .dm-sc-img-modals-modal { display: none; justify-content: center; align-items: center; position: absolute; z-index: 1; border-radius: 6px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.4); } .dm-sc-img-modals-container { display: inline-block; margin: 0 auto; text-align: center; position: relative; } .dm-sc-img-modals-modal-content { background-color: #fefefe; text-align: left; position: relative; margin: auto; overflow: auto; border-radius: 6px; padding: 20px 30px; border: 1px solid #888; width: 80%; } .dm-sc-img-modals-modal-close { color: #4849F9; position: absolute; top: 10px; right: 20px; font-size: 22px; } .dm-sc-img-modals-modal-close:hover, .dm-sc-img-modals-modal-close:focus { color: #7A7A7F; text-decoration: none; cursor: pointer; } .dm-sc-img-modals-image { margin: auto; display: block; } @media only screen and (max-width: 768px) { .dm-sc-img-modals-modal { overflow-x: hidden; overflow-y: scroll; } .dm-sc-img-modals-modal-content { border: none; } } @media only screen and (max-width: 500px) { .dm-sc-img-modals-btn .fa.fa-plus, .dm-sc-img-modals-btn .fa.fa-check { font-size: 2vw; } } @media only screen and (max-width: 768px) { .dm-sc-img-modals-modal-content { overflow: visible; } } .dm-sc-img-modals-btn.hotspot { position: absolute; width: 30px; height: 30px; } @media (min-width: 872px) and (max-width: 1100px) { .dm-sc-img-modals-btn.hotspot { width: 20px; height: 20px; } } @media (min-width: 769px) and (max-width: 871px) { .dm-sc-img-modals-btn.hotspot { width: 17px; height: 17px; } } @media (min-width: 501px) and (max-width: 768px) { .dm-sc-img-modals-btn .hotspot-icon.fa.fa-plus, .dm-sc-img-modals-btn .hotspot-icon.fa.fa-check { font-size: 2vw; } .dm-sc-img-modals-btn.hotspot { width: 25px; height: 25px; } } @media (max-width: 500px) { .dm-sc-img-modals-btn.hotspot { width: 20px; height: 20px; } } .dm-sc-img-modals-btn .hotspot-icon.fa.fa-plus, .dm-sc-img-modals-btn .hotspot-icon.fa.fa-check { display: flex; justify-content: center; align-items: center; } .dm-sc-img-modals-modal-content p { text-align: center; } --></style> <script>// <![CDATA[ $(document).ready(function () { $(".dm-sc-img-modals-wrap").each(function () { var modal = $(this).find(".dm-sc-img-modals-modal"); var btn = $(this).find(".dm-sc-img-modals-btn"); btn.click(function () { modal.css("display", "flex"); $(this).find(".fa-plus").removeClass("fa-plus"); $(this).find(".fa").addClass("fa-check"); $(this).css("animation", "none"); }); $(".dm-sc-img-modals-modal-close").click(function () { modal.css("display", "none"); }); $(window).click(function (event) { if (event.target.className === "dm-sc-img-modals-modal") { modal.css("display", "none"); } }); }); }) // ]]></script> </div> </div> <div class="vert vert-14" data-id="block-v1:Profosvita+CS-S003-SGM+2024+type@html+block@ac9251d6bbb94f9582fe6da1526910a6"> <div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S003-SGM+2024" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S003-SGM+2024+type@html+block@ac9251d6bbb94f9582fe6da1526910a6" data-request-token="e1ea7a1c392b11f0bfac8e1636cb29bb" data-graded="False" data-has-score="False"> <script type="json/xblock-args" class="xblock-json-init-args"> {"xmodule-type": "HTMLModule"} </script> <h3>Характеристики основних елементів наповнення</h3> <p>Ознайомитися з основними характеристиками елементів наповнення шафи дуже корисно. Розглянемо їхні ключові характеристики та функції, щоб ви могли обирати найкращі рішення для вашого інтер'єру та зручності.</p> <p><em> Натисніть на інтерактивні елементи, щоб ознайомитися з характеристиками елементів наповнення шафи.</em></p> <div class="tab-wrapper"> <div class="tab-controls"><button class="tab-controls__button active"><b>Полиці</b></button> <button class="tab-controls__button"><b>Скриньки </b></button> <button class="tab-controls__button"><b>Антресолі</b></button> <button class="tab-controls__button"><b>Штанги</b></button> <button class="tab-controls__button"><b>Пантографи</b></button> <button class="tab-controls__button"><b>Кошики</b></button></div> <div class="tab-content"> <div style="display: flex;"> <div style="width: 20%; align-self: center; text-align: center;"><img src="/assets/courseware/v1/14426c32d42dafbf4407c2e703b55a32/asset-v1:Profosvita+CS-S003-SGM+2024+type@asset+block/%D0%A2%D0%B5%D0%BC%D0%B0-3.1.-%D0%A5%D0%B0%D1%80%D0%B0%D0%BA%D1%82%D0%B5%D1%80%D0%B8%D1%81%D1%82%D0%B8%D0%BA%D0%B8-%D0%BE%D1%81%D0%BD%D0%BE%D0%B2%D0%BD%D0%B8%D1%85-%D0%B5%D0%BB%D0%B5%D0%BC%D0%B5%D0%BD%D1%82%D1%96%D0%B2-%D0%BD%D0%B0%D0%BF%D0%BE%D0%B2%D0%BD%D0%B5%D0%BD%D0%BD%D1%8F-%D1%88%D0%B0%D1%84%D0%B81.png" style="width: 75%; max-width: 100px;" alt="image" /></div> <div style="width: 100%; align-self: center;"> <p><b>Висувні та стаціонарні полиці</b> найчастіше розміщують для організації простору шафи. Для зручного використання відстань між ними роблять від 350 до 450 мм.</p> </div> </div> </div> <div class="tab-content"> <div style="display: flex;"> <div style="width: 20%; align-self: center; text-align: center;"><img src="/assets/courseware/v1/635f605bbf7f8db7d5ccb4d83aaefd8b/asset-v1:Profosvita+CS-S003-SGM+2024+type@asset+block/%D0%A2%D0%B5%D0%BC%D0%B0-3.1.-%D0%A5%D0%B0%D1%80%D0%B0%D0%BA%D1%82%D0%B5%D1%80%D0%B8%D1%81%D1%82%D0%B8%D0%BA%D0%B8-%D0%BE%D1%81%D0%BD%D0%BE%D0%B2%D0%BD%D0%B8%D1%85-%D0%B5%D0%BB%D0%B5%D0%BC%D0%B5%D0%BD%D1%82%D1%96%D0%B2-%D0%BD%D0%B0%D0%BF%D0%BE%D0%B2%D0%BD%D0%B5%D0%BD%D0%BD%D1%8F-%D1%88%D0%B0%D1%84%D0%B82.png" style="width: 75%; max-width: 100px;" alt="image" /></div> <div style="width: 100%; align-self: center;"> <p><b>Висувні скриньки.</b> Їх існує два типи — повністю висувні (на 100%) та частково висувні (на 80%). Вони також можуть бути обладнані доводчиками, що забезпечує плавне напівавтоматичне закриття ящика.</p> </div> </div> </div> <div class="tab-content"> <div style="display: flex;"> <div style="width: 20%; align-self: center; text-align: center;"><img src="/assets/courseware/v1/370f5ce800b123f50ace3658d3594403/asset-v1:Profosvita+CS-S003-SGM+2024+type@asset+block/%D0%A2%D0%B5%D0%BC%D0%B0-3.1.-%D0%A5%D0%B0%D1%80%D0%B0%D0%BA%D1%82%D0%B5%D1%80%D0%B8%D1%81%D1%82%D0%B8%D0%BA%D0%B8-%D0%BE%D1%81%D0%BD%D0%BE%D0%B2%D0%BD%D0%B8%D1%85-%D0%B5%D0%BB%D0%B5%D0%BC%D0%B5%D0%BD%D1%82%D1%96%D0%B2-%D0%BD%D0%B0%D0%BF%D0%BE%D0%B2%D0%BD%D0%B5%D0%BD%D0%BD%D1%8F-%D1%88%D0%B0%D1%84%D0%B83.png" style="width: 75%; max-width: 100px;" alt="image" /></div> <div style="width: 100%; align-self: center;"> <p><b>Антресолі</b>, також відомі як "важкодоступні полиці", розташовують у верхній частині шафи. На них зберігаються рідко використовувані та габаритні речі.</p> </div> </div> </div> <div class="tab-content"> <div style="display: flex;"> <div style="width: 20%; align-self: center; text-align: center;"><img src="/assets/courseware/v1/cf8d782e0a28cc88efedadc75f19511f/asset-v1:Profosvita+CS-S003-SGM+2024+type@asset+block/%D0%A2%D0%B5%D0%BC%D0%B0-3.1.-%D0%A5%D0%B0%D1%80%D0%B0%D0%BA%D1%82%D0%B5%D1%80%D0%B8%D1%81%D1%82%D0%B8%D0%BA%D0%B8-%D0%BE%D1%81%D0%BD%D0%BE%D0%B2%D0%BD%D0%B8%D1%85-%D0%B5%D0%BB%D0%B5%D0%BC%D0%B5%D0%BD%D1%82%D1%96%D0%B2-%D0%BD%D0%B0%D0%BF%D0%BE%D0%B2%D0%BD%D0%B5%D0%BD%D0%BD%D1%8F-%D1%88%D0%B0%D1%84%D0%B84.png" style="width: 75%; max-width: 100px;" alt="image" /></div> <div style="width: 100%; align-self: center;"> <p><b>Штанги</b> використовують для розміщення на них плічок з одягом.Частіше за все їх монтують на всю ширину шафи або секції. </p> </div> </div> </div> <div class="tab-content"> <div style="display: flex;"> <div style="width: 20%; align-self: center; text-align: center;"><img src="/assets/courseware/v1/1ea46ed5e80bb81ab2a03eb046f183cc/asset-v1:Profosvita+CS-S003-SGM+2024+type@asset+block/%D0%A2%D0%B5%D0%BC%D0%B0-3.1.-%D0%A5%D0%B0%D1%80%D0%B0%D0%BA%D1%82%D0%B5%D1%80%D0%B8%D1%81%D1%82%D0%B8%D0%BA%D0%B8-%D0%BE%D1%81%D0%BD%D0%BE%D0%B2%D0%BD%D0%B8%D1%85-%D0%B5%D0%BB%D0%B5%D0%BC%D0%B5%D0%BD%D1%82%D1%96%D0%B2-%D0%BD%D0%B0%D0%BF%D0%BE%D0%B2%D0%BD%D0%B5%D0%BD%D0%BD%D1%8F-%D1%88%D0%B0%D1%84%D0%B85.png" style="width: 75%; max-width: 100px;" alt="image" /></div> <div style="width: 100%; align-self: center;"> <p><b>Пантографи/спеціальні "меблеві ліфти"</b> застосовують для зберігання одягу на необхідному рівні, адже їх легко висувати спеціальною штангою. Вони бувають електричними чи механічними.</p> </div> </div> </div> <div class="tab-content"> <div style="display: flex;"> <div style="width: 20%; align-self: center; text-align: center;"><img src="/assets/courseware/v1/e9ba6a119d989d84e40891025d97e954/asset-v1:Profosvita+CS-S003-SGM+2024+type@asset+block/%D0%A2%D0%B5%D0%BC%D0%B0-3.1.-%D0%A5%D0%B0%D1%80%D0%B0%D0%BA%D1%82%D0%B5%D1%80%D0%B8%D1%81%D1%82%D0%B8%D0%BA%D0%B8-%D0%BE%D1%81%D0%BD%D0%BE%D0%B2%D0%BD%D0%B8%D1%85-%D0%B5%D0%BB%D0%B5%D0%BC%D0%B5%D0%BD%D1%82%D1%96%D0%B2-%D0%BD%D0%B0%D0%BF%D0%BE%D0%B2%D0%BD%D0%B5%D0%BD%D0%BD%D1%8F-%D1%88%D0%B0%D1%84%D0%B86.png" style="width: 75%; max-width: 100px;" alt="image" /></div> <div style="width: 100%; align-self: center;"> <p><b>Кошики</b> зручні для зберігання дрібних речей. Їх обладнуються роликами та напрямними.</p> </div> </div> </div> </div> <style><!-- p.tab-wrapper-about.tab-wrapper-about-2 { margin-bottom: 5px; } .tab-controls { overflow: hidden; background-color: #EDEDED; border-radius: 6px 6px 0 0; display: flex; } .tab-controls button:not(:last-child) { margin-right: 0px; } .tab-controls button { background-image: none; text-shadow: none; background-color: inherit; color: #000000; flex: 1; float: none; border-radius: 6px 6px 0 0; box-shadow: none; border: none; outline: none; cursor: pointer; padding: 14px 16px; transition: 0.3s; font-size: 14px; font-family: inherit; } .tab-controls button:hover, .tab-controls button:active, .tab-controls button:focus { background-color: #c0c0c0ff; background-image: none; box-shadow: none; border: none; text-shadow: none; } .tab-controls button.active { background-color: #c0c0c0ff; } .tab-content { display: none; padding: 15px 15px; border-radius: 0 0 6px 6px; border-top: none; box-shadow: 0 1px 2px 0 rgba(44, 47, 60, 0.06), 0 3px 10px 0 rgba(44, 47, 60, 0.09); overflow: auto; margin-bottom: 20px; } @media only screen and (max-width: 980px) { .tab-controls { overflow: auto; flex-direction: column; } } --></style> <script>// <![CDATA[ $(".tab-wrapper").each(function () { const buttons = $(this).find(".tab-controls__button"); const tabs = $(this).find(".tab-content"); if (tabs.length !== buttons.length) { $(this).html("<p style='text-align:center; color: red'>ERROR, UNEQUAL AMOUNT OF TABS AND BUTTONS</p>"); } else { tabs.eq(0).show(); buttons.each(function (index) { $(this).click(function () { buttons.each(function () { $(this).removeClass("active"); }); tabs.each(function () { $(this).hide(); }); $(this).addClass("active"); tabs.eq(index).show(); }); }); } }); // ]]></script> </div> </div> <div class="vert vert-15" data-id="block-v1:Profosvita+CS-S003-SGM+2024+type@html+block@c4cdde429f654a83bd5cab27c9e72010"> <div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S003-SGM+2024" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S003-SGM+2024+type@html+block@c4cdde429f654a83bd5cab27c9e72010" data-request-token="e1ea7a1c392b11f0bfac8e1636cb29bb" data-graded="False" data-has-score="False"> <script type="json/xblock-args" class="xblock-json-init-args"> {"xmodule-type": "HTMLModule"} </script> <h3>Конструкції вбудованих меблів</h3> <div style="display: flex; align-items: center;"><img src="/assets/courseware/v1/48141440eca2da00e03698a33f369348/asset-v1:Profosvita+CS-S003-SGM+2024+type@asset+block/%D0%9F%D0%B5%D1%80%D0%B5%D0%B2%D0%B0%D0%B3%D0%B8-%D0%B4%D0%B5%D1%80%D0%B5%D0%B2_%D1%8F%D0%BD%D0%B8%D1%85-%D1%81%D1%82%D1%96%D0%BD%D0%BE%D0%B2%D0%B8%D1%85-%D0%BF%D0%B0%D0%BD%D0%B5%D0%BB%D0%B5%D0%B95.png" alt="picture" style="width: 100px; margin-bottom: 10px;" /> <div style="padding-left: 20px; text-align: justify;"> <p>Розуміння конструктивних елементів відіграє ключову роль при підготовці до безпосереднього процесу монтажу. Дуже важливо вивчити складові елементи аби мати змогу підбирати необхідні інструменти та матеріали, щоб технічно виконувати збір вбудованих меблів. </p> </div> </div> <p style="margin-bottom: 1px;"><em>Натисніть на інтерактивні елементи, щоб дізнатись детальніше про такі типи шаф за конструкцією, як: рейкова, каркасно-обшивна та шафа з ДСП.</em></p> <p></p> <div class="container-dm-pic3"> <div class="dm-pic3"> <!-- button start --> <div class="dm-sc-collaps-wrapper"> <div class="dm-collaps-wrap"> <button class="dm-collaps"> <i class="fa fa-angle-down" aria-hidden="true"></i ><b>Вбудована шафа з рейковим каркасом </b> </button> <div class="dm-collaps-content"> <!-- start element --> <div style="display: flex;"> <div style="width: 100%; align-self: center; text-align:justify;"> <div style="text-align: center;"> <img src="/assets/courseware/v1/bde87e3c873ffb64987baf72146b783f/asset-v1:Profosvita+CS-S003-SGM+2024+type@asset+block/12.-%D0%9A%D0%BE%D0%BD%D1%81%D1%82%D1%80%D1%83%D0%BA%D1%82%D0%B8%D0%B2%D0%BD%D1%96-%D0%B5%D0%BB%D0%B5%D0%BC%D0%B5%D0%BD%D1%82%D0%B8-%D0%B2%D0%B1%D1%83%D0%B4%D0%BE%D0%B2%D0%B0%D0%BD%D0%BE%D1%97-%D1%88%D0%B0%D1%84%D0%B8--%D0%B7--%D1%80%D0%B5%D0%B9%D0%BA%D0%BE%D0%B2%D0%B8%D0%BC-%D0%BA%D0%B0%D1%80%D0%BA%D0%B0%D1%81%D0%BE%D0%BC.jpg" alt="Your Image Alt Text" style="max-width: 350px; max-height: 550px; margin: 0 auto;" /> </div> <p>Зверніть увагу, що у при такій конструкції шафи дверні полотна навішуються на завіси на фальш-бруски.</p> <p></p> </div> </div> <!-- end element --> </div> </div> </div> <!-- button end --> <!-- button start --> <div class="dm-sc-collaps-wrapper"> <div class="dm-collaps-wrap"> <button class="dm-collaps"> <i class="fa fa-angle-down" aria-hidden="true"></i ><b>Вбудована шафа з щитовим каркасом</b> </button> <div class="dm-collaps-content"> <!-- start element --> <div style="display: flex;"> <div style="width: 100%; align-self: center; text-align:justify;"> <div style="text-align: center;"> <img src="/assets/courseware/v1/620bea7c1bdcf12bbed7c6e486bfbb4f/asset-v1:Profosvita+CS-S003-SGM+2024+type@asset+block/25.-%D0%9C%D0%BE%D0%BD%D1%82%D0%B0%D0%B6-%D1%88%D0%B0%D1%84%D0%B8-%D0%B7-%D1%89%D0%B8%D1%82%D0%BE%D0%B2%D0%B8%D0%BC-%D0%BA%D0%B0%D1%80%D0%BA%D0%B0%D1%81%D0%BE%D0%BC_%D0%BA%D1%80%D0%BE%D0%BA-5%D1%86%D0%B8%D1%84%D1%80%D0%B8.jpg" alt="Your Image Alt Text" style="max-width: 350px; max-height: 550px; margin: 0 auto;" /> </div> <p>Особливістю шаф з такою конструкцією є обов'язкове використання жалюзійних дверей, які не будуть занадто обтяжувати конструкцію та забезпечать ефективне провітрювання простору у середині. Це допоможе попередити появу плісняви та позбутися неприємного запаху. </p> <p></p> </div> </div> <!-- end element --> </div> </div> </div> <!-- button end --> <!-- button start --> <div class="dm-sc-collaps-wrapper"> <div class="dm-collaps-wrap"> <button class="dm-collaps"> <i class="fa fa-angle-down" aria-hidden="true"></i ><b>Вбудована шафа-купе з ДСП</b> </button> <div class="dm-collaps-content"> <!-- start element --> <div style="display: flex;"> <div style="width: 100%; align-self: center; text-align:justify;"> <div style="text-align: center;"> <img src="/assets/courseware/v1/8712aa10ecdf3e603c736860415a1ff6/asset-v1:Profosvita+CS-S003-SGM+2024+type@asset+block/31.-%D0%A8%D0%B0%D1%84%D0%B0-%D0%BA%D1%83%D0%BF%D0%B5-%D0%B7-%D0%94%D0%A1%D0%9F-all.jpg" alt="Your Image Alt Text" style="max-width: 500px; max-height: 700px; margin: 0 auto;" /> </div> <p>Особливістю цієї конструкції є те, що цокольні бруски і полик можуть бути відсутні. Це ніяк не вплине на функціональність шафи.</p> <p></p> </div> </div> <!-- end element --> </div> </div> </div> <!-- button end --> </div> </div> <style> .dm-collaps-wrap { margin-bottom: 15px; box-shadow: 0 1px 2px 0 rgba(44, 47, 60, 0.06), 0 3px 10px 0 rgba(44, 47, 60, 0.09); border-radius: 6px; } .dm-collaps { background-color: #EDEDED; color: #000; background-image: none; text-shadow: none; width: 100%; font-family: inherit; cursor: pointer; padding: 18px; width: 100%; border: none; border-radius: 6px 6px 0 0; text-align: left; outline: none; font-size: 15px; } .dm-collaps i.fa-angle-down { font-style: inherit; margin-right: 10px; } .dm-collaps--active i.fa-angle-down { transform: scaleY(-1); } button.dm-collaps--active, button.dm-collaps:hover, button.dm-collaps:focus, button.dm-collaps:active { background-color: #c0c0c0ff; color: #000000; background-image: none; box-shadow: none; border: none; text-shadow: none; } .dm-collaps-content { padding: 0 18px; display: none; border-radius: 6px; overflow: hidden; background-color: #fff; } .dm-collaps-content p { margin-top: 5px; } .dm-collaps-content img { width: 800px; height: auto; } .dm-picnorm { display: flex; align-items: center; } .dm-picnorm img { width: auto; max-height: 800px; margin-left: 10px; } .element_container{ min-height: 120px; } @media only screen and (max-width: 980px) { .dm-picnorm { flex-direction: column; margin: 0 auto; } } </style> <script> // <![CDATA[ $(".dm-sc-collaps-wrapper").each(function () { $(this) .find(".dm-collaps") .click(function () { $(this).toggleClass("dm-collaps--active"); $(this).next().toggle(); }); }); // ]]> </script> </div> </div> <div class="vert vert-16" data-id="block-v1:Profosvita+CS-S003-SGM+2024+type@html+block@49fa29704e6d4012adba6cddd3104828"> <div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S003-SGM+2024" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S003-SGM+2024+type@html+block@49fa29704e6d4012adba6cddd3104828" data-request-token="e1ea7a1c392b11f0bfac8e1636cb29bb" data-graded="False" data-has-score="False"> <script type="json/xblock-args" class="xblock-json-init-args"> {"xmodule-type": "HTMLModule"} </script> <h3>Конструктивні елементи дверей вбудованої шафи</h3> <div style="display: flex; align-items: center;"><img src="/assets/courseware/v1/6bf37b9d447abb64c76f60bdd7ccdb67/asset-v1:Profosvita+CS-S003-SGM+2024+type@asset+block/%D0%9A%D0%BE%D0%BD%D1%81%D1%82%D1%80%D1%83%D0%BA%D1%82%D0%B8%D0%B2%D0%BD%D1%96-%D0%B5%D0%BB%D0%B5%D0%BC%D0%B5%D0%BD%D1%82%D0%B8-%D0%B2%D0%B1%D1%83%D0%B4%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D1%85-%D0%BC%D0%B5%D0%B1%D0%BB%D1%96%D0%B2.png" alt="picture" style="width: 100px; margin-bottom: 10px;" /> <div style="padding-left: 20px; text-align: justify;"> <p>Двері у предметах меблювання відіграють ключову роль, бо вони не лише визначають зовнішній вигляд меблів, а й впливають на їх функціональність. До того ж вони не лише створюють естетичний і завершений вигляд, але й забезпечують зручний доступ до речей, які там зберігаються. Саме тому конструктивні елементи дверей вбудованих шаф заслуговують окремої уваги.</p> </div> </div> <p style="margin-bottom: 1px;"><em>Натисніть на інтерактивні елементи, щоб ознайомитися з конструктивними елементами дверей для вбудованої шафи.</em></p> <p></p> <div class="container-dm-pic3"> <div class="dm-pic3"> <!-- button start --> <div class="dm-sc-collaps-wrapper"> <div class="dm-collaps-wrap"> <button class="dm-collaps"> <i class="fa fa-angle-down" aria-hidden="true"></i ><b>Конструктивні елементи петельних дверей </b> </button> <div class="dm-collaps-content"> <!-- start element --> <div style="display: flex;"> <div style="width: 100%; align-self: center; text-align:justify;"> <div style="text-align: center;"> <img src="/assets/courseware/v1/df687f496d444801e9a79ad9f3f79c3d/asset-v1:Profosvita+CS-S003-SGM+2024+type@asset+block/13.-%D0%92%D0%B1%D1%83%D0%B4%D0%BE%D0%B2%D0%B0%D0%BD%D0%B0-%D1%88%D0%B0%D1%84%D0%B0.jpg" alt="Your Image Alt Text" style="width: 900px; hight:500px; margin: 0 auto;" /> </div> <p></p> </div> </div> <!-- end element --> </div> </div> </div> <!-- button end --> <!-- button start --> <div class="dm-sc-collaps-wrapper"> <div class="dm-collaps-wrap"> <button class="dm-collaps"> <i class="fa fa-angle-down" aria-hidden="true"></i ><b>Конструктивні елементи дверей шафи-купе</b> </button> <div class="dm-collaps-content"> <!-- start element --> <div style="display: flex;"> <div style="width: 100%; align-self: center; text-align:justify;"> <div style="text-align: center;"> <img src="/assets/courseware/v1/c036f542e50d424db1812a0c784a5b08/asset-v1:Profosvita+CS-S003-SGM+2024+type@asset+block/14.-%D0%94%D0%B2%D0%B5%D1%80%D1%96-%D1%88%D0%B0%D1%84%D0%B8.jpg" alt="Your Image Alt Text" style="max-width: 350px; margin: 0 auto;" /> </div> <p></p> </div> </div> <!-- end element --> </div> </div> </div> <!-- button end --> </div> </div> </div> </div> <div class="vert vert-17" data-id="block-v1:Profosvita+CS-S003-SGM+2024+type@html+block@861ce024fd5144aebe6febed335eb190"> <div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S003-SGM+2024" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S003-SGM+2024+type@html+block@861ce024fd5144aebe6febed335eb190" data-request-token="e1ea7a1c392b11f0bfac8e1636cb29bb" data-graded="False" data-has-score="False"> <script type="json/xblock-args" class="xblock-json-init-args"> {"xmodule-type": "HTMLModule"} </script> <h3>Личкування меблів</h3> <p>Для надання меблям красивого зовнішнього вигляду їх личкують різними матеріалами:</p> <p><em>Натисніть на картки, щоб дізнатись детальніше про типи фасадів для вбудованих меблів.</em></p> <div class="dm2-cardsWrap"> <div class="dm2-cardsWrap"> <div class="dm2-cardsWrap"> <div class="dm2-cardContainer dm2-cardContainer-inactive"> <div class="dm2-cardContainer-card"> <div class="dm2-cardContainer-card-side dm2-cardContainer-card-front" style="background-color: #ededed;"> <div class="dm2-cardContainer-card-info"><img src="/assets/courseware/v1/2d7ac7305b234363076d10449e15e98a/asset-v1:Profosvita+CS-S003-SGM+2024+type@asset+block/%D0%A2%D0%B5%D0%BC%D0%B0-3.1.-%D0%9B%D0%B8%D1%87%D0%BA%D1%83%D0%B2%D0%B0%D0%BD%D0%BD%D1%8F-%D0%BC%D0%B5%D0%B1%D0%BB%D1%96%D0%B21.png" style="height: 120px; width: auto; border-radius: 5%;" /> <p><strong><span style="color: #241f20;">Шпон</span></strong></p> </div> </div> <div class="dm2-cardContainer-card-side dm2-cardContainer-card-back" style="border: 1px solid #EDEDED;"> <div class="dm2-cardContainer-card-info">Фасад личкують шпоном з деревини цінних порід, після чого покривають світлим лаком.</div> </div> </div> </div> <div class="dm2-cardContainer dm2-cardContainer-inactive"> <div class="dm2-cardContainer-card"> <div class="dm2-cardContainer-card-side dm2-cardContainer-card-front" style="background-color: #ededed;"> <div class="dm2-cardContainer-card-info"><img src="/assets/courseware/v1/31df20d7fa581f07d34afefb85f545e8/asset-v1:Profosvita+CS-S003-SGM+2024+type@asset+block/%D0%A2%D0%B5%D0%BC%D0%B0-3.1.-%D0%9B%D0%B8%D1%87%D0%BA%D1%83%D0%B2%D0%B0%D0%BD%D0%BD%D1%8F-%D0%BC%D0%B5%D0%B1%D0%BB%D1%96%D0%B22.png" style="height: 120px; width: auto; border-radius: 5%;" /> <p><strong><span style="color: #241f20;">ДВП/фанера</span></strong></p> </div> </div> <div class="dm2-cardContainer-card-side dm2-cardContainer-card-back" style="border: 1px solid #EDEDED;"> <div class="dm2-cardContainer-card-info">Личкування проводять твердим ДВП або фанерою, попередньо облицьованими текстурним папером з імітацією під деревину цінних порід.</div> </div> </div> </div> <div class="dm2-cardContainer dm2-cardContainer-inactive"> <div class="dm2-cardContainer-card"> <div class="dm2-cardContainer-card-side dm2-cardContainer-card-front" style="background-color: #ededed;"> <div class="dm2-cardContainer-card-info"><img src="/assets/courseware/v1/98aaa7e4abb9970d6f2420e26323badb/asset-v1:Profosvita+CS-S003-SGM+2024+type@asset+block/%D0%A2%D0%B5%D0%BC%D0%B0-3.1.-%D0%9B%D0%B8%D1%87%D0%BA%D1%83%D0%B2%D0%B0%D0%BD%D0%BD%D1%8F-%D0%BC%D0%B5%D0%B1%D0%BB%D1%96%D0%B23.png" style="height: 120px; width: auto; border-radius: 5%;" /> <p><strong><span style="color: #241f20;">Емаль</span></strong></p> </div> </div> <div class="dm2-cardContainer-card-side dm2-cardContainer-card-back" style="border: 1px solid #EDEDED;"> <div class="dm2-cardContainer-card-info">Для личкування фасадів також використовують емалі, що гармонують по кольору з обробкою приміщень.</div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="vert vert-18" data-id="block-v1:Profosvita+CS-S003-SGM+2024+type@html+block@bb33b7926b7c4596bc5185e5c0fd1dcb"> <div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S003-SGM+2024" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S003-SGM+2024+type@html+block@bb33b7926b7c4596bc5185e5c0fd1dcb" data-request-token="e1ea7a1c392b11f0bfac8e1636cb29bb" data-graded="False" data-has-score="False"> <script type="json/xblock-args" class="xblock-json-init-args"> {"xmodule-type": "HTMLModule"} </script> <h3>Шафа-перегородка</h3> <p><b>Шафа-перегородка</b> — це функціональний та стильний вбудований елемент меблів, який не лише додає оригінальності інтер'єру, але і дозволяє ефективно використовувати простір у кімнаті. Вона може служити роздільником між зонами, або ж бути частиною спальні, гардеробу чи вітальні. </p> <div style="text-align: center;"> <img height="60%" width="60%" src="/assets/courseware/v1/9276d49d57e5c147eba86e0b58259a9f/asset-v1:Profosvita+CS-S003-SGM+2024+type@asset+block/15.-%D0%A8%D0%B0%D1%84%D0%B0-%D0%BF%D0%B5%D1%80%D0%B5%D0%B3%D0%BE%D1%80%D0%BE%D0%B4%D0%BA%D0%B0.jpg" alt="ava"/></div> <p>Шафи-перегородки стали популярними завдяки своїй вмістливості та здатності допомагати організувати простір для зберігання речей та відділень для різних потреб.</p> <p><em>Натисніть на інтерактивні елементи, щоб вивчити особливості елементів наповнення, які встановлюють у шафах-перегородках.</em></p> <p></p> <div class="tab-wrapper"> <div class="tab-controls"><button class="tab-controls__button active"><b>Полички</b></button> <button class="tab-controls__button"><b>Блок шафових дверей</b></button></div> <div class="tab-content"> <div style="display: flex;"> <div style="width: 100%; align-self: center;"> <p> <b>Полички</b> для шаф роблять з фанери товщиною 10—12 мм чи з ДСП товщиною 16—19 мм, видиму крайку личкують дерев'яною рейкою; штанги для навішення одягу — з деревини твердих порід. Антресольні блоки по конструкції аналогічні дверним (шафовим). У будинках 1-го класу шафи обробляють шпоном з деревини цінних порід або текстурним папером. </p> </div> </div> </div> <div class="tab-content"> <div style="display: flex;"> <div style="width: 100%; align-self: center;"> <p><b>Блок шафових дверей</b> складається з коробки та полотен. Коробку роблять з деревини хвойних порід. Полотна дверних шаф і антресолей, бічні стінки виготовляють з щитів із суцільним чи дрібнопустотним заповненням, чи з ДСП товщиною 16, чи 19 мм, чи з ламінованої ДСП. Для виготовлення щитів застосовують ДВП марок Т чи ТС, чи фанеру марки СК не нижче сорту \( \LARGE { \frac{B}{BB} } \). Як заповнювач полотен дверей використовують дерев'яні бруски (рейки), смужки фанери твердої чи ДВП, спіральні стружки чи паперові стільники. </p> </div> </div> </div> </div> <style><!-- p.tab-wrapper-about.tab-wrapper-about-2 { margin-bottom: 5px; } .tab-controls { overflow: hidden; background-color: #EDEDED; border-radius: 6px 6px 0 0; display: flex; } .tab-controls button:not(:last-child) { margin-right: 0px; } .tab-controls button { background-image: none; text-shadow: none; background-color: inherit; color: #000000; flex: 1; float: none; border-radius: 6px 6px 0 0; box-shadow: none; border: none; outline: none; cursor: pointer; padding: 14px 16px; transition: 0.3s; font-size: 14px; font-family: inherit; } .tab-controls button:hover, .tab-controls button:active, .tab-controls button:focus { background-color: #c0c0c0ff; background-image: none; box-shadow: none; border: none; text-shadow: none; } .tab-controls button.active { background-color: #c0c0c0ff; } .tab-content { display: none; padding: 15px 15px; border-radius: 0 0 6px 6px; border-top: none; box-shadow: 0 1px 2px 0 rgba(44, 47, 60, 0.06), 0 3px 10px 0 rgba(44, 47, 60, 0.09); overflow: auto; margin-bottom: 20px; } @media only screen and (max-width: 980px) { .tab-controls { overflow: auto; flex-direction: column; } } --></style> <script>// <![CDATA[ $(".tab-wrapper").each(function () { const buttons = $(this).find(".tab-controls__button"); const tabs = $(this).find(".tab-content"); if (tabs.length !== buttons.length) { $(this).html("<p style='text-align:center; color: red'>ERROR, UNEQUAL AMOUNT OF TABS AND BUTTONS</p>"); } else { tabs.eq(0).show(); buttons.each(function (index) { $(this).click(function () { buttons.each(function () { $(this).removeClass("active"); }); tabs.each(function () { $(this).hide(); }); $(this).addClass("active"); tabs.eq(index).show(); }); }); } }); // ]]></script> </div> </div> <div class="vert vert-19" data-id="block-v1:Profosvita+CS-S003-SGM+2024+type@html+block@81360abe31d34588a501da43b7c9848c"> <div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S003-SGM+2024" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S003-SGM+2024+type@html+block@81360abe31d34588a501da43b7c9848c" data-request-token="e1ea7a1c392b11f0bfac8e1636cb29bb" data-graded="False" data-has-score="False"> <script type="json/xblock-args" class="xblock-json-init-args"> {"xmodule-type": "HTMLModule"} </script> <h3>Дискусія</h3> <div style="display: flex; align-items: center;"><img src="/assets/courseware/v1/7f8e723be9444c6d31f536a6baf83eb2/asset-v1:Profosvita+CS-S003-SGM+2024+type@asset+block/%D0%94%D0%B5%D1%80%D0%B5%D0%B2%D0%BE%D0%BE%D0%B1%D1%80%D0%BE%D0%B1%D0%BD%D0%B8%D0%BA.-%D0%94%D0%B8%D1%81%D0%BA%D1%83%D1%81%D1%96%D1%8F.png" alt="picture" style="width: 120px; max-width: 30%; margin-bottom: 0px;" /> <ol style="margin-top: 0px; margin-bottom: 0px; padding-left: 20px;"> <li >Шафи-купе вбудовані і корпусні: у чому різниця?</li> <li>Який фасад вбудованої шафи порекомендуєте для малогабаритної квартири? Чому?</li> </ol> </div> <p><i style="color: #999999;">Натисніть ДОДАТИ ПУБЛІКАЦІЮ нижче та напишіть свої відповіді на питання. Після цього натисніть НАДІСЛАТИ. Потім прочитайте, поміркуйте та дайте відповіді на публікації інших людей.</i></p> </div> </div> <div class="vert vert-20" data-id="block-v1:Profosvita+CS-S003-SGM+2024+type@discussion+block@19aa099a56f941e2bf7e0cfc0bfebf7d"> <div class="xblock xblock-public_view xblock-public_view-discussion" data-course-id="course-v1:Profosvita+CS-S003-SGM+2024" data-block-type="discussion" data-usage-id="block-v1:Profosvita+CS-S003-SGM+2024+type@discussion+block@19aa099a56f941e2bf7e0cfc0bfebf7d" data-request-token="e1ea7a1c392b11f0bfac8e1636cb29bb" data-graded="False" data-has-score="False"> <div class="page-banner"><div class="alert alert-warning"><span class="icon icon-alert fa fa fa-warning" aria-hidden="true"></span><div class="message-content">Дискусія доступне для перегляду та виконання після <a href=/register>реєстрації</a>/<a href=/login>авторизації</a> на платформі.</div></div></div> </div> </div> </div> <script type="text/javascript"> (function (require) { require(['/static/js/dateutil_factory.762fd6ff462b.js?raw'], function () { require(['js/dateutil_factory'], function (DateUtilFactory) { DateUtilFactory.transform('.localized-datetime'); }); }); }).call(this, require || RequireJS.require); </script> <script> function emit_event(message) { parent.postMessage(message, '*'); } </script> </div>