<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@c8110679de63476fb019dfcd6990080d" data-request-token="64af89b86d7d11ef84a7223fcc9bdaac" 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@d13f0d3263df4401bd3fc62d161583d7">
<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@d13f0d3263df4401bd3fc62d161583d7" data-request-token="64af89b86d7d11ef84a7223fcc9bdaac" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p><img height="100%" width="100%" src="/assets/courseware/v1/89c1a74c645c176cf0f582336bf7d6f8/asset-v1:Profosvita+CS-S005-SGM+2024+type@asset+block/header_5_intro.png" alt="ava"/></p>
<h3>Виконання опорядження підлог та їх догляд</h3>
<p></p>
<p>Опорядження підлог – це ключовий етап, який визначає не тільки зовнішній вигляд, але й функціональність та тривалість служби підлогового покриття. Враховуючи різноманіття матеріалів та технологій, правильне опорядження підлог дозволяє вибирати оптимальні рішення для різних приміщень та враховувати індивідуальні вимоги власників. Від надійної підготовки поверхні до уважного вибору засобів для фінішування – опорядження підлог є важливою ланкою у створенні комфортного та естетичного інтер'єру. </p>
<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/2666517945411557a5235b3b58632fb5/asset-v1:Profosvita+CS-S005-SGM+2024+type@asset+block/light-bulb.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;">
<strong>У цій темі ви дізнаєтеся про:</strong></p>
<ul style="margin-left: 10px;">
<li>матеріали для опорядження підлог;</li>
<li>підготовку підлог до опорядження;</li>
<li>способи опорядження підлог;</li>
<li>послідовність нанесення лакофарбових матеріалів на поверхні підлог;</li>
<li>основні правила догляду за підлогами різних видів.</li>
</ul>
</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/72f82679be93f7c3ef6e67e45b35291a/asset-v1:Profosvita+CS-S005-SGM+2024+type@asset+block/pencil__1_.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;"><strong>Після вивчення цієї теми ви зможете:</strong></p>
<ul style="margin-left: 10px;">
<li>давати характеристику різним способам опорядження підлог;</li>
<li>виконувати опорядження підлог лакофарбовими матеріалами;</li>
<li>виконувати догляд за підлогами різних видів.</li>
</ul>
</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: 400px;
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;
}
.dm2-cardContainer-card-info-img {
margin-top: 15%;
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: 120px;
}
.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: 100px;
}
}
</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>
</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>
Завершення тесту
У вас залишилися невиконані завдання. Ви впевнені, що хочете завершити тест?
Тестування завершено.
Ви завершили тестування з розділу
"Тема 5. Виконання опорядження підлог та їх догляд"
© Всі права захищено