<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:Profosvita+CS-M504+2024" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Profosvita+CS-M504+2024+type@vertical+block@11542085ae4440dda4e0c9c1478e1a2f" data-request-token="c7199f8243ea11f0ac0942a8cb7a92c5" data-graded="False" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:Profosvita+CS-M504+2024+type@html+block@dfcaf0a4701346de9e8b1a1e80f85988">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-M504+2024" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-M504+2024+type@html+block@dfcaf0a4701346de9e8b1a1e80f85988" data-request-token="c7199f8243ea11f0ac0942a8cb7a92c5" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p></p>
<p style="text-align: justify;">Проєктна документація повинна містити загальне архітектурно-конструктивне креслення та визначення класу опору теплопередачі, класу повітропроникності, класу водопроникності, класу звукоізоляції, класу опору вітровому навантаженню залежно від характеристики конструкції плоского даху. </p>
<p></p>
</div>
</div>
<div class="vert vert-1" data-id="block-v1:Profosvita+CS-M504+2024+type@html+block@2f2d2ed503864c968d938712c4c3b826">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-M504+2024" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-M504+2024+type@html+block@2f2d2ed503864c968d938712c4c3b826" data-request-token="c7199f8243ea11f0ac0942a8cb7a92c5" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<h3 style="padding-top:32px"><span style="color:#116062; "> <b>Перелік інженерних рішень, що демонструє принцип улаштування покрівельної системи</b></span></h3>
<p style="margin-bottom: 1px; font-size: 80%; "><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">
<!--Start item 1 -->
<div class="dm-mySlides-carousel-text"><img src="/assets/courseware/v1/e9facc2c71b49d253ee6f206d1cf1654/asset-v1:Profosvita+CS-M504+2024+type@asset+block/t7_img1.png" alt="some image" style="width: 640px; border-radius: 10px; margin:auto " />
</div>
<p style="text-align: center; font-size: 90%; font-style: italic; padding-bottom: 24px;"> Мал. 1. Інженерне рішення по бетонній основі
<!--END item -->
</div>
<!--Start elenent 2 -->
<div class="dm-mySlides-carousel">
<!--Start item -->
<div class="dm-mySlides-carousel-text"><img src="/assets/courseware/v1/0f274363693e185d7611653ac5153685/asset-v1:Profosvita+CS-M504+2024+type@asset+block/t7_img2.png" alt="some image" style="width: 640px; border-radius: 10px; margin:auto " />
</div>
<p style="text-align: center; font-size: 90%; font-style: italic; padding-bottom: 24px;">Мал. 2. Інженерне рішення по бетонній основі
<!--END item -->
</div>
<!--END Element -->
<!--Start elenent 3 -->
<div class="dm-mySlides-carousel">
<!--Start item -->
<div class="dm-mySlides-carousel-text"><img src="/assets/courseware/v1/4614f170989001e308a3259f6179a3fb/asset-v1:Profosvita+CS-M504+2024+type@asset+block/t7_img3.png" alt="some image" style="width: 640px; border-radius: 10px; margin:auto " />
</div>
<p style="text-align: center; font-size: 90%; font-style: italic; padding-bottom: 24px;"> Мал 3. Інженерне рішення по основі з профільованого металевого аркушу
<!--END item -->
</div>
<!--Start elenent 4 -->
<div class="dm-mySlides-carousel">
<!--Start item -->
<div class="dm-mySlides-carousel-text"><img src="/assets/courseware/v1/3a341f4d2f45cbfd77ff738a7441a278/asset-v1:Profosvita+CS-M504+2024+type@asset+block/t7_img4.png" alt="some image" style="width: 640px; border-radius: 10px; margin:auto " />
</div>
<p style="text-align: center; font-size: 90%; font-style: italic; padding-bottom: 24px;"> Мал. 4. Інженерне рішення улаштування даху, що експлуатується
<!--END item -->
</div>
<!--Start elenent 5 -->
<div class="dm-mySlides-carousel">
<!--Start item -->
<div class="dm-mySlides-carousel-text"><img src="/assets/courseware/v1/33b25b826acfb66b9d86d32dd1fd2a52/asset-v1:Profosvita+CS-M504+2024+type@asset+block/t7_img5-1-1.png" alt="some image" style="width: 720px; border-radius: 10px; margin:auto " />
</div>
<p style="text-align: center; font-size: 90%; font-style: italic; padding-bottom: 24px;"> Мал. 5. Улаштування «зеленого» даху . Екстенсивне оздоблення
<!--END item -->
</div>
<!--Start elenent 6 -->
<div class="dm-mySlides-carousel">
<!--Start item -->
<div class="dm-mySlides-carousel-text"><img src="/assets/courseware/v1/ccc860955150cac20f2c98631337d861/asset-v1:Profosvita+CS-M504+2024+type@asset+block/t7_img5-2-1.png" alt="some image" style="width: 720px; border-radius: 10px; margin:auto " />
</div>
<p style="text-align: center; font-size: 90%; font-style: italic; padding-bottom: 24px;"> Мал. 6. Улаштування «зеленого» даху . інтенсивне оздоблення
<!--END item -->
</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: 80px;
background: #116062;
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>// <![CDATA[
let allCarouselSliders = document.querySelectorAll(
".carousel-slider-wrapper"
);
for (let i = 0; i < allCarouselSliders.length; i++) {
let currentSlider = allCarouselSliders[i];
let allDots = currentSlider.querySelectorAll(".dm-dot");
let nextButton = currentSlider.querySelector(".dm-next");
let prevButton = currentSlider.querySelector(".dm-prev");
allDots.forEach((dot, index) =>
dot.addEventListener("click", () => {
currentSlide(index + 1);
})
);
nextButton.addEventListener("click", () => {
plusSlides(1);
});
prevButton.addEventListener("click", () => {
plusSlides(-1);
});
let slideIndex1 = 1;
showSlides(slideIndex1, currentSlider);
function plusSlides(n) {
showSlides((slideIndex1 += n), currentSlider);
}
function currentSlide(n) {
showSlides((slideIndex1 = n), currentSlider);
}
function showSlides(n, currentSlider) {
let i;
let slides = currentSlider.getElementsByClassName("dm-mySlides-carousel");
let dots = currentSlider.getElementsByClassName("dm-dot");
if (n > slides.length) {
slideIndex1 = 1;
}
if (n < 1) {
slideIndex1 = slides.length;
}
for (i = 0; i < slides.length; i++) {
slides[i].style.display = "none";
}
for (i = 0; i < dots.length; i++) {
dots[i].className = dots[i].className.replace(" dm-active", "");
}
slides[slideIndex1 - 1].style.display = "block";
dots[slideIndex1 - 1].className += " dm-active";
}
}
// ]]></script>
</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>
<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:Profosvita+CS-M504+2024" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Profosvita+CS-M504+2024+type@vertical+block@d5ef7265d307474d998b6b4314b75b08" data-request-token="c7199f8243ea11f0ac0942a8cb7a92c5" data-graded="False" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:Profosvita+CS-M504+2024+type@html+block@266224aa7c4b498cb85858da5a4975ba">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-M504+2024" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-M504+2024+type@html+block@266224aa7c4b498cb85858da5a4975ba" data-request-token="c7199f8243ea11f0ac0942a8cb7a92c5" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p style="text-align: justify;">Застосування термоізоляції у перекритті горища забезпечує поліпшення енергоефективності будівлі. У випадку якщо утеплювачем обирається мінеральна вата, поліпшуються протипожежний захист і шумоізоляція. Для можливості обслуговування поверх утеплювача влаштовуються ходові трапи.</p>
<p style="text-align: justify;">Пароізоляцію у горищному перекритті треба передбачати відповідно до ДБН В.2.6-31.</p>
<p style="text-align: justify;">У місцях примикання пароізоляції до стін горища (чи протипожежних стін) її шар повинен бути заведений на висоту не менше товщини утеплювача.</p>
<p style="text-align: justify;">Теплоізоляційний шар горищного перекриття для дахів доцільно передбачати з матеріалів груп горючості НГ або Г1 згідно з ДБН В.1.1-7. Товщину шару необхідно приймати відповідно до теплотехнічного розрахунку відповідно до ДБН В.2.6-31.</p>
<p style="text-align: justify;">У місцях безпосереднього контакту несучих деревʼяних конструкцій з камʼяними, бетонними чи залізобетонними матеріалами (опори, балки, мауерлати, ферми тощо) необхідно передбачати гідроізоляційні прокладки.</p>
<p style="text-align: justify;">Деревʼяні підкладки, на які встановлюються опорні частини несучих елементів конструкції, треба передбачати з антисептованої і просоченої вогнезахисними сумішами деревини. Металеві накладки у зʼєднаннях деревʼяних конструкцій мають бути відокремлені від деревини шаром гідроізоляції.</p>
<p style="text-align: justify;">Деревʼяні конструкції даху мають бути відкритими, добре провітрюваними, доступними для технічних оглядів, профілактичного ремонту і поновлення захисної обробки. З цією метою в окремих частинах горищного простору необхідно влаштовувати продухи, аератори тощо.</p>
<p style="text-align: justify;">Глухе закладання частин деревʼяних конструкцій у камʼяні, бетонні стіни не допускається.</p>
<p style="text-align: justify;">Деревʼяні крокви і лати горищних покриттів треба піддавати вогнезахисній обробці відповідно до ДБН В.1.1-7.</p>
<div style="border: 2px solid #253777; margin-right: 16px; box-shadow: 0px 0px 10px #C3CAD3; margin-left: 16px; margin-bottom: 24px; border-radius: 8px; padding: 16px;">
<p style="text-align: justify;"><strong>Для конструкції скатної покрівлі необхідно враховувати такі важливі моменти:</strong></p>
<ul style="text-align: justify;">
<ul>
<li>Конструкція даху має бути водонепроникною і в справному технічному стані.</li>
<li>Якщо використовується покрівля з металевого листа, важливо застосувати підпокрівельну гідроізоляційну плівку, щоб запобігти проникненню водного конденсату в термоізоляцію.</li>
<li>Горище має бути недоступне для птахів, гризунів та інших тварин.</li>
<li>Конструкція даху має враховувати вимоги пожежної безпеки.</li>
</ul>
</ul>
</div>
<div style="border: 2px solid #253777; margin-right: 16px; box-shadow: 0px 0px 10px #C3CAD3; margin-left: 16px; margin-bottom: 24px; border-radius: 8px; padding: 16px;">
<p style="text-align: justify;"><strong>При термоізоляції горища треба брати до уваги такі важливі аспекти:</strong></p>
<ul>
<ul>
<li><span style="text-align: justify;">Питоме навантаження плити перекриття: часто вже є шар термоізоляції насипного типу з цементним стягуванням поверх (напр. «керамзит»). Нанесення додаткової термоізоляції з цементним стягуванням поверх збільшить питоме навантаження. Необхідно заздалегідь провести експертизу несучих конструкцій.</span></li>
<li><span style="text-align: justify;">Для уникнення теплових мостів на зʼєднаннях між стінами і стелею, стіни необхідно термоізолювати на висоту мінімум 1 м від рівня перекриття.</span></li>
<li><span style="text-align: justify;">Має бути передбачена можливість вентиляції горища.</span></li>
<li><span style="text-align: justify;">Дах має бути водонепроникним і в справному технічному стані.</span></li>
<li><span style="text-align: justify;">Повинні бути враховані вимоги пожежної безпеки.</span></li>
</ul>
</ul>
</div>
<p style="text-align: center;"><img height="auto" width="850" src="/assets/courseware/v1/49c653e8eb04ecef897ff574257d4af7/asset-v1:Profosvita+CS-M504+2024+type@asset+block/t7_img6_mal6.png" alt="picture" /></p>
<p style="text-align: center; font-size: 90%; font-style: italic; padding-bottom: 24px;">Мал. 6. Термомодернізація плоского даху</p>
</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>
<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:Profosvita+CS-M504+2024" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Profosvita+CS-M504+2024+type@vertical+block@59ebe9517a8740fca8a6062f0e433784" data-request-token="c7199f8243ea11f0ac0942a8cb7a92c5" data-graded="False" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:Profosvita+CS-M504+2024+type@html+block@5f08647c611642e899fb981384086fbd">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-M504+2024" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-M504+2024+type@html+block@5f08647c611642e899fb981384086fbd" data-request-token="c7199f8243ea11f0ac0942a8cb7a92c5" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p style="text-align: justify;">При теплоізоляції даху у разі горища під скатним дахом найбільш поширеним матеріалом є мінеральна вата в плитах або в рулонах.</p>
<p style="text-align: center;"><img height="auto" width="540" src="/assets/courseware/v1/a9972b5d57a99f0314deeb1618482c89/asset-v1:Profosvita+CS-M504+2024+type@asset+block/t7_img7_teplo_dah.png" alt="picture" style="border-radius: 20px;" /></p>
<p></p>
<h3 style="padding-top: 32px;"><span style="color: #116062;"><strong>Поліізоціанурат / Поліуретан</strong></span></h3>
<p><img height="auto" width="320" src="/assets/courseware/v1/5665a6e0288be311ea99c8f80d1f8064/asset-v1:Profosvita+CS-M504+2024+type@asset+block/t7_img8.png" alt="picture" style="float: right; margin: 0px 0px 0px 24px; border-radius: 10px;" /></p>
<p></p>
<p>Ізоляційні плити виготовляються із жорсткого пінополіуретану з ізоціануратним каталізатором. Це універсальне й ефективне рішення для всіх типів відкритих дахів. Це також один із найбільш прийнятних типів ізоляції̈ для систем кріплення, а також для різних дахових баластів.</p>
<ul>
<ul>
<ul>
<li>Дуже висока вогнестійкість (більше ніж 250°C).</li>
<li>Надзвичайно низька теплопровідність (0.023–0.028 ВТ/м*K).</li>
<li>Висока міцність на стиску діапазонів 100–160 кПа, що також достатньо для деяких баластових систем.</li>
<li>Невелика вага – 30–40 кг/м<sup>3</sup>.</li>
</ul>
</ul>
</ul>
<div style="clear: both;">
<p></p>
</div>
<h3 style="padding-top: 32px;"><span style="color: #116062;"><strong>Базальтова вата</strong></span></h3>
<p style="text-align: center;"><img height="auto" width="320" src="/assets/courseware/v1/32afa2ace342712d2237342d5be75436/asset-v1:Profosvita+CS-M504+2024+type@asset+block/t7_img9.png" alt="picture" style="float: left; margin: 16px 24px 24px 0px; padding-right: 24px; border-radius: 10px;" /></p>
<div>
<p>Ізоляційні плити виготовляються з базальтового волокна. Це одне з найпоширеніших рішень для відкритих механічно закріплених дахів, особливо там, де потрібна дуже висока вогнестійкість. </p>
<ul>
<li> Чудова вогнестійкість (більше ніж 1000°C), більшість виробів з базальтової вати класифікуються як негорючі.</li>
<li> Низька теплопровідність (0.038–0.041 Вт/м·Ḱ).</li>
<li> Висока міцність натиску у діапазоні 40–80 кПА, що достатньо для відкритих покрівельних застосувань.</li>
<li> Вага в діапазоні 100–200 кг/м<sup>3</sup>.</li>
</ul>
<p></p>
</div>
<div style="clear: both;"></div>
<p></p>
<h3 style="padding-top: 32px;"><span style="color: #116062;"><strong>Пінополістирол</strong></span></h3>
<p style="text-align: center;"><img height="auto" width="320" src="/assets/courseware/v1/19f2f1fd0ff546027906c7683220c991/asset-v1:Profosvita+CS-M504+2024+type@asset+block/t7_img10.png" alt="picture" style="float: right; margin: 0px 0px 0px 24px; border-radius: 10px;" /></p>
<p></p>
<p>Ізоляційні плити виготовлені з гранул пінополістиролу. Це одне з найбільш економічно ефективних рішень для відкритих і баластових покрівельних систем. .</p>
<ul>
<ul>
<ul>
<li>Більшість продуктів у випадку загоряння затухають самі.</li>
<li>Низька теплопровідність 0.037–0.041 Вт/м·Ḱ.</li>
<li>Висока міцність на стиску у діапазоні 100–250 кПа, що також достатньо для деяких баластових систем.</li>
<li>Невелика вага в діапазоні 20–40 кг/м<sup>3</sup>.</li>
</ul>
</ul>
</ul>
<div style="clear: both;"></div>
<h3 style="padding-top: 32px;"><span style="color: #116062;"><strong>Екструдований пінополістирол</strong></span></h3>
<p style="text-align: center;"><img height="auto" width="320" src="/assets/courseware/v1/94f130431da186955564c395fd5c0f0f/asset-v1:Profosvita+CS-M504+2024+type@asset+block/t7_img11.png" alt="picture" style="float: left; margin: 16px 24px 24px 0px; padding-right: 24px; border-radius: 10px;" /></p>
<div>
<p>Ізоляційні плити виготовлені з екструдованого полістиролу. Завдяки особливим характеристикам ця ізоляція є ідеальним рішенням для інверсних систем та функціональних опорних конструкцій̆ дахів. Вона також може бути використана у відкритих покрівельних системах. </p>
<ul>
<li>
<ul>
<li>Майже нульове водопоглинання.</li>
<li>Більшість продуктів у випадку загоряння затухають самі.</li>
<li>Дуже низька теплопровідність 0.034 – 0.038 Вт/м·Ḱ.</li>
<li>Дуже висока міцність на стиск у діапазоні 250 – 700 кПа, що достатньо для активно використовуваних функціональних опорних конструкцій̆.</li>
<li>Невелика вага в діапазоні 25 – 35 кг/м<sup>3</sup>.</li>
</ul>
</li>
</ul>
<p></p>
</div>
<div style="clear: both;"></div>
<div id="gtx-trans" style="position: absolute; left: 7px; top: 7px;">
<div class="gtx-trans-icon"></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>
<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:Profosvita+CS-M504+2024" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Profosvita+CS-M504+2024+type@vertical+block@e2ffb104a43549b7a843c20bad9c915f" data-request-token="c7199f8243ea11f0ac0942a8cb7a92c5" data-graded="False" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:Profosvita+CS-M504+2024+type@html+block@bfe57d8799c64b70ba6853f2a172f15c">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-M504+2024" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-M504+2024+type@html+block@bfe57d8799c64b70ba6853f2a172f15c" data-request-token="c7199f8243ea11f0ac0942a8cb7a92c5" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p style="text-align: justify;">Окрім термоізоляції мінеральною ватою, можна також використати термоізоляцію екструдованим пінополістиролом, з покриттям цементним стягуванням. Це дає змогу витримувати велике вагове навантаження. Важливо, щоб поверхня основи (плити), на яку укладаються термоізоляційні плити, була рівною (наприклад, зробити вирівнювання піском) для того, щоб гарантувати рівномірний розподіл навантаження. Цементне стягування буде захистом від вогню для екструдованого пінополістиролу.</p>
<p><span style="text-decoration: underline;"><strong>Деталь (a):</strong></span> Якщо верхнє перекриття без проміжних опор зроблене із залізобетону, то гідроізоляцію та мембрану монтувати не потрібно. Рекомендується наносити термоізоляцію у два шари (напр. 2 x 10 см мінеральної вати або пінополістиролових плит загальна термоізоляція 20 см). По-перше, плити легше укладати і підганяти; по-друге, шви між ними можна зробити в шаховому порядку, щоб звести до мінімуму втрати через них.</p>
<p><span style="text-decoration: underline;"><strong>Деталь (b):</strong></span> Верх кладки покритий термоізоляційним матеріалом для мінімізації ефекту геометричного термального моста у верхньому кутку кімнати.</p>
<p style="text-align: center;"><img height="auto" width="720" src="/assets/courseware/v1/63ec0d2eb38eaa7634d9cd3cbc9e240e/asset-v1:Profosvita+CS-M504+2024+type@asset+block/t7_img12-2.png" alt="picture" /></p>
<p style="text-align: center; font-size: 90%; font-style: italic; padding-bottom: 24px;">Рис. 9. Термоізоляція перекриття технічного поверху</p>
<p style="text-align: center;"></p>
<h3 style="padding-top: 32px;"><span style="color: #116062;"><strong>Технологічна послідовність системи гідроізоляції при монтажу плоскої покрівлі</strong></span></h3>
<p style="text-align: center;"><img height="auto" width="320" src="/assets/courseware/v1/3ca9b25037e215fc7dabc58e620e99c1/asset-v1:Profosvita+CS-M504+2024+type@asset+block/t7_img13.png" alt="picture" style="float: right; margin: 0px 24px 24px 24px;" /></p>
<p></p>
<ol>
<li>Полімерно-бітумна – Заповнена розчином мембрана</li>
<li>Холодний самоклейний̆ полімеро-бітум </li>
<li>Жорстка ізоляція – пінополістирол </li>
<li>Пароізоляція </li>
<li>Бітумна ґрунтовка </li>
<li> Бетонна основа </li>
</ol>
<p></p>
<p></p>
<p></p>
</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>
<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:Profosvita+CS-M504+2024" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Profosvita+CS-M504+2024+type@vertical+block@bd12f40d8a664350b6c78b886b0ea46b" data-request-token="c7199f8243ea11f0ac0942a8cb7a92c5" data-graded="False" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:Profosvita+CS-M504+2024+type@html+block@e753347751ed4a528c3684c70851b367">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-M504+2024" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-M504+2024+type@html+block@e753347751ed4a528c3684c70851b367" data-request-token="c7199f8243ea11f0ac0942a8cb7a92c5" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<h3 style="padding-top:32px"><span style="color:#116062; "> <b>Способи скріплення бітумних шарів</b></span></h3>
<p style="margin-bottom: 1px; font-size: 80%; "><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">
<!--Start item 1 -->
<div class="dm-mySlides-carousel-text"><img src="/assets/courseware/v1/addcf062e717a3fa4979cd83e4ed6423/asset-v1:Profosvita+CS-M504+2024+type@asset+block/t7_slider1_img1.png" alt="some image" style="width: 720px; border-radius: 10px; margin:auto " />
</div>
<!--END item -->
</div>
<!--Start elenent 2 -->
<div class="dm-mySlides-carousel">
<!--Start item -->
<div class="dm-mySlides-carousel-text"><img src="/assets/courseware/v1/16b99b84c2d58ea7e8424bcc71306711/asset-v1:Profosvita+CS-M504+2024+type@asset+block/t7_slider1_img2.png" alt="some image" style="width: 720px; border-radius: 10px; margin:auto " />
</div>
<!--END item -->
</div>
<!--END Element -->
<!--Start elenent 3 -->
<div class="dm-mySlides-carousel">
<!--Start item -->
<div class="dm-mySlides-carousel-text"><img src="/assets/courseware/v1/a214ad31d76018dc806032fa3f30588b/asset-v1:Profosvita+CS-M504+2024+type@asset+block/t7_slider1_img3.png" alt="some image" style="width: 720px; border-radius: 10px; margin:auto " />
</div>
<!--END item -->
</div>
<!--Start elenent 4 -->
<div class="dm-mySlides-carousel">
<!--Start item -->
<div class="dm-mySlides-carousel-text"><img src="/assets/courseware/v1/f97adc606b996776fa86920435a18bd1/asset-v1:Profosvita+CS-M504+2024+type@asset+block/t7_slider1_img4.png" alt="some image" style="width: 720px; border-radius: 10px; margin:auto " />
</div>
<!--END item -->
</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: 80px;
background: #116062;
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>// <![CDATA[
let allCarouselSliders = document.querySelectorAll(
".carousel-slider-wrapper"
);
for (let i = 0; i < allCarouselSliders.length; i++) {
let currentSlider = allCarouselSliders[i];
let allDots = currentSlider.querySelectorAll(".dm-dot");
let nextButton = currentSlider.querySelector(".dm-next");
let prevButton = currentSlider.querySelector(".dm-prev");
allDots.forEach((dot, index) =>
dot.addEventListener("click", () => {
currentSlide(index + 1);
})
);
nextButton.addEventListener("click", () => {
plusSlides(1);
});
prevButton.addEventListener("click", () => {
plusSlides(-1);
});
let slideIndex1 = 1;
showSlides(slideIndex1, currentSlider);
function plusSlides(n) {
showSlides((slideIndex1 += n), currentSlider);
}
function currentSlide(n) {
showSlides((slideIndex1 = n), currentSlider);
}
function showSlides(n, currentSlider) {
let i;
let slides = currentSlider.getElementsByClassName("dm-mySlides-carousel");
let dots = currentSlider.getElementsByClassName("dm-dot");
if (n > slides.length) {
slideIndex1 = 1;
}
if (n < 1) {
slideIndex1 = slides.length;
}
for (i = 0; i < slides.length; i++) {
slides[i].style.display = "none";
}
for (i = 0; i < dots.length; i++) {
dots[i].className = dots[i].className.replace(" dm-active", "");
}
slides[slideIndex1 - 1].style.display = "block";
dots[slideIndex1 - 1].className += " dm-active";
}
}
// ]]></script>
</div>
</div>
<div class="vert vert-1" data-id="block-v1:Profosvita+CS-M504+2024+type@html+block@4f42ddd0ee914128a8de7abc5530d5fb">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-M504+2024" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-M504+2024+type@html+block@4f42ddd0ee914128a8de7abc5530d5fb" data-request-token="c7199f8243ea11f0ac0942a8cb7a92c5" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<h3 style="padding-top:32px"><span style="color:#116062; "> <b>Приварювання
</b></span></h3>
<p style="margin-bottom: 1px; font-size: 80%; "><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">
<!--Start item 1 -->
<div class="dm-mySlides-carousel-text"><img src="/assets/courseware/v1/854d0b06151692590e2091f25ec32156/asset-v1:Profosvita+CS-M504+2024+type@asset+block/t7_slider1_img5.png" alt="some image" style="width: 720px; border-radius: 10px; margin:auto " />
</div>
<!--END item -->
</div>
<!--Start elenent 2 -->
<div class="dm-mySlides-carousel">
<!--Start item -->
<div class="dm-mySlides-carousel-text"><img src="/assets/courseware/v1/2fd0fc233a245aa4e530073a5444e7b0/asset-v1:Profosvita+CS-M504+2024+type@asset+block/t7_slider1_img6.png" alt="some image" style="width: 720px; border-radius: 10px; margin:auto " />
</div>
<!--END item -->
</div>
<!--END Element -->
<!--Start elenent 3 -->
<div class="dm-mySlides-carousel">
<!--Start item -->
<div class="dm-mySlides-carousel-text"><img src="/assets/courseware/v1/39b078afb4fda8bdefadea8de7e36805/asset-v1:Profosvita+CS-M504+2024+type@asset+block/t7_slider1_img7.png" alt="some image" style="width: 720px; border-radius: 10px; margin:auto " />
</div>
<!--END item -->
</div>
<div class="dm-next">❯</div>
</div>
<div style="text-align: center;"><span class="dm-dot"> </span> <span class="dm-dot"> </span> <span class="dm-dot"> </span></div>
</div>
<style><!--
.dm-slideshow-container-carousel {
width: 1000px;
max-width: 100%;
position: relative;
margin: auto;
display: flex;
align-items: center;
}
.dm-mySlides-carousel {
width: 90%;
margin: auto;
-webkit-animation-name: fade;
-webkit-animation-duration: 1.5s;
animation-name: fade;
animation-duration: 1.5s;
}
.dm-mySlides-carousel h4 {
text-align: center
}
.dm-mySlides-carousel-text{
display: flex;
align-items: center;
margin-bottom: 25px;
/* height: 90%; */
}
.dm-slideshow-container-carousel .dm-prev,
.dm-slideshow-container-carousel .dm-next {
cursor: pointer;
/* position: absolute; */
display: flex;
align-items: center;
justify-content: center;
top: calc(50% - 30px);
width: 25px;
height: 80px;
background: #116062;
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>// <![CDATA[
let allCarouselSliders = document.querySelectorAll(
".carousel-slider-wrapper"
);
for (let i = 0; i < allCarouselSliders.length; i++) {
let currentSlider = allCarouselSliders[i];
let allDots = currentSlider.querySelectorAll(".dm-dot");
let nextButton = currentSlider.querySelector(".dm-next");
let prevButton = currentSlider.querySelector(".dm-prev");
allDots.forEach((dot, index) =>
dot.addEventListener("click", () => {
currentSlide(index + 1);
})
);
nextButton.addEventListener("click", () => {
plusSlides(1);
});
prevButton.addEventListener("click", () => {
plusSlides(-1);
});
let slideIndex1 = 1;
showSlides(slideIndex1, currentSlider);
function plusSlides(n) {
showSlides((slideIndex1 += n), currentSlider);
}
function currentSlide(n) {
showSlides((slideIndex1 = n), currentSlider);
}
function showSlides(n, currentSlider) {
let i;
let slides = currentSlider.getElementsByClassName("dm-mySlides-carousel");
let dots = currentSlider.getElementsByClassName("dm-dot");
if (n > slides.length) {
slideIndex1 = 1;
}
if (n < 1) {
slideIndex1 = slides.length;
}
for (i = 0; i < slides.length; i++) {
slides[i].style.display = "none";
}
for (i = 0; i < dots.length; i++) {
dots[i].className = dots[i].className.replace(" dm-active", "");
}
slides[slideIndex1 - 1].style.display = "block";
dots[slideIndex1 - 1].className += " dm-active";
}
}
// ]]></script>
</div>
</div>
<div class="vert vert-2" data-id="block-v1:Profosvita+CS-M504+2024+type@html+block@6acde6f4a0c74950a9afa5e009fc731e">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-M504+2024" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-M504+2024+type@html+block@6acde6f4a0c74950a9afa5e009fc731e" data-request-token="c7199f8243ea11f0ac0942a8cb7a92c5" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<h3 style="padding-top:32px"><span style="color:#116062; "> <b>Заливка</b></span></h3>
<p style="margin-bottom: 1px; font-size: 80%; "><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">
<!--Start item 1 -->
<div class="dm-mySlides-carousel-text"><img src="/assets/courseware/v1/405473160387c9ac9ac86cb62fe4b61f/asset-v1:Profosvita+CS-M504+2024+type@asset+block/t7_slider1_img8_zalivka.png" alt="some image" style="width: 720px; border-radius: 10px; margin:auto " />
</div>
<!--END item -->
</div>
<!--Start elenent 2 -->
<div class="dm-mySlides-carousel">
<!--Start item -->
<div class="dm-mySlides-carousel-text"><img src="/assets/courseware/v1/776135ade43b71467ae3cecd6d09c36d/asset-v1:Profosvita+CS-M504+2024+type@asset+block/t7_slider1_img9.png" alt="some image" style="width: 720px; border-radius: 10px; margin:auto " />
</div>
<!--END item -->
</div>
<!--END Element -->
<!--Start elenent 3 -->
<div class="dm-mySlides-carousel">
<!--Start item -->
<div class="dm-mySlides-carousel-text"><img src="/assets/courseware/v1/71b6e3d19d1f818ccb6d708bc645926b/asset-v1:Profosvita+CS-M504+2024+type@asset+block/t7_slider1_img10_zalivk.png" alt="some image" style="width: 720px; border-radius: 10px; margin:auto " />
</div>
<!--END item -->
</div>
<!--Start elenent 4 -->
<div class="dm-mySlides-carousel">
<!--Start item -->
<div class="dm-mySlides-carousel-text"><img src="/assets/courseware/v1/d874c6d0efa5965f44054389a84c071c/asset-v1:Profosvita+CS-M504+2024+type@asset+block/t7_slider1_img11_zalivk.png" alt="some image" style="width: 720px; border-radius: 10px; margin:auto " />
</div>
<!--END item -->
</div>
<!--Start elenent 4 -->
<div class="dm-mySlides-carousel">
<!--Start item -->
<div class="dm-mySlides-carousel-text"><img src="/assets/courseware/v1/6a0004c704de7536f6d35e1a76109022/asset-v1:Profosvita+CS-M504+2024+type@asset+block/t7_slider1_img12_zalivk-2.png" alt="some image" style="width: 720px; border-radius: 10px; margin:auto " />
</div>
<!--END item -->
</div>
<!--Start elenent 4 -->
<div class="dm-mySlides-carousel">
<!--Start item -->
<div class="dm-mySlides-carousel-text"><img src="/assets/courseware/v1/e7e0ea74644396ee1ae3960a1b146aff/asset-v1:Profosvita+CS-M504+2024+type@asset+block/t7_slider1_img13_zalivk-2.png" alt="some image" style="width: 720px; border-radius: 10px; margin:auto " />
</div>
<!--END item -->
</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: 80px;
background: #116062;
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>// <![CDATA[
let allCarouselSliders = document.querySelectorAll(
".carousel-slider-wrapper"
);
for (let i = 0; i < allCarouselSliders.length; i++) {
let currentSlider = allCarouselSliders[i];
let allDots = currentSlider.querySelectorAll(".dm-dot");
let nextButton = currentSlider.querySelector(".dm-next");
let prevButton = currentSlider.querySelector(".dm-prev");
allDots.forEach((dot, index) =>
dot.addEventListener("click", () => {
currentSlide(index + 1);
})
);
nextButton.addEventListener("click", () => {
plusSlides(1);
});
prevButton.addEventListener("click", () => {
plusSlides(-1);
});
let slideIndex1 = 1;
showSlides(slideIndex1, currentSlider);
function plusSlides(n) {
showSlides((slideIndex1 += n), currentSlider);
}
function currentSlide(n) {
showSlides((slideIndex1 = n), currentSlider);
}
function showSlides(n, currentSlider) {
let i;
let slides = currentSlider.getElementsByClassName("dm-mySlides-carousel");
let dots = currentSlider.getElementsByClassName("dm-dot");
if (n > slides.length) {
slideIndex1 = 1;
}
if (n < 1) {
slideIndex1 = slides.length;
}
for (i = 0; i < slides.length; i++) {
slides[i].style.display = "none";
}
for (i = 0; i < dots.length; i++) {
dots[i].className = dots[i].className.replace(" dm-active", "");
}
slides[slideIndex1 - 1].style.display = "block";
dots[slideIndex1 - 1].className += " dm-active";
}
}
// ]]></script>
</div>
</div>
<div class="vert vert-3" data-id="block-v1:Profosvita+CS-M504+2024+type@html+block@48890a2ca21c4a1f9013cf3846d6ebd4">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-M504+2024" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-M504+2024+type@html+block@48890a2ca21c4a1f9013cf3846d6ebd4" data-request-token="c7199f8243ea11f0ac0942a8cb7a92c5" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<h3 style="padding-top:32px"><span style="color:#116062; "> <b>Холодне склеювання</b></span></h3>
<p style="margin-bottom: 1px; font-size: 80%; "><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">
<!--Start item 1 -->
<div class="dm-mySlides-carousel-text"><img src="/assets/courseware/v1/970417bf332c002f4d6c5787664e82f8/asset-v1:Profosvita+CS-M504+2024+type@asset+block/t7_slider1_img14_holodne.png" alt="some image" style="width: 720px; border-radius: 10px; margin:auto " />
</div>
<!--END item -->
</div>
<!--Start elenent 2 -->
<div class="dm-mySlides-carousel">
<!--Start item -->
<div class="dm-mySlides-carousel-text"><img src="/assets/courseware/v1/fbdfc005d7b147ac482c9ffa868be926/asset-v1:Profosvita+CS-M504+2024+type@asset+block/t7_slider1_img15_holodne.png" alt="some image" style="width: 720px; border-radius: 10px; margin:auto " />
</div>
<!--END item -->
</div>
<!--END Element -->
<!--Start elenent 3 -->
<div class="dm-mySlides-carousel">
<!--Start item -->
<div class="dm-mySlides-carousel-text"><img src="/assets/courseware/v1/53da43197ff9edf0814289f448e01736/asset-v1:Profosvita+CS-M504+2024+type@asset+block/t7_slider1_img16_holodne.png" alt="some image" style="width: 720px; border-radius: 10px; margin:auto " />
</div>
<!--END item -->
</div>
<!--Start elenent 4 -->
<div class="dm-mySlides-carousel">
<!--Start item -->
<div class="dm-mySlides-carousel-text"><img src="/assets/courseware/v1/9b8ccb35e4e0457e48f0a5d70bd4f3e2/asset-v1:Profosvita+CS-M504+2024+type@asset+block/t7_slider1_img17_holodne.png" alt="some image" style="width: 720px; border-radius: 10px; margin:auto " />
</div>
<!--END item -->
</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: 80px;
background: #116062;
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>// <![CDATA[
let allCarouselSliders = document.querySelectorAll(
".carousel-slider-wrapper"
);
for (let i = 0; i < allCarouselSliders.length; i++) {
let currentSlider = allCarouselSliders[i];
let allDots = currentSlider.querySelectorAll(".dm-dot");
let nextButton = currentSlider.querySelector(".dm-next");
let prevButton = currentSlider.querySelector(".dm-prev");
allDots.forEach((dot, index) =>
dot.addEventListener("click", () => {
currentSlide(index + 1);
})
);
nextButton.addEventListener("click", () => {
plusSlides(1);
});
prevButton.addEventListener("click", () => {
plusSlides(-1);
});
let slideIndex1 = 1;
showSlides(slideIndex1, currentSlider);
function plusSlides(n) {
showSlides((slideIndex1 += n), currentSlider);
}
function currentSlide(n) {
showSlides((slideIndex1 = n), currentSlider);
}
function showSlides(n, currentSlider) {
let i;
let slides = currentSlider.getElementsByClassName("dm-mySlides-carousel");
let dots = currentSlider.getElementsByClassName("dm-dot");
if (n > slides.length) {
slideIndex1 = 1;
}
if (n < 1) {
slideIndex1 = slides.length;
}
for (i = 0; i < slides.length; i++) {
slides[i].style.display = "none";
}
for (i = 0; i < dots.length; i++) {
dots[i].className = dots[i].className.replace(" dm-active", "");
}
slides[slideIndex1 - 1].style.display = "block";
dots[slideIndex1 - 1].className += " dm-active";
}
}
// ]]></script>
</div>
</div>
<div class="vert vert-4" data-id="block-v1:Profosvita+CS-M504+2024+type@html+block@6eebe087729c40a58ae7442176f5ae6c">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-M504+2024" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-M504+2024+type@html+block@6eebe087729c40a58ae7442176f5ae6c" data-request-token="c7199f8243ea11f0ac0942a8cb7a92c5" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<h3 style="padding-top: 32px;"><span style="color: #116062;"> <b>Механічне скріплення</b></span></h3>
<p style="text-align: center;"><img src="/assets/courseware/v1/bba53a517bae4057eca205caa6f9e2f8/asset-v1:Profosvita+CS-M504+2024+type@asset+block/t7_slider1_img18_meh.png" alt="some image" style="width: 720px; border-radius: 10px;" /></p>
</div>
</div>
<div class="vert vert-5" data-id="block-v1:Profosvita+CS-M504+2024+type@html+block@5db0cd39f7944ffeb832479ad7247735">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-M504+2024" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-M504+2024+type@html+block@5db0cd39f7944ffeb832479ad7247735" data-request-token="c7199f8243ea11f0ac0942a8cb7a92c5" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<h3 style="padding-top:32px"><span style="color:#116062; "> <b>Багатошарові системи</b></span></h3>
<p style="margin-bottom: 1px; font-size: 80%; "><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">
<!--Start item 1 -->
<div class="dm-mySlides-carousel-text"><img src="/assets/courseware/v1/751a2ca61f4a3998ceb149fab4c93b44/asset-v1:Profosvita+CS-M504+2024+type@asset+block/t7_slider2_img20.png" alt="some image" style="width: 520px; border-radius: 10px; margin:auto " />
</div>
<!--END item -->
</div>
<!--Start elenent 2 -->
<div class="dm-mySlides-carousel">
<!--Start item -->
<div class="dm-mySlides-carousel-text"><img src="/assets/courseware/v1/9b22b4417aaf3b14075b4b3e7ffbab63/asset-v1:Profosvita+CS-M504+2024+type@asset+block/t7_slider2_img21.png" alt="some image" style="width: 520px; border-radius: 10px; margin:auto " />
</div>
<!--END item -->
</div>
<!--END Element -->
<!--Start elenent 3 -->
<div class="dm-mySlides-carousel">
<!--Start item -->
<div class="dm-mySlides-carousel-text"><img src="/assets/courseware/v1/ecc6b045dd1f9f3518af4165cd14bcbf/asset-v1:Profosvita+CS-M504+2024+type@asset+block/t7_slider2_img22.png" alt="some image" style="width: 520px; border-radius: 10px; margin:auto " />
</div>
<!--END item -->
</div>
<!--Start elenent 4 -->
<div class="dm-mySlides-carousel">
<!--Start item -->
<div class="dm-mySlides-carousel-text"><img src="/assets/courseware/v1/ef3713bfec13f9a546a7158a7138bc87/asset-v1:Profosvita+CS-M504+2024+type@asset+block/t7_slider2_img23.png" alt="some image" style="width: 520px; border-radius: 10px; margin:auto " />
</div>
<!--END item -->
</div>
<!--Start elenent 4 -->
<div class="dm-mySlides-carousel">
<!--Start item -->
<div class="dm-mySlides-carousel-text"><img src="/assets/courseware/v1/903a0b85989a7739569fdce02f85326f/asset-v1:Profosvita+CS-M504+2024+type@asset+block/t7_slider2_img24.png" alt="some image" style="width: 520px; border-radius: 10px; margin:auto " />
</div>
<!--END item -->
</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: 80px;
background: #116062;
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>// <![CDATA[
let allCarouselSliders = document.querySelectorAll(
".carousel-slider-wrapper"
);
for (let i = 0; i < allCarouselSliders.length; i++) {
let currentSlider = allCarouselSliders[i];
let allDots = currentSlider.querySelectorAll(".dm-dot");
let nextButton = currentSlider.querySelector(".dm-next");
let prevButton = currentSlider.querySelector(".dm-prev");
allDots.forEach((dot, index) =>
dot.addEventListener("click", () => {
currentSlide(index + 1);
})
);
nextButton.addEventListener("click", () => {
plusSlides(1);
});
prevButton.addEventListener("click", () => {
plusSlides(-1);
});
let slideIndex1 = 1;
showSlides(slideIndex1, currentSlider);
function plusSlides(n) {
showSlides((slideIndex1 += n), currentSlider);
}
function currentSlide(n) {
showSlides((slideIndex1 = n), currentSlider);
}
function showSlides(n, currentSlider) {
let i;
let slides = currentSlider.getElementsByClassName("dm-mySlides-carousel");
let dots = currentSlider.getElementsByClassName("dm-dot");
if (n > slides.length) {
slideIndex1 = 1;
}
if (n < 1) {
slideIndex1 = slides.length;
}
for (i = 0; i < slides.length; i++) {
slides[i].style.display = "none";
}
for (i = 0; i < dots.length; i++) {
dots[i].className = dots[i].className.replace(" dm-active", "");
}
slides[slideIndex1 - 1].style.display = "block";
dots[slideIndex1 - 1].className += " dm-active";
}
}
// ]]></script>
</div>
</div>
<div class="vert vert-6" data-id="block-v1:Profosvita+CS-M504+2024+type@html+block@6ffa1713cde24f2ab06600b347d9d3d5">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-M504+2024" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-M504+2024+type@html+block@6ffa1713cde24f2ab06600b347d9d3d5" data-request-token="c7199f8243ea11f0ac0942a8cb7a92c5" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<h3 style="padding-top:32px"><span style="color:#116062; "> <b>Прокладання одного шару</b></span></h3>
<p style="margin-bottom: 1px; font-size: 80%; "><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">
<!--Start item 1 -->
<div class="dm-mySlides-carousel-text"><img src="/assets/courseware/v1/b5536134b54ea8cc32be966567f32b08/asset-v1:Profosvita+CS-M504+2024+type@asset+block/t7_slider2_img31.png" alt="some image" style="width: 520px; border-radius: 10px; margin:auto " />
</div>
<!--END item -->
</div>
<!--Start elenent 2 -->
<div class="dm-mySlides-carousel">
<!--Start item -->
<div class="dm-mySlides-carousel-text"><img src="/assets/courseware/v1/451589e5b07b8d2b9a73d92b59423281/asset-v1:Profosvita+CS-M504+2024+type@asset+block/t7_slider2_img32.png" alt="some image" style="width: 520px; border-radius: 10px; margin:auto " />
</div>
<!--END item -->
</div>
<!--END Element -->
<!--Start elenent 3 -->
<div class="dm-mySlides-carousel">
<!--Start item -->
<div class="dm-mySlides-carousel-text"><img src="/assets/courseware/v1/e4fd6defeded6f31c531b88b718ebc28/asset-v1:Profosvita+CS-M504+2024+type@asset+block/t7_slider2_img33.png" alt="some image" style="width: 520px; border-radius: 10px; margin:auto " />
</div>
<!--END item -->
</div>
<div class="dm-next">❯</div>
</div>
<div style="text-align: center;"><span class="dm-dot"> </span> <span class="dm-dot"> </span> <span class="dm-dot"> </span></div>
</div>
<style><!--
.dm-slideshow-container-carousel {
width: 1000px;
max-width: 100%;
position: relative;
margin: auto;
display: flex;
align-items: center;
}
.dm-mySlides-carousel {
width: 90%;
margin: auto;
-webkit-animation-name: fade;
-webkit-animation-duration: 1.5s;
animation-name: fade;
animation-duration: 1.5s;
}
.dm-mySlides-carousel h4 {
text-align: center
}
.dm-mySlides-carousel-text{
display: flex;
align-items: center;
margin-bottom: 25px;
/* height: 90%; */
}
.dm-slideshow-container-carousel .dm-prev,
.dm-slideshow-container-carousel .dm-next {
cursor: pointer;
/* position: absolute; */
display: flex;
align-items: center;
justify-content: center;
top: calc(50% - 30px);
width: 25px;
height: 80px;
background: #116062;
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>// <![CDATA[
let allCarouselSliders = document.querySelectorAll(
".carousel-slider-wrapper"
);
for (let i = 0; i < allCarouselSliders.length; i++) {
let currentSlider = allCarouselSliders[i];
let allDots = currentSlider.querySelectorAll(".dm-dot");
let nextButton = currentSlider.querySelector(".dm-next");
let prevButton = currentSlider.querySelector(".dm-prev");
allDots.forEach((dot, index) =>
dot.addEventListener("click", () => {
currentSlide(index + 1);
})
);
nextButton.addEventListener("click", () => {
plusSlides(1);
});
prevButton.addEventListener("click", () => {
plusSlides(-1);
});
let slideIndex1 = 1;
showSlides(slideIndex1, currentSlider);
function plusSlides(n) {
showSlides((slideIndex1 += n), currentSlider);
}
function currentSlide(n) {
showSlides((slideIndex1 = n), currentSlider);
}
function showSlides(n, currentSlider) {
let i;
let slides = currentSlider.getElementsByClassName("dm-mySlides-carousel");
let dots = currentSlider.getElementsByClassName("dm-dot");
if (n > slides.length) {
slideIndex1 = 1;
}
if (n < 1) {
slideIndex1 = slides.length;
}
for (i = 0; i < slides.length; i++) {
slides[i].style.display = "none";
}
for (i = 0; i < dots.length; i++) {
dots[i].className = dots[i].className.replace(" dm-active", "");
}
slides[slideIndex1 - 1].style.display = "block";
dots[slideIndex1 - 1].className += " dm-active";
}
}
// ]]></script>
</div>
</div>
<div class="vert vert-7" data-id="block-v1:Profosvita+CS-M504+2024+type@html+block@123ec90d0e694f0c9cacf194e735d070">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-M504+2024" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-M504+2024+type@html+block@123ec90d0e694f0c9cacf194e735d070" data-request-token="c7199f8243ea11f0ac0942a8cb7a92c5" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<h3 style="padding-top:32px"><span style="color:#116062; "> <b>Елементи систем з бітумними мембранами</b></span></h3>
<p style="margin-bottom: 1px; font-size: 80%; "><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">
<!--Start item 1 -->
<div class="dm-mySlides-carousel-text"><img src="/assets/courseware/v1/ddaf700739f2962c0175ead688511940/asset-v1:Profosvita+CS-M504+2024+type@asset+block/t7_slider2_img41.png" alt="some image" style="width: 520px; border-radius: 10px; margin:auto " />
</div>
<!--END item -->
</div>
<!--Start elenent 2 -->
<div class="dm-mySlides-carousel">
<!--Start item -->
<div class="dm-mySlides-carousel-text"><img src="/assets/courseware/v1/757d0757bf3d8b1709435781ef4b9ea6/asset-v1:Profosvita+CS-M504+2024+type@asset+block/t7_slider2_img42.png" alt="some image" style="width: 520px; border-radius: 10px; margin:auto " />
</div>
<!--END item -->
</div>
<!--END Element -->
<!--Start elenent 3 -->
<div class="dm-mySlides-carousel">
<!--Start item -->
<div class="dm-mySlides-carousel-text"><img src="/assets/courseware/v1/4983303f53c2e9bb1f7b4657455d7579/asset-v1:Profosvita+CS-M504+2024+type@asset+block/t7_slider2_img43.png" alt="some image" style="width: 520px; border-radius: 10px; margin:auto " />
</div>
<!--END item -->
</div>
<!--Start elenent 4 -->
<div class="dm-mySlides-carousel">
<!--Start item -->
<div class="dm-mySlides-carousel-text"><img src="/assets/courseware/v1/e7641f79d3f77c4377c54d9cc20c0c5b/asset-v1:Profosvita+CS-M504+2024+type@asset+block/t7_slider2_img44.png" alt="some image" style="width: 520px; border-radius: 10px; margin:auto " />
</div>
<!--END item -->
</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: 80px;
background: #116062;
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>// <![CDATA[
let allCarouselSliders = document.querySelectorAll(
".carousel-slider-wrapper"
);
for (let i = 0; i < allCarouselSliders.length; i++) {
let currentSlider = allCarouselSliders[i];
let allDots = currentSlider.querySelectorAll(".dm-dot");
let nextButton = currentSlider.querySelector(".dm-next");
let prevButton = currentSlider.querySelector(".dm-prev");
allDots.forEach((dot, index) =>
dot.addEventListener("click", () => {
currentSlide(index + 1);
})
);
nextButton.addEventListener("click", () => {
plusSlides(1);
});
prevButton.addEventListener("click", () => {
plusSlides(-1);
});
let slideIndex1 = 1;
showSlides(slideIndex1, currentSlider);
function plusSlides(n) {
showSlides((slideIndex1 += n), currentSlider);
}
function currentSlide(n) {
showSlides((slideIndex1 = n), currentSlider);
}
function showSlides(n, currentSlider) {
let i;
let slides = currentSlider.getElementsByClassName("dm-mySlides-carousel");
let dots = currentSlider.getElementsByClassName("dm-dot");
if (n > slides.length) {
slideIndex1 = 1;
}
if (n < 1) {
slideIndex1 = slides.length;
}
for (i = 0; i < slides.length; i++) {
slides[i].style.display = "none";
}
for (i = 0; i < dots.length; i++) {
dots[i].className = dots[i].className.replace(" dm-active", "");
}
slides[slideIndex1 - 1].style.display = "block";
dots[slideIndex1 - 1].className += " dm-active";
}
}
// ]]></script>
</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>
<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:Profosvita+CS-M504+2024" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Profosvita+CS-M504+2024+type@vertical+block@9e8fcceb3f0840f59f668e344ae1a6ee" data-request-token="c7199f8243ea11f0ac0942a8cb7a92c5" data-graded="False" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:Profosvita+CS-M504+2024+type@html+block@18d8ac4575824f82a721b10307da1e29">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-M504+2024" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-M504+2024+type@html+block@18d8ac4575824f82a721b10307da1e29" data-request-token="c7199f8243ea11f0ac0942a8cb7a92c5" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p style="text-align: justify;">За потреби, парапет обкладається у механічний̆ спосіб фанерою для зовнішніх робіт із використанням самоклейного ґрунтового шару Bauder, що застосовується на горючих субстратах. </p>
<p></p>
<h3 style="padding-top: 32px;"><span style="color: #116062;"><strong>Ізольований бортик парапета</strong></span></h3>
<p>Ізольований̆ бортик парапета – облицювання фанерою – склопластикова кромка.</p>
<p>Скоба для теплоізоляції̈ з відповідними кріпленнями 30 мм.</p>
<p>Парапетний̆ камінь згідно зі специфікацією клієнта на відповідній̆ подушці розчину.</p>
<p style="text-align: center;"><img height="auto" width="640" src="/assets/courseware/v1/04218d272479bbccce4dc809c5152507/asset-v1:Profosvita+CS-M504+2024+type@asset+block/t7_slider3_img50-1.png" alt="picture" style="border-radius: 20px;" /></p>
<p></p>
</div>
</div>
<div class="vert vert-1" data-id="block-v1:Profosvita+CS-M504+2024+type@html+block@989445decaa74365a35ddb49b3a868eb">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-M504+2024" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-M504+2024+type@html+block@989445decaa74365a35ddb49b3a868eb" data-request-token="c7199f8243ea11f0ac0942a8cb7a92c5" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<h3 style="padding-top:32px"><span style="color:#116062; "> <b>Нове металеве профільоване облицювання згідно зі специфікацією клієнта, механічне кріплення.</b></span></h3>
<p style="margin-bottom: 1px; font-size: 80%; "><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">
<!--Start item 1 -->
<div class="dm-mySlides-carousel-text"><img src="/assets/courseware/v1/155cbf91762a6bcc3d509cc30c83e30d/asset-v1:Profosvita+CS-M504+2024+type@asset+block/t7_slider3_img51.png" alt="some image" style="width: 400px; border-radius: 10px; margin:auto " />
</div>
<!--END item -->
</div>
<!--Start elenent 2 -->
<div class="dm-mySlides-carousel">
<!--Start item -->
<div class="dm-mySlides-carousel-text"><img src="/assets/courseware/v1/8c110b98853cd6e5045348a29979782e/asset-v1:Profosvita+CS-M504+2024+type@asset+block/t7_slider3_img52.png" alt="some image" style="width: 400px; border-radius: 10px; margin:auto " />
</div>
<!--END item -->
</div>
<!--END Element -->
<!--Start elenent 3 -->
<div class="dm-mySlides-carousel">
<!--Start item -->
<div class="dm-mySlides-carousel-text"><img src="/assets/courseware/v1/74491af75361c581b21c50179826bded/asset-v1:Profosvita+CS-M504+2024+type@asset+block/t7_slider3_img53.png" alt="some image" style="width: 400px; border-radius: 10px; margin:auto " />
</div>
<!--END item -->
</div>
<!--Start elenent 4 -->
<div class="dm-mySlides-carousel">
<!--Start item -->
<div class="dm-mySlides-carousel-text"><img src="/assets/courseware/v1/dec38438d060c460236f5480a9a899e4/asset-v1:Profosvita+CS-M504+2024+type@asset+block/t7_slider3_img54.png" alt="some image" style="width: 400px; border-radius: 10px; margin:auto " />
</div>
<!--END item -->
</div>
<!--Start elenent 5 -->
<div class="dm-mySlides-carousel">
<!--Start item -->
<div class="dm-mySlides-carousel-text"><img src="/assets/courseware/v1/d7594248ee4ed3c37842780363b8718b/asset-v1:Profosvita+CS-M504+2024+type@asset+block/t7_slider3_img55.png" alt="some image" style="width: 400px; border-radius: 10px; margin:auto " />
</div>
<!--END item -->
</div>
<!--Start elenent 6 -->
<div class="dm-mySlides-carousel">
<!--Start item -->
<div class="dm-mySlides-carousel-text"><img src="/assets/courseware/v1/f9e7a3840d94d38ea2f5be1a6621fe3f/asset-v1:Profosvita+CS-M504+2024+type@asset+block/t7_slider3_img56.png" alt="some image" style="width: 400px; border-radius: 10px; margin:auto " />
</div>
<!--END item -->
</div>
<!--Start elenent 7 -->
<div class="dm-mySlides-carousel">
<!--Start item -->
<div class="dm-mySlides-carousel-text"><img src="/assets/courseware/v1/61b53b368215f20f5fd106ef392659a3/asset-v1:Profosvita+CS-M504+2024+type@asset+block/t7_slider3_img57.png" alt="some image" style="width: 400px; border-radius: 10px; margin:auto " />
</div>
<!--END item -->
</div>
<!--Start elenent 8 -->
<div class="dm-mySlides-carousel">
<!--Start item -->
<div class="dm-mySlides-carousel-text"><img src="/assets/courseware/v1/6fab4207eab88c6715a7bc61c4a7e822/asset-v1:Profosvita+CS-M504+2024+type@asset+block/t7_slider3_img58.png" alt="some image" style="width: 400px; border-radius: 10px; margin:auto " />
</div>
<!--END item -->
</div>
<!--Start elenent 9 -->
<div class="dm-mySlides-carousel">
<!--Start item -->
<div class="dm-mySlides-carousel-text"><img src="/assets/courseware/v1/fed12829fbd3a17912d0adddd46e2d07/asset-v1:Profosvita+CS-M504+2024+type@asset+block/t7_slider3_img59.png" alt="some image" style="width: 400px; border-radius: 10px; margin:auto " />
</div>
<!--END item -->
</div>
<!--Start elenent 10 -->
<div class="dm-mySlides-carousel">
<!--Start item -->
<div class="dm-mySlides-carousel-text"><img src="/assets/courseware/v1/b61f164e1249df6b74eafe895e041cc4/asset-v1:Profosvita+CS-M504+2024+type@asset+block/t7_slider3_img60.png" alt="some image" style="width: 400px; border-radius: 10px; margin:auto " />
</div>
<!--END item -->
</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><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: 80px;
background: #116062;
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>// <![CDATA[
let allCarouselSliders = document.querySelectorAll(
".carousel-slider-wrapper"
);
for (let i = 0; i < allCarouselSliders.length; i++) {
let currentSlider = allCarouselSliders[i];
let allDots = currentSlider.querySelectorAll(".dm-dot");
let nextButton = currentSlider.querySelector(".dm-next");
let prevButton = currentSlider.querySelector(".dm-prev");
allDots.forEach((dot, index) =>
dot.addEventListener("click", () => {
currentSlide(index + 1);
})
);
nextButton.addEventListener("click", () => {
plusSlides(1);
});
prevButton.addEventListener("click", () => {
plusSlides(-1);
});
let slideIndex1 = 1;
showSlides(slideIndex1, currentSlider);
function plusSlides(n) {
showSlides((slideIndex1 += n), currentSlider);
}
function currentSlide(n) {
showSlides((slideIndex1 = n), currentSlider);
}
function showSlides(n, currentSlider) {
let i;
let slides = currentSlider.getElementsByClassName("dm-mySlides-carousel");
let dots = currentSlider.getElementsByClassName("dm-dot");
if (n > slides.length) {
slideIndex1 = 1;
}
if (n < 1) {
slideIndex1 = slides.length;
}
for (i = 0; i < slides.length; i++) {
slides[i].style.display = "none";
}
for (i = 0; i < dots.length; i++) {
dots[i].className = dots[i].className.replace(" dm-active", "");
}
slides[slideIndex1 - 1].style.display = "block";
dots[slideIndex1 - 1].className += " dm-active";
}
}
// ]]></script>
</div>
</div>
<div class="vert vert-2" data-id="block-v1:Profosvita+CS-M504+2024+type@html+block@b50da364549b4244b4ac9751ec024fff">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-M504+2024" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-M504+2024+type@html+block@b50da364549b4244b4ac9751ec024fff" data-request-token="c7199f8243ea11f0ac0942a8cb7a92c5" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<h3 style="padding-top: 32px;"><span style="color: #116062;"> <b>Нове металеве профільоване облицювання згідно зі специфікацією клієнта, механічне кріплення.</b></span></h3>
<p style="text-align: center;"><span style="color: #116062;"><b><img height="auto" width="80%" src="/assets/courseware/v1/f3d5a7a1153580f09bf7706994ca57a0/asset-v1:Profosvita+CS-M504+2024+type@asset+block/t7_slider4_img70.png" alt="picture" /></b></span></p>
<p style="padding-top:24px"><i>Натисніть на інтерактивні елементи, щоб розглянути детальніше.</i></p>
<div class="dm-sc-img-modals1-wrapper">
<div style="text-align: center;">
<div class="dm-sc-img-modals1" style="box-shadow: none; max-width: auto;">
<div class="dm-sc-img-modals-info"></div>
<div class="dm-sc-img-modals-container" style="position: relative; display: flex; justify-content: center;">
<div style="position: relative; max-width: 85%; width: 100%; min-height: 100%;"><img class="dm-sc-img-modals-image custom-image" src="/assets/courseware/v1/792a47b58160700855a2a1416138558d/asset-v1:Profosvita+CS-M504+2024+type@asset+block/t7_slider4_img70B.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> <b>1.</b>
<p>Водостічна воронка, планка кріплення</p>
</div>
</div>
</div>
<div class="dm-sc-img-modals-m1 dm-sc-img-modals-wrap"><button class="dm-sc-img-modals-btn hotspot hotspot-2"> <span class="hotspot-icon fa fa-plus"></span> </button>
<div class="dm-sc-img-modals-modal">
<div class="dm-sc-img-modals-modal-content"><span class="hotspot-icon dm-sc-img-modals-modal-close fa fa-times"></span> <b>2.</b>
<p>Гравійний уловлювач</p>
</div>
</div>
</div>
<div class="dm-sc-img-modals-m1 dm-sc-img-modals-wrap"><button class="dm-sc-img-modals-btn hotspot hotspot-3"> <span class="hotspot-icon fa fa-plus"></span> </button>
<div class="dm-sc-img-modals-modal">
<div class="dm-sc-img-modals-modal-content"><span class="hotspot-icon dm-sc-img-modals-modal-close fa fa-times"></span> <b>3.</b>
<p>Розширювальний елемент, планка кріплення</p>
</div>
</div>
</div>
<div class="dm-sc-img-modals-m1 dm-sc-img-modals-wrap"><button class="dm-sc-img-modals-btn hotspot hotspot-4"> <span class="hotspot-icon fa fa-plus"></span> </button>
<div class="dm-sc-img-modals-modal">
<div class="dm-sc-img-modals-modal-content"><span class="hotspot-icon dm-sc-img-modals-modal-close fa fa-times"></span> <b>4.</b>
<p>Бітумна мембрана поверхневого шару </p>
</div>
</div>
</div>
<div class="dm-sc-img-modals-m1 dm-sc-img-modals-wrap"><button class="dm-sc-img-modals-btn hotspot hotspot-5"> <span class="hotspot-icon fa fa-plus"></span> </button>
<div class="dm-sc-img-modals-modal">
<div class="dm-sc-img-modals-modal-content"><span class="hotspot-icon dm-sc-img-modals-modal-close fa fa-times"></span> <b>5.</b>
<p>Перший шар гідроізоляції</p>
</div>
</div>
</div>
<div class="dm-sc-img-modals-m1 dm-sc-img-modals-wrap"><button class="dm-sc-img-modals-btn hotspot hotspot-6"> <span class="hotspot-icon fa fa-plus"></span> </button>
<div class="dm-sc-img-modals-modal">
<div class="dm-sc-img-modals-modal-content"><span class="hotspot-icon dm-sc-img-modals-modal-close fa fa-times"></span> <b>6.</b>
<p>Теплоізоляція</p>
</div>
</div>
</div>
<div class="dm-sc-img-modals-m1 dm-sc-img-modals-wrap"><button class="dm-sc-img-modals-btn hotspot hotspot-7"> <span class="hotspot-icon fa fa-plus"></span> </button>
<div class="dm-sc-img-modals-modal">
<div class="dm-sc-img-modals-modal-content"><span class="hotspot-icon dm-sc-img-modals-modal-close fa fa-times"></span> <b>7.</b>
<p>Пароізоляція</p>
</div>
</div>
</div>
<div class="dm-sc-img-modals-m1 dm-sc-img-modals-wrap"><button class="dm-sc-img-modals-btn hotspot hotspot-8"> <span class="hotspot-icon fa fa-plus"></span> </button>
<div class="dm-sc-img-modals-modal">
<div class="dm-sc-img-modals-modal-content"><span class="hotspot-icon dm-sc-img-modals-modal-close fa fa-times"></span> <b>8.</b>
<p>Грунтовка (бітумна)</p>
</div>
</div>
</div>
<div class="dm-sc-img-modals-m1 dm-sc-img-modals-wrap"><button class="dm-sc-img-modals-btn hotspot hotspot-9"> <span class="hotspot-icon fa fa-plus"></span> </button>
<div class="dm-sc-img-modals-modal">
<div class="dm-sc-img-modals-modal-content"><span class="hotspot-icon dm-sc-img-modals-modal-close fa fa-times"></span> <b>9.</b>
<p>Бетонна основа</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<style><!--
.dm-sc-img-modals-btn.hotspot-1 {
left: 29%;
top: 8%;
}
.dm-sc-img-modals-btn.hotspot-2 {
left: 44%;
top: 8%;
}
.dm-sc-img-modals-btn.hotspot-3 {
left: 61%;
top: 8%;
}
.dm-sc-img-modals-btn.hotspot-4 {
left: 66%;
top: 8%;
}
.dm-sc-img-modals-btn.hotspot-5 {
left: 73%;
top: 8%;
}
.dm-sc-img-modals-btn.hotspot-6 {
left: 78%;
top: 8%;
}
.dm-sc-img-modals-btn.hotspot-7 {
left: 84%;
top: 8%;
}
.dm-sc-img-modals-btn.hotspot-8 {
left: 91%;
top: 8%;
}
.dm-sc-img-modals-btn.hotspot-9 {
left: 96%;
top: 8%;
}
--></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: #116062;
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: #116062;
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: #116062;
position: absolute;
top: 10px;
right: 20px;
font-size: 22px;
}
.dm-sc-img-modals-modal-close:hover,
.dm-sc-img-modals-modal-close:focus {
color: #116062;
text-decoration: none;
cursor: pointer;
}
.dm-sc-img-modals-image {
margin: auto;
display: block;
}
@media only screen and (max-width: 768px) {
.dm-sc-img-modals-modal {
overflow-x: hidden;
overflow-y: scroll;
}
.dm-sc-img-modals-modal-content {
border: none;
}
}
@media only screen and (max-width: 500px) {
.dm-sc-img-modals-btn .fa.fa-plus,
.dm-sc-img-modals-btn .fa.fa-check {
font-size: 2vw;
}
}
@media only screen and (max-width: 768px) {
.dm-sc-img-modals-modal-content {
overflow: visible;
}
}
.dm-sc-img-modals-btn.hotspot {
position: absolute;
width: 30px;
height: 30px;
}
@media (min-width: 872px) and (max-width: 1100px) {
.dm-sc-img-modals-btn.hotspot {
width: 20px;
height: 20px;
}
}
@media (min-width: 769px) and (max-width: 871px) {
.dm-sc-img-modals-btn.hotspot {
width: 17px;
height: 17px;
}
}
@media (min-width: 501px) and (max-width: 768px) {
.dm-sc-img-modals-btn .hotspot-icon.fa.fa-plus,
.dm-sc-img-modals-btn .hotspot-icon.fa.fa-check {
font-size: 2vw;
}
.dm-sc-img-modals-btn.hotspot {
width: 25px;
height: 25px;
}
}
@media (max-width: 500px) {
.dm-sc-img-modals-btn.hotspot {
width: 20px;
height: 20px;
}
}
.dm-sc-img-modals-btn .hotspot-icon.fa.fa-plus,
.dm-sc-img-modals-btn .hotspot-icon.fa.fa-check {
display: flex;
justify-content: center;
align-items: center;
}
.dm-sc-img-modals-modal-content p {
text-align: center;
}
--></style>
<script>// <![CDATA[
$(document).ready(function () {
$(".dm-sc-img-modals-wrap").each(function () {
var modal = $(this).find(".dm-sc-img-modals-modal");
var btn = $(this).find(".dm-sc-img-modals-btn");
btn.click(function () {
modal.css("display", "flex");
$(this).find(".fa-plus").removeClass("fa-plus");
$(this).find(".fa").addClass("fa-check");
$(this).css("animation", "none");
});
$(".dm-sc-img-modals-modal-close").click(function () {
modal.css("display", "none");
});
$(window).click(function (event) {
if (event.target.className === "dm-sc-img-modals-modal") {
modal.css("display", "none");
}
});
});
})
// ]]></script>
<p>Також існують нормалізовані деталі, які виготовляються на спеціалізованих підприємствах, такі як підшипники кочення, кріпильні деталі (болти, гвинти, гайки, шпонки) та багато інших. Ці деталі відповідають високим стандартам якості та надійності.</p>
<p></p>
</div>
</div>
<div class="vert vert-3" data-id="block-v1:Profosvita+CS-M504+2024+type@html+block@260c0f248fc34dab964af2dd68d7969b">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-M504+2024" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-M504+2024+type@html+block@260c0f248fc34dab964af2dd68d7969b" data-request-token="c7199f8243ea11f0ac0942a8cb7a92c5" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<h3 style="padding-top:32px"><span style="color:#116062; "> <b>Технологічна послідовність виконання монтажних робіт</b></span></h3>
<p style="margin-bottom: 1px; font-size: 80%; "><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">
<!--Start item 1 -->
<div class="dm-mySlides-carousel-text"><img src="/assets/courseware/v1/0e040f58ae3ae1a49b33b81dd0f18db2/asset-v1:Profosvita+CS-M504+2024+type@asset+block/t7_slider4_img71.png" alt="some image" style="width: 400px; border-radius: 10px; margin:auto " />
</div>
<!--END item -->
</div>
<!--Start elenent 2 -->
<div class="dm-mySlides-carousel">
<!--Start item -->
<div class="dm-mySlides-carousel-text"><img src="/assets/courseware/v1/45e946f0873a2e4d58b2bac16d6b92b4/asset-v1:Profosvita+CS-M504+2024+type@asset+block/t7_slider4_img72.png" alt="some image" style="width: 400px; border-radius: 10px; margin:auto " />
</div>
<!--END item -->
</div>
<!--END Element -->
<!--Start elenent 3 -->
<div class="dm-mySlides-carousel">
<!--Start item -->
<div class="dm-mySlides-carousel-text"><img src="/assets/courseware/v1/75f1e1c7d654399260f6130ed7640310/asset-v1:Profosvita+CS-M504+2024+type@asset+block/t7_slider4_img73.png" alt="some image" style="width: 400px; border-radius: 10px; margin:auto " />
</div>
<!--END item -->
</div>
<!--Start elenent 4 -->
<div class="dm-mySlides-carousel">
<!--Start item -->
<div class="dm-mySlides-carousel-text"><img src="/assets/courseware/v1/b084b114e28498b5074c97697fa87651/asset-v1:Profosvita+CS-M504+2024+type@asset+block/t7_slider4_img74.png" alt="some image" style="width: 400px; border-radius: 10px; margin:auto " />
</div>
<!--END item -->
</div>
<!--Start elenent 5 -->
<div class="dm-mySlides-carousel">
<!--Start item -->
<div class="dm-mySlides-carousel-text"><img src="/assets/courseware/v1/a432a28e3f2b4029b8edeed9b3cadbeb/asset-v1:Profosvita+CS-M504+2024+type@asset+block/t7_slider4_img75.png" alt="some image" style="width: 400px; border-radius: 10px; margin:auto " />
</div>
<!--END item -->
</div>
<!--Start elenent 6 -->
<div class="dm-mySlides-carousel">
<!--Start item -->
<div class="dm-mySlides-carousel-text"><img src="/assets/courseware/v1/fa4d1582817b914c1631feaaf45ea9a2/asset-v1:Profosvita+CS-M504+2024+type@asset+block/t7_slider4_img76.png" alt="some image" style="width: 400px; border-radius: 10px; margin:auto " />
</div>
<!--END item -->
</div>
<!--Start elenent 7 -->
<div class="dm-mySlides-carousel">
<!--Start item -->
<div class="dm-mySlides-carousel-text"><img src="/assets/courseware/v1/c4999cfab4476047201fba1437a9d8c3/asset-v1:Profosvita+CS-M504+2024+type@asset+block/t7_slider4_img77.png" alt="some image" style="width: 400px; border-radius: 10px; margin:auto " />
</div>
<!--END item -->
</div>
<!--Start elenent 8 -->
<div class="dm-mySlides-carousel">
<!--Start item -->
<div class="dm-mySlides-carousel-text"><img src="/assets/courseware/v1/d159022908dec6e9de63291183e473e4/asset-v1:Profosvita+CS-M504+2024+type@asset+block/t7_slider4_img78.png" alt="some image" style="width: 400px; border-radius: 10px; margin:auto " />
</div>
<!--END item -->
</div>
<!--Start elenent 9 -->
<div class="dm-mySlides-carousel">
<!--Start item -->
<div class="dm-mySlides-carousel-text"><img src="/assets/courseware/v1/cbad0084ade9d17856393e7c019aebe1/asset-v1:Profosvita+CS-M504+2024+type@asset+block/t7_slider4_img79.png" alt="some image" style="width: 400px; border-radius: 10px; margin:auto " />
</div>
<!--END item -->
</div>
<!--Start elenent 10 -->
<div class="dm-mySlides-carousel">
<!--Start item -->
<div class="dm-mySlides-carousel-text"><img src="/assets/courseware/v1/3d4dc08149c5d3fac19367502f868611/asset-v1:Profosvita+CS-M504+2024+type@asset+block/t7_slider4_img80.png" alt="some image" style="width: 400px; border-radius: 10px; margin:auto " />
</div>
<!--END item -->
</div>
<!--Start elenent 11 -->
<div class="dm-mySlides-carousel">
<!--Start item -->
<div class="dm-mySlides-carousel-text"><img src="/assets/courseware/v1/3e76562919b6ea5159ebbde5272ef6f4/asset-v1:Profosvita+CS-M504+2024+type@asset+block/t7_slider4_img81.png" alt="some image" style="width: 400px; border-radius: 10px; margin:auto " />
</div>
<!--END item -->
</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><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: 80px;
background: #116062;
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>// <![CDATA[
let allCarouselSliders = document.querySelectorAll(
".carousel-slider-wrapper"
);
for (let i = 0; i < allCarouselSliders.length; i++) {
let currentSlider = allCarouselSliders[i];
let allDots = currentSlider.querySelectorAll(".dm-dot");
let nextButton = currentSlider.querySelector(".dm-next");
let prevButton = currentSlider.querySelector(".dm-prev");
allDots.forEach((dot, index) =>
dot.addEventListener("click", () => {
currentSlide(index + 1);
})
);
nextButton.addEventListener("click", () => {
plusSlides(1);
});
prevButton.addEventListener("click", () => {
plusSlides(-1);
});
let slideIndex1 = 1;
showSlides(slideIndex1, currentSlider);
function plusSlides(n) {
showSlides((slideIndex1 += n), currentSlider);
}
function currentSlide(n) {
showSlides((slideIndex1 = n), currentSlider);
}
function showSlides(n, currentSlider) {
let i;
let slides = currentSlider.getElementsByClassName("dm-mySlides-carousel");
let dots = currentSlider.getElementsByClassName("dm-dot");
if (n > slides.length) {
slideIndex1 = 1;
}
if (n < 1) {
slideIndex1 = slides.length;
}
for (i = 0; i < slides.length; i++) {
slides[i].style.display = "none";
}
for (i = 0; i < dots.length; i++) {
dots[i].className = dots[i].className.replace(" dm-active", "");
}
slides[slideIndex1 - 1].style.display = "block";
dots[slideIndex1 - 1].className += " dm-active";
}
}
// ]]></script>
</div>
</div>
<div class="vert vert-4" data-id="block-v1:Profosvita+CS-M504+2024+type@html+block@492a89dd08a44c1386a61fa5ecf3d30e">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-M504+2024" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-M504+2024+type@html+block@492a89dd08a44c1386a61fa5ecf3d30e" data-request-token="c7199f8243ea11f0ac0942a8cb7a92c5" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<h3 style="padding-top:32px"><span style="color:#116062; "> <b>Примикання до стіни бітумними мембранами</b></span></h3>
<p style="margin-bottom: 1px; font-size: 80%; "><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">
<!--Start item 1 -->
<div class="dm-mySlides-carousel-text"><img src="/assets/courseware/v1/50613af31b5235ca22725748190f0b69/asset-v1:Profosvita+CS-M504+2024+type@asset+block/t7_slider5_img81.png" alt="some image" style="width: 400px; border-radius: 10px; margin:auto " />
</div>
<!--END item -->
</div>
<!--Start elenent 2 -->
<div class="dm-mySlides-carousel">
<!--Start item -->
<div class="dm-mySlides-carousel-text"><img src="/assets/courseware/v1/8b73093f51c7b5c5787e858e0a338e60/asset-v1:Profosvita+CS-M504+2024+type@asset+block/t7_slider5_img82.png" alt="some image" style="width: 400px; border-radius: 10px; margin:auto " />
</div>
<!--END item -->
</div>
<!--END Element -->
<!--Start elenent 3 -->
<div class="dm-mySlides-carousel">
<!--Start item -->
<div class="dm-mySlides-carousel-text"><img src="/assets/courseware/v1/8e2a1d2c9f1bd7f23419be4f05a0187f/asset-v1:Profosvita+CS-M504+2024+type@asset+block/t7_slider5_img83.png" alt="some image" style="width: 400px; border-radius: 10px; margin:auto " />
</div>
<!--END item -->
</div>
<!--Start elenent 4 -->
<div class="dm-mySlides-carousel">
<!--Start item -->
<div class="dm-mySlides-carousel-text"><img src="/assets/courseware/v1/90425ae0d5a2dc2fa356c9c7744ad473/asset-v1:Profosvita+CS-M504+2024+type@asset+block/t7_slider5_img84.png" alt="some image" style="width: 400px; border-radius: 10px; margin:auto " />
</div>
<!--END item -->
</div>
<!--Start elenent 5 -->
<div class="dm-mySlides-carousel">
<!--Start item -->
<div class="dm-mySlides-carousel-text"><img src="/assets/courseware/v1/c77ab563fc23c817bc8cf9ac6c45324b/asset-v1:Profosvita+CS-M504+2024+type@asset+block/t7_slider5_img85.png" alt="some image" style="width: 400px; border-radius: 10px; margin:auto " />
</div>
<!--END item -->
</div>
<!--Start elenent 6 -->
<div class="dm-mySlides-carousel">
<!--Start item -->
<div class="dm-mySlides-carousel-text"><img src="/assets/courseware/v1/daa9eb129e9055d225442b7cd2ed9f17/asset-v1:Profosvita+CS-M504+2024+type@asset+block/t7_slider5_img86.png" alt="some image" style="width: 400px; border-radius: 10px; margin:auto " />
</div>
<!--END item -->
</div>
<!--Start elenent 7 -->
<div class="dm-mySlides-carousel">
<!--Start item -->
<div class="dm-mySlides-carousel-text"><img src="/assets/courseware/v1/4d7ce345f986a15e8b9a0d9f45e449e5/asset-v1:Profosvita+CS-M504+2024+type@asset+block/t7_slider5_img87.png" alt="some image" style="width: 400px; border-radius: 10px; margin:auto " />
</div>
<!--END item -->
</div>
<!--Start elenent 8 -->
<div class="dm-mySlides-carousel">
<!--Start item -->
<div class="dm-mySlides-carousel-text"><img src="/assets/courseware/v1/7aab45a1f7b88c2aff32ad44680a4619/asset-v1:Profosvita+CS-M504+2024+type@asset+block/t7_slider5_img88.png" alt="some image" style="width: 400px; border-radius: 10px; margin:auto " />
</div>
<!--END item -->
</div>
<!--Start elenent 9 -->
<div class="dm-mySlides-carousel">
<!--Start item -->
<div class="dm-mySlides-carousel-text"><img src="/assets/courseware/v1/10890bd1f2cee37a07811352ee5943de/asset-v1:Profosvita+CS-M504+2024+type@asset+block/t7_slider5_img89.png" alt="some image" style="width: 400px; border-radius: 10px; margin:auto " />
</div>
<!--END item -->
</div>
<!--Start elenent 10 -->
<div class="dm-mySlides-carousel">
<!--Start item -->
<div class="dm-mySlides-carousel-text"><img src="/assets/courseware/v1/92c48ff18d3bf29d2265e9f70a95f99d/asset-v1:Profosvita+CS-M504+2024+type@asset+block/t7_slider5_img810.png" alt="some image" style="width: 400px; border-radius: 10px; margin:auto " />
</div>
<!--END item -->
</div>
<!--Start elenent 11 -->
<div class="dm-mySlides-carousel">
<!--Start item -->
<div class="dm-mySlides-carousel-text"><img src="/assets/courseware/v1/183278f27b06daf5d1b52debbdc02d30/asset-v1:Profosvita+CS-M504+2024+type@asset+block/t7_slider5_img811.png" alt="some image" style="width: 400px; border-radius: 10px; margin:auto " />
</div>
<!--END item -->
</div>
<!--Start elenent 12 -->
<div class="dm-mySlides-carousel">
<!--Start item -->
<div class="dm-mySlides-carousel-text"><img src="/assets/courseware/v1/d1cf3141c0f702403d82ebde987f5f32/asset-v1:Profosvita+CS-M504+2024+type@asset+block/t7_slider5_img812.png" alt="some image" style="width: 400px; border-radius: 10px; margin:auto " />
</div>
<!--END item -->
</div>
<!--Start elenent 13 -->
<div class="dm-mySlides-carousel">
<!--Start item -->
<div class="dm-mySlides-carousel-text"><img src="/assets/courseware/v1/9fa1152933e0797737b62506a2d492c0/asset-v1:Profosvita+CS-M504+2024+type@asset+block/t7_slider5_img813.png" alt="some image" style="width: 400px; border-radius: 10px; margin:auto " />
</div>
<!--END item -->
</div>
<!--Start elenent 14 -->
<div class="dm-mySlides-carousel">
<!--Start item -->
<div class="dm-mySlides-carousel-text"><img src="/assets/courseware/v1/d640edffb026a96d13c6c33692cb3739/asset-v1:Profosvita+CS-M504+2024+type@asset+block/t7_slider5_img814.png" alt="some image" style="width: 400px; border-radius: 10px; margin:auto " />
</div>
<!--END item -->
</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><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><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: 80px;
background: #116062;
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>// <![CDATA[
let allCarouselSliders = document.querySelectorAll(
".carousel-slider-wrapper"
);
for (let i = 0; i < allCarouselSliders.length; i++) {
let currentSlider = allCarouselSliders[i];
let allDots = currentSlider.querySelectorAll(".dm-dot");
let nextButton = currentSlider.querySelector(".dm-next");
let prevButton = currentSlider.querySelector(".dm-prev");
allDots.forEach((dot, index) =>
dot.addEventListener("click", () => {
currentSlide(index + 1);
})
);
nextButton.addEventListener("click", () => {
plusSlides(1);
});
prevButton.addEventListener("click", () => {
plusSlides(-1);
});
let slideIndex1 = 1;
showSlides(slideIndex1, currentSlider);
function plusSlides(n) {
showSlides((slideIndex1 += n), currentSlider);
}
function currentSlide(n) {
showSlides((slideIndex1 = n), currentSlider);
}
function showSlides(n, currentSlider) {
let i;
let slides = currentSlider.getElementsByClassName("dm-mySlides-carousel");
let dots = currentSlider.getElementsByClassName("dm-dot");
if (n > slides.length) {
slideIndex1 = 1;
}
if (n < 1) {
slideIndex1 = slides.length;
}
for (i = 0; i < slides.length; i++) {
slides[i].style.display = "none";
}
for (i = 0; i < dots.length; i++) {
dots[i].className = dots[i].className.replace(" dm-active", "");
}
slides[slideIndex1 - 1].style.display = "block";
dots[slideIndex1 - 1].className += " dm-active";
}
}
// ]]></script>
</div>
</div>
<div class="vert vert-5" data-id="block-v1:Profosvita+CS-M504+2024+type@html+block@6354667db33a4ec9a1059de883cc6437">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-M504+2024" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-M504+2024+type@html+block@6354667db33a4ec9a1059de883cc6437" data-request-token="c7199f8243ea11f0ac0942a8cb7a92c5" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<h3 style="padding-top:32px"><span style="color:#116062; "> <b>Гідроізоляція рухомих зʼєднань з бітумними мембранами <br/>
Тип зʼєднання 1
</b></span></h3>
<p style="margin-bottom: 1px; font-size: 80%; "><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">
<!--Start item 1 -->
<div class="dm-mySlides-carousel-text"><img src="/assets/courseware/v1/05a13d6885397f9612b21ad8c6031996/asset-v1:Profosvita+CS-M504+2024+type@asset+block/t7_slider6_img91.png" alt="some image" style="width: 720px; border-radius: 10px; margin:auto " />
</div>
<!--END item -->
</div>
<!--Start elenent 2 -->
<div class="dm-mySlides-carousel">
<!--Start item -->
<div class="dm-mySlides-carousel-text"><img src="/assets/courseware/v1/18f0847858bc1228b8f6fc1ea928323d/asset-v1:Profosvita+CS-M504+2024+type@asset+block/t7_slider6_img92.png" alt="some image" style="width: 720px; border-radius: 10px; margin:auto " />
</div>
<!--END item -->
</div>
<!--END Element -->
<!--Start elenent 3 -->
<div class="dm-mySlides-carousel">
<!--Start item -->
<div class="dm-mySlides-carousel-text"><img src="/assets/courseware/v1/4d837229b4d44af3d314c67ca85aa581/asset-v1:Profosvita+CS-M504+2024+type@asset+block/t7_slider6_img93.png" alt="some image" style="width: 720px; border-radius: 10px; margin:auto " />
</div>
<!--END item -->
</div>
<!--Start elenent 4 -->
<div class="dm-mySlides-carousel">
<!--Start item -->
<div class="dm-mySlides-carousel-text"><img src="/assets/courseware/v1/c617c726a75769600a2b368ad7e4891f/asset-v1:Profosvita+CS-M504+2024+type@asset+block/t7_slider6_img94-5.png" alt="some image" style="width: 720px; border-radius: 10px; margin:auto " />
</div>
<!--END item -->
</div>
<!--Start elenent 5 -->
<div class="dm-mySlides-carousel">
<!--Start item -->
<div class="dm-mySlides-carousel-text"><img src="/assets/courseware/v1/ebeccd4ba7b0bcc42b0eede8add86723/asset-v1:Profosvita+CS-M504+2024+type@asset+block/t7_slider6_img96-7.png" alt="some image" style="width: 720px; border-radius: 10px; margin:auto " />
</div>
<!--END item -->
</div>
<!--Start elenent 6 -->
<div class="dm-mySlides-carousel">
<!--Start item -->
<div class="dm-mySlides-carousel-text"><img src="/assets/courseware/v1/af60fa973a5bc3711c67b8ec2c5e38fc/asset-v1:Profosvita+CS-M504+2024+type@asset+block/t7_slider6_img98.png" alt="some image" style="width: 720px; border-radius: 10px; margin:auto " />
</div>
<!--END item -->
</div>
<!--Start elenent 7 -->
<div class="dm-mySlides-carousel">
<!--Start item -->
<div class="dm-mySlides-carousel-text"><img src="/assets/courseware/v1/0c03167e410dadce0a46bdcf70a56724/asset-v1:Profosvita+CS-M504+2024+type@asset+block/t7_slider6_img99.png" alt="some image" style="width: 720px; border-radius: 10px; margin:auto " />
</div>
<!--END item -->
</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> <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: 80px;
background: #116062;
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>// <![CDATA[
let allCarouselSliders = document.querySelectorAll(
".carousel-slider-wrapper"
);
for (let i = 0; i < allCarouselSliders.length; i++) {
let currentSlider = allCarouselSliders[i];
let allDots = currentSlider.querySelectorAll(".dm-dot");
let nextButton = currentSlider.querySelector(".dm-next");
let prevButton = currentSlider.querySelector(".dm-prev");
allDots.forEach((dot, index) =>
dot.addEventListener("click", () => {
currentSlide(index + 1);
})
);
nextButton.addEventListener("click", () => {
plusSlides(1);
});
prevButton.addEventListener("click", () => {
plusSlides(-1);
});
let slideIndex1 = 1;
showSlides(slideIndex1, currentSlider);
function plusSlides(n) {
showSlides((slideIndex1 += n), currentSlider);
}
function currentSlide(n) {
showSlides((slideIndex1 = n), currentSlider);
}
function showSlides(n, currentSlider) {
let i;
let slides = currentSlider.getElementsByClassName("dm-mySlides-carousel");
let dots = currentSlider.getElementsByClassName("dm-dot");
if (n > slides.length) {
slideIndex1 = 1;
}
if (n < 1) {
slideIndex1 = slides.length;
}
for (i = 0; i < slides.length; i++) {
slides[i].style.display = "none";
}
for (i = 0; i < dots.length; i++) {
dots[i].className = dots[i].className.replace(" dm-active", "");
}
slides[slideIndex1 - 1].style.display = "block";
dots[slideIndex1 - 1].className += " dm-active";
}
}
// ]]></script>
</div>
</div>
<div class="vert vert-6" data-id="block-v1:Profosvita+CS-M504+2024+type@html+block@da7c0696a7e44c8fb8a98ada4e1ced8f">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-M504+2024" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-M504+2024+type@html+block@da7c0696a7e44c8fb8a98ada4e1ced8f" data-request-token="c7199f8243ea11f0ac0942a8cb7a92c5" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<h3 style="padding-top:32px"><span style="color:#116062; "> <b>Гідроізоляція рухомих зʼєднань з бітумними мембранами <br/>
Тип зʼєднання 2
</b></span></h3>
<p style="margin-bottom: 1px; font-size: 80%; "><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">
<!--Start item 1 -->
<div class="dm-mySlides-carousel-text"><img src="/assets/courseware/v1/efe42291c2f7b640dff94a6682c004e4/asset-v1:Profosvita+CS-M504+2024+type@asset+block/t7_slider6_img911.png" alt="some image" style="width: 400px; border-radius: 10px; margin:auto " />
</div>
<!--END item -->
</div>
<!--Start elenent 2 -->
<div class="dm-mySlides-carousel">
<!--Start item -->
<div class="dm-mySlides-carousel-text"><img src="/assets/courseware/v1/65aa849ac47b3d58e3fb522c041b2b8d/asset-v1:Profosvita+CS-M504+2024+type@asset+block/t7_slider6_img912.png" alt="some image" style="width: 400px; border-radius: 10px; margin:auto " />
</div>
<!--END item -->
</div>
<!--END Element -->
<!--Start elenent 3 -->
<div class="dm-mySlides-carousel">
<!--Start item -->
<div class="dm-mySlides-carousel-text"><img src="/assets/courseware/v1/afca94b76b43f8a8a6fe9d95fb5bb9b2/asset-v1:Profosvita+CS-M504+2024+type@asset+block/t7_slider6_img913.png" alt="some image" style="width: 400px; border-radius: 10px; margin:auto " />
</div>
<!--END item -->
</div>
<!--Start elenent 4 -->
<div class="dm-mySlides-carousel">
<!--Start item -->
<div class="dm-mySlides-carousel-text"><img src="/assets/courseware/v1/a2222135e1b6e90d52d6d316277718bf/asset-v1:Profosvita+CS-M504+2024+type@asset+block/t7_slider6_img914.png" alt="some image" style="width: 400px; border-radius: 10px; margin:auto " />
</div>
<!--END item -->
</div>
<!--Start elenent 5 -->
<div class="dm-mySlides-carousel">
<!--Start item -->
<div class="dm-mySlides-carousel-text"><img src="/assets/courseware/v1/2c5a8d6d226bc0bb822041e4ca4b3553/asset-v1:Profosvita+CS-M504+2024+type@asset+block/t7_slider6_img915.png" alt="some image" style="width: 400px; border-radius: 10px; margin:auto " />
</div>
<!--END item -->
</div>
<!--Start elenent 6 -->
<div class="dm-mySlides-carousel">
<!--Start item -->
<div class="dm-mySlides-carousel-text"><img src="/assets/courseware/v1/1d19f2a4b9bafedcb3452c24ea4edab2/asset-v1:Profosvita+CS-M504+2024+type@asset+block/t7_slider6_img916.png" alt="some image" style="width: 400px; border-radius: 10px; margin:auto " />
</div>
<!--END item -->
</div>
<!--Start elenent 7 -->
<div class="dm-mySlides-carousel">
<!--Start item -->
<div class="dm-mySlides-carousel-text"><img src="/assets/courseware/v1/22282381a637d1824998959a5fa49f30/asset-v1:Profosvita+CS-M504+2024+type@asset+block/t7_slider6_img917.png" alt="some image" style="width: 400px; border-radius: 10px; margin:auto " />
</div>
<!--END item -->
</div>
<!--Start elenent 8 -->
<div class="dm-mySlides-carousel">
<!--Start item -->
<div class="dm-mySlides-carousel-text"><img src="/assets/courseware/v1/c03e22281d9a3d3e9b0cbe491ded9e7f/asset-v1:Profosvita+CS-M504+2024+type@asset+block/t7_slider6_img918.png" alt="some image" style="width: 400px; border-radius: 10px; margin:auto " />
</div>
<!--END item -->
</div>
<!--Start elenent 9 -->
<div class="dm-mySlides-carousel">
<!--Start item -->
<div class="dm-mySlides-carousel-text"><img src="/assets/courseware/v1/58f3fd13391168490d31a223fa4e9ae3/asset-v1:Profosvita+CS-M504+2024+type@asset+block/t7_slider6_img919.png" alt="some image" style="width: 400px; border-radius: 10px; margin:auto " />
</div>
<!--END item -->
</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><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: 80px;
background: #116062;
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>// <![CDATA[
let allCarouselSliders = document.querySelectorAll(
".carousel-slider-wrapper"
);
for (let i = 0; i < allCarouselSliders.length; i++) {
let currentSlider = allCarouselSliders[i];
let allDots = currentSlider.querySelectorAll(".dm-dot");
let nextButton = currentSlider.querySelector(".dm-next");
let prevButton = currentSlider.querySelector(".dm-prev");
allDots.forEach((dot, index) =>
dot.addEventListener("click", () => {
currentSlide(index + 1);
})
);
nextButton.addEventListener("click", () => {
plusSlides(1);
});
prevButton.addEventListener("click", () => {
plusSlides(-1);
});
let slideIndex1 = 1;
showSlides(slideIndex1, currentSlider);
function plusSlides(n) {
showSlides((slideIndex1 += n), currentSlider);
}
function currentSlide(n) {
showSlides((slideIndex1 = n), currentSlider);
}
function showSlides(n, currentSlider) {
let i;
let slides = currentSlider.getElementsByClassName("dm-mySlides-carousel");
let dots = currentSlider.getElementsByClassName("dm-dot");
if (n > slides.length) {
slideIndex1 = 1;
}
if (n < 1) {
slideIndex1 = slides.length;
}
for (i = 0; i < slides.length; i++) {
slides[i].style.display = "none";
}
for (i = 0; i < dots.length; i++) {
dots[i].className = dots[i].className.replace(" dm-active", "");
}
slides[slideIndex1 - 1].style.display = "block";
dots[slideIndex1 - 1].className += " dm-active";
}
}
// ]]></script>
</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>
Завершення тесту
У вас залишилися невиконані завдання. Ви впевнені, що хочете завершити тест?
Тестування завершено.
Ви завершили тестування з розділу
"Модуль 2. Професійно-теоретична та професійно-практична підготовка"
© Всі права захищено