<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:Profosvita+CS-S005-SGM+2024" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Profosvita+CS-S005-SGM+2024+type@vertical+block@91b1ed2c5efc4074a7fd34fed4182fea" data-request-token="066a59986d8a11efbd786e79579b6da1" data-graded="False" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:Profosvita+CS-S005-SGM+2024+type@html+block@ac1f64e63d0747f995129e1d58ee29ec">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S005-SGM+2024" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S005-SGM+2024+type@html+block@ac1f64e63d0747f995129e1d58ee29ec" data-request-token="066a59986d8a11efbd786e79579b6da1" 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>
</div>
</div>
<div class="vert vert-1" data-id="block-v1:Profosvita+CS-S005-SGM+2024+type@html+block@bb45f2c193ed4ced94b967fb7937b0ae">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S005-SGM+2024" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S005-SGM+2024+type@html+block@bb45f2c193ed4ced94b967fb7937b0ae" data-request-token="066a59986d8a11efbd786e79579b6da1" 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/a99ad2497e1008031bd4f4d8053badd6/asset-v1:Profosvita+CS-S005-SGM+2024+type@asset+block/Floor_icon.png" alt="picture" style="width: 80px; margin-bottom: 10px;" />
<div style="padding-left: 20px; text-align: justify;">
<p><b>Підлоги</b> — це елементи будівель, які зазнають інтенсивних експлуатаційних впливів (рух людей, удари, вплив вологи, перепаду температур та ін.).</p>
</div>
</div>
<p>Основні вимоги, яким повинна відповідати підлога:</p>
<div style="display: flex; justify-content: center;">
<img src="/assets/courseware/v1/489fecc98a89afb3107d9063e415a649/asset-v1:Profosvita+CS-S005-SGM+2024+type@asset+block/%D0%B2%D0%B8%D0%BC%D0%BE%D0%B3%D0%B8_%D0%B4%D0%BE_%D0%BF%D1%96%D0%B4%D0%BB%D0%BE%D0%B3%D0%B8.png" alt="avatar" style="width: 500px; border-radius: 7%; flex-grow: 0; flex-shrink: 0; z-index: 100; padding: 10px;" />
</div>
<p></p>
<p>Щоб дотриматися всіх вимог, необхідний правильний підхід до вибору матеріалу.</p>
<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> <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/ed731ff188d053fd5ed225232fe81015/asset-v1:Profosvita+CS-S005-SGM+2024+type@asset+block/sofa.png" style="width: 75%; max-width: 80px;" alt="image" /></div>
<div style="width: 100%; align-self: center;">
<p>Залежно від призначення приміщення можна зробити вибір покриття для підлоги. Наприклад, для передпокою, кухні та ванної кімнати найбільш практичним варіантом буде керамічна плитка завдяки її міцності, зносостійкості та здатності легко митися. У дитячій кімнаті та спальні чудовим вибором буде паркетна дошка, ламінат або килимове покриття. Ці покриття мають хороші властивості тепло-, звукоізоляції і так само теплі та приємні на дотик.</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/1bbb792decf3daf5e74a1603ec592989/asset-v1:Profosvita+CS-S005-SGM+2024+type@asset+block/slippers__1_.png" style="width: 75%; max-width: 80px;" alt="image" /></div>
<div style="width: 100%; align-self: center;">
<p>Для місць з високою прохідністю, таких як передпокій, кухня та коридор, вибір покриття для підлоги повинен зупинитися на матеріалах з високою зносостійкістю. Тут першість також можна віддати керамічній плитці, але не менш часто застосовується напівкомерційний лінолеум і ПВХ плитка високого класу зносостійкості.</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/fc5582df97b3f75113b8cfaa10d9fed2/asset-v1:Profosvita+CS-S005-SGM+2024+type@asset+block/no-sound.png" style="width: 75%; max-width: 80px;" alt="image" /></div>
<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-2" data-id="block-v1:Profosvita+CS-S005-SGM+2024+type@html+block@817cf5edf58c498e905d0bd7b965b909">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S005-SGM+2024" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S005-SGM+2024+type@html+block@817cf5edf58c498e905d0bd7b965b909" data-request-token="066a59986d8a11efbd786e79579b6da1" 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/d42b252999103188858c516a3b72a91a/asset-v1:Profosvita+CS-S005-SGM+2024+type@asset+block/%D0%9C%D0%B0%D1%82%D0%B5%D1%80%D1%96%D0%B0%D0%BB%D0%B8-%D1%82%D0%B0-%D1%96%D0%BD%D1%81%D1%82%D1%80%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D0%B819.png" alt="picture" style="width: 80px; margin-bottom: 10px;" />
<div style="padding-left: 20px; text-align: justify;">
<p>Покриття для сучасної підлоги можуть бути найрізноманітнішими та складаються вони в основному з верхнього, механічного і еластичного шарів, а також основи.</p>
</div>
</div>
<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: 800px; width: 90%; min-height: 100px;"><img class="dm-sc-img-modals-image custom-image" src="/assets/courseware/v1/24e848020fdb81cfe100d94da5ccfbcb/asset-v1:Profosvita+CS-S005-SGM+2024+type@asset+block/%D0%A2%D0%B8%D0%BF%D0%B8-%D0%BF%D1%96%D0%B4%D0%BB%D0%BE%D0%B3%D0%BE%D0%B2%D0%B8%D1%85-%D0%BF%D0%BE%D0%BA%D1%80%D0%B8%D1%82%D1%82%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-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> <b>Лінолеум</b>
<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-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> <b>ПВХ-плитка (вінілова плитка)</b>
<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-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> <b>Корок</b>
<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-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> <b>Ламінат</b>
<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-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> <b>Килимове покриття</b>
<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-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> <b>Дошки для підлоги</b>
<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-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> <b>Паркет</b>
<p>Класика завжди в моді. Практично, довговічно та вишукано. Матеріал для паркету – це тверді породи дерева: дуб, бук, клен, ясен. Завдяки циклюванням верхнього шару можна оновлювати поверхню, її колір та вигляд.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<style><!--
.dm-sc-img-modals-btn.hotspot-1 {
left: 9%;
top: 11%;
}
.dm-sc-img-modals-btn.hotspot-2 {
left: 64%;
top: 81%;
}
.dm-sc-img-modals-btn.hotspot-3 {
left: 12%;
top: 79%;
}
.dm-sc-img-modals-btn.hotspot-4 {
left: 43%;
top: 7%;
}
.dm-sc-img-modals-btn.hotspot-5 {
left: 65%;
top: 37%;
}
.dm-sc-img-modals-btn.hotspot-6 {
left: 30%;
top: 49%;
}
.dm-sc-img-modals-btn.hotspot-7 {
left: 73%;
top: 6%;
}
--></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><i>Натисніть на інтерактивний елемент, щоб ознайомитися з перевагами та недоліками цих підлогових покриттів.</i></p>
<body id="body">
<!-- Course Highlights Sections -->
<section id="sectionHighlights" class="sectionHighlights">
<div class="container">
<div class="line">
<button class="element_button">
<a target="_blank" href="/assets/courseware/v1/c364564d992b717e61d56bd5908cbf61/asset-v1:Profosvita+CS-S005-SGM+2024+type@asset+block/%D0%9F%D1%96%D0%B4%D0%BB%D0%BE%D0%B3%D0%BE%D0%B2%D0%B5_%D0%BF%D0%BE%D0%BA%D1%80%D0%B8%D1%82%D1%82%D1%8F.pdf">
<div class="button_text" id="button_text">
Переваги та недоліки покриття
</div>
</a>
</button>
</div>
</div>
</section>
<script>
$("button.element_button").hover(
function () {
$(".element_button").css("background-color", "#0028E9");
$("#button_text").css("color", "#fffff");
$(".material-symbols-outlined").css("color", "#ffff");
// $(".button_img").css("color", "#fff");
},
function () {
$(".element_button").css("background-color", "");
$("#button_text").css("color", "");
$(".material-symbols-outlined").css("color", "");
// $(".button_img").css("color", "");
}
);
</script>
<!-- <script src="externalCourse.js"></script> -->
</body>
<style>
/* General styles */
#body {
margin: 15px;
user-select: none;
}
section:not(:last-child),
.line:not(:last-child) {
margin-bottom: 15px;
}
/* Header style */
#sectionHeader .line,
#sectionLink .line {
display: flex;
justify-content: start;
border: none;
box-shadow: none;
}
}
#sectionHeader h2 {
margin: 0;
min-width: 40%;
}
/* Overview style */
#sectionOverview h2 {
text-transform: uppercase;
}
/* Highlights style */
#sectionHighlights .line {
display: flex;
justify-content: space-between;
border: none;
box-shadow: none;
max-height: 40px;
}
#sectionHighlights .element {
display: flex;
flex-direction: row;
align-items: center;
border-radius: 4px;
border-width: 0;
border-style: solid;
box-shadow: none;
/* background: black; */
background-color: #4849F9;
border-color: #4849F9;
color: #4849F9;
font-weight: 400;
font-size: 1.rem;
line-height: 2rem;
padding: 5px 12px;
opacity: 0.9;
}
#sectionHighlights .element p,
#sectionHighlights .button_text {
color: #fff;
margin: 10px 15px;
}
#sectionHighlights .element_image,
#sectionHighlights .button_image {
display: flex;
}
#sectionHighlights img {
width: 2rem;
height: 2rem;
}
#sectionHighlights span {
width: 2rem;
height: 2rem;
font-size: 32px;
}
#sectionHighlights a {
display: flex;
color: #fff;
text-decoration: none;
text-shadow: none;
}
/*Тут розмір, колір і все інше */
#sectionHighlights .element_button {
display: flex;
flex-direction: row;
align-items: center;
border-radius: 4px;
border-width: 1px;
border-style: solid;
box-shadow: none;
background: #4849F9;
border-color: #c0c0c0ff;
text-shadow: none;
/* color: #fff; */
font-weight: 400;
font-size: 16px;
padding: 10px 10px;
}
#sectionHighlights .element_button:hover {
transition: cubic-bezier(0.075, 0.82, 0.165, 1);
}
@media (max-width: 970px) {
#sectionHeader h2 {
min-width: 40%;
}
#sectionHighlights .line {
display: initial;
flex-direction: column;
}
#sectionHighlights .element:not(:last-child) {
margin-bottom: 15px;
}
#sectionHighlights .element {
/* background: #e30613; */
background-color: #4849F9;
}
}
</style>
</div>
</div>
<div class="vert vert-3" data-id="block-v1:Profosvita+CS-S005-SGM+2024+type@html+block@e9ae2824e23440838230ae9173a352fe">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S005-SGM+2024" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S005-SGM+2024+type@html+block@e9ae2824e23440838230ae9173a352fe" data-request-token="066a59986d8a11efbd786e79579b6da1" 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/05556d98ad014523df80fa651e3863e6/asset-v1:Profosvita+CS-S005-SGM+2024+type@asset+block/%D0%86%D0%BD%D1%81%D1%82%D1%80%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D0%B8-%D0%B4%D0%BB%D1%8F-%D0%B2%D0%BB%D0%B0%D1%88%D1%82%D1%83%D0%B2%D0%B0%D0%BD%D0%BD%D1%8F-%D0%BB%D0%B0%D0%BC%D1%96%D0%BD%D0%B0%D1%82%D1%832.png" alt="picture" style="width: 100px; margin-bottom: 10px;" />
<div style="padding-left: 20px; text-align: justify;">
<p><b>Плінтус</b> — це декоративний, функціональний елемент, який не тільки робить інтер'єр закінченим і гармонійним, але ще й приховує всі комунікації.
Незалежно від виду підлогового покриття (ламінат, паркет, плитка, лінолеум і ін.), така деталь — обов'язкова до використання.
</p>
</div>
</div>
<p><i>Далі у цьому уроці ми поговоримо про види погонажних виробів, а також як підбирати їх розмір та колір.</i></p>
</div>
</div>
<div class="vert vert-4" data-id="block-v1:Profosvita+CS-S005-SGM+2024+type@html+block@63d783905e67404f98ad6b67404c3695">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S005-SGM+2024" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S005-SGM+2024+type@html+block@63d783905e67404f98ad6b67404c3695" data-request-token="066a59986d8a11efbd786e79579b6da1" 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="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: 90%; min-height: 100px;"><img class="dm-sc-img-modals-image custom-image" src="/assets/courseware/v1/5ca2ca81d1ed5ff2f1f9fa30d08733ad/asset-v1:Profosvita+CS-S005-SGM+2024+type@asset+block/%D0%92%D0%B8%D0%B4%D0%B8-%D0%BF%D0%BB%D1%96%D0%BD%D1%82%D1%83%D1%81%D1%96%D0%B2-%D0%B4%D0%BB%D1%8F-%D0%B2%D0%BB%D0%B0%D1%88%D1%82%D1%83%D0%B2%D0%B0%D0%BD%D0%BD%D1%8F-%D0%BF%D1%96%D0%B4%D0%BB%D0%BE%D0%B3.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> <b>Дерев'яний плінтус</b>
<p style="text-align: left;">Дерев'яний плінтус один з найбільш популярних. Він ідеально підходить для приміщень з високою прохідністю. Монтується на ламінат або паркет. Може бути двох видів, згідно з матеріалом:<br/>• <i>дерев'яний плінтус</i> — повністю виготовлений з натуральної сировини;<br/> •<i> шпонований плінтус</i> — тільки покритий деревиною цінної породи. Як сировину у цьому випадку використовують сосну або ялину.</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> <b>Пластиковий плінтус</b>
<p style="text-align: left;">Найбільш поширений вид завдяки своїй доступній вартості. Великий вибір колірного оформлення, розмірів. Підлягає монтажу на будь-яке покриття — як натуральне, так і штучне. На сучасному вітчизняному ринку є дві моделі пластикового плінтуса: <br/>• <i>спеціальний</i> — використовують для кріпленя під килимове покриття та лінолеум;<br/> •<i> універсальний</i> — застосовують під всі інші види підлогового покриття.</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> <b>Ламінований плінтус</b>
<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-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> <b>Підлоговий плінтус з МДФ</b>
<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> <b>Поліуретановий плінтус</b>
<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-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> <b>Металевий плінтус</b>
<p style="text-align: left;">Матеріал виробництва — нержавіюча сталь і ін. Як результат, дизайн, розмір, експлуатаційні характеристики у всіх моделей різні. Активно використовується в приміщеннях з високою прохідністю. Крім того, важлива і правильна установка підлогового плінтуса, внаслідок якої він прослужить не один рік, а також зможе виконувати своє призначення.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<style><!--
.dm-sc-img-modals-btn.hotspot-11 {
left: 6%;
top: 24%;
}
.dm-sc-img-modals-btn.hotspot-12 {
left: 61%;
top: 12%;
}
.dm-sc-img-modals-btn.hotspot-13 {
left: 71%;
top: 48%;
}
.dm-sc-img-modals-btn.hotspot-14 {
left: 17%;
top: 89%;
}
.dm-sc-img-modals-btn.hotspot-15 {
left: 33%;
top: 46%;
}
.dm-sc-img-modals-btn.hotspot-16 {
left: 94%;
top: 83%;
}
--></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>
<p><i>Натисніть на інтерактивний елемент, щоб ознайомитися з перевагами та недоліками кожного виду плінтуса.</i></p>
<body id="body">
<!-- Course Highlights Sections -->
<section id="sectionHighlights" class="sectionHighlights">
<div class="container">
<div class="line">
<button class="element_button">
<a target="_blank" href="/assets/courseware/v1/a63404cf89e7f17a2321b1a742c6c909/asset-v1:Profosvita+CS-S005-SGM+2024+type@asset+block/%D0%9F%D0%BB%D1%96%D0%BD%D1%82%D1%83%D1%81%D0%B8.pdf">
<div class="button_text" id="button_text">
Переваги та недоліки плінтусів
</div>
</a>
</button>
</div>
</div>
</section>
<script>
$("button.element_button").hover(
function () {
$(".element_button").css("background-color", "#0028E9");
$("#button_text").css("color", "#fffff");
$(".material-symbols-outlined").css("color", "#ffff");
// $(".button_img").css("color", "#fff");
},
function () {
$(".element_button").css("background-color", "");
$("#button_text").css("color", "");
$(".material-symbols-outlined").css("color", "");
// $(".button_img").css("color", "");
}
);
</script>
<!-- <script src="externalCourse.js"></script> -->
</body>
<style>
/* General styles */
#body {
margin: 15px;
user-select: none;
}
section:not(:last-child),
.line:not(:last-child) {
margin-bottom: 15px;
}
/* Header style */
#sectionHeader .line,
#sectionLink .line {
display: flex;
justify-content: start;
border: none;
box-shadow: none;
}
}
#sectionHeader h2 {
margin: 0;
min-width: 40%;
}
/* Overview style */
#sectionOverview h2 {
text-transform: uppercase;
}
/* Highlights style */
#sectionHighlights .line {
display: flex;
justify-content: space-between;
border: none;
box-shadow: none;
max-height: 40px;
}
#sectionHighlights .element {
display: flex;
flex-direction: row;
align-items: center;
border-radius: 4px;
border-width: 0;
border-style: solid;
box-shadow: none;
/* background: black; */
background-color: #4849F9;
border-color: #4849F9;
color: #4849F9;
font-weight: 400;
font-size: 1.rem;
line-height: 2rem;
padding: 5px 12px;
opacity: 0.9;
}
#sectionHighlights .element p,
#sectionHighlights .button_text {
color: #fff;
margin: 10px 15px;
}
#sectionHighlights .element_image,
#sectionHighlights .button_image {
display: flex;
}
#sectionHighlights img {
width: 2rem;
height: 2rem;
}
#sectionHighlights span {
width: 2rem;
height: 2rem;
font-size: 32px;
}
#sectionHighlights a {
display: flex;
color: #fff;
text-decoration: none;
text-shadow: none;
}
/*Тут розмір, колір і все інше */
#sectionHighlights .element_button {
display: flex;
flex-direction: row;
align-items: center;
border-radius: 4px;
border-width: 1px;
border-style: solid;
box-shadow: none;
background: #4849F9;
border-color: #c0c0c0ff;
text-shadow: none;
/* color: #fff; */
font-weight: 400;
font-size: 16px;
padding: 10px 10px;
}
#sectionHighlights .element_button:hover {
transition: cubic-bezier(0.075, 0.82, 0.165, 1);
}
@media (max-width: 970px) {
#sectionHeader h2 {
min-width: 40%;
}
#sectionHighlights .line {
display: initial;
flex-direction: column;
}
#sectionHighlights .element:not(:last-child) {
margin-bottom: 15px;
}
#sectionHighlights .element {
/* background: #e30613; */
background-color: #4849F9;
}
}
</style>
</div>
</div>
<div class="vert vert-5" data-id="block-v1:Profosvita+CS-S005-SGM+2024+type@html+block@7c73ae125efa41d9bb66d8838246f200">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S005-SGM+2024" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S005-SGM+2024+type@html+block@7c73ae125efa41d9bb66d8838246f200" data-request-token="066a59986d8a11efbd786e79579b6da1" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<h3>Підбір розміру плінтуса</h3>
<p>
Усі види плінтуса крім матеріалу відрізняються ще й своїми розмірами (ширина і довжина). Стандартна довжина становить 2,5 м. А от ширина може відрізнятися:</p>
<p><i>На зображенні нижче ви можете ознайомитися з поширеними типами ширини плінтусів з різних матеріалів.</i></p>
<div style="display: flex; justify-content: center;">
<img src="/assets/courseware/v1/4b19c657a1654e962f2d145875d93f77/asset-v1:Profosvita+CS-S005-SGM+2024+type@asset+block/%D0%A8%D0%B8%D1%80%D0%B8%D0%BD%D0%B0_%D0%BF%D0%BB%D1%96%D0%BD%D1%82%D1%83%D1%81%D1%83.png" alt="avatar" style="width: 800px; border-radius: 7%; flex-grow: 0; flex-shrink: 0; z-index: 100; padding: 10px;" />
</div>
</div>
</div>
<div class="vert vert-6" data-id="block-v1:Profosvita+CS-S005-SGM+2024+type@html+block@8987d5c891a34976be8e346d2c73274d">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S005-SGM+2024" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S005-SGM+2024+type@html+block@8987d5c891a34976be8e346d2c73274d" data-request-token="066a59986d8a11efbd786e79579b6da1" 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><i>На зображенні нижче можна побачити приклади застосування різних підходів у підборі кольорового рішення для плінтусів кімнати.</i></p>
<div style="display: flex; justify-content: center;">
<img src="/assets/courseware/v1/1c263fc5814b90da143711ce8272de8a/asset-v1:Profosvita+CS-S005-SGM+2024+type@asset+block/%D0%AF%D0%BA_%D0%B2%D0%B8%D0%B1%D1%80%D0%B0%D1%82%D0%B8_%D0%BF%D0%BB%D1%96%D0%BD%D1%82%D1%83%D1%81.png" alt="avatar" style="width: 900px; border-radius: 7%; flex-grow: 0; flex-shrink: 0; z-index: 100; padding: 10px;" />
</div>
</div>
</div>
<div class="vert vert-7" data-id="block-v1:Profosvita+CS-S005-SGM+2024+type@html+block@1383ea9c19824a05a5b5606f9ee8250e">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S005-SGM+2024" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S005-SGM+2024+type@html+block@1383ea9c19824a05a5b5606f9ee8250e" data-request-token="066a59986d8a11efbd786e79579b6da1" 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/368b795de1ec074939ae3f0d209d7d54/asset-v1:Profosvita+CS-S005-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%8F2.png" alt="picture" style="width: 90px; 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-8" data-id="block-v1:Profosvita+CS-S005-SGM+2024+type@discussion+block@68fc01828bd645ef9da80f018be0a867">
<div class="xblock xblock-public_view xblock-public_view-discussion" data-course-id="course-v1:Profosvita+CS-S005-SGM+2024" data-block-type="discussion" data-usage-id="block-v1:Profosvita+CS-S005-SGM+2024+type@discussion+block@68fc01828bd645ef9da80f018be0a867" data-request-token="066a59986d8a11efbd786e79579b6da1" 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>
Завершення тесту
У вас залишилися невиконані завдання. Ви впевнені, що хочете завершити тест?
Тестування завершено.
Ви завершили тестування з розділу
"Тема 4. Виконання роботи з улаштування чистових підлог"
© Всі права захищено