<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@e6ceb00eaccc4a1f95048a0c38429a9d" data-request-token="8ab76042eab211ef93f186ca10193b9b" 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@aa5aff5bcabd4100b56dd8ae0782a1f9">
<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@aa5aff5bcabd4100b56dd8ae0782a1f9" data-request-token="8ab76042eab211ef93f186ca10193b9b" 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@a9edf0c69cb141058b63854efab5a23e">
<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@a9edf0c69cb141058b63854efab5a23e" data-request-token="8ab76042eab211ef93f186ca10193b9b" 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/e720b23dee3e656e18cca5451a7e5a71/asset-v1:Profosvita+CS-S005-SGM+2024+type@asset+block/%D0%A2%D0%B5%D0%BC%D0%B0-5.-%D0%A1%D0%BF%D0%BE%D1%81%D0%BE%D0%B1%D0%B8-%D0%BA%D1%80%D1%96%D0%BF%D0%BB%D0%B5%D0%BD%D0%BD%D1%8F-%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%B9.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>
<p>Приводом для проведення ремонту підлогового покриття може бути:</p>
<div style="display: flex; justify-content: center;">
<img src="/assets/courseware/v1/1821d8ae2cc420121aa87e4c448fc1a8/asset-v1:Profosvita+CS-S005-SGM+2024+type@asset+block/%D0%9F%D1%80%D0%B8%D1%87%D0%B8%D0%BD%D0%B8_%D1%80%D0%B5%D0%BC%D0%BE%D0%BD%D1%82%D1%83.png" alt="avatar" style="width: 650px; flex-grow: 0; flex-shrink: 0; z-index: 100; padding: 10px;" />
</div>
</div>
</div>
<div class="vert vert-2" data-id="block-v1:Profosvita+CS-S005-SGM+2024+type@html+block@4e1a317d3bec46bc9c4b3674c60092ef">
<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@4e1a317d3bec46bc9c4b3674c60092ef" data-request-token="8ab76042eab211ef93f186ca10193b9b" 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>
<p></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: 100%; min-height: 100px;"><img class="dm-sc-img-modals-image custom-image" src="/assets/courseware/v1/3f681739e3107bbace325e72b5acedc8/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%89%D0%BE-%D0%B7%D0%B0%D1%81%D1%82%D0%BE%D1%81%D0%BE%D0%B2%D1%83%D1%8E%D1%82%D1%8C%D1%81%D1%8F-%D0%BF%D1%96%D0%B4-%D1%87%D0%B0%D1%81-%D1%80%D0%B5%D0%BC%D0%BE%D0%BD%D1%82%D1%83-%D0%BF%D1%96%D0%B4%D0%BB%D0%BE%D0%B3_%D0%B2%D0%B5%D0%BB%D0%B8%D0%BA%D0%B0.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-41"> <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-42"> <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-43"> <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>Пропорції 4:1:1. Відмінно підійде для усунення щілин, причому різних за розміром. Роботу можна зробити за один раз, коли вада в покритті заливається відразу. У деяких випадках знадобиться кілька етапів — тоді наносять шар за шаром на краю оброблюваного отвору. Другим варіантом користуються, коли необхідно усунути велику щілину.</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-44"> <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-45"> <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>
<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-46"> <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-47"> <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-48"> <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-49"> <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-41 {
left: 8%;
top: 0%;
}
.dm-sc-img-modals-btn.hotspot-42 {
left: 20%;
top: 0%;
}
.dm-sc-img-modals-btn.hotspot-43 {
left: 40%;
top: 0%;
}
.dm-sc-img-modals-btn.hotspot-44 {
left: 57%;
top: 0%;
}
.dm-sc-img-modals-btn.hotspot-45 {
left: 8%;
top: 44%;
}
.dm-sc-img-modals-btn.hotspot-46 {
left: 20%;
top: 44%;
}
.dm-sc-img-modals-btn.hotspot-47 {
left: 32%;
top: 44%;
}
.dm-sc-img-modals-btn.hotspot-48 {
left: 45%;
top: 44%;
}
.dm-sc-img-modals-btn.hotspot-49 {
left: 58%;
top: 44%;
}
--></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: 90%;
}
.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-3" data-id="block-v1:Profosvita+CS-S005-SGM+2024+type@html+block@79e4c6e51aea45d8a5cd4dbc72a03afa">
<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@79e4c6e51aea45d8a5cd4dbc72a03afa" data-request-token="8ab76042eab211ef93f186ca10193b9b" 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 style="display: flex; justify-content: center;">
<img src="/assets/courseware/v1/5a6dc4db13486a9c626a49ebf3dd4d4e/asset-v1:Profosvita+CS-S005-SGM+2024+type@asset+block/%D0%94%D1%96%D0%B0%D0%B3%D0%BD%D0%BE%D1%81%D1%82%D0%B8%D0%BA%D0%B0.png" alt="avatar" style="width: 900px; flex-grow: 0; flex-shrink: 0; z-index: 100; padding: 10px;" />
</div>
<p></p>
<p>Якісний ремонт будь-яких підлог передбачає дотримання конкретних етапів виконання ремонтних робіт та точне виконання всіх інструкцій та вимог.</p>
<p>Не завжди при виявленні дефектів існує необхідність перекладати підлогу заново. Часто достатньо провести косметичний ремонт та усунути дефекти. Існує кілька варіантів косметичних корегувань, які ми розглянемо далі. </p>
</div>
</div>
<div class="vert vert-4" data-id="block-v1:Profosvita+CS-S005-SGM+2024+type@html+block@5db887b17240462a8b3ece08882e9036">
<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@5db887b17240462a8b3ece08882e9036" data-request-token="8ab76042eab211ef93f186ca10193b9b" 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 style="margin-bottom: 1px;"><em>Натисніть на інтерактивні елементи, щоб дізнатись більше про кожен тип.</em></p>
<p></p>
<div class="carousel-slider-wrapper">
<div class="dm-slideshow-container-carousel">
<div class="dm-prev">❮</div>
<div class="dm-mySlides-carousel">
<h4>Косметичний</h4>
<div class="dm-mySlides-carousel-text">
<img src="/assets/courseware/v1/e575cd773b6d13f16dc4ff80759595a9/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%B818.png" alt="some image" style="width: 80px; max-width: 25%; flex-grow: 0; flex-shrink: 0;"/>
<div style="padding-left: 20px;">
<p>Косметичний ремонт — найдоступніший, найпростіший і найшвидший спосіб оновлення підлоги.</p>
</div>
</div>
</div>
<div class="dm-mySlides-carousel">
<h4>Капітальний</h4>
<div class="dm-mySlides-carousel-text">
<img src="/assets/courseware/v1/3998c14ef78e6b1fd1c99cb8da206fee/asset-v1:Profosvita+CS-S005-SGM+2024+type@asset+block/%D0%92%D0%B8%D0%BC%D0%BE%D0%B3%D0%B8-%D0%B4%D0%BE-%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%B97.png" alt="some image" style="width: 80px; max-width: 25%; flex-grow: 0; flex-shrink: 0;"/>
<div style="padding-left: 20px;">
<p>Капітальний ремонт передбачає повну реконструкцію підлоги. Процес трудомісткий, потребує багато часу, сучасних матеріалів, інструментів та обладнання.</p>
</div>
</div>
</div>
<div class="dm-mySlides-carousel">
<h4>VIP ремонт/елітний</h4>
<div class="dm-mySlides-carousel-text">
<img src="/assets/courseware/v1/b62c46c0c1041b71ee09c6bbe43c0edc/asset-v1:Profosvita+CS-S005-SGM+2024+type@asset+block/house-design.png" alt="some image" style="width: 80px; max-width: 25%; flex-grow: 0; flex-shrink: 0;"/>
<div style="padding-left: 20px;">
<p>Це реалізація оригінальних авторських проєктів, що виконуються під наглядом дизайнера. Дизайн-проєкт елітного ремонту квартири, офісу, котеджу, існують в єдиному екземплярі та не застосовуються більше ні за яких обставин.</p>
<p>Для елітного ремонту приміщення використовуються новітні технології, якісні будівельні та оздоблювальні матеріали. Цей тип ремонту передбачає встановлення складніших підлогових покриттів, забезпечення високої шумо- та звукоізоляції приміщень. Ремонт VIP-класу виконується з дотриманням найжорсткіших вимог у цій галузі. </p>
</div>
</div>
</div>
<div class="dm-next">❯</div>
</div>
<div style="text-align: center;">
<span class="dm-dot"> </span> <span class="dm-dot"> </span> <span class="dm-dot"> </span>
</div>
</div>
<style>
<!--
.dm-slideshow-container-carousel {
width: 1000px;
max-width: 100%;
position: relative;
margin: auto;
display: flex;
align-items: center;
}
.dm-mySlides-carousel {
width: 90%;
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-mySlides-carousel-text{
display: flex;
align-items: center;
margin-bottom: 25px;
/* height: 90%; */
}
.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: 200px;
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>
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>
<p><i>Далі у цьому уроці ми детальніше поговоримо про косметичний та капітальний ремонт.</i></p>
</div>
</div>
<div class="vert vert-5" data-id="block-v1:Profosvita+CS-S005-SGM+2024+type@html+block@154fada24196409682704cc740888697">
<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@154fada24196409682704cc740888697" data-request-token="8ab76042eab211ef93f186ca10193b9b" 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/e474b22a2f906775dfec915808a3540e/asset-v1:Profosvita+CS-S005-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%B94.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-6" data-id="block-v1:Profosvita+CS-S005-SGM+2024+type@html+block@20e11f07586347e69024d9ff6d06347c">
<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@20e11f07586347e69024d9ff6d06347c" data-request-token="8ab76042eab211ef93f186ca10193b9b" 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;">
<div style="padding-right: 20px; text-align: justify;">
<p>При вирівнюванні нерівної підлоги слід враховувати ступінь нерівності та обсяг робіт, які потрібно виконати. У випадках, коли нерівність невелика, рекомендується використовувати рубанок, який дозволяє зняти верхній шар дощок та вирівняти поверхню підлоги. Цей метод ефективний для місцевих нерівностей та допомагає забезпечити рівномірність покриття.</p>
</div>
<img src="/assets/courseware/v1/015a86e634119a3f18870e76f7747f6a/asset-v1:Profosvita+CS-S005-SGM+2024+type@asset+block/AdobeStock_295632376.jpeg" alt="picture" style="width: 200px; border-radius: 7%; margin-bottom: 10px;" /></div>
<p></p>
<p>У випадку значних нерівностей та неоднорідностей поверхні, ефективним рішенням буде використання циклювальних чи шліфувальних машин. Ці інструменти дозволяють ретельно обробити поверхню, знімаючи нерівності та невеликі дефекти. Цей метод є ефективним для вирівнювання великих площ та надає можливість отримати ідеально рівний і гладкий підлоговий покриття.</p>
<div class="cite-wrapper">
<div class="c-quote">
<div class="cite-content-wrapper" style="display: flex; align-items: center;"><img src="/assets/courseware/v1/ed9d58d0a0f3a76ea010dcb7efaedc05/asset-v1:Profosvita+CS-S005-SGM+2024+type@asset+block/info__3_.png" alt="avatar" style="width: 79px; border-radius: 0%; flex-grow: 0; flex-shrink: 0; z-index: 100; padding: 10px;" height="79" />
<div style="margin: auto;">
<blockquote> Перед використанням шліфувальної машинки необхідно максимально втопити верхню частину цвяхів, шурупів та інших кріплень, щоб не зіпсувати інструмент.</blockquote>
</div>
</div>
</div>
</div>
<style><!--
.c-quote {
text-align: center;
padding: 15px;
border: 1.5px solid #3849f9;
max-width: 85%;
position: relative;
margin: 50px auto;
}
.c-quote blockquote {
color: #000000;
font-style: bold;
position: relative;
z-index: 20;
margin: 0 !important;
margin-bottom: 10px !important;
}
.c-quote-left,
.c-quote-right {
position: absolute;
width: 150px;
z-index: 10;
font-size: 60px;
color: #30b6dd;
background-color: #fff;
line-height: 200px;
}
.c-quote-left {
top: -30px;
left: -20px;
text-align: left;
}
.c-quote-right {
bottom: -50px;
right: -20px;
text-align: right;
}
.c-quote small {
font-size: 19px;
color: #30b6dd;
position: relative;
z-index: 20;
}
.c-quote small:before {
content: "\2014 \0020";
width: 5px;
}
@media only screen and (max-width: 600px) {
.cite-wrapper {
width: 90%;
margin: auto;
}
.cite-content-wrapper {
flex-direction: column !important;
}
.cite-content-wrapper div {
width: 95% !important;
justify-content: center !important;
padding-left: 0px;
}
.cite-content-wrapper img {
max-width: 100px !important;
}
}
--></style>
</div>
</div>
<div class="vert vert-7" data-id="block-v1:Profosvita+CS-S005-SGM+2024+type@html+block@945cde862fce4b20b61b26fe06f6720b">
<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@945cde862fce4b20b61b26fe06f6720b" data-request-token="8ab76042eab211ef93f186ca10193b9b" 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;">
<div style="padding-right: 20px; text-align: justify;">
<p>У процесі тривалої експлуатації дерев'яної підлоги, особливо в умовах змін вологості та температури, можуть з'являтися щілини та прозори. Це зовсім природний процес, оскільки деякі дошки можуть розсохнутися під впливом зовнішніх факторів. Для того, щоб зробити якісне та безпечне покриття підлоги, важливо вчасно проводити закладання щілин. Ця процедура полягає в заповненні відкритих проміжків між дошками спеціальними матеріалами, які забезпечують стійкість покриття та усувають будь-які недоліки. </p>
</div>
<img src="/assets/courseware/v1/b3f4e931e8ec30495a7829f643cfdef4/asset-v1:Profosvita+CS-S005-SGM+2024+type@asset+block/AdobeStock_306104389.jpeg" alt="picture" style="width: 200px; border-radius: 7%; margin-bottom: 10px;" /></div>
<p><i>Далі розглянемо кілька методів закладання щілин.</i></p>
</div>
</div>
<div class="vert vert-8" data-id="block-v1:Profosvita+CS-S005-SGM+2024+type@html+block@4c6efbce3bbb46f3a84510f818335145">
<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@4c6efbce3bbb46f3a84510f818335145" data-request-token="8ab76042eab211ef93f186ca10193b9b" 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 style="margin-bottom: 1px;"><em>Натисніть на інтерактивні елементи, щоб дізнатись більше.</em></p>
<p></p>
<div class="carousel-slider-wrapper">
<div class="dm-slideshow-container-carousel">
<div class="dm-prev">❮</div>
<div class="dm-mySlides-carousel">
<h4>Демонтаж плінтусів</h4>
<div class="dm-mySlides-carousel-text">
<img src="/assets/courseware/v1/954e9bf3145610a4cba5e3d24eee748e/asset-v1:Profosvita+CS-S005-SGM+2024+type@asset+block/number-1.png" alt="some image" style="width: 50px; max-width: 25%; flex-grow: 0; flex-shrink: 0;"/>
<div style="padding-left: 20px;">
<p> Зніміть плінтуси навколо периметра приміщення. Використовуйте лом або інший відповідний інструмент для обережного видалення.</p>
</div>
</div>
</div>
<div class="dm-mySlides-carousel">
<h4>Очищення щілин</h4>
<div class="dm-mySlides-carousel-text">
<img src="/assets/courseware/v1/dc7ca57cd778e5f2d18f6eedd45d74f6/asset-v1:Profosvita+CS-S005-SGM+2024+type@asset+block/number-2.png" alt="some image" style="width: 50px; max-width: 25%; flex-grow: 0; flex-shrink: 0;"/>
<div style="padding-left: 20px;">
<p>Ретельно видаліть пил та бруд, які накопичилися в щілинах, використовуючи пилосос, щітку чи інший зручний інструмент для очищення.</p>
</div>
</div>
</div>
<div class="dm-mySlides-carousel">
<h4>Закладення дефектів</h4>
<div class="dm-mySlides-carousel-text">
<img src="/assets/courseware/v1/24c3d48970e4d7f16a0399ae90f15291/asset-v1:Profosvita+CS-S005-SGM+2024+type@asset+block/number-3.png" alt="some image" style="width: 50px; max-width: 25%; flex-grow: 0; flex-shrink: 0;"/>
<div style="padding-left: 20px;">
<p>Використовуйте піну або шпаклівку для заповнення щілин. Якщо є необхідність, підкладіть шматочки пінопласту під шпаклівку для більш ефективного ущільнення.</p>
</div>
</div>
</div>
<div class="dm-mySlides-carousel">
<h4>Обрізання піни</h4>
<div class="dm-mySlides-carousel-text">
<img src="/assets/courseware/v1/71dbfcb179b688aa8874f1fade022d7c/asset-v1:Profosvita+CS-S005-SGM+2024+type@asset+block/number-4.png" alt="some image" style="width: 50px; max-width: 25%; flex-grow: 0; flex-shrink: 0;"/>
<div style="padding-left: 20px;">
<p>Після висихання піни обережно зріжте надлишкову частину гострим ножем, дотримуючись одного рівня з поверхнею дощок.
</p>
</div>
</div>
</div>
<div class="dm-mySlides-carousel">
<h4>Видалення залишків шпаклівки</h4>
<div class="dm-mySlides-carousel-text">
<img src="/assets/courseware/v1/7ed7f608c7b78d4907cb7b4569925fca/asset-v1:Profosvita+CS-S005-SGM+2024+type@asset+block/number-5.png" alt="some image" style="width: 50px; max-width: 25%; flex-grow: 0; flex-shrink: 0;"/>
<div style="padding-left: 20px;">
<p>За допомогою шпателя або подібного інструменту видаліть залишки шпаклівки, зробивши поверхню гладкою та однорідною.</p>
</div>
</div>
</div>
<div class="dm-mySlides-carousel">
<h4>Повернення плінтусів</h4>
<div class="dm-mySlides-carousel-text">
<img src="/assets/courseware/v1/8f9b03577e9b0f0330bbeed079bfa3b6/asset-v1:Profosvita+CS-S005-SGM+2024+type@asset+block/number-6.png" alt="some image" style="width: 50px; max-width: 25%; flex-grow: 0; flex-shrink: 0;"/>
<div style="padding-left: 20px;">
<p>Після повного висихання шпаклівки чи піни поверніть плінтуси на місце. Впевніться, що вони щільно прилягають до підлоги та приховують оброблені щілини.</p>
</div>
</div>
</div>
<div class="dm-next">❯</div>
</div>
<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>
</div>
</div>
<style>
<!--
.dm-slideshow-container-carousel {
width: 1000px;
max-width: 100%;
position: relative;
margin: auto;
display: flex;
align-items: center;
}
.dm-mySlides-carousel {
width: 90%;
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-mySlides-carousel-text{
display: flex;
align-items: center;
margin-bottom: 25px;
/* height: 90%; */
}
.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>
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>
<p></p>
<p>Закладання швів у дерев'яній підлозі між стінами та дошками краще виконувати шпаклівкою, щоб пил не накопичувався в структурі піни. Щілини між підлогою і стіною також можна усунути, використавши герметик.</p>
</div>
</div>
<div class="vert vert-9" data-id="block-v1:Profosvita+CS-S005-SGM+2024+type@html+block@c97f94fc194a4d6387214bbdf4d37840">
<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@c97f94fc194a4d6387214bbdf4d37840" data-request-token="8ab76042eab211ef93f186ca10193b9b" 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;">
<div style="padding-right: 20px; text-align: justify;">
<p>На всіх ділянках підлогової поверхні можна зробити ремонт із застосуванням клейового складу. Цей варіант застосовують не тільки щоб зашпаклювати щілини в дерев'яній підлозі, але й для вирівнювання підлогової поверхні, роблячи її гладкою. Особливістю цього методу є те, що матеріали для нього треба підготувати самостійно. Наразі використовують два найпоширеніші способи приготування клейової суміші. </p>
</div>
<img src="/assets/courseware/v1/bed01402b841d43af8340be83a6e1043/asset-v1:Profosvita+CS-S005-SGM+2024+type@asset+block/AdobeStock_306460866.jpeg" alt="picture" style="width: 200px; border-radius: 7%; margin-bottom: 10px;" /></div>
<p><i>Натисніть на інтерактивні елементи, щоб вивчити докладніше два варіанти усунення щілин.</i></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: 900px; width: 100%; min-height: 100px;"><img class="dm-sc-img-modals-image custom-image" src="/assets/courseware/v1/d960d27fb5782515405164f953074f6f/asset-v1:Profosvita+CS-S005-SGM+2024+type@asset+block/%D0%9A%D0%BB%D0%B5%D0%B9_%D1%96_%D1%82%D0%B8%D1%80%D1%81%D0%B0.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-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> <b>Крок 1</b>
<p>Дрібну соснову тирсу укладають у спеціальну посудину та заливають киплячою водою. Масу перемішують, поки вона не стане однорідною. Тирса протягом 1-2 годин повинна набрякнути. Після охолодження суміші її знову перемішують.</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-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>Крок 2</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-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>Крок 3</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-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>Крок 4</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>Крок 5</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-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>Крок 6</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>Крок 1</b>
<p>Закладення щілин в підлозі виконується складом, компонентами якого є тирса, клей і цемент. Потрібно взяти 2 частини клею ПВА чи столярного, додати 15 частин теплої води та перемішати до однорідного стану. Потім в цю масу всипають 5 частин цементу.</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> <b>Крок 2</b>
<p>Склад перемішують і відставляють на 10 хвилин. Якщо йому треба надати відтінок деревини, то в нього додають густу олійну фарбу або особливий пігмент.</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-18"> <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>Крок 3</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-19"> <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>Крок 4</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-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> <b>Крок 5</b>
<p>Щоб склад повністю висохнув, необхідно приблизно два тижні. Потім щілини роблять ідеально рівними за допомогою шліфування.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<style><!--
.dm-sc-img-modals-btn.hotspot-10 {
left: 0%;
top: 7%;
}
.dm-sc-img-modals-btn.hotspot-11 {
left: 0%;
top: 22%;
}
.dm-sc-img-modals-btn.hotspot-12 {
left: 0%;
top: 38%;
}
.dm-sc-img-modals-btn.hotspot-13 {
left: 0%;
top: 53%;
}
.dm-sc-img-modals-btn.hotspot-14 {
left: 0%;
top: 69%;
}
.dm-sc-img-modals-btn.hotspot-15 {
left: 0%;
top: 85%;
}
.dm-sc-img-modals-btn.hotspot-16 {
left: 97%;
top: 16%;
}
.dm-sc-img-modals-btn.hotspot-17 {
left: 97%;
top: 32%;
}
.dm-sc-img-modals-btn.hotspot-18 {
left: 97%;
top: 47%;
}
.dm-sc-img-modals-btn.hotspot-19 {
left: 97%;
top: 63%;
}
.dm-sc-img-modals-btn.hotspot-20 {
left: 97%;
top: 78%;
}
--></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>
</div>
</div>
<div class="vert vert-10" data-id="block-v1:Profosvita+CS-S005-SGM+2024+type@html+block@6a3bee1f22014767a19fb1fc32b2ad85">
<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@6a3bee1f22014767a19fb1fc32b2ad85" data-request-token="8ab76042eab211ef93f186ca10193b9b" 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;">
<div style="padding-right: 20px; text-align: justify;">
<p>Якщо відсутнє бажання змішувати складну суміш чи немає на це часу, можна придбати в спеціалізованому магазині шпаклівку по дереву і закрити нею щілини. Даний спосіб використовують у тому разі, коли вади поверхні незначні. Недоліком такого методу є те, що шпаклівка з часом починає тріскатися і розсипатися. З цієї причини шпаклівка щілин у дерев'яній підлозі використовується тоді, коли далі старі дошки будуть накриватися настилом з фанери. Склад наносять гумовим шпателем, ретельно втираючи його в щілини. Закладені поверхні після висихання вирівнюють за допомогою абразивних засобів.</p>
</div>
<img src="/assets/courseware/v1/a8e30de489ad11f1847472dcad5e2054/asset-v1:Profosvita+CS-S005-SGM+2024+type@asset+block/AdobeStock_401432963.jpeg" alt="picture" style="width: 200px; border-radius: 7%; margin-bottom: 10px;" /></div>
<div class="cite-wrapper">
<div class="c-quote">
<div class="cite-content-wrapper" style="display: flex; align-items: center;"><img src="/assets/courseware/v1/ed9d58d0a0f3a76ea010dcb7efaedc05/asset-v1:Profosvita+CS-S005-SGM+2024+type@asset+block/info__3_.png" alt="avatar" style="width: 79px; border-radius: 0%; flex-grow: 0; flex-shrink: 0; z-index: 100; padding: 10px;" height="79" />
<div style="margin: auto;">
<blockquote> Шпаклівка по дереву буває заповнювальна (до 5 мм) і фінішна (до 1 мм).</blockquote>
</div>
</div>
</div>
</div>
<style><!--
.c-quote {
text-align: center;
padding: 15px;
border: 1.5px solid #3849f9;
max-width: 85%;
position: relative;
margin: 50px auto;
box-shadow: #c3cad3 0px 0px 5px;
}
.c-quote blockquote {
color: #000000;
font-style: bold;
position: relative;
z-index: 20;
margin: 0 !important;
margin-bottom: 10px !important;
}
.c-quote-left,
.c-quote-right {
position: absolute;
width: 150px;
z-index: 10;
font-size: 60px;
color: #30b6dd;
background-color: #fff;
line-height: 200px;
}
.c-quote-left {
top: -30px;
left: -20px;
text-align: left;
}
.c-quote-right {
bottom: -50px;
right: -20px;
text-align: right;
}
.c-quote small {
font-size: 19px;
color: #30b6dd;
position: relative;
z-index: 20;
}
.c-quote small:before {
content: "\2014 \0020";
width: 5px;
}
@media only screen and (max-width: 600px) {
.cite-wrapper {
width: 90%;
margin: auto;
}
.cite-content-wrapper {
flex-direction: column !important;
}
.cite-content-wrapper div {
width: 95% !important;
justify-content: center !important;
padding-left: 0px;
}
.cite-content-wrapper img {
max-width: 100px !important;
}
}
--></style>
</div>
</div>
<div class="vert vert-11" data-id="block-v1:Profosvita+CS-S005-SGM+2024+type@html+block@7d11047db9d54b0a8d95e932daf0a996">
<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@7d11047db9d54b0a8d95e932daf0a996" data-request-token="8ab76042eab211ef93f186ca10193b9b" 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><i>Натисніть на інтерактивні елементи, щоб дізнатись більше про цей метод.</i></p>
<div class="s-tabs1">
<ul class="s-tabs__nav-row">
<!-- Tab navigation link 1 -->
<li class="s-tab1 s-tabs__item is-active1">
<div class="s-tab__nav1">
<button></button>
<span>Крок 1</span>
</div>
</li>
<!-- Tab navigation link 2 -->
<li class="s-tab1 s-tabs__item">
<div class="s-tab__nav1">
<button></button>
<span>Крок 2</span>
</div>
</li>
<!-- Tab navigation link 3 -->
<li class="s-tab1 s-tabs__item">
<div class="s-tab__nav1">
<button></button>
<span>Крок 3</span>
</div>
</li>
<!-- Tab navigation link 4 -->
<li class="s-tab1 s-tabs__item">
<div class="s-tab__nav1">
<button></button>
<span>Крок 4</span>
</div>
</li>
<!-- Tab navigation link 5 -->
<li class="s-tab1 s-tabs__item">
<div class="s-tab__nav1">
<button></button>
<span>Крок 5</span>
</div>
<div class="s-tab__content">
<p>The goal or the phase is to translate software development requirements into design</p>
</div>
</li>
<!-- Tab navigation link 6 -->
<li class="s-tab1 s-tabs__item">
<div class="s-tab__nav1">
<button></button>
<span>Крок 6</span>
</div>
<div class="s-tab__content">
<p>The goal or the phase is to translate software development requirements into design</p>
</div>
</li>
<!-- Tab navigation link 7 -->
<li class="s-tab1 s-tabs__item">
<div class="s-tab__nav1">
<button></button>
<span>Крок 7</span>
</div>
<div class="s-tab__content">
<p>The goal or the phase is to translate software development requirements into design</p>
</div>
</li>
</ul>
<div class="s-tabs__content">
<!-- Tab content 1 -->
<div class="s-tabs__panel s-panel1 is-active1">
<h4 class="s-panel__title">Підготовка паперу</h4>
<p style="margin:0 !important;">Для початку, аркуші паперу вирізають або рвуть на шматочки, які потім заливають водою. Цю суміш залишають простою, давши їй відпочити та витримати.</p>
</div>
<!-- Tab content 2 -->
<div class="s-tabs__panel s-panel1">
<h4 class="s-panel__title">Приготування клейстеру</h4>
<p style="margin:0 !important;">Готують клейстер із борошна, води та крохмалю. Вода повинна довести до кипіння, після чого додають борошно та крохмаль. Постійне перемішування гарантує однорідну консистенцію. Після відстоювання до теплого стану отримують густий клей.</p>
</div>
<!-- Tab content 3 -->
<div class="s-tabs__panel s-panel1">
<h4 class="s-panel__title"> Додавання мідного купоросу</h4>
<p style="margin:0 !important;">У суміш додають мідний купорос у пропорції 1:10. Це допомагає попередити появу плісняви та інших шкідливих мікроорганізмів.</p>
</div>
<!-- Tab content 4 -->
<div class="s-tabs__panel s-panel1">
<h4 class="s-panel__title">Обробка паперової маси</h4>
<p style="margin:0 !important;">Паперову масу віджимають, подрібнюють пальцями та додають до підготовленого клейстеру, створюючи густу та однорідну замазку.</p>
</div>
<!-- Tab content 5 -->
<div class="s-tabs__panel s-panel1">
<h4 class="s-panel__title">Підготовка підлоги</h4>
<p style="margin:0 !important;">Прибирання підлоги проводиться так само як і раніше, головне — забезпечити чистоту щілин.</p>
</div>
<!-- Tab content 6 -->
<div class="s-tabs__panel s-panel1">
<h4 class="s-panel__title">Застосування суміші на щілини</h4>
<p style="margin:0 !important;">Отриману клейову суміш укладають в щілини, утрамбовують, розрівнюють та обробляють шліфувальним папером.</p>
</div>
<!-- Tab content 7 -->
<div class="s-tabs__panel s-panel1">
<h4 class="s-panel__title">Фінішна обробка</h4>
<p style="margin:0 !important;">Завершальним кроком є фарбування або лакування підлоги, надаючи їй чистий та естетичний вигляд.</p>
</div>
</div>
</div>
<style>
.s-tabs__nav-row {
display: flex;
justify-content: space-between;
position: relative;
margin: 0 25px 25px 25px !important;
padding: 0 !important;
list-style: none !important;
}
@media all and (max-width: 540px){
.s-tabs__nav-row {
margin: 0 0 25px 0 !important;
}
}
.s-tabs__nav-row:before {
content: '';
position: absolute;
top: 50%;
left: 0;
right: 0;
height: 2px;
background-color: #3849F9;
}
/* Steps */
.s-tabs1 {
padding: 20px 0;
overflow: hidden;
}
.s-tab1 {
position: relative;
margin-bottom: 0 !important;
}
.s-tab__content {
position: relative;
}
.s-tab__content span {
display: block;
}
/* Steps Navigation */
.s-tab__nav1 {
position: relative;
}
.s-tab__nav1 button {
width: 40px;
height: 40px;
background-color: #fff;
border: 2px solid currentColor;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
color: #3849F9;
font-size: 24px;
cursor: pointer;
transition: all .25s linear;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAArCAYAAADhXXHAAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAC6SURBVHgB7dgxDsIgGMXxBzEx3shNRuOlrJcyjrj1RsalWGy3wtB8vIHk/YYONGn/AyVQoCMODZ2vnwDvw+bGNMXxdYowOqClHJpwL4zna4SRR0cUy6JYFsWyKJZFsSyKZVEsS1ex/5NCdYe/V3KX+RIKr4lw6Q2j5aRQ2+Hvlmrj+fkBRpqzLIplWT6w+Vy/HpdtyKtB258ct+9QXFUcHuPzOMBIc5ZFsSyKZVEsi2JZFMuiWBbFsvwA6lwj2C2z1R4AAAAASUVORK5CYII=);
/* plus */
background-repeat: no-repeat !important;
background-position: center !important;
background-size: 14px !important;
}
@media all and (max-width: 767px){
.s-tab__nav1 button {
width: 30px;
height: 30px;
background-size: 10px !important;
padding: 0;
}
}
.s-tab__nav1 button:hover,
.s-tab__nav1 button:focus {
background-color: #3849F9;
border-color: #3849F9;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAArCAYAAADhXXHAAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACTSURBVHgB7ddBCsMgFEXRZ+m+6s6apf2uzNpCZjEQ/BcivAPiQJA7EFFpIUWJWmu1T/VgKUopoUlP5ap9vAdroUkPLcSxFMdSHEtxLMWxFMdSHEtZKvb/Uzh54V/1GuwTfXw0aY/dNH7h34bPLMWxlP0rHsqB3gapfrdKO7Ypgc8sxbEUx1IcS3EsxbEUx1IcS/kCQTMt8rq43PcAAAAASUVORK5CYII=');
/* white plus */
color: #fff;
outline: none;
box-shadow: inset 0 1px 0 0 #3849F9 !important;
}
/* Steps Labels */
.s-tab__nav1 span {
height: 40px;
padding-left: 16px;
padding-right: 16px;
background-color: #3849F9;
border: 2px solid #3849F9;
border-radius: 24px;
display: inline-flex;
align-items: center;
justify-content: center;
color: #fff;
font-size: 20px;
position: absolute;
top: -2px;
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
opacity: 0;
visibility: hidden;
transition: all .25s linear;
font-weight: 900;
}
.s-tabs__item:first-of-type .s-tab__nav1 span {
left: -60%;
transform: translateX(0);
}
.s-tabs__item:last-of-type .s-tab__nav1 span {
left: auto;
right: -60%;
transform: translateX(0);
}
@media all and (max-width: 767px){
.s-tab__nav1 span {
height: 30px;
font-size: 14px;
}
.s-tabs__item:first-of-type .s-tab__nav1 span {
left: -75%;
}
.s-tabs__item:last-of-type .s-tab__nav1 span {
right: -75%;
}
}
@media all and (max-width: 540px){
.s-tab__nav1 span {
width: 30px;
font-size: 0;
padding: 0;
border-radius: 100%;
border: 0;
top: 0;
}
.s-tabs__item:first-of-type .s-tab__nav1 span {
left: 0;
}
.s-tabs__item:last-of-type .s-tab__nav1 span {
right: 0;
}
}
.s-tab__content {
width: 280px;
background-color: #fff;
padding: 12px 16px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
border-radius: 4px;
position: absolute;
opacity: 0;
visibility: hidden;
line-height: 1.5;
font-size: 16px;
z-index: 1;
transition: all .25s linear;
}
.s-tab__content p:last-of-type{
margin-bottom: 0;
}
/* Tab panel */
.s-panel1 {
background: #FFFFFF;
border: 1px solid #3849F9;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
border-radius: 4px;
padding: 24px;
display: none;
}
.s-panel1.is-active1 {
display: block;
}
.s-panel p {
margin: 0;
font-size: 17px;
line-height: 1.5;
}
.s-panel__title {
font-size: 20px !important;
line-height: 1.5;
margin: 0 0 12px 0 !important;
font-weight: 900 !important;
text-transform: none;
letter-spacing: 0 !important;
color: #000 !important;
}
/* States for navigation */
.s-tabs__item.is-active1 .s-tab__nav1 button {
opacity: 0;
visibility: hidden;
}
.s-tabs__item.is-active1 .s-tab__nav1 span {
opacity: 1;
visibility: visible;
}
.s-tab1.is-checked1 .s-tab__nav1 button {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAApCAYAAACV8mGQAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGLSURBVHgB7dg9UsJAGMbxTRrGziPkFlJix1B5E4+QeANP49Bpmc4rcAuJhXE3D2EC+WC/33dn+FewLPvub5wUIsQ9nm1e2sfh+1wk3nr7Uxyb3+/1tin7tUwknAKJLP+UL4tuoRVVvV+9JYsagfokLEnULOhUcqhbIFVSKB2QFKXzTOmC6o9VGs+UCQgvmWcKwlvG2YCwxDRbEJYZ5gLCR8xyBeFjRvkAYQuTfIGwjUE+QdhKnG8QthMWAoSvEBUKpJr8d/5pd3zthgYqJEiVjwc2ZdZm72poCFhoEL5+MVD+eJGJarB0EO3fc71/OAgPxQDhiPPAEajPCywWCMdg4OY0cC4nWEyQqnum5GW/1KEL+wrbZyw2CMcNL7BrKvkTU7mw3+gvRgHCkdcX8QSjAuHYqQs5wihBOHomWxg1CMcvZArjAMKIG+nCcBo9CGM00oKhQsxPigLCKM00YEtTooEwziArWGQQRhpmBCMAYaxFWjAiEEZbtggjBGG8Q5MwYhCu4NgFjAFI9Q+VtyGtgP62VQAAAABJRU5ErkJggg==');
/* checked */
}
.s-tab1.is-checked1 .s-tab__nav1 button:hover,
.s-tab1.is-checked1 .s-tab__nav1 button:focus {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAApCAMAAACiLJGiAAAAG1BMVEUAAAD////////////////////////////////rTT7CAAAACHRSTlMAECBAb3+A355hDCYAAABsSURBVHja7dCBBsUwAEPR97q1zf9/8SCAEAnG6AXgwP291L9BY88GAbNBZCkCKoQKra+jgw66R4Em9igQyDJEFqALIIvuLcEskswjxTwSzCPBPBLMI8E8UswjxQJEliKyHJER5SxDZBki8+gBRjoNV4v3l0EAAAAASUVORK5CYII=);
/* white checked */
}
</style>
<script>
/* Tabs */
// <![CDATA[
var tabNavItem1 = $('.s-tab1');
var tabPanel1 = $('.s-panel1');
tabNavItem1.on('click', function () {
var navIndex1 = $(this).index();
var selectedPanel1 = $('.s-panel1').eq(navIndex1);
tabNavItem1.not($(this)).removeClass('is-active1');
tabPanel1.not(selectedPanel1).hide();
$(this).addClass('is-active1 is-checked1');
selectedPanel1.show();
});// ]]>
</script>
</div>
</div>
<div class="vert vert-12" data-id="block-v1:Profosvita+CS-S005-SGM+2024+type@html+block@1a4715c769f244f3a456ab88683455e5">
<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@1a4715c769f244f3a456ab88683455e5" data-request-token="8ab76042eab211ef93f186ca10193b9b" 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 style="display: flex; align-items: center; justify-content: start;"><img src="/assets/courseware/v1/6da1ff35ebaa350213a69a1695bcce9c/asset-v1:Profosvita+CS-S005-SGM+2024+type@asset+block/wall.png" alt="ava" style="width: 150px; max-width: 100%; margin-bottom: 10px; float: left;" height="150" />
<ul>
<li style="text-align: left;"><span style="font-size: 1em;">шнур/конопляну мотузку;</span></li>
<li style="text-align: left;"><span style="font-size: 1em;">клей ПВА/столярний;</span></li>
<li style="text-align: left;"><span style="font-size: 1em;">тирсу;</span></li>
<li style="text-align: left;"><span style="font-size: 1em;">шпаклівку. </span></li>
</ul>
</div>
<p>Шнур поміщають на щілину, його укладають всередину так, щоб до верху дошки було 2-4 мм. Цю відстань заповнюють сумішшю з невеликим запасом зверху, оскільки шпаклювальна суміш в процесі висихання дає усадку.</p>
<div class="cite-wrapper">
<div class="c-quote">
<div class="cite-content-wrapper" style="display: flex; align-items: center;"><img src="/assets/courseware/v1/ed9d58d0a0f3a76ea010dcb7efaedc05/asset-v1:Profosvita+CS-S005-SGM+2024+type@asset+block/info__3_.png" alt="avatar" style="width: 79px; border-radius: 0%; flex-grow: 0; flex-shrink: 0; z-index: 100; padding: 10px;" height="79" />
<div style="margin: auto;">
<blockquote> Мотузку повністю змащують клеєм і виготовляють суміш з тирси, клейової суміші та шпаклівки.</blockquote>
</div>
</div>
</div>
</div>
<style><!--
.c-quote {
text-align: center;
padding: 15px;
border: 1.5px solid #3849f9;
max-width: 85%;
position: relative;
margin: 50px auto;
box-shadow: #c3cad3 0px 0px 5px;
}
.c-quote blockquote {
color: #000000;
font-style: bold;
position: relative;
z-index: 20;
margin: 0 !important;
margin-bottom: 10px !important;
}
.c-quote-left,
.c-quote-right {
position: absolute;
width: 150px;
z-index: 10;
font-size: 60px;
color: #30b6dd;
background-color: #fff;
line-height: 200px;
}
.c-quote-left {
top: -30px;
left: -20px;
text-align: left;
}
.c-quote-right {
bottom: -50px;
right: -20px;
text-align: right;
}
.c-quote small {
font-size: 19px;
color: #30b6dd;
position: relative;
z-index: 20;
}
.c-quote small:before {
content: "\2014 \0020";
width: 5px;
}
@media only screen and (max-width: 600px) {
.cite-wrapper {
width: 90%;
margin: auto;
}
.cite-content-wrapper {
flex-direction: column !important;
}
.cite-content-wrapper div {
width: 95% !important;
justify-content: center !important;
padding-left: 0px;
}
.cite-content-wrapper img {
max-width: 100px !important;
}
}
--></style>
</div>
</div>
<div class="vert vert-13" data-id="block-v1:Profosvita+CS-S005-SGM+2024+type@html+block@d7e0881dbafa42bea9a27ae6ecc96fd2">
<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@d7e0881dbafa42bea9a27ae6ecc96fd2" data-request-token="8ab76042eab211ef93f186ca10193b9b" 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><i>Натисніть на інтерактивні елементи, щоб дізнатись більше про кожен етап виконання робіт.</i></p>
<p></p>
<div class="tab-wrapper">
<div class="tab-controls"><button class="tab-controls__button active"><b>Етап 1</b></button> <button class="tab-controls__button"><b>Етап 2</b></button> <button class="tab-controls__button"><b>Етап 3</b></button> <button class="tab-controls__button"><b>Етап 4</b></button> <button class="tab-controls__button"><b>Етап 5</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/954e9bf3145610a4cba5e3d24eee748e/asset-v1:Profosvita+CS-S005-SGM+2024+type@asset+block/number-1.png" style="width: 100%; max-width: 50px;" 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/dc7ca57cd778e5f2d18f6eedd45d74f6/asset-v1:Profosvita+CS-S005-SGM+2024+type@asset+block/number-2.png" style="width: 100%; max-width: 50px;" 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/24c3d48970e4d7f16a0399ae90f15291/asset-v1:Profosvita+CS-S005-SGM+2024+type@asset+block/number-3.png" style="width: 100%; max-width: 50px;" 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/71dbfcb179b688aa8874f1fade022d7c/asset-v1:Profosvita+CS-S005-SGM+2024+type@asset+block/number-4.png" style="width: 100%; max-width: 50px;" 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/7ed7f608c7b78d4907cb7b4569925fca/asset-v1:Profosvita+CS-S005-SGM+2024+type@asset+block/number-5.png" style="width: 100%; max-width: 50px;" 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-14" data-id="block-v1:Profosvita+CS-S005-SGM+2024+type@html+block@20961450b5814c25bffd5d123149b5ce">
<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@20961450b5814c25bffd5d123149b5ce" data-request-token="8ab76042eab211ef93f186ca10193b9b" 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><b>Капітальний ремонт</b> дерев'яної підлоги, залежно від ступеня і характеру пошкоджень, передбачає наступні роботи:</p>
<div style="display: flex; justify-content: center;">
<img src="/assets/courseware/v1/8da3cdc0a97438066244b339d2f254fb/asset-v1:Profosvita+CS-S005-SGM+2024+type@asset+block/%D0%9A%D0%B0%D0%BF%D1%96%D1%82%D0%B0%D0%BB%D1%8C%D0%BD%D0%B8%D0%B9_%D1%80%D0%B5%D0%BC%D0%BE%D0%BD%D1%82.png" alt="avatar" style="width: 500px; flex-grow: 0; flex-shrink: 0; z-index: 100; padding: 10px;" />
</div>
<p><i>Далі у цьому уроці ви розглянете детальніше етапи ремонту розхитаних дощок паркету, підготовку та вирівнювання поверхні, а також ремонт лаг.</i></p>
</div>
</div>
<div class="vert vert-15" data-id="block-v1:Profosvita+CS-S005-SGM+2024+type@html+block@e02402a9e4ff40558d09b8a07b78bdd7">
<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@e02402a9e4ff40558d09b8a07b78bdd7" data-request-token="8ab76042eab211ef93f186ca10193b9b" 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><i>Натисніть на інтерактивні елементи, щоб ознайомитися з діями, які рекомендовано виконувати для відновлення міцності підлоги.</i></p>
<div class="s-tabs">
<ul class="s-tabs__nav-row">
<!-- Tab navigation link 1 -->
<li class="s-tab s-tabs__item is-active">
<div class="s-tab__nav">
<button></button>
<span>Крок 1</span>
</div>
</li>
<!-- Tab navigation link 2 -->
<li class="s-tab s-tabs__item">
<div class="s-tab__nav">
<button></button>
<span>Крок 2</span>
</div>
</li>
<!-- Tab navigation link 3 -->
<li class="s-tab s-tabs__item">
<div class="s-tab__nav">
<button></button>
<span>Крок 3</span>
</div>
</li>
<!-- Tab navigation link 4 -->
<li class="s-tab s-tabs__item">
<div class="s-tab__nav">
<button></button>
<span>Крок 4</span>
</div>
</li>
<!-- Tab navigation link 5 -->
<li class="s-tab s-tabs__item">
<div class="s-tab__nav">
<button></button>
<span>Крок 5</span>
</div>
<div class="s-tab__content">
<p>The goal or the phase is to translate software development requirements into design</p>
</div>
</li>
<!-- Tab navigation link 6 -->
<li class="s-tab s-tabs__item">
<div class="s-tab__nav">
<button></button>
<span>Крок 6</span>
</div>
<div class="s-tab__content">
<p>The goal or the phase is to translate software development requirements into design</p>
</div>
</li>
<!-- Tab navigation link 7 -->
<li class="s-tab s-tabs__item">
<div class="s-tab__nav">
<button></button>
<span>Крок 7</span>
</div>
<div class="s-tab__content">
<p>The goal or the phase is to translate software development requirements into design</p>
</div>
</li>
</ul>
<div class="s-tabs__content">
<!-- Tab content 1 -->
<div class="s-tabs__panel s-panel is-active">
<p style="margin:0 !important;">Зняти старе декоративне покриття — фарбу можна зняти за допомогою будівельного фена або паяльної лампи. Cтару дерев’яну дошку потрібно зривати ломом, стамескою, гвіздки витягуються цвяходером.</p>
<p style="margin:0 !important;">Це вирішить одразу дві проблеми:<br/> • допоможе точніше визначити пошкоджені ділянки дерев'яної підлоги;<br/> • дозволить оновити зовнішній вигляд підлогового покриття.</p>
<p style="margin:0 !important;">Коли базове покриття буде видалено, потрібно провести прибирання, а тоді оцінити стан стяжки. Якщо він задовільний, поверх стяжки укладається шар ізоляції чи утеплювача, а тоді основний матеріал.</p>
</div>
<!-- Tab content 2 -->
<div class="s-tabs__panel s-panel">
<p style="margin:0 !important;">Визначити місце пошкодження та чітко позначити ті дошки, які хитаються і можуть зруйнуватися під ногами мешканців.</p>
</div>
<!-- Tab content 3 -->
<div class="s-tabs__panel s-panel">
<p style="margin:0 !important;">Випиляти пошкоджені дошки, зробивши два поперечні та два поздовжні розпили ручною електропилою.</p>
</div>
<!-- Tab content 4 -->
<div class="s-tabs__panel s-panel">
<p style="margin:0 !important;">До лага закріпити невеликі бруски — вони виконають роль додаткового упору для нових дощок.</p>
</div>
<!-- Tab content 5 -->
<div class="s-tabs__panel s-panel">
<p style="margin:0 !important;">Біля нової дошки потрібно зняти нижній фальц — він знімається рубанком або невеликою сокиркою, гострим ножем.</p>
</div>
<!-- Tab content 6 -->
<div class="s-tabs__panel s-panel">
<p style="margin:0 !important;">Встановити нові дошки на підготовлені місця.</p>
</div>
<!-- Tab content 7 -->
<div class="s-tabs__panel s-panel">
<p style="margin:0 !important;">Закріпити нововстановлений матеріал до наявного. </p>
</div>
</div>
</div>
<style>
.s-tabs__nav-row {
display: flex;
justify-content: space-between;
position: relative;
margin: 0 25px 25px 25px !important;
padding: 0 !important;
list-style: none !important;
}
@media all and (max-width: 540px){
.s-tabs__nav-row {
margin: 0 0 25px 0 !important;
}
}
.s-tabs__nav-row:before {
content: '';
position: absolute;
top: 50%;
left: 0;
right: 0;
height: 2px;
background-color: #3849F9;
}
/* Steps */
.s-tabs {
padding: 20px 0;
overflow: hidden;
}
.s-tab {
position: relative;
margin-bottom: 0 !important;
}
.s-tab__content {
position: relative;
}
.s-tab__content span {
display: block;
}
/* Steps Navigation */
.s-tab__nav {
position: relative;
}
.s-tab__nav button {
width: 40px;
height: 40px;
background-color: #fff;
border: 2px solid currentColor;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
color: #3849F9;
font-size: 24px;
cursor: pointer;
transition: all .25s linear;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAArCAYAAADhXXHAAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAC6SURBVHgB7dgxDsIgGMXxBzEx3shNRuOlrJcyjrj1RsalWGy3wtB8vIHk/YYONGn/AyVQoCMODZ2vnwDvw+bGNMXxdYowOqClHJpwL4zna4SRR0cUy6JYFsWyKJZFsSyKZVEsS1ex/5NCdYe/V3KX+RIKr4lw6Q2j5aRQ2+Hvlmrj+fkBRpqzLIplWT6w+Vy/HpdtyKtB258ct+9QXFUcHuPzOMBIc5ZFsSyKZVEsi2JZFMuiWBbFsvwA6lwj2C2z1R4AAAAASUVORK5CYII=);
/* plus */
background-repeat: no-repeat !important;
background-position: center !important;
background-size: 14px !important;
}
@media all and (max-width: 767px){
.s-tab__nav button {
width: 30px;
height: 30px;
background-size: 10px !important;
padding: 0;
}
}
.s-tab__nav button:hover,
.s-tab__nav button:focus {
background-color: #3849F9;
border-color: #3849F9;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAArCAYAAADhXXHAAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACTSURBVHgB7ddBCsMgFEXRZ+m+6s6apf2uzNpCZjEQ/BcivAPiQJA7EFFpIUWJWmu1T/VgKUopoUlP5ap9vAdroUkPLcSxFMdSHEtxLMWxFMdSHEtZKvb/Uzh54V/1GuwTfXw0aY/dNH7h34bPLMWxlP0rHsqB3gapfrdKO7Ypgc8sxbEUx1IcS3EsxbEUx1IcS/kCQTMt8rq43PcAAAAASUVORK5CYII=');
/* white plus */
color: #fff;
outline: none;
box-shadow: inset 0 1px 0 0 #3849F9 !important;
}
/* Steps Labels */
.s-tab__nav span {
height: 40px;
padding-left: 16px;
padding-right: 16px;
background-color: #3849F9;
border: 2px solid #3849F9;
border-radius: 24px;
display: inline-flex;
align-items: center;
justify-content: center;
color: #fff;
font-size: 20px;
position: absolute;
top: -2px;
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
opacity: 0;
visibility: hidden;
transition: all .25s linear;
font-weight: 900;
}
.s-tabs__item:first-of-type .s-tab__nav span {
left: -60%;
transform: translateX(0);
}
.s-tabs__item:last-of-type .s-tab__nav span {
left: auto;
right: -60%;
transform: translateX(0);
}
@media all and (max-width: 767px){
.s-tab__nav span {
height: 30px;
font-size: 14px;
}
.s-tabs__item:first-of-type .s-tab__nav span {
left: -75%;
}
.s-tabs__item:last-of-type .s-tab__nav span {
right: -75%;
}
}
@media all and (max-width: 540px){
.s-tab__nav span {
width: 30px;
font-size: 0;
padding: 0;
border-radius: 100%;
border: 0;
top: 0;
}
.s-tabs__item:first-of-type .s-tab__nav span {
left: 0;
}
.s-tabs__item:last-of-type .s-tab__nav span {
right: 0;
}
}
.s-tab__content {
width: 280px;
background-color: #fff;
padding: 12px 16px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
border-radius: 4px;
position: absolute;
opacity: 0;
visibility: hidden;
line-height: 1.5;
font-size: 16px;
z-index: 1;
transition: all .25s linear;
}
.s-tab__content p:last-of-type{
margin-bottom: 0;
}
/* Tab panel */
.s-panel {
background: #FFFFFF;
border: 1px solid #3849F9;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
border-radius: 4px;
padding: 24px;
display: none;
}
.s-panel.is-active {
display: block;
}
.s-panel p {
margin: 0;
font-size: 17px;
line-height: 1.5;
}
.s-panel__title {
font-size: 20px !important;
line-height: 1.5;
margin: 0 0 12px 0 !important;
font-weight: 900 !important;
text-transform: none;
letter-spacing: 0 !important;
color: #000 !important;
}
/* States for navigation */
.s-tabs__item.is-active .s-tab__nav button {
opacity: 0;
visibility: hidden;
}
.s-tabs__item.is-active .s-tab__nav span {
opacity: 1;
visibility: visible;
}
.s-tab.is-checked .s-tab__nav button {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAApCAYAAACV8mGQAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGLSURBVHgB7dg9UsJAGMbxTRrGziPkFlJix1B5E4+QeANP49Bpmc4rcAuJhXE3D2EC+WC/33dn+FewLPvub5wUIsQ9nm1e2sfh+1wk3nr7Uxyb3+/1tin7tUwknAKJLP+UL4tuoRVVvV+9JYsagfokLEnULOhUcqhbIFVSKB2QFKXzTOmC6o9VGs+UCQgvmWcKwlvG2YCwxDRbEJYZ5gLCR8xyBeFjRvkAYQuTfIGwjUE+QdhKnG8QthMWAoSvEBUKpJr8d/5pd3zthgYqJEiVjwc2ZdZm72poCFhoEL5+MVD+eJGJarB0EO3fc71/OAgPxQDhiPPAEajPCywWCMdg4OY0cC4nWEyQqnum5GW/1KEL+wrbZyw2CMcNL7BrKvkTU7mw3+gvRgHCkdcX8QSjAuHYqQs5wihBOHomWxg1CMcvZArjAMKIG+nCcBo9CGM00oKhQsxPigLCKM00YEtTooEwziArWGQQRhpmBCMAYaxFWjAiEEZbtggjBGG8Q5MwYhCu4NgFjAFI9Q+VtyGtgP62VQAAAABJRU5ErkJggg==');
/* checked */
}
.s-tab.is-checked .s-tab__nav button:hover,
.s-tab.is-checked .s-tab__nav button:focus {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAApCAMAAACiLJGiAAAAG1BMVEUAAAD////////////////////////////////rTT7CAAAACHRSTlMAECBAb3+A355hDCYAAABsSURBVHja7dCBBsUwAEPR97q1zf9/8SCAEAnG6AXgwP291L9BY88GAbNBZCkCKoQKra+jgw66R4Em9igQyDJEFqALIIvuLcEskswjxTwSzCPBPBLMI8E8UswjxQJEliKyHJER5SxDZBki8+gBRjoNV4v3l0EAAAAASUVORK5CYII=);
/* white checked */
}
</style>
<script>
/* Tabs */
// <![CDATA[
var tabNavItem = $('.s-tab');
var tabPanel = $('.s-panel');
tabNavItem.on('click', function () {
var navIndex = $(this).index();
var selectedPanel = $('.s-panel').eq(navIndex);
tabNavItem.not($(this)).removeClass('is-active');
tabPanel.not(selectedPanel).hide();
$(this).addClass('is-active is-checked');
selectedPanel.show();
});// ]]>
</script>
<p>Цвяхи та саморізи повинні утоплюватися в дерево мінімум на 3 мм — це не тільки забезпечить високу якість роботи, але й значно покращить рівень фіксації дощок між собою, що запобігає появі скрипу.</p>
</div>
</div>
<div class="vert vert-16" data-id="block-v1:Profosvita+CS-S005-SGM+2024+type@html+block@da74b6295d354c1a85100861c2431d25">
<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@da74b6295d354c1a85100861c2431d25" data-request-token="8ab76042eab211ef93f186ca10193b9b" 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 style="display: flex; align-items: center;"><img src="/assets/courseware/v1/7fcbf0a9a3debbebb3ae558905ed3deb/asset-v1:Profosvita+CS-S005-SGM+2024+type@asset+block/Pay_attention-pana.png" alt="picture" style="width: 120px; max-width: 30%; margin-bottom: 0px;" />
<p style="margin-top: 0px; margin-bottom: 0px; padding-left: 20px;">• має великі тріщини, місцями шматки цементу можна просто вийняти руками;<br /> • промокла від прориву труб чи через просочення вологи від фундаменту; <br /> • покрилась грибком.</p>
</div>
<p></p>
</div>
</div>
<div class="vert vert-17" data-id="block-v1:Profosvita+CS-S005-SGM+2024+type@html+block@99c219e50fc9487ab871849e12bcff2a">
<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@99c219e50fc9487ab871849e12bcff2a" data-request-token="8ab76042eab211ef93f186ca10193b9b" 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/c1b248e1126c2e61219693d6db2e3710/asset-v1:Profosvita+CS-S005-SGM+2024+type@asset+block/pallet.png" alt="picture" style="width: 80px; margin-bottom: 10px;" />
<div style="padding-left: 20px; text-align: justify;">
<p><b>Ремонт лаг</b> виконують при проведенні капітального ремонту. Якщо лаги в порядку, то їх можна використовувати далі. Якщо є численні тріщини, сліди гниття, то доведеться їх замінити.</p>
</div>
</div>
<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/950eb7d781fdb05a5cfa60c60854872a/asset-v1:Profosvita+CS-S005-SGM+2024+type@asset+block/waterproof-fabric.png" alt="some image" style="width: 80px; 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/3cbf1c5c88e8de6efcbf2cc4067e1069/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-%D1%82%D0%B0-%D0%BF%D1%80%D0%B8%D1%81%D1%82%D0%BE%D1%81%D1%83%D0%B2%D0%B0%D0%BD%D0%BD%D1%8F10.png" alt="some image" style="width: 80px; 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/263e0da56c4853394c958dac6d3a91e6/asset-v1:Profosvita+CS-S005-SGM+2024+type@asset+block/%D0%9C%D0%BE%D0%BD%D1%82%D0%B0%D0%B6-%D1%81%D1%82%D0%BE%D0%BB%D1%8F%D1%80%D0%BD%D0%B8%D1%85-%D0%BF%D0%B5%D1%80%D0%B5%D0%B3%D0%BE%D1%80%D0%BE%D0%B4%D0%BE%D0%BA-%D0%BF%D1%80%D0%BE%D1%81%D1%82%D0%BE%D1%97-%D1%82%D0%B0-%D1%81%D0%B5%D1%80%D0%B5%D0%B4%D0%BD%D1%8C%D0%BE%D1%97-%D1%81%D0%BA%D0%BB%D0%B0%D0%B4%D0%BD%D0%BE%D1%81%D1%82%D1%964.png" alt="some image" style="width: 80px; max-width: 25%; flex-grow: 0; flex-shrink: 0;" />
<div style="margin-top: 0px; margin-bottom: 0px; padding-left: 20px;">
<p></p>
<p>Для опирання настилу набивають дерев'яні бруси на бокові сторони лаг, з кроком в 60-100 см, перетин можна брати такий, як і був.</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/0244d62dae60f8e3abe3c7f025a14446/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%B84.png" alt="some image" style="width: 80px; 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> </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>
<p>
<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>
</p>
<p><em>Натисніть на інтерактивні елементи, щоб ознайомитися з рекомендаціями стосовно розмірів поперечних перерізів лаг.</em></p>
<p></p>
<div class="mw-wrapper">
<div class="mw-modal-container">
<div class="mw-modal-background">
<div class="mw-modal"><img src="/assets/courseware/v1/0cdf16f1c9ddaaef17f8b5a27bcf73f0/asset-v1:Profosvita+CS-S005-SGM+2024+type@asset+block/%D0%9F%D0%BE%D0%BF%D0%B5%D1%80%D0%B5%D1%87%D0%BD%D1%96_%D0%BF%D0%B5%D1%80%D0%B5%D1%82%D0%B8%D0%BD%D0%B8_%D0%BB%D0%B0%D0%B3.PNG" alt="img" style="width: 1000px;" /></div>
</div>
</div>
<div class="mw-button mw-button-animation">Поперечні перетини лаг</div>
</div>
<style><!--
.mw-modal-container {
position: fixed;
height: 100vh;
width: 100vw;
top: 0;
left: 0;
transform: scale(0);
z-index: 10001;
cursor: pointer;
}
.mw-modal-container .mw-modal-background {
background: rgba(38, 56, 82, 0.9);
height: 100%;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.mw-modal-container .mw-modal-background .mw-modal {
background: #fff;
padding: 10px;
border-radius: 3px;
text-align: center;
}
.mw-wrapper .mw-button {
display: inline-block;
cursor: pointer;
color: #fff;
background-color: #4849F9;
font-weight: bold;
letter-spacing: 0.6px;
border-radius: 0 6px 6px 0;
padding: 7px 20px;
}
.mw-button-animation {
box-shadow: 0 0 0 0 rgba(48, 182, 221, 0.4);
-webkit-animation: mw-pulse 2s infinite cubic-bezier(0.66, 0, 0, 1);
-moz-animation: mw-pulse 2s infinite cubic-bezier(0.66, 0, 0, 1);
-ms-animation: mw-pulse 2s infinite cubic-bezier(0.66, 0, 0, 1);
animation: mw-pulse 2s infinite cubic-bezier(0.66, 0, 0, 1);
}
.mw-wrapper .mw-button:hover {
background-color: #4849F9;
}
.mw-modal-container.one {
transform: scaleY(0.01) scaleX(0);
animation: unfoldIn 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.mw-modal-container.one .mw-modal-background .mw-modal {
transform: scale(0);
animation: zoomIn 1s 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.mw-modal-container.one.out {
transform: scale(1);
animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.mw-modal-container.one.out .mw-modal-background .mw-modal {
animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
@keyframes unfoldIn {
0% {
transform: scaleY(0.005) scaleX(0);
}
50% {
transform: scaleY(0.005) scaleX(1);
}
100% {
transform: scaleY(1) scaleX(1);
}
}
@keyframes unfoldOut {
0% {
transform: scaleY(1) scaleX(1);
}
50% {
transform: scaleY(0.005) scaleX(1);
}
100% {
transform: scaleY(0.005) scaleX(0);
}
}
@keyframes zoomIn {
0% {
transform: scale(0);
}
100% {
transform: scale(1);
}
}
@keyframes zoomOut {
0% {
transform: scale(1);
}
100% {
transform: scale(0);
}
}
@-webkit-keyframes mw-pulse {
to {
box-shadow: 0 0 0 15px rgba(232, 76, 61, 0);
}
}
@-moz-keyframes mw-pulse {
to {
box-shadow: 0 0 0 15px rgba(232, 76, 61, 0);
}
}
@-ms-keyframes mw-pulse {
to {
box-shadow: 0 0 0 15px rgba(232, 76, 61, 0);
}
}
@keyframes mw-pulse {
to {
box-shadow: 0 0 0 15px rgba(232, 76, 61, 0);
}
}
--></style>
<script>// <![CDATA[
document.querySelectorAll('.mw-wrapper').forEach(mw => {
let button = mw.querySelector('.mw-button');
let modalWindow = mw.querySelector('.mw-modal-container');
button.onclick = function () {
modalWindow.classList.remove("out");
modalWindow.classList.add("one");
button.classList.remove("mw-button-animation")
}
modalWindow.onclick = function () {
modalWindow.classList.add('out');
};
})
// ]]></script>
<p></p>
<p>При ремонті підлог необхідно звертати увагу та на крок лаг. Сьогодні при вирівнюванні застосовуються не тільки обрізні дошки, а й плити ОСП, фанерні листи. Крок для зазначених матеріалів потрібен різний.</p>
<p><em>Натисніть на інтерактивні елементи, щоб ознайомитися з рекомендованим переліком кроків лаг.</em></p>
<p></p>
<div class="mw-wrapper">
<div class="mw-modal-container">
<div class="mw-modal-background">
<div class="mw-modal"><img src="/assets/courseware/v1/506f365ff9234e2e8cf7d3c1cd4a338c/asset-v1:Profosvita+CS-S005-SGM+2024+type@asset+block/%D0%9A%D1%80%D0%BE%D0%BA_%D0%BB%D0%B0%D0%B3.PNG" alt="img" style="width: 900px;" /></div>
</div>
</div>
<div class="mw-button mw-button-animation">Крок лаг</div>
</div>
<style><!--
.mw-modal-container {
position: fixed;
height: 100vh;
width: 100vw;
top: 0;
left: 0;
transform: scale(0);
z-index: 10001;
cursor: pointer;
}
.mw-modal-container .mw-modal-background {
background: rgba(38, 56, 82, 0.9);
height: 100%;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.mw-modal-container .mw-modal-background .mw-modal {
background: #fff;
padding: 10px;
border-radius: 3px;
text-align: center;
}
.mw-wrapper .mw-button {
display: inline-block;
cursor: pointer;
color: #fff;
background-color: #4849F9;
font-weight: bold;
letter-spacing: 0.6px;
border-radius: 0 6px 6px 0;
padding: 7px 20px;
}
.mw-button-animation {
box-shadow: 0 0 0 0 rgba(48, 182, 221, 0.4);
-webkit-animation: mw-pulse 2s infinite cubic-bezier(0.66, 0, 0, 1);
-moz-animation: mw-pulse 2s infinite cubic-bezier(0.66, 0, 0, 1);
-ms-animation: mw-pulse 2s infinite cubic-bezier(0.66, 0, 0, 1);
animation: mw-pulse 2s infinite cubic-bezier(0.66, 0, 0, 1);
}
.mw-wrapper .mw-button:hover {
background-color: #4849F9;
}
.mw-modal-container.one {
transform: scaleY(0.01) scaleX(0);
animation: unfoldIn 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.mw-modal-container.one .mw-modal-background .mw-modal {
transform: scale(0);
animation: zoomIn 1s 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.mw-modal-container.one.out {
transform: scale(1);
animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.mw-modal-container.one.out .mw-modal-background .mw-modal {
animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
@keyframes unfoldIn {
0% {
transform: scaleY(0.005) scaleX(0);
}
50% {
transform: scaleY(0.005) scaleX(1);
}
100% {
transform: scaleY(1) scaleX(1);
}
}
@keyframes unfoldOut {
0% {
transform: scaleY(1) scaleX(1);
}
50% {
transform: scaleY(0.005) scaleX(1);
}
100% {
transform: scaleY(0.005) scaleX(0);
}
}
@keyframes zoomIn {
0% {
transform: scale(0);
}
100% {
transform: scale(1);
}
}
@keyframes zoomOut {
0% {
transform: scale(1);
}
100% {
transform: scale(0);
}
}
@-webkit-keyframes mw-pulse {
to {
box-shadow: 0 0 0 15px rgba(232, 76, 61, 0);
}
}
@-moz-keyframes mw-pulse {
to {
box-shadow: 0 0 0 15px rgba(232, 76, 61, 0);
}
}
@-ms-keyframes mw-pulse {
to {
box-shadow: 0 0 0 15px rgba(232, 76, 61, 0);
}
}
@keyframes mw-pulse {
to {
box-shadow: 0 0 0 15px rgba(232, 76, 61, 0);
}
}
--></style>
<script>// <![CDATA[
document.querySelectorAll('.mw-wrapper').forEach(mw => {
let button = mw.querySelector('.mw-button');
let modalWindow = mw.querySelector('.mw-modal-container');
button.onclick = function () {
modalWindow.classList.remove("out");
modalWindow.classList.add("one");
button.classList.remove("mw-button-animation")
}
modalWindow.onclick = function () {
modalWindow.classList.add('out');
};
})
// ]]></script>
<p></p>
<p>Дошки підлоги, що встановили наново після вкладання обов’язково вирівнюють по висоті електрорубанком, шліфують шліфувальною машиною</p>
</div>
</div>
<div class="vert vert-18" data-id="block-v1:Profosvita+CS-S005-SGM+2024+type@html+block@a63bba32671841f480e034ebc9132ec0">
<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@a63bba32671841f480e034ebc9132ec0" data-request-token="8ab76042eab211ef93f186ca10193b9b" 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><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: 600px; width: 100%; min-height: 100px;"><img class="dm-sc-img-modals-image custom-image" src="/assets/courseware/v1/af55aab13fb0192299e21af4939cc3fe/asset-v1:Profosvita+CS-S005-SGM+2024+type@asset+block/%D0%9F%D0%BE%D0%BA%D1%80%D0%B8%D1%82%D1%82%D1%8F.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-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><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-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>
</div>
</div>
</div>
</div>
<style><!--
.dm-sc-img-modals-btn.hotspot-1 {
left: 14%;
top: 10%;
}
.dm-sc-img-modals-btn.hotspot-2 {
left: 37%;
top: 10%;
}
.dm-sc-img-modals-btn.hotspot-3 {
left: 60%;
top: 10%;
}
.dm-sc-img-modals-btn.hotspot-4 {
left: 83%;
top: 10%;
}
--></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>
<iframe width="100%" height="550" src="https://www.youtube.com/embed/g_r_h986754?si=MKNXuUGlrlUr6FYV" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
<p></p>
<p>Фарбують підлогу двічі, причому один раз густішою фарбою, а другий — після висихання — рідкішою.</p>
</div>
</div>
<div class="vert vert-19" data-id="block-v1:Profosvita+CS-S005-SGM+2024+type@html+block@bdf7ed3eddce4e6b8794140b8a1cfec5">
<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@bdf7ed3eddce4e6b8794140b8a1cfec5" data-request-token="8ab76042eab211ef93f186ca10193b9b" 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/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-20" data-id="block-v1:Profosvita+CS-S005-SGM+2024+type@discussion+block@099963a74b744418ac1f0dc3b8981721">
<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@099963a74b744418ac1f0dc3b8981721" data-request-token="8ab76042eab211ef93f186ca10193b9b" 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>
Завершення тесту
У вас залишилися невиконані завдання. Ви впевнені, що хочете завершити тест?
Тестування завершено.
Ви завершили тестування з розділу
"Тема 6. Виконання ремонту підлог різних видів"
© Всі права захищено