<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:Profosvita+CS-002-EDUP+2023" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Profosvita+CS-002-EDUP+2023+type@vertical+block@f08a0af5e9374181be7f297135075738" data-request-token="9a660c6c5e6d11f0a7fea207eedc25ee" data-graded="False" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:Profosvita+CS-002-EDUP+2023+type@html+block@c31635078b494bec929469b8047ca16f">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-002-EDUP+2023" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-002-EDUP+2023+type@html+block@c31635078b494bec929469b8047ca16f" data-request-token="9a660c6c5e6d11f0a7fea207eedc25ee" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<h2 style="text-align: center;"><span style="font-size: 1.1em;"><strong><span color="#004984" style="color: #004984;">ІНСТАЛЯЦІЯ ДЛЯ </span></strong><span style="color: #ee7026;"><strong> УНІТАЗА</strong></span></span></h2>
<div style="background-color: #c0e3ec !important; border: 1px solid lightgrey; border-radius: 5px; padding: 20px 20px; box-shadow: 0 4px 10px 0 rgb(0 0 0 / 20%), 0 4px 20px 0 rgb(0 0 0 / 19%); margin: 24px 0px 24px 0px;">
<p style="color: #004984;"><strong>Я ЗМОЖУ</strong> </p>
<ul>
<ul>
<li>відрізняти види інсталяцій та способи їхнього монтажу;</li>
<li>обирати інсталяцію для підвісного унітаза;</li>
<li>обирати інструмент та обладнання для виконання монтажу інсталяції для підвісного унітаза;</li>
<li>підбирати матеріали для виконання монтажу інсталяції для підвісного унітаза;</li>
<li>відтворювати технологічну послідовність монтажу інсталяції для підвісного унітаза.</li>
</ul>
</ul>
</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-002-EDUP+2023" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Profosvita+CS-002-EDUP+2023+type@vertical+block@30bf494af0ed49be99196ad141d6d57a" data-request-token="9a660c6c5e6d11f0a7fea207eedc25ee" data-graded="False" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:Profosvita+CS-002-EDUP+2023+type@html+block@cb7f39f5b11a4f8486abe9e7e7341b71">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-002-EDUP+2023" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-002-EDUP+2023+type@html+block@cb7f39f5b11a4f8486abe9e7e7341b71" data-request-token="9a660c6c5e6d11f0a7fea207eedc25ee" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<div style="background-color: #dfe6ea !important; border: 1px solid lightgrey; border-radius: 5px; padding: 16px 20px; margin-bottom: 16px; box-shadow: 0 4px 10px 0 rgb(0 0 0 / 20%), 0 4px 20px 0 rgb(0 0 0 / 19%);">
<p><span style="color: #004984;"><strong>ІНСТАЛЯЦІЯ</strong></span> - це обладнання (рама), на яке кріпиться приймач стічної води (підвісний унітаз, біде, умивальник, пісуар). Інсталяцію використовують для того, щоб приховати системи комунікацій водопостачання та водовідведення.</p>
</div>
<p style=" font-size: 80%; "><i>Натисніть на інтерактивні елементи, щоб розглянути переваги й недоліки </i></p>
<div class="tab-wrapper">
<div class="tab-controls"><button class="tab-controls__button active"><span style="color: #075b5b;"><strong>ПЕРЕВАГИ:</strong></span></button> <button class="tab-controls__button"><span style="color: #861148;"><strong>НЕДОЛІКИ:</strong></span></button></div>
<div class="tab-content">
<div style="display: flex;">
<div style="width: 20%; align-self: center; text-align: center;"><img src="/assets/courseware/v1/3826e7f7377828a5b9e2796457cbe4cc/asset-v1:Profosvita+CS-002-EDUP+2023+type@asset+block/plus_like.png" style="width: 75%; max-width: 100px;" alt="image" /></div>
<div style="width: 100%; align-self: center;">
<ul>
<li>унітаз, біде, умивальник чи пісуар займають мінімум місця;</li>
<li>відсутність ніжок (унітазу, біде) дозволяє зберегти однорідність малюнка підлогового покриття і дає можливість провести утеплення підлоги;</li>
<li>прихований монтаж конструкції в підвісних та рамних інсталяціях;</li>
<li>прихований монтаж мереж водопостачання та водовідведення в усіх видах інсталяцій;</li>
<li>монтаж підвісної інсталяції використовується також у відкритих системах водопостачання та водовідведення.</li>
<li>регулювання міжосьової відстані монтажних шпильок в усіх видах інсталяцій;</li>
<li>регулювання по висоті рами інсталяції від чистової підлоги, відповідно до норм ;</li>
<li>універсальна конструкція рамної та модульної інсталяції для різних видів монтажу змішувачів умивальника;</li>
<li>монтаж підвісної інсталяції дозволяє приховувати її в ніші в одній площині з чистовою поверхнею стіни;</li>
<li>незалежно від виду стіни, інсталяції монтуються легко і швидко та надійно служать протягом багатьох років.</li>
</ul>
</div>
</div>
</div>
<div class="tab-content">
<div style="display: flex;">
<div style="width: 20%; align-self: center; text-align: center;"><img src="/assets/courseware/v1/ea88f2316556d1d436e60c9fda5e70eb/asset-v1:Profosvita+CS-002-EDUP+2023+type@asset+block/minus_like.png" style="width: 75%; max-width: 100px;" alt="image" /></div>
<div style="width: 100%; align-self: center;">
<ul>
<li>порівняно висока ціна для всіх видів інсталяції;</li>
<li>периметр приміщення зменшується за рахунок глибини рами для модульної та рамної інсталяції;</li>
<li>унеможливлює використання трубопроводу з роз'ємними з'єднаннями для усіх видів інсталяції. В деяких випадках підвісна інсталяція є винятком;</li>
<li>відсутня ревізія трубопроводу системи водопостачання та водовідведення для всіх видів інсталяції. В деяких випадках підвісна інсталяція є винятком.</li>
</ul>
</div>
</div>
</div>
</div>
<style><!--
p.tab-wrapper-about.tab-wrapper-about-2 {
margin-bottom: 5px;
}
.tab-controls {
overflow: hidden;
background-color: #EDEDED;
border-radius: 6px 6px 0 0;
display: flex;
}
.tab-controls button:not(:last-child) {
margin-right: 0px;
}
.tab-controls button {
background-image: none;
text-shadow: none;
background-color: inherit;
color: #000000;
flex: 1;
float: none;
border-radius: 6px 6px 0 0;
box-shadow: none;
border: none;
outline: none;
cursor: pointer;
padding: 14px 16px;
transition: 0.3s;
font-size: 14px;
font-family: inherit;
}
.tab-controls button:hover,
.tab-controls button:active,
.tab-controls button:focus {
background-color: #c0c0c0ff;
background-image: none;
box-shadow: none;
border: none;
text-shadow: none;
}
.tab-controls button.active {
background-color: #c0c0c0ff;
}
.tab-content {
display: none;
padding: 15px 15px;
border-radius: 0 0 6px 6px;
border-top: none;
box-shadow: 0 1px 2px 0 rgba(44, 47, 60, 0.06), 0 3px 10px 0 rgba(44, 47, 60, 0.09);
overflow: auto;
margin-bottom: 20px;
}
@media only screen and (max-width: 980px) {
.tab-controls {
overflow: auto;
flex-direction: column;
}
}
--></style>
<script>// <![CDATA[
$(".tab-wrapper").each(function () {
const buttons = $(this).find(".tab-controls__button");
const tabs = $(this).find(".tab-content");
if (tabs.length !== buttons.length) {
$(this).html("<p style='text-align:center; color: red'>ERROR, UNEQUAL AMOUNT OF TABS AND BUTTONS</p>");
} else {
tabs.eq(0).show();
buttons.each(function (index) {
$(this).click(function () {
buttons.each(function () {
$(this).removeClass("active");
});
tabs.each(function () {
$(this).hide();
});
$(this).addClass("active");
tabs.eq(index).show();
});
});
}
});
// ]]></script>
<div style="padding-top:32px">
<table style="width: 100%; padding-top:32px">
<tbody>
<tr>
<td style="width: 25%; text-align: center; vertical-align: middle; border-style: none;"><img height="auto" width="180" src="/assets/courseware/v1/2d75d8ec7310b76fbc507bcc0fa70895/asset-v1:Profosvita+CS-002-EDUP+2023+type@asset+block/icons_add_done.png" alt="Додаткові матеріали" /></td>
<td style="vertical-align: middle; border-style: none;">
<span style="color: #ee7026; font-size:120%"><strong>Відео:</strong></span>
<p><span style="color: #004984;">
<strong><a href="https://youtu.be/5Eru86fPBFQ" target="[object Object]">Розпакування та огляд інсталяції для підвісного унітазу Geberit Duofix Delta 458.126.00.1</a><br /></strong></span></p>
</td>
</tr>
</tbody>
</table>
</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-002-EDUP+2023" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Profosvita+CS-002-EDUP+2023+type@vertical+block@0cbdc83aec634f16a20eec92f80336dc" data-request-token="9a660c6c5e6d11f0a7fea207eedc25ee" data-graded="False" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:Profosvita+CS-002-EDUP+2023+type@html+block@c8144208a2d84fac9e8ce843f107ca53">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-002-EDUP+2023" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-002-EDUP+2023+type@html+block@c8144208a2d84fac9e8ce843f107ca53" data-request-token="9a660c6c5e6d11f0a7fea207eedc25ee" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p><span style="color: #ee7026;"><strong>1. Рамна конструкція, яка кріпиться до стіни та підлоги</strong></span></p>
<p style="font-size: 80%;"><i>Наведіть курсор на інтерактивні зображення, щоб розглянути креслення.</i></p>
<table>
<tbody>
<tr>
<td style="width: 50%; border-style: hidden; vertical-align: top;">
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front"><img height="320" width="400" src="/assets/courseware/v1/82f61cedc0a92374f06a38affb564668/asset-v1:Profosvita+CS-002-EDUP+2023+type@asset+block/%D0%A2%D0%B5%D0%BC%D0%B0_13.1..png" alt="рамна конструкція" /></div>
<div class="flip-card-back"><img src="/assets/courseware/v1/f0ae6ccc9a8076593767a623b6b8bd10/asset-v1:Profosvita+CS-002-EDUP+2023+type@asset+block/%D0%A2%D0%B5%D0%BC%D0%B0_13.1.1.jpg" alt="рамна конструкція креслення" /></div>
</div>
</div>
</td>
<td style="width: 50%; border-style: hidden; vertical-align: middle;">
<ul>
<li>ширина інсталяції - 50 см;</li>
<li>висота монтажу до 132 см;</li>
<li>глибина монтажу інсталяції від 12 см;</li>
<li>монтажні шпильки для монтажу підвісного унітазу регулюються міжосьовою відстанню довжиною у 18 см або 23 см.</li>
</ul>
</td>
</tr>
</tbody>
</table>
<p></p>
<p></p>
<p></p>
<p style="text-align: center;"></p>
<p><strong style="color: #ee7026;">2. Рамна конструкція, яка кріпиться до стіни та підлоги (кутова)</strong></p>
<table>
<tbody>
<tr>
<td style="width: 50%; border-style: hidden; vertical-align: top;">
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front"><img height="315" width="263" src="/assets/courseware/v1/879f2bf489b7595e1a793f92ecbdd940/asset-v1:Profosvita+CS-002-EDUP+2023+type@asset+block/%D0%A2%D0%B5%D0%BC%D0%B0_13.2..png" alt="кутова конструкція" /></div>
<div class="flip-card-back"><img src="/assets/courseware/v1/8594c661b0d7e0ca2914a57a085607f1/asset-v1:Profosvita+CS-002-EDUP+2023+type@asset+block/%D0%A2%D0%B5%D0%BC%D0%B0_13.2.1.png" alt="кутова конструкція креслення" /></div>
</div>
</div>
</td>
<td style="width: 50%; border-style: hidden; vertical-align: middle;">
<ul>
<li>ширина інсталяції - 56-76 см;</li>
<li>висота монтажу до 112 см;</li>
<li>глибина монтажу інсталяції від 13 см;</li>
<li>монтажні шпильки для монтажу підвісного унітазу регулюються міжосьовою відстанню довжиною у 18 або 23 см.</li>
</ul>
</td>
</tr>
</tbody>
</table>
<p style="text-align: center;"></p>
<p><strong style="color: #ee7026;">3. Профільна (блокова) підвісна інсталяція, яка кріпиться до стіни</strong></p>
<table>
<tbody>
<tr>
<td style="width: 50%; border-style: hidden; vertical-align: top;">
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front"><img height="315" width="179" src="/assets/courseware/v1/6a5d93e7961dcd4369b0309dbcd9e9a2/asset-v1:Profosvita+CS-002-EDUP+2023+type@asset+block/%D0%A2%D0%B5%D0%BC%D0%B0_13.3..png" alt="профільна конструкція" /></div>
<div class="flip-card-back"><img src="/assets/courseware/v1/1a2f250fda8f95e3a514e378aced9b6b/asset-v1:Profosvita+CS-002-EDUP+2023+type@asset+block/%D0%A2%D0%B5%D0%BC%D0%B0_13.3.1.png" alt="профільна конструкція креслення" /></div>
</div>
</div>
</td>
<td style="width: 50%; border-style: hidden; vertical-align: middle;">
<ul>
<li>ширина інсталяції - 42 см;</li>
<li>висота монтажу до 108 см;</li>
<li>глибина монтажу інсталяції від 12 см;</li>
<li>монтажні шпильки для монтажу підвісного унітазу регулюються міжосьовою відстанню довжиною у 18 або 23 см.</li>
</ul>
</td>
</tr>
</tbody>
</table>
<p></p>
<p><span style="color: #ee7026;"><strong>4. Інсталяції для підвісного унітазу модульного типу</strong></span></p>
<table>
<tbody>
<tr>
<td style="width: 50%; border-style: hidden; vertical-align: top;">
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front"><img height="315" width="250" src="/assets/courseware/v1/cb49e98f6af297717287f1ae09ee8cc3/asset-v1:Profosvita+CS-002-EDUP+2023+type@asset+block/%D0%A2%D0%B5%D0%BC%D0%B0_13.4..png" alt="підвісний унітаз" /></div>
<div class="flip-card-back"><img src="/assets/courseware/v1/de55d1e525be27d5434b80c8ced30eee/asset-v1:Profosvita+CS-002-EDUP+2023+type@asset+block/%D0%A2%D0%B5%D0%BC%D0%B0_13.4.1.jpg" alt="профільна конструкція креслення" /></div>
</div>
</div>
</td>
<td style="width: 50%; border-style: hidden; vertical-align: middle;">
<ul>
<li>рамна конструкція, яка кріпиться до стіни та підлоги;</li>
<li>ширина інсталяції - 48 см;</li>
<li>висота монтажу до 101 см;</li>
<li>глибина монтажу інсталяції від 10 см;</li>
<li>монтажні шпильки для монтажу підвісного унітазу регулюються міжосьової відстанню довжиною у 18 або 23 см.</li>
</ul>
</td>
</tr>
</tbody>
</table>
<p></p>
<style><!--
body {
}
.flip-card {
background-color: transparent;
width: 400px;
height: 320px;
perspective: 1000px;
vertical-aligh: middle;
}
.flip-card-inner {
position: relative;
width: 100%;
height: 100%;
text-align: center;
transition: transform 0.6s;
transform-style: preserve-3d;
box-shadow: 0 4px 8px 0 ;
}
.flip-card:hover .flip-card-inner {
transform: rotateY(180deg);
}
.flip-card-front, .flip-card-back {
position: absolute;
width: 100%;
height: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.flip-card-front {
background-color: #fff;
color: black;
}
.flip-card-back {
background-color: #fff;
color: white;
transform: rotateY(180deg);
padding: 5px;
vertical-align: middle;
}
--></style>
</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-002-EDUP+2023" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Profosvita+CS-002-EDUP+2023+type@vertical+block@7580498375ab4900b72936b7ff1fccd1" data-request-token="9a660c6c5e6d11f0a7fea207eedc25ee" data-graded="False" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:Profosvita+CS-002-EDUP+2023+type@html+block@504197613f874204a528abb65098920d">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-002-EDUP+2023" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-002-EDUP+2023+type@html+block@504197613f874204a528abb65098920d" data-request-token="9a660c6c5e6d11f0a7fea207eedc25ee" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<h3 style="color: #004984;" ><b>На рамі зображені такі елементи:</b></h3>
<p style=" font-size: 80%; "><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/3d3c2a04a0a462f8358db7d979e276b1/asset-v1:Profosvita+CS-002-EDUP+2023+type@asset+block/t13_instal_unitaz2.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>Елементи для кріплення</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>Пластиковий відвід для подачі води до підвісного унітазу</b>
<p>Діаметром 40мм зі спеціальним манжетним ущільнювачем</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>Елементи для кріплення</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>Кріпильні елементи </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>Кріпильні елементи</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>Кілька поперечок</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>Установчі шпильки для кріплення підвісного унітазу</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>Кілька поперечок</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>Пластиковий каналізаційний відвід</b>
<p>Діаметром 90мм із спеціальним манжетним ущільнювачем</p>
</div>
</div>
</div>
<!-- enddddddddddddddd -->
</div>
</div>
</div>
</div>
</div>
<style><!--
.dm-sc-img-modals-btn.hotspot-1 {
left: 12%;
top: 12%;
}
.dm-sc-img-modals-btn.hotspot-2 {
left: 12%;
top: 57%;
}
.dm-sc-img-modals-btn.hotspot-3 {
left: 12%;
top: 78%;
}
.dm-sc-img-modals-btn.hotspot-4 {
left: 12%;
top: 87%;
}
.dm-sc-img-modals-btn.hotspot-5 {
left: 86%;
top: 9%;
}
.dm-sc-img-modals-btn.hotspot-6 {
left: 86%;
top: 48%;
}
.dm-sc-img-modals-btn.hotspot-7 {
left: 86%;
top: 66%;
}
.dm-sc-img-modals-btn.hotspot-8 {
left: 86%;
top: 75%;
}
.dm-sc-img-modals-btn.hotspot-9 {
left: 86%;
top: 87%;
}
--></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: #a3b1e2;
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: #004984;
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: #a3b1e2;
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>
</div>
</div>
<div class="vert vert-1" data-id="block-v1:Profosvita+CS-002-EDUP+2023+type@html+block@ac80955b4e6346d398f846f2d1b3dd54">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-002-EDUP+2023" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-002-EDUP+2023+type@html+block@ac80955b4e6346d398f846f2d1b3dd54" data-request-token="9a660c6c5e6d11f0a7fea207eedc25ee" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<div style="padding-top: 32px;">
<table style="width: 100%; padding-top: 32px;">
<tbody>
<tr>
<td style="width: 25%; text-align: center; vertical-align: middle; border-style: none;"><img height="auto" width="180" src="/assets/courseware/v1/2d75d8ec7310b76fbc507bcc0fa70895/asset-v1:Profosvita+CS-002-EDUP+2023+type@asset+block/icons_add_done.png" alt="Додаткові матеріали" /></td>
<td style="vertical-align: middle; border-style: none;"><span style="color: #ee7026; font-size: 120%;"><strong>Відео:</strong></span>
<p><strong><a href="https://youtu.be/5Eru86fPBFQ" target="[object Object]">Розпакування та огляд інсталяції для підвісного унітазу Geberit Duofix Delta 458.126.00.1</a></strong></p>
</td>
</tr>
</tbody>
</table>
</div>
<p></p>
<div id="gtx-trans" style="position: absolute; left: 448px; top: 151.328px;">
<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>
Завершення тесту
У вас залишилися невиконані завдання. Ви впевнені, що хочете завершити тест?
Тестування завершено.
Ви завершили тестування з розділу
"Тема 13. Інсталяція для унітаза"
© Всі права захищено