<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@d12d24f64c8a46058935e8f1ed8e318c" data-request-token="2d593628eaa811ef8e73728f6ae19d72" 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@c06e58ef4da74d29a18dafb6e61f3a80">
<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@c06e58ef4da74d29a18dafb6e61f3a80" data-request-token="2d593628eaa811ef8e73728f6ae19d72" 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@63060c7f8f374f9ebb5ce07ae04f9cfe">
<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@63060c7f8f374f9ebb5ce07ae04f9cfe" data-request-token="2d593628eaa811ef8e73728f6ae19d72" 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/96a9a30490f510d0d64d2566eb8a9c2a/asset-v1:Profosvita+CS-S005-SGM+2024+type@asset+block/parquet.png" alt="picture" style="width: 80px; margin-bottom: 10px;" />
<div style="padding-left: 20px; text-align: justify;">
<p><b>Паркет</b> є вишуканим та одним з найдовговічніших підлогових покриттів. Навіть це майже "вічне покриття" іноді засмучує своїх господарів, вимагаючи ремонту. Унікальність паркету полягає в його екологічній безпечності та високій довговічності, роблячи його найпрестижнішим та респектабельним вибором для підлоги. Тільки своєчасний ремонт може допомогти відновити паркет до його первісного стану.</p>
</div>
</div>
<p>Залежно від віку, стану, умов експлуатації, ремонт паркетної підлоги може включати різні види робіт:</p>
<div style="display: flex; align-items: center;"><img src="/assets/courseware/v1/d44de3eee9ad0d60ee5916f9d72b9251/asset-v1:Profosvita+CS-S005-SGM+2024+type@asset+block/Frame_20.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 /> • відновлення паркетної підлоги після затоплення;<br /> • ремонт паркету.</p>
</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 style="text-align: left; line-height: 1.5;"> Є універсальний критерій контролю якості: після якісної реставрації визначити місце ремонту неможливо.</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-2" data-id="block-v1:Profosvita+CS-S005-SGM+2024+type@html+block@0b0ce4e613d24e41a5d95930f1add1ff">
<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@0b0ce4e613d24e41a5d95930f1add1ff" data-request-token="2d593628eaa811ef8e73728f6ae19d72" 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/732d8a12790ec3fc7ddd205db9370d09/asset-v1:Profosvita+CS-S005-SGM+2024+type@asset+block/race-walking.png" alt="picture" style="width: 80px; margin-bottom: 10px;" />
<div style="padding-left: 20px; text-align: justify;">
<p><b>Скрипіння паркету</b> — поширене пошкодження, яке може викликати дискомфорт та потребує негайного виправлення. Знання причин допомагає вибрати ефективні методи ремонту та попередження подібних проблем у майбутньому. Фактори, які спричинили скрипи паркету, можуть бути різні:</p>
</div>
</div>
<ul class="i-featuresList-1 i-featuresList-1">
<li class="ifl-feature">
<div class="ifl-description">Використання неправильного клею під час укладання</div>
<div class="ifl-nbr">1</div>
<div class="ifl-nbr-shadow"></div>
</li>
<li class="ifl-feature">
<div class="ifl-description">Недотримання технології</div>
<div class="ifl-nbr">2</div>
<div class="ifl-nbr-shadow"></div>
</li>
<li class="ifl-feature">
<div class="ifl-description">Контакт з водою</div>
<div class="ifl-nbr">3</div>
<div class="ifl-nbr-shadow"></div>
</li>
<li class="ifl-feature">
<div class="ifl-description">Перепади температур</div>
<div class="ifl-nbr">4</div>
<div class="ifl-nbr-shadow"></div>
</li>
</ul>
<style><!--
.i-featuresList-1 .ifl-feature {
/* edit size here */
height: 60px;
width: 350px;
border: 1.5px solid #4849F9;
}
.i-featuresList-1 .ifl-feature {
width: 350px;
margin: 15px;
position: relative;
font-size: 14px;
background-color: transparent;
display: flex;
align-items: center;
}
.i-featuresList-1 {
display: flex;
flex-wrap: wrap;
align-items: stretch;
margin: 0 auto !important;
padding-left: 0;
max-width: 1120px;
}
.i-featuresList-1 li::before {
content: none !important;
}
.i-featuresList-1 .ifl-feature .ifl-nbr {
color: #4849F9;
font-size: 2em;
font-weight: bold;
position: absolute;
top: -10px;
left: -10px;
width: 70px;
height: 64px;
text-align: center;
line-height: 65px;
background-color: white;
border: 1.5px solid #4849F9;
}
.ifl-nbr-shadow {
position: absolute;
top: 55px;
left: -3px;
width: 0;
height: 0;
border-left: 0px solid transparent;
border-right: 65px solid transparent;
border-top: 20px solid #4849F9;
}
.i-featuresList-1 .ifl-description {
font-size: 15px;
padding: 5px 10px 5px 75px;
line-height: 1.3em;
color: #0D181C;
}
.i-featuresList-1 .ifl-feature h4,
.i-featuresList-1 .ifl-feature h3 {
margin: 0;
padding: 5px 10px 0px 75px;
color: #fff;
}
--></style>
<p></p>
<p>Окрім скрипу, на паркеті можуть виникнути й інші пошкодження, які потребуватимуть ремонту. </p>
<p style="margin-bottom: 1px;"><em>Натисніть на інтерактивні елементи, щоб дізнатись більше про ступені пошкодження паркетної підлоги.</em></p>
<p></p>
<div class="tab-wrapper">
<div class="tab-controls"><button class="tab-controls__button active"><b>Невелике пошкодження</b></button> <button class="tab-controls__button"><b> Пошкодження в непомітному місці </b></button> <button class="tab-controls__button"><b>Значні пошкодження</b></button></div>
<div class="tab-content">
<div style="display: flex;">
<div style="width: 100%; align-self: center;">
<p>Легко усувається шляхом заповнення його сумішшю з дерев'яної стружки та клею. Тільки після висихання поверхню необхідно покрити паркетним лаком, а не фарбою.</p>
</div>
</div>
</div>
<div class="tab-content">
<div style="display: flex;">
<div style="width: 100%; align-self: center;">
<p>Усувається за допомогою вкладки з дерева. Потрібно вирізати фрагмент відповідного розміру, наклеїти за допомогою клею для паркету, провести шліфування та лакування.</p>
</div>
</div>
</div>
<div class="tab-content">
<div style="display: flex;">
<div style="width: 100%; align-self: center;">
<p>У такому випадку рекомендовано повністю замінити одну або кілька паркетних дощок, клепок чи щитів.</p>
</div>
</div>
</div>
</div>
<style><!--
p.tab-wrapper-about.tab-wrapper-about-2 {
margin-bottom: 5px;
}
.tab-controls {
overflow: hidden;
background-color: #EDEDED;
border-radius: 6px 6px 0 0;
display: flex;
}
.tab-controls button:not(:last-child) {
margin-right: 0px;
}
.tab-controls button {
background-image: none;
text-shadow: none;
background-color: inherit;
color: #000000;
flex: 1;
float: none;
border-radius: 6px 6px 0 0;
box-shadow: none;
border: none;
outline: none;
cursor: pointer;
padding: 14px 16px;
transition: 0.3s;
font-size: 14px;
font-family: inherit;
}
.tab-controls button:hover,
.tab-controls button:active,
.tab-controls button:focus {
background-color: #c0c0c0ff;
background-image: none;
box-shadow: none;
border: none;
text-shadow: none;
}
.tab-controls button.active {
background-color: #c0c0c0ff;
}
.tab-content {
display: none;
padding: 15px 15px;
border-radius: 0 0 6px 6px;
border-top: none;
box-shadow: 0 1px 2px 0 rgba(44, 47, 60, 0.06), 0 3px 10px 0 rgba(44, 47, 60, 0.09);
overflow: auto;
margin-bottom: 20px;
}
@media only screen and (max-width: 980px) {
.tab-controls {
overflow: auto;
flex-direction: column;
}
}
--></style>
<script>// <![CDATA[
$(".tab-wrapper").each(function () {
const buttons = $(this).find(".tab-controls__button");
const tabs = $(this).find(".tab-content");
if (tabs.length !== buttons.length) {
$(this).html("<p style='text-align:center; color: red'>ERROR, UNEQUAL AMOUNT OF TABS AND BUTTONS</p>");
} else {
tabs.eq(0).show();
buttons.each(function (index) {
$(this).click(function () {
buttons.each(function () {
$(this).removeClass("active");
});
tabs.each(function () {
$(this).hide();
});
$(this).addClass("active");
tabs.eq(index).show();
});
});
}
});
// ]]></script>
</div>
</div>
<div class="vert vert-3" data-id="block-v1:Profosvita+CS-S005-SGM+2024+type@html+block@55a3d270ac494fa5b292b432c2b32970">
<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@55a3d270ac494fa5b292b432c2b32970" data-request-token="2d593628eaa811ef8e73728f6ae19d72" 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/3ae07679159891dae14c5bb135b6e78d/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%B93.png" alt="picture" style="width: 80px; margin-bottom: 10px;" />
<div style="padding-left: 20px; text-align: justify;">
<p><b>Відновлення паркетної підлоги</b> — це багатоетапний процес, що вимагає точності та уваги до деталей. Наступні кроки допоможуть вам у цьому процесі:</p>
</div>
</div>
<p><i>Натисніть на інтерактивні елементи, щоб ознайомитися з кроками відновлення паркету.</i></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: 40px; 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: 40px; 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: 40px; 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: 40px; 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: 40px; 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>
</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>
</div>
</div>
<div class="vert vert-4" data-id="block-v1:Profosvita+CS-S005-SGM+2024+type@html+block@caa0d64451be48ca9eef4ad89baa799f">
<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@caa0d64451be48ca9eef4ad89baa799f" data-request-token="2d593628eaa811ef8e73728f6ae19d72" 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/5c9c70e49a4276ff162fc121c2c37b67/asset-v1:Profosvita+CS-S005-SGM+2024+type@asset+block/%D0%9A%D0%BE%D1%80%D0%BE%D0%BA.png" alt="picture" style="width: 100px; margin-bottom: 10px;" />
<div style="padding-left: 20px; text-align: justify;">
<p>Так само як і будь-які підлогові покриття, вироби з корка схильні до поступового зносу, вицвітання, тобто старіння за всіма ознаками. Щоб продовжити термін їх служби, потрібно дотримуватися трьох базових правил:</p>
</div>
</div>
<ul class="i-featuresList-2 i-featuresList-2">
<li class="ifl-feature">
<div class="ifl-description">Акуратність</div>
<div class="ifl-nbr">❑</div>
<div class="ifl-nbr-shadow"></div>
</li>
<li class="ifl-feature">
<div class="ifl-description">Належний догляд за підлогою</div>
<div class="ifl-nbr">❑</div>
<div class="ifl-nbr-shadow"></div>
</li>
<li class="ifl-feature">
<div class="ifl-description">Своєчасна реставрація поверхні</div>
<div class="ifl-nbr">❑</div>
<div class="ifl-nbr-shadow"></div>
</li>
</ul>
<style><!--
.i-featuresList-2 .ifl-feature {
/* edit size here */
height: 60px;
width: 300px;
border: 1.5px solid #4849F9;
}
.i-featuresList-2 .ifl-feature {
width: 300px;
margin: 15px;
position: relative;
font-size: 14px;
background-color: transparent;
display: flex;
align-items: center;
}
.i-featuresList-2 {
display: flex;
flex-wrap: wrap;
align-items: stretch;
margin: 0 auto !important;
padding-left: 0;
max-width: 1120px;
}
.i-featuresList-2 li::before {
content: none !important;
}
.i-featuresList-2 .ifl-feature .ifl-nbr {
color: #4849F9;
font-size: 2em;
font-weight: bold;
position: absolute;
top: -10px;
left: -10px;
width: 70px;
height: 64px;
text-align: center;
line-height: 65px;
background-color: white;
border: 1.5px solid #4849F9;
}
.ifl-nbr-shadow {
position: absolute;
top: 55px;
left: -3px;
width: 0;
height: 0;
border-left: 0px solid transparent;
border-right: 65px solid transparent;
border-top: 20px solid #4849F9;
}
.i-featuresList-2 .ifl-description {
font-size: 15px;
padding: 5px 10px 5px 75px;
line-height: 1.3em;
color: #0D181C;
}
.i-featuresList-2 .ifl-feature h4,
.i-featuresList-2 .ifl-feature h3 {
margin: 0;
padding: 5px 10px 0px 75px;
color: #fff;
}
--></style>
<p></p>
<p>Види ремонту коркових підлог:</p>
<p style="margin-bottom: 1px;"><em>Натисніть на інтерактивні елементи, щоб дізнатись більше про кожен вид ремонту коркових підлог.</em></p>
<p></p>
<div class="tab-wrapper">
<div class="tab-controls"><button class="tab-controls__button active"><b>Зіпсоване лакове покриття</b></button> <button class="tab-controls__button"><b>Ремонт локальної області </b></button></div>
<div class="tab-content">
<div style="display: flex;">
<div style="width: 20%; align-self: center; text-align: center;"><img src="/assets/courseware/v1/dcdf34566ce8db3ca9116ae0bffc3426/asset-v1:Profosvita+CS-S005-SGM+2024+type@asset+block/cracked-skin.png" style="width: 75%; max-width: 80px;" alt="image" /></div>
<div style="width: 100%; align-self: center;">
<p>Якщо лакове покриття помітно потерлося, втратило блиск і прозорість, його можна відновити. Методика включає такі етапи:</p> <ol><li>Ретельне шліфування поверхні дрібним абразивом зернистістю до 220 од. Для цієї мети застосовуються шліфувальна машина або звичайний шліфувальний папір для ручної обробки.</li>
<li> Видалення пилу. За допомогою пилосмоку та вологої м'якої тканини.</li>
<li>Нанесення ґрунтовки та лаку у 2-3 шари відповідно до інструкції. Проміжне сушіння між шарами — не менше 6 годин.</li></ol>
</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/5b5494dfbe3cc08ad8a3b70c260dd81a/asset-v1:Profosvita+CS-S005-SGM+2024+type@asset+block/cursor.png" style="width: 75%; max-width: 80px;" alt="image" /></div>
<div style="width: 100%; align-self: center;">
<p>Якщо потрібен ремонт локальної області через суттєві пошкодження плиток. У першу чергу потрібно:</p>
<ol><li>Відшукати відповідний за кольором та структурою матеріал.</li>
<li>Зняти пошкоджений матеріал долотом і стамескою.</li>
<li>Основу вирівняти та заґрунтувати. Засоби обираються виходячи з типу бази. Для стяжки — це цементно-піщана суміш або швидковисихний цемент, для фанери, ДСП — шпаклівка по дереву і т.д.</li>
<li> Нанести клей зубчастим шпателем і наклеїти коркову плитку.</li>
<li>Ущільнити плитку гумовою киянкою та привантажити на добу.</li></ol>
</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>
<p>Ламелі коркового ламінату замінюються за стандартною технологією:</p>
<p><i>Натисніть на інтерактивні елементи, щоб ознайомитися з покроковою технологією заміни коркового ламінату.</i></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>Крок 1</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: 40px; 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>Крок 2</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: 40px; 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>Крок 3</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: 40px; 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>Крок 4</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: 40px; 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>
</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>
</div>
</div>
<div class="vert vert-5" data-id="block-v1:Profosvita+CS-S005-SGM+2024+type@html+block@7f172b7dc5204d2fa4944593277fa616">
<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@7f172b7dc5204d2fa4944593277fa616" data-request-token="2d593628eaa811ef8e73728f6ae19d72" 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/2d7ac7305b234363076d10449e15e98a/asset-v1:Profosvita+CS-S005-SGM+2024+type@asset+block/%D0%A2%D0%B5%D0%BC%D0%B0-3.1.-%D0%9B%D0%B8%D1%87%D0%BA%D1%83%D0%B2%D0%B0%D0%BD%D0%BD%D1%8F-%D0%BC%D0%B5%D0%B1%D0%BB%D1%96%D0%B21.png" 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><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>
</ul>
<div class="s-tabs__content">
<!-- Tab content 1 -->
<div class="s-tabs__panel s-panel is-active">
<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>
</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>
</div>
</div>
<div class="vert vert-6" data-id="block-v1:Profosvita+CS-S005-SGM+2024+type@html+block@19843a05be384682ab184ff05f259653">
<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@19843a05be384682ab184ff05f259653" data-request-token="2d593628eaa811ef8e73728f6ae19d72" 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/67536dbefc7c6c66b56d2e0a390f9f57/asset-v1:Profosvita+CS-S005-SGM+2024+type@asset+block/Laminate.png" alt="picture" style="width: 80px; margin-bottom: 10px;" />
<div style="padding-left: 20px; text-align: justify;">
<p>
<b>Ламінат</b>, як популярне підлогове покриття, вражає своєю естетикою та довговічністю. Однак, в разі потреби ремонту, слід враховувати його обмежену відновлюваність. Складність ремонту ламінату пов'язана з тим, що він часто становить замкнутий системний блок, і виправлення деяких пошкоджень може вимагати заміни цілого сегмента. Також важливо враховувати, що ламінат не піддається шліфуванню та лакуванню, як дерев'яна підлога, тому ефективність ремонту може бути обмеженою.</p>
</div>
</div>
<p style="margin-bottom: 1px;"><em>Натисніть на інтерактивні елементи, щоб дізнатись про можливі пошкодження ламінату та способи його відновлення.</em></p>
<p></p>
<div class="tab-wrapper">
<div class="tab-controls"><button class="tab-controls__button active"><b>Подряпини</b></button> <button class="tab-controls__button"><b>Відколи</b></button> <button class="tab-controls__button"><b>Великі вибоїни</b></button></div>
<div class="tab-content">
<div style="display: flex;">
<div style="width: 20%; align-self: center; text-align: center;"><img src="/assets/courseware/v1/ffff5eb5a30ecaba58b11b9bc0be9736/asset-v1:Profosvita+CS-S005-SGM+2024+type@asset+block/close-up-grey-scratches.webp" style="width: 90%; max-width: 350px;" 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/bc3b1b9d93be2cef2ce907769fa18242/asset-v1:Profosvita+CS-S005-SGM+2024+type@asset+block/AdobeStock_406137618.jpeg" style="width: 90%; max-width: 350px;" 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/fffbd6fc7f759cf0efd56249e37fdb84/asset-v1:Profosvita+CS-S005-SGM+2024+type@asset+block/AdobeStock_406139214.jpeg" style="width: 90%; max-width: 350px;" 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-7" data-id="block-v1:Profosvita+CS-S005-SGM+2024+type@html+block@5b79378a03184f7894f909423b858a03">
<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@5b79378a03184f7894f909423b858a03" data-request-token="2d593628eaa811ef8e73728f6ae19d72" 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/593369b60a55795bf5f48943b60cc602/asset-v1:Profosvita+CS-S005-SGM+2024+type@asset+block/carpet__1_.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="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/a5b85d311ec600f3f5a9eb91cd66ef6f/asset-v1:Profosvita+CS-S005-SGM+2024+type@asset+block/%D0%A0%D0%B5%D0%BC%D0%BE%D0%BD%D1%82_%D0%BA%D0%B8%D0%BB%D0%B8%D0%BC%D0%BE%D0%B2%D0%B8%D1%85_%D0%BF%D0%BE%D0%BA%D1%80%D0%B8%D1%82%D1%82%D1%96%D0%B2_%D0%BA%D0%B2%D0%B0%D0%B4%D1%80%D0%B0%D1%82.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>Пошкоджене килимове покриття.</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>Накладіть на уражену ділянку латку для килима та разом їх проріжте будівельним ножем.</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>Латка та пошкоджене килимове покриття.</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>Покрийте основу для килимового покриття спеціальним клеєм.</p>
</div>
</div>
</div>
<div class="dm-sc-img-modals-m1 dm-sc-img-modals-wrap"><button class="dm-sc-img-modals-btn hotspot hotspot-5"> <span class="hotspot-icon fa fa-plus"></span> </button>
<div class="dm-sc-img-modals-modal">
<div class="dm-sc-img-modals-modal-content"><span class="hotspot-icon dm-sc-img-modals-modal-close fa fa-times"></span>
<p>З урахуванням напрямку ворсу укладіть латку на килимове покриття.</p>
</div>
</div>
</div>
<div class="dm-sc-img-modals-m1 dm-sc-img-modals-wrap"><button class="dm-sc-img-modals-btn hotspot hotspot-6"> <span class="hotspot-icon fa fa-plus"></span> </button>
<div class="dm-sc-img-modals-modal">
<div class="dm-sc-img-modals-modal-content"><span class="hotspot-icon dm-sc-img-modals-modal-close fa fa-times"></span>
<p>За допомогою гладкого жорсткого предмета розрівняйте стики латки та килима.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<style><!--
.dm-sc-img-modals-btn.hotspot-1 {
left: 6.5%;
top: 7%;
}
.dm-sc-img-modals-btn.hotspot-2 {
left: 23%;
top: 7%;
}
.dm-sc-img-modals-btn.hotspot-3 {
left: 39.5%;
top: 7%;
}
.dm-sc-img-modals-btn.hotspot-4 {
left: 55.5%;
top: 7%;
}
.dm-sc-img-modals-btn.hotspot-5 {
left: 72.5%;
top: 7%;
}
.dm-sc-img-modals-btn.hotspot-6 {
left: 89%;
top: 7%;
}
--></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-8" data-id="block-v1:Profosvita+CS-S005-SGM+2024+type@html+block@ff872c5ed8184f24ad7fbac395fdbf6c">
<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@ff872c5ed8184f24ad7fbac395fdbf6c" data-request-token="2d593628eaa811ef8e73728f6ae19d72" 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/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="picture" style="width: 80px; margin-bottom: 10px;" />
<div style="padding-left: 20px; text-align: justify;">
<p><p>Ремонт плінтуса дозволяє відновити його зовнішній вигляд максимально ефективно та швидко. Це процес відновлення елемента обробки стіни в нижній її частині, який був пошкоджений в результаті експлуатації або у зв’язку з віком матеріалу. Самі ж роботи з відновлення складаються з багатьох етапів і мають свої унікальні особливості, серед яких:</p>
</div>
</div>
<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/22edba68a0bcb32cd6397a492203e162/asset-v1:Profosvita+CS-S005-SGM+2024+type@asset+block/damaged.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/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="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/f64946581bb0f529894dd84bfdfd2848/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%B91.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/763f18c84892edf3d12ce6d4f3514fde/asset-v1:Profosvita+CS-S005-SGM+2024+type@asset+block/polisher.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-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>
</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>
</div>
</div>
<div class="vert vert-9" data-id="block-v1:Profosvita+CS-S005-SGM+2024+type@html+block@5739d38f51814fc8826f55b7b785c04f">
<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@5739d38f51814fc8826f55b7b785c04f" data-request-token="2d593628eaa811ef8e73728f6ae19d72" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<h3>Кріплення плінтуса</h3>
<p>Застосування відповідних інструментів і правильний вибір кріпильних елементів гарантує надійність кріплення і тривалу службу плінтусів у вашому інтер'єрі. При цьому зафіксувати виріб біля стіни можна кількома способами:</p>
<p><i>Натисніть на інтерактивні елементи, щоб дізнатись про рекомендовані способи кріплення плінтуса.</i></p>
<div class="dm2-cardsWrap">
<!-- Card 1 -->
<div class="dm2-cardContainer dm2-cardContainer-inactive">
<div class="dm2-cardContainer-card">
<div class="dm2-cardContainer-card-side dm2-cardContainer-card-front" style="background-color: #ededed;">
<div class="dm2-cardContainer-card-info">
<div class="dm2-cardContainer-card-info-img">
<img src="/assets/courseware/v1/87557f064f566da4d2e6778e48bfa6e0/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%B816.png" alt="picture"/>
</div>
<div class="dm2-cardContainer-card-info-text">
<b>САМОРІЗИ ЧИ ДЮБЕЛІ</b>
</div>
</div>
</div>
<div class="dm2-cardContainer-card-side dm2-cardContainer-card-back" style="border: 1px solid #EDEDED;">
<div class="dm2-cardContainer-card-info-back">
<div class="dm2-cardContainer-card-info-header-back">
</div>
<p style="margin-left: 10px;">
Найчастіше металеві елементи використовуються під час установки плінтусів з дерева.
</p>
</div>
</div>
</div>
</div>
<!-- Card 2 -->
<div class="dm2-cardContainer dm2-cardContainer-inactive">
<div class="dm2-cardContainer-card">
<div class="dm2-cardContainer-card-side dm2-cardContainer-card-front" style="background-color: #ededed;">
<div class="dm2-cardContainer-card-info">
<div class="dm2-cardContainer-card-info-img">
<img src="/assets/courseware/v1/1a84cbe27f8e017edf71d0892ce81019/asset-v1:Profosvita+CS-S005-SGM+2024+type@asset+block/%D0%86%D0%BD%D1%81%D1%82%D1%80%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D0%B8-%D0%B4%D0%BB%D1%8F-%D0%B2%D0%BB%D0%B0%D1%88%D1%82%D1%83%D0%B2%D0%B0%D0%BD%D0%BD%D1%8F-%D0%BB%D0%B0%D0%BC%D1%96%D0%BD%D0%B0%D1%82%D1%834.png" alt="picture"/>
</div>
<div class="dm2-cardContainer-card-info-text">
<b>КЛЕЙКА СТРІЧКА</b>
</div>
</div>
</div>
<div class="dm2-cardContainer-card-side dm2-cardContainer-card-back" style="border: 1px solid #EDEDED;">
<div class="dm2-cardContainer-card-info-back">
<div class="dm2-cardContainer-card-info-header-back">
</div>
<p style="margin-left: 10px;">
Таким методом можна надійно прикріпити плінтус зі штучного матеріалу, наприклад, пластику чи поліуретану, оскільки вони мають мінімальну вагу.
</p>
</div>
</div>
</div>
</div>
<!-- Card 3 -->
<div class="dm2-cardContainer dm2-cardContainer-inactive">
<div class="dm2-cardContainer-card">
<div class="dm2-cardContainer-card-side dm2-cardContainer-card-front" style="background-color: #ededed;">
<div class="dm2-cardContainer-card-info">
<div class="dm2-cardContainer-card-info-img">
<img src="/assets/courseware/v1/3b855b477e805f79385e2259af6d9e70/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%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%B91.png" alt="picture"/>
</div>
<div class="dm2-cardContainer-card-info-text">
<b>РІДКІ ЦВЯХИ</b>
</div>
</div>
</div>
<div class="dm2-cardContainer-card-side dm2-cardContainer-card-back" style="border: 1px solid #EDEDED;">
<div class="dm2-cardContainer-card-info-back">
<div class="dm2-cardContainer-card-info-header-back">
</div>
<p style="margin-left: 10px;">
Такий спосіб фіксації може використовуватися для установки плінтуса будь-якого виду, крім тих, які мають спеціальне кріплення.
</p>
</div>
</div>
</div>
</div>
<!-- Card 4 -->
<div class="dm2-cardContainer dm2-cardContainer-inactive">
<div class="dm2-cardContainer-card">
<div class="dm2-cardContainer-card-side dm2-cardContainer-card-front" style="background-color: #ededed;">
<div class="dm2-cardContainer-card-info">
<div class="dm2-cardContainer-card-info-img">
<img src="/assets/courseware/v1/7f39d96a15d1cfc44c4c82bb934a5385/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%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%B92.png" alt="picture"/>
</div>
<div class="dm2-cardContainer-card-info-text">
<b>КЛІПСИ ЧИ МОНТАЖНІ ПЛАНКИ</b>
</div>
</div>
</div>
<div class="dm2-cardContainer-card-side dm2-cardContainer-card-back" style="border: 1px solid #EDEDED;">
<div class="dm2-cardContainer-card-info-back">
<div class="dm2-cardContainer-card-info-header-back">
</div>
<p p style="margin-left: 10px;">Цей метод дозволяє заховати комунікації, наприклад, кабель інтернету. При цьому базова частина конструкції може фіксуватися до стіни саморізами, а декоративна просто одягатиметься зверху на кліпси, аби її можна було легко зняти.</p>
</div>
</div>
</div>
</div>
</div>
<style>
.dm2-cardsWrap img{
/* height: 100px; */
margin: 10px 0;
}
/*
body.view-in-course div.container .course-wrapper {
display: table;
} */
.dm2-cardsWrap>* {
box-sizing: border-box;
}
.dm2-cardsWrap {
margin: 0;
margin-bottom: 22px;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
.dm2-cardContainer {
/* position: relative; */
width: 260px;
height: 350px;
margin: 5px;
perspective: 1000px;
}
.dm2-cardContainer-card-active {
transform: translateZ(0px) rotateY(180deg) !important;
}
.dm2-cardContainer-card-active:after {
display: none;
}
.dm2-cardContainer-card {
display: inline-block;
width: 100%;
height: 100%;
cursor: pointer;
border-radius: 6px;
transform-style: preserve-3d;
transform: translateZ(-20px);
transition: all 0.2s;
box-shadow: 0 1px 2px 0 rgba(44, 47, 60, 0.06),
0 3px 10px 0 rgba(44, 47, 60, 0.09);
}
.dm2-cardContainer-card:after {
content: "";
position: absolute;
z-index: -1;
width: 100%;
height: 100%;
border-radius: 6px;
box-shadow: 0 1px 2px 0 rgba(44, 47, 60, 0.06),
0 3px 10px 0 rgba(44, 47, 60, 0.09);
opacity: 0;
transition: all 0.2s;
}
.dm2-cardContainer-card:hover {
transform: translateZ(0px);
}
.dm2-cardContainer-card:hover:after {
opacity: 1;
}
.dm2-cardContainer-card .dm2-cardContainer-card-side {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
position: absolute;
width: 100%;
height: 100%;
border-radius: 6px;
background-color: white;
}
.dm2-cardContainer-card .dm2-cardContainer-card-front {
/*z-index: 2;*/
background-color: #30b6dd;
display: flex;
justify-content: center;
align-items: center;
}
.dm2-cardContainer-card div.dm2-cardContainer-card-front p {
color: #000000;
font-size: 16px;
text-align: center;
text-transform: uppercase;
}
.dm2-cardContainer-card .dm2-cardContainer-card-back {
transform: rotateY(180deg);
font-size: 16px;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
.dm2-cardContainer-card .dm2-cardContainer-card-back .dm2-cardContainer-card-info {
width: 90%;
text-align: center;
}
.dm2-cardContainer-card .dm2-cardContainer-card-info p {
padding: 32px 16px 0px;
text-align: center;
margin-bottom: 0;
align-self: flex-end;
}
.dm2-cardContainer-card-front .dm2-cardContainer-card-img {
background-color: #dadce2;
background-position: center;
background-size: cover;
border-radius: 6px 6px 0 0;
width: 100%;
/* height: 250px; */
}
.dm2-cardContainer-card-front .dm2-cardContainer-card-info {
display: flex;
height: 100%;
text-align: center;
flex-direction: column;
align-items: center;
align-content: center;
}
.dm2-cardContainer-card-info-img {
margin-top: 2rem;
height: 60%;
/* width: 100%; */
display: flex;
justify-content: center;
align-items: center;
/* align-content: center; */
align-self: center;
}
.dm2-cardContainer-card-info-img img{
width: 100px;
height: 100px;
}
.dm2-cardContainer-card-back {
position: relative;
}
.dm2-cardContainer-card-back h2 {
margin-top: 6px;
margin-bottom: 18px;
}
.dm2-cardContainer-card-info-back{
width: 90%;
}
.dm2-cardContainer-card-info-back ul{
margin: 0;
}
.dm2-cardContainer-card-info-back li{
margin: 0 !important;
}
.dm2-cardContainer-card-info-header{
text-transform: uppercase;
display: none;
}
.dm2-cardContainer-card-info-header, .dm2-cardContainer-card-info-text{
/* width: 90%; */
padding: 0 10px;
margin-top: 10px;
}
.dm2-cardContainer-card-info-header-back{
color: #4849f9;
font-weight: 700;
margin: 16px 0;
text-transform: uppercase;
}
@media screen and (max-width: 993px) {
.dm2-cardContainer{
width: 300px;
height: 350px;
font-size: 14px !important;
}
.dm2-cardContainer-card-info-img img{
width: 64px;
height: 64px;
}
}
</style>
<script>
// <![CDATA[
function flip() {
$(".dm2-cardContainer-card")
.not(this)
.each(function () {
$(this).removeClass("dm2-cardContainer-card-active");
});
if ($(this).hasClass("dm2-cardContainer-card-active")) {
$(this).removeClass("dm2-cardContainer-card-active");
} else {
$(this).addClass("dm2-cardContainer-card-active");
}
}
$(".dm2-cardContainer-card").each(function () {
$(this).bind("click", flip);
});
// ]]>
</script>
<p>Купуючи плінтус, відразу поцікавтеся, яким способом його краще закріпити, та придбайте необхідні матеріали.</p>
</div>
</div>
<div class="vert vert-10" data-id="block-v1:Profosvita+CS-S005-SGM+2024+type@html+block@10f34605a53d4155a311f195ccc756db">
<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@10f34605a53d4155a311f195ccc756db" data-request-token="2d593628eaa811ef8e73728f6ae19d72" 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/dc16a7356a1194bc70e94c4fc42873e1/asset-v1:Profosvita+CS-S005-SGM+2024+type@asset+block/tool-box__1_.png" alt="picture" style="width: 100px; max-width: 30%; margin-bottom: 0px;" />
<p style="margin-top: 0px; margin-bottom: 0px; padding-left: 20px;">• рулетку;<br /> • олівець або маркер;<br /> • торцеву електропилу або ножівка по дереву;<br /> • викрутку;<br /> • молоток;<br /> • дриль.</p>
</div>
<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>
</ul>
<div class="s-tabs__content">
<!-- Tab content 1 -->
<div class="s-tabs__panel s-panel1 is-active1">
<p style="margin:0 !important;">За допомогою рулетки та маркера помітьте на стіні точки кріплення кліпсів. Першу кліпсу потрібно зафіксувати на відстані 10 см від кута, а усі наступні на відстані 50 см одна від одної.</p>
</div>
<!-- Tab content 2 -->
<div class="s-tabs__panel s-panel1">
<p style="margin:0 !important;">Використовуючи дриль чи інший пристрій, який доречно використовувати з урахуванням міцності стін, зробіть отвори під саморізи.</p>
</div>
<!-- Tab content 3 -->
<div class="s-tabs__panel s-panel1">
<p style="margin:0 !important;">Прикріпіть кліпси за допомогою саморізів.</p>
</div>
<!-- Tab content 4 -->
<div class="s-tabs__panel s-panel1">
<p style="margin:0 !important;">Перш ніж переходити до безпосередньої установки плінтуса, прокладіть комунікації — усі дроти, які мають бути приховані, — та закріпіть їх до стіни аби вони не заважали в подальшій роботі.</p>
</div>
<!-- Tab content 5 -->
<div class="s-tabs__panel s-panel1">
<p style="margin:0 !important;">Починайте монтаж від кутів. Для цього одразу обріжте дві планки під кутом 45 градусів — зауважте, що напрямок зрізу на планках має бути різним. Закріпіть планки на кліпси — маєте почути характерний клац. Далі монтуйте плінтуси по всій довжині кімнати, намагаючись стикувати їх якомога ближче один до одного.</p>
</div>
<!-- Tab content 6 -->
<div class="s-tabs__panel s-panel1">
<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-11" data-id="block-v1:Profosvita+CS-S005-SGM+2024+type@html+block@326539df169c42d7a18a9d6fd1fe046b">
<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@326539df169c42d7a18a9d6fd1fe046b" data-request-token="2d593628eaa811ef8e73728f6ae19d72" 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/7bfeb23abc324eaf7c1c97d7055cad92/asset-v1:Profosvita+CS-S005-SGM+2024+type@asset+block/checklist__2_.png" alt="some image" style="width: 90px; 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/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="some image" style="width: 90px; 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/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: 90px; max-width: 25%; flex-grow: 0; flex-shrink: 0;"/>
<div style="padding-left: 20px;">
<p>Намагайтеся зберігати єдину висоту підлоги усіх кімнатах, окрім ванної — тут рівень може знаходитися на 3–4 см нижче.</p>
</div>
</div>
</div>
<div class="dm-mySlides-carousel">
<h4>Матеріали та технології</h4>
<div class="dm-mySlides-carousel-text">
<img src="/assets/courseware/v1/03793959405425d0803f6d40e75445ad/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%9617.png" alt="some image" style="width: 90px; 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/9b31f701e8bf73e61e9469a761aa43da/asset-v1:Profosvita+CS-S005-SGM+2024+type@asset+block/%D0%9F%D0%BB%D0%B0%D1%81%D1%82%D0%B8%D0%BA.png" alt="some image" style="width: 90px; 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/88af66135c38bcfa365c71bf128a9770/asset-v1:Profosvita+CS-S005-SGM+2024+type@asset+block/housekeeping.png" alt="some image"style="width: 90px; 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-12" data-id="block-v1:Profosvita+CS-S005-SGM+2024+type@html+block@5919e36c0f0a4116b44bf42aa5b17f49">
<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@5919e36c0f0a4116b44bf42aa5b17f49" data-request-token="2d593628eaa811ef8e73728f6ae19d72" 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/7f8e723be9444c6d31f536a6baf83eb2/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%8F.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-13" data-id="block-v1:Profosvita+CS-S005-SGM+2024+type@discussion+block@33f14ca9908742d4aa0b21b20d987a5d">
<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@33f14ca9908742d4aa0b21b20d987a5d" data-request-token="2d593628eaa811ef8e73728f6ae19d72" 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. Виконання ремонту підлог різних видів"
© Всі права захищено