<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@6a071cc0db2e4aca9f29b3710059e472" data-request-token="1816f5b86d7e11ef93f18ac95a588e32" 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@35954c5e6c21459980e419fe0d0b570e">
<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@35954c5e6c21459980e419fe0d0b570e" data-request-token="1816f5b86d7e11ef93f18ac95a588e32" 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/5d3c11c8a27682512c84a3db60207514/asset-v1:Profosvita+CS-S005-SGM+2024+type@asset+block/header_intro_3.png" alt="ava"/></p>
<h3>Робота з улаштування чорнових підлог різних конструкцій на основи різних видів</h3>
<p><b>Влаштування чорнових підлог</b> — досить трудомісткий процес, що вимагає дотримання усіх технологій, акуратності та відповідної майстерності. Чорнові підлоги являються основою для майбутніх чистових підлог. Якщо ви хочете, щоб майбутня підлога у вашому будинку була рівною, міцною та довговічною, потрібно з відповідальністю поставитися до монтажу чорнової підлоги.</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>
</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;
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>
</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>
Завершення тесту
У вас залишилися невиконані завдання. Ви впевнені, що хочете завершити тест?
Тестування завершено.
Ви завершили тестування з розділу
"Тема 3. Робота з улаштування чорнових підлог різних конструкцій на основи різних видів"
© Всі права захищено