<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:Profosvita+CS-S003-SGM+2024" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Profosvita+CS-S003-SGM+2024+type@vertical+block@7a58f038a96741fb90e5a40fe93e938c" data-request-token="3570180a2fa711f1b94cce4bc903b8b7" data-graded="False" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:Profosvita+CS-S003-SGM+2024+type@html+block@fd9795fd6b0c49bdab7c2593955ab506">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S003-SGM+2024" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S003-SGM+2024+type@html+block@fd9795fd6b0c49bdab7c2593955ab506" data-request-token="3570180a2fa711f1b94cce4bc903b8b7" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<h3>Вступ до уроку</h3>
<p></p>
<p>Під час ремонтних робіт важливо ефективно взаємодіяти з різноманітністю стінного рельєфу. Відмінним рішенням в цьому контексті є перетворення виступу в стіні на стильну та функціональну нішу. Вона не лише додасть унікальний елемент до вашого приміщення, але й стане ключовою деталлю у загальній композиції. Саме тому у цьому уроці ви дізнаєтеся що таке ніша, де її встановлюють, познайомитеся з конструктивними особливостями, а також дізнаєтеся, які матеріали найкраще використовувати для її оздоблення. </p>
</div>
</div>
<div class="vert vert-1" data-id="block-v1:Profosvita+CS-S003-SGM+2024+type@html+block@2320a7cb70bc497c96378861355a0d4b">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S003-SGM+2024" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S003-SGM+2024+type@html+block@2320a7cb70bc497c96378861355a0d4b" data-request-token="3570180a2fa711f1b94cce4bc903b8b7" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<h3>Ніші, їх види</h3>
<div style="display: flex; align-items: center;"><img src="/assets/courseware/v1/c59a98ec5a162e1437a859c4b11b8a2f/asset-v1:Profosvita+CS-S003-SGM+2024+type@asset+block/%D0%A2%D0%B5%D0%BC%D0%B0-3.2.-%D0%9D%D1%96%D1%88%D1%96.png" alt="picture" style="width: 100px; margin-bottom: 10px;" />
<div style="padding-left: 20px; text-align: justify;">
<p><b>Ніша</b> — це поглиблення у стіні, яке є частиною інтер’єру. Залежно від розміру та розташування, її можна використовувати для різних цілей. Горизонтальні ніші зазвичай влаштовують в передпокої та коридорах, а от вертикальні розміщують поруч із дверима або вікнами.
</div>
</div>
<p>Ніші можна умовно класифікувати за місцем розташування в інтер’єрі квартири, а саме:</p>
<p><img height="80%" width="80%" src="/assets/courseware/v1/f5d60dc182910b3e829ee656f470e5bc/asset-v1:Profosvita+CS-S003-SGM+2024+type@asset+block/%D0%9D%D1%96%D1%88%D1%96_%D0%B2_%D0%BA%D1%96%D0%BC%D0%BD%D0%B0%D1%82%D0%B0%D1%85.png" alt="avatar" style="display: block; margin-left: auto; margin-right: auto;" /></p>
<p></p>
</div>
</div>
<div class="vert vert-2" data-id="block-v1:Profosvita+CS-S003-SGM+2024+type@html+block@54989536979549b1beefc2e50e5bfba8">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S003-SGM+2024" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S003-SGM+2024+type@html+block@54989536979549b1beefc2e50e5bfba8" data-request-token="3570180a2fa711f1b94cce4bc903b8b7" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<h3>Співвідношення виду ніші з місцем її розміщення</h3>
<p><b>Ніша</b> слугує не тільки красивим елементом декору, але і цілком функціональною архітектурною деталлю. При виборі її виду варто враховувати гармонійне поєднання з меблями в кімнаті. Якщо декор меблів усіяний вензелями, завитками та різьбленими елементами, лінії поглиблення повинні бути округлими або ламаними. Стандартний прямокутний варіант поєднується з меблями в стилі мінімалізму.</p>
<p><i>Ознайомтесь з рекомендаціями щодо варіантів розміщення ніш залежно від місця їх розташування.</i></p>
<ul class="i-featuresList-1 i-featuresList-1">
<li class="ifl-feature-1">
<div class="ifl-description">Вітальня, спальня, передпокій, ванна кімната.</div>
<div class="ifl-nbr">Горизонтальна</div>
<div class="ifl-nbr-shadow"></div>
</li>
<li class="ifl-feature-1">
<div class="ifl-description"><b></b>Кабінет, вітальня, передпокій, дитяча, кухня.</div>
<div class="ifl-nbr">Вертикальна</div>
<div class="ifl-nbr-shadow"></div>
</li>
<li class="ifl-feature-1">
<div class="ifl-description"><b></b>Дитяча кімната, вітальня, лоджія, ванна кімната, загальний хол в будинку.</div>
<div class="ifl-nbr">Нестандартна</div>
<div class="ifl-nbr-shadow"></div>
</li>
<li class="ifl-feature-1">
<div class="ifl-description"><b></b>Композиція з поглиблень підійде для будь-якого приміщення.</div>
<div class="ifl-nbr">Композиція</div>
<div class="ifl-nbr-shadow"></div>
</li>
</ul>
<style><!--
.i-featuresList-1 .ifl-feature-1 {
/* edit size here */
height: 80px;
width: 300px;
border: 1.5px solid #4849F9;
}
.i-featuresList-1 .ifl-feature-1 {
width: 40%;
margin: 35px;
position: relative;
font-size: 14px;
background-color: transparent;
display: flex;
align-items: center;
}
.i-featuresList-1 {
display: flex;
flex-wrap: wrap;
align-items: stretch;
margin: 0 auto !important;
padding-left: 0;
max-width: 1120px;
}
.i-featuresList-1 li::before {
content: none !important;
}
.i-featuresList-1 .ifl-feature-1 .ifl-nbr {
color: #4849F9;
font-size: 1em;
font-weight: bold;
position: absolute;
top: -10px;
left: -10px;
width: 120px;
height: 64px;
text-align: center;
line-height: 65px;
background-color: white;
border: 1.5px solid #4849F9;
}
.ifl-nbr-shadow {
position: absolute;
top: 55px;
left: -3px;
width: 0;
height: 0;
border-left: 0px solid transparent;
border-right: 65px solid transparent;
border-top: 20px solid #4849F9;
}
.i-featuresList-1 .ifl-description {
font-size: 15px;
padding: 5px 10px 5px 75px;
padding-left: 130px;
line-height: 1.3em;
color: #0D181C;
}
.i-featuresList-1 .ifl-feature-1 h4,
.i-featuresList-1 .ifl-feature-1 h3 {
margin: 0;
padding: 5px 10px 0px 75px;
color: #fff;
}
--></style>
<p></p>
<p>Ніші дуже різні. Їх ширина, висота та глибина, як правило, залежать від того, наскільки велика сама кімната. Існує співвідношення між видом ніші та їх застосуванням залежно від типу кімнати.</p>
</div>
</div>
<div class="vert vert-3" data-id="block-v1:Profosvita+CS-S003-SGM+2024+type@html+block@f20f9ffc4bdc475d90f20e6be1d225f7">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S003-SGM+2024" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S003-SGM+2024+type@html+block@f20f9ffc4bdc475d90f20e6be1d225f7" data-request-token="3570180a2fa711f1b94cce4bc903b8b7" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<h3>Особливості оформлення ніш у стіні</h3>
<p><b>Оформлення ніші</b> багато в чому залежить від її призначення, але художній смак у цій справі теж важливий. Обробку цього елемента інтер'єру можна виконувати різними матеріалами. До них належать: дерев'яні дошки, ламінат, тканина, плитка або малярне оздоблення. </p>
<p><i>Натисніть на інтерактивні елементи, щоб дізнатись більше про варіанти оздоблення ніш.</i></p>
<p></p>
<div class="tab-wrapper">
<div class="tab-controls"><button class="tab-controls__button active"><b>Деревʼяні рейки/дощечки</b></button> <button class="tab-controls__button"><b>Ламінат</b></button> <button class="tab-controls__button"><b>Драпіровка тканиною</b></button> <button class="tab-controls__button"><b>3D-панелі або плитка</b></button> <button class="tab-controls__button"><b>Малярне оздоблення</b></button></div>
<div class="tab-content">
<div style="display: flex;">
<div style="width: 20%; align-self: center; text-align: center;"><img src="/assets/courseware/v1/51a6ba5603efde3c4d7d058b6131514d/asset-v1:Profosvita+CS-S003-SGM+2024+type@asset+block/%D0%94%D0%B5%D1%80%D0%B5%D0%B2%D0%BE.png" style="width: 75%; max-width: 100px;" alt="image" /></div>
<div style="width: 100%; align-self: center;">
<p>Застосовують у вітальнях, коридорах, дитячих кімнатах. Не складне улаштування, не потребує багато зусиль і часу.</p>
</div>
</div>
</div>
<div class="tab-content">
<div style="display: flex;">
<div style="width: 20%; align-self: center; text-align: center;"><img src="/assets/courseware/v1/038d7b735197bee861f40232091f19ff/asset-v1:Profosvita+CS-S003-SGM+2024+type@asset+block/%D0%9E%D1%81%D0%BE%D0%B1%D0%BB%D0%B8%D0%B2%D0%BE%D1%81%D1%82%D1%96-%D0%BE%D1%84%D0%BE%D1%80%D0%BC%D0%BB%D0%B5%D0%BD%D0%BD%D1%8F-%D0%BD%D1%96%D1%88-%D1%83-%D1%81%D1%82%D1%96%D0%BD%D1%96.-%D0%9C%D0%B0%D1%82%D0%B5%D1%80%D1%96%D0%B0%D0%BB%D0%B82.png" style="width: 75%; max-width: 100px;" alt="image" /></div>
<div style="width: 100%; align-self: center;">
<p>Він більше підходить для стінових ніш спальних приміщень. Таким матеріалом обклеюють укоси та полиці ніші, розташованої біля узголів'я ліжка. Його перевага полягає в тому, що підсвічування, яке є незмінним атрибутом такої ніші, не буде підкреслювати огріхи, допущені при вирівнюванні поверхонь. До того ж монтаж ламінованої дошки на стінки абсолютно не складний, і з ним впорається будь-хто.</p>
</div>
</div>
</div>
<div class="tab-content">
<div style="display: flex;">
<div style="width: 20%; align-self: center; text-align: center;"><img src="/assets/courseware/v1/5b6f093106607680f4c9f0201eff4518/asset-v1:Profosvita+CS-S003-SGM+2024+type@asset+block/%D0%9E%D1%81%D0%BE%D0%B1%D0%BB%D0%B8%D0%B2%D0%BE%D1%81%D1%82%D1%96-%D0%BE%D1%84%D0%BE%D1%80%D0%BC%D0%BB%D0%B5%D0%BD%D0%BD%D1%8F-%D0%BD%D1%96%D1%88-%D1%83-%D1%81%D1%82%D1%96%D0%BD%D1%96.-%D0%9C%D0%B0%D1%82%D0%B5%D1%80%D1%96%D0%B0%D0%BB%D0%B83.png" style="width: 75%; max-width: 100px;" alt="image" /></div>
<div style="width: 100%; align-self: center;">
<p>Таке оформлення ніші внесе в приміщення комфорт і затишок. Тканинне драпірування також добре для декору узголів'я спального місця.</p>
</div>
</div>
</div>
<div class="tab-content">
<div style="display: flex;">
<div style="width: 20%; align-self: center; text-align: center;"><img src="/assets/courseware/v1/f4fa55164806e50ccd0df3a65467fcc6/asset-v1:Profosvita+CS-S003-SGM+2024+type@asset+block/%D0%9E%D1%81%D0%BE%D0%B1%D0%BB%D0%B8%D0%B2%D0%BE%D1%81%D1%82%D1%96-%D0%BE%D1%84%D0%BE%D1%80%D0%BC%D0%BB%D0%B5%D0%BD%D0%BD%D1%8F-%D0%BD%D1%96%D1%88-%D1%83-%D1%81%D1%82%D1%96%D0%BD%D1%96.-%D0%9C%D0%B0%D1%82%D0%B5%D1%80%D1%96%D0%B0%D0%BB%D0%B84.png" style="width: 75%; max-width: 100px;" alt="image" /></div>
<div style="width: 100%; align-self: center;">
<p>Цей матеріал справді універсальний, оскільки може виготовлятися з різної деревини. З його допомогою оформляються ніші в приміщеннях абсолютно будь-якого призначення. Обмеження у використанні 3D-панелей може бути лише одним - розміром виїмок у стіні. Якщо ніші маленькі, таке оздоблення стане дещо проблематичним.</p>
</div>
</div>
</div>
<div class="tab-content">
<div style="display: flex;">
<div style="width: 20%; align-self: center; text-align: center;"><img src="/assets/courseware/v1/b2b34ff208337f67ac9c54e9bf6af821/asset-v1:Profosvita+CS-S003-SGM+2024+type@asset+block/%D0%9E%D1%81%D0%BE%D0%B1%D0%BB%D0%B8%D0%B2%D0%BE%D1%81%D1%82%D1%96-%D0%BE%D1%84%D0%BE%D1%80%D0%BC%D0%BB%D0%B5%D0%BD%D0%BD%D1%8F-%D0%BD%D1%96%D1%88-%D1%83-%D1%81%D1%82%D1%96%D0%BD%D1%96.-%D0%9C%D0%B0%D1%82%D0%B5%D1%80%D1%96%D0%B0%D0%BB%D0%B85.png" style="width: 75%; max-width: 100px;" alt="image" /></div>
<div style="width: 100%; align-self: center;">
<p>Воно теж універсальне і полягає в шпаклівці ніші з подальшим її фарбуванням. При декоруванні виїмки таким чином необхідно вибирати вологостійку фарбу. Це полегшить експлуатацію ніші та її прибирання.</p>
</div>
</div>
</div>
</div>
<style><!--
p.tab-wrapper-about.tab-wrapper-about-2 {
margin-bottom: 5px;
}
.tab-controls {
overflow: hidden;
background-color: #EDEDED;
border-radius: 6px 6px 0 0;
display: flex;
}
.tab-controls button:not(:last-child) {
margin-right: 0px;
}
.tab-controls button {
background-image: none;
text-shadow: none;
background-color: inherit;
color: #000000;
flex: 1;
float: none;
border-radius: 6px 6px 0 0;
box-shadow: none;
border: none;
outline: none;
cursor: pointer;
padding: 14px 16px;
transition: 0.3s;
font-size: 14px;
font-family: inherit;
}
.tab-controls button:hover,
.tab-controls button:active,
.tab-controls button:focus {
background-color: #c0c0c0ff;
background-image: none;
box-shadow: none;
border: none;
text-shadow: none;
}
.tab-controls button.active {
background-color: #c0c0c0ff;
}
.tab-content {
display: none;
padding: 15px 15px;
border-radius: 0 0 6px 6px;
border-top: none;
box-shadow: 0 1px 2px 0 rgba(44, 47, 60, 0.06), 0 3px 10px 0 rgba(44, 47, 60, 0.09);
overflow: auto;
margin-bottom: 20px;
}
@media only screen and (max-width: 980px) {
.tab-controls {
overflow: auto;
flex-direction: column;
}
}
--></style>
<script>// <![CDATA[
$(".tab-wrapper").each(function () {
const buttons = $(this).find(".tab-controls__button");
const tabs = $(this).find(".tab-content");
if (tabs.length !== buttons.length) {
$(this).html("<p style='text-align:center; color: red'>ERROR, UNEQUAL AMOUNT OF TABS AND BUTTONS</p>");
} else {
tabs.eq(0).show();
buttons.each(function (index) {
$(this).click(function () {
buttons.each(function () {
$(this).removeClass("active");
});
tabs.each(function () {
$(this).hide();
});
$(this).addClass("active");
tabs.eq(index).show();
});
});
}
});
// ]]></script>
<p>Сьогодні стінові ніші — не просто порожнина, а незвичайний простір, який повинен гармонійно вписуватися в стильове рішення інтер'єру.</p>
</div>
</div>
<div class="vert vert-4" data-id="block-v1:Profosvita+CS-S003-SGM+2024+type@html+block@d2a9fb046f4747a08ded0321758c9892">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S003-SGM+2024" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S003-SGM+2024+type@html+block@d2a9fb046f4747a08ded0321758c9892" data-request-token="3570180a2fa711f1b94cce4bc903b8b7" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<h3>Правила оформлення</h3>
<p><b>При оформленні</b> ніші рекомендується дотримуватися таких основних правил:<br>
<p><i>Натисніть на інтерактивні елементи, щоб ознайомитися з рекомендаціями.</i></p>
<div class="s-tabs">
<ul class="s-tabs__nav-row">
<!-- Tab navigation link 1 -->
<li class="s-tab s-tabs__item is-active">
<div class="s-tab__nav">
<button></button>
<span>1</span>
</div>
</li>
<!-- Tab navigation link 2 -->
<li class="s-tab s-tabs__item">
<div class="s-tab__nav">
<button></button>
<span>2</span>
</div>
</li>
<!-- Tab navigation link 3 -->
<li class="s-tab s-tabs__item">
<div class="s-tab__nav">
<button></button>
<span>3</span>
</div>
</li>
<!-- Tab navigation link 4 -->
<li class="s-tab s-tabs__item">
<div class="s-tab__nav">
<button></button>
<span>4</span>
</div>
</li>
<!-- Tab navigation link 5 -->
<li class="s-tab s-tabs__item">
<div class="s-tab__nav">
<button></button>
<span>5</span>
</div>
<div class="s-tab__content">
<p>The goal or the phase is to translate software development requirements into design</p>
</div>
</li>
<!-- Tab navigation link 6 -->
<li class="s-tab s-tabs__item">
<div class="s-tab__nav">
<button></button>
<span>6</span>
</div>
<div class="s-tab__content">
<p>The goal or the phase is to translate software development requirements into design</p>
</div>
</li>
</ul>
<div class="s-tabs__content">
<!-- Tab content 1 -->
<div class="s-tabs__panel s-panel is-active">
<h4 class="s-panel__title">Правило 1</h4>
<p style="margin:0 !important;">Ніші зазвичай використовуються як коригувальний функціональний або декоративний елемент у приміщеннях, які мають технічні недоліки та вилучені планування, що потребують маскування.</p>
</div>
<!-- Tab content 2 -->
<div class="s-tabs__panel s-panel">
<h4 class="s-panel__title">Правило 2</h4>
<p style="margin:0 !important;">Важливо дотримуватися розумних пропорцій розмірів ніш стосовно габаритів кімнат.</p>
</div>
<!-- Tab content 3 -->
<div class="s-tabs__panel s-panel">
<h4 class="s-panel__title">Правило 3</h4>
<p style="margin:0 !important;">Колір внутрішності ніші повинен бути світлішим за тло, інакше може виникнути відчуття, що в стіні розташована діра. Зводи виїмки можна робити на тон темніше стосовно основного.</p>
</div>
<!-- Tab content 4 -->
<div class="s-tabs__panel s-panel">
<h4 class="s-panel__title">Правило 4</h4>
<p style="margin:0 !important;">Якщо покриття при оформленні ніші мають різну текстуру, потрібно враховувати їх поєднуваність.</p>
</div>
<!-- Tab content 5 -->
<div class="s-tabs__panel s-panel">
<h4 class="s-panel__title">Правило 5</h4>
<p style="margin:0 !important;">Дзеркала допомагають зорово розширити внутрішній простір виїмки.</p>
</div>
<!-- Tab content 6 -->
<div class="s-tabs__panel s-panel">
<h4 class="s-panel__title">Правило 6</h4>
<p style="margin:0 !important;">Дуже важливим елементом оформлення декоративної ніші в стіні є її підсвічування. Воно буває двох видів: бокове або верхнє. Реалізується за допомогою точкових світильників або світлодіодної стрічки, яка вкладається в заздалегідь підготовлені поглиблення. Вони створюють не тільки додаткове м'яке освітлення кімнати, а й дозволяють трансформувати її простір, надаючи приміщенню особливу загадковість. </p>
</div>
</div>
</div>
<style>
.s-tabs__nav-row {
display: flex;
justify-content: space-between;
position: relative;
margin: 0 25px 25px 25px !important;
padding: 0 !important;
list-style: none !important;
}
@media all and (max-width: 540px){
.s-tabs__nav-row {
margin: 0 0 25px 0 !important;
}
}
.s-tabs__nav-row:before {
content: '';
position: absolute;
top: 50%;
left: 0;
right: 0;
height: 2px;
background-color: #3849F9;
}
/* Steps */
.s-tabs {
padding: 20px 0;
overflow: hidden;
}
.s-tab {
position: relative;
margin-bottom: 0 !important;
}
.s-tab__content {
position: relative;
}
.s-tab__content span {
display: block;
}
/* Steps Navigation */
.s-tab__nav {
position: relative;
}
.s-tab__nav button {
width: 40px;
height: 40px;
background-color: #fff;
border: 2px solid currentColor;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
color: #3849F9;
font-size: 24px;
cursor: pointer;
transition: all .25s linear;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAArCAYAAADhXXHAAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAC6SURBVHgB7dgxDsIgGMXxBzEx3shNRuOlrJcyjrj1RsalWGy3wtB8vIHk/YYONGn/AyVQoCMODZ2vnwDvw+bGNMXxdYowOqClHJpwL4zna4SRR0cUy6JYFsWyKJZFsSyKZVEsS1ex/5NCdYe/V3KX+RIKr4lw6Q2j5aRQ2+Hvlmrj+fkBRpqzLIplWT6w+Vy/HpdtyKtB258ct+9QXFUcHuPzOMBIc5ZFsSyKZVEsi2JZFMuiWBbFsvwA6lwj2C2z1R4AAAAASUVORK5CYII=);
/* plus */
background-repeat: no-repeat !important;
background-position: center !important;
background-size: 14px !important;
}
@media all and (max-width: 767px){
.s-tab__nav button {
width: 30px;
height: 30px;
background-size: 10px !important;
padding: 0;
}
}
.s-tab__nav button:hover,
.s-tab__nav button:focus {
background-color: #3849F9;
border-color: #3849F9;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAArCAYAAADhXXHAAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACTSURBVHgB7ddBCsMgFEXRZ+m+6s6apf2uzNpCZjEQ/BcivAPiQJA7EFFpIUWJWmu1T/VgKUopoUlP5ap9vAdroUkPLcSxFMdSHEtxLMWxFMdSHEtZKvb/Uzh54V/1GuwTfXw0aY/dNH7h34bPLMWxlP0rHsqB3gapfrdKO7Ypgc8sxbEUx1IcS3EsxbEUx1IcS/kCQTMt8rq43PcAAAAASUVORK5CYII=');
/* white plus */
color: #fff;
outline: none;
box-shadow: inset 0 1px 0 0 #3849F9 !important;
}
/* Steps Labels */
.s-tab__nav span {
height: 40px;
padding-left: 16px;
padding-right: 16px;
background-color: #3849F9;
border: 2px solid #3849F9;
border-radius: 24px;
display: inline-flex;
align-items: center;
justify-content: center;
color: #fff;
font-size: 20px;
position: absolute;
top: -2px;
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
opacity: 0;
visibility: hidden;
transition: all .25s linear;
font-weight: 900;
}
.s-tabs__item:first-of-type .s-tab__nav span {
left: -60%;
transform: translateX(0);
}
.s-tabs__item:last-of-type .s-tab__nav span {
left: auto;
right: -60%;
transform: translateX(0);
}
@media all and (max-width: 767px){
.s-tab__nav span {
height: 30px;
font-size: 14px;
}
.s-tabs__item:first-of-type .s-tab__nav span {
left: -75%;
}
.s-tabs__item:last-of-type .s-tab__nav span {
right: -75%;
}
}
@media all and (max-width: 540px){
.s-tab__nav span {
width: 30px;
font-size: 0;
padding: 0;
border-radius: 100%;
border: 0;
top: 0;
}
.s-tabs__item:first-of-type .s-tab__nav span {
left: 0;
}
.s-tabs__item:last-of-type .s-tab__nav span {
right: 0;
}
}
.s-tab__content {
width: 280px;
background-color: #fff;
padding: 12px 16px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
border-radius: 4px;
position: absolute;
opacity: 0;
visibility: hidden;
line-height: 1.5;
font-size: 16px;
z-index: 1;
transition: all .25s linear;
}
.s-tab__content p:last-of-type{
margin-bottom: 0;
}
/* Tab panel */
.s-panel {
background: #FFFFFF;
border: 1px solid #3849F9;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
border-radius: 4px;
padding: 24px;
display: none;
}
.s-panel.is-active {
display: block;
}
.s-panel p {
margin: 0;
font-size: 17px;
line-height: 1.5;
}
.s-panel__title {
font-size: 20px !important;
line-height: 1.5;
margin: 0 0 12px 0 !important;
font-weight: 900 !important;
text-transform: none;
letter-spacing: 0 !important;
color: #000 !important;
}
/* States for navigation */
.s-tabs__item.is-active .s-tab__nav button {
opacity: 0;
visibility: hidden;
}
.s-tabs__item.is-active .s-tab__nav span {
opacity: 1;
visibility: visible;
}
.s-tab.is-checked .s-tab__nav button {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAApCAYAAACV8mGQAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGLSURBVHgB7dg9UsJAGMbxTRrGziPkFlJix1B5E4+QeANP49Bpmc4rcAuJhXE3D2EC+WC/33dn+FewLPvub5wUIsQ9nm1e2sfh+1wk3nr7Uxyb3+/1tin7tUwknAKJLP+UL4tuoRVVvV+9JYsagfokLEnULOhUcqhbIFVSKB2QFKXzTOmC6o9VGs+UCQgvmWcKwlvG2YCwxDRbEJYZ5gLCR8xyBeFjRvkAYQuTfIGwjUE+QdhKnG8QthMWAoSvEBUKpJr8d/5pd3zthgYqJEiVjwc2ZdZm72poCFhoEL5+MVD+eJGJarB0EO3fc71/OAgPxQDhiPPAEajPCywWCMdg4OY0cC4nWEyQqnum5GW/1KEL+wrbZyw2CMcNL7BrKvkTU7mw3+gvRgHCkdcX8QSjAuHYqQs5wihBOHomWxg1CMcvZArjAMKIG+nCcBo9CGM00oKhQsxPigLCKM00YEtTooEwziArWGQQRhpmBCMAYaxFWjAiEEZbtggjBGG8Q5MwYhCu4NgFjAFI9Q+VtyGtgP62VQAAAABJRU5ErkJggg==');
/* checked */
}
.s-tab.is-checked .s-tab__nav button:hover,
.s-tab.is-checked .s-tab__nav button:focus {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAApCAMAAACiLJGiAAAAG1BMVEUAAAD////////////////////////////////rTT7CAAAACHRSTlMAECBAb3+A355hDCYAAABsSURBVHja7dCBBsUwAEPR97q1zf9/8SCAEAnG6AXgwP291L9BY88GAbNBZCkCKoQKra+jgw66R4Em9igQyDJEFqALIIvuLcEskswjxTwSzCPBPBLMI8E8UswjxQJEliKyHJER5SxDZBki8+gBRjoNV4v3l0EAAAAASUVORK5CYII=);
/* white checked */
}
</style>
<script>
/* Tabs */
// <![CDATA[
var tabNavItem = $('.s-tab');
var tabPanel = $('.s-panel');
tabNavItem.on('click', function () {
var navIndex = $(this).index();
var selectedPanel = $('.s-panel').eq(navIndex);
tabNavItem.not($(this)).removeClass('is-active');
tabPanel.not(selectedPanel).hide();
$(this).addClass('is-active is-checked');
selectedPanel.show();
});// ]]>
</script>
</div>
</div>
<div class="vert vert-5" data-id="block-v1:Profosvita+CS-S003-SGM+2024+type@html+block@a762a96f41954cad8be9867cdc924d93">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S003-SGM+2024" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S003-SGM+2024+type@html+block@a762a96f41954cad8be9867cdc924d93" data-request-token="3570180a2fa711f1b94cce4bc903b8b7" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<h3>Елементи конструкції ніші</h3>
<p><b>Елементи конструкції</b> ніші охоплюють різноманітні компоненти, що створюють функціональну та естетичну цілісність даного простору. Зазвичай ніша складається з основного корпусу, який може бути виготовлений із різних матеріалів, таких як дерево, метал, гіпсокартон тощо. До складу конструкції можуть також входити полиці, шафки, вбудовані світильники, дзеркала, а також декоративні обробки та фасади.</p>
<p><i>На зображенні нижче ви можете ознайомитися з конструктивними елементами ніші, яка обладнана полицями для зберігання, які виготовили з дерев'яного щита.</i></p>
<div style="text-align: center;">
<img src="/assets/courseware/v1/0586355953f5e0d5c94035295d0745b1/asset-v1:Profosvita+CS-S003-SGM+2024+type@asset+block/16.-%D0%95%D0%BB%D0%B5%D0%BC%D0%B5%D0%BD%D1%82%D0%B8-%D0%BD%D1%96%D1%88%D1%96.jpg" alt="Your Image Alt Text" style="max-width: 400px; max-height: 500px;" />
</div>
<p>Кожен із цих елементів додає функціональність та стиль до ніші, дозволяючи використовувати цей простір для зберігання різних предметів або створення декоративних рішень у приміщенні.</p>
<p><i>Нижче можете ознайомитися з підказкою стосовно застосування кріпильних елементів залежно від частин конструкції, які необхідно зафіксувати.</i></p>
<div class="cite-wrapper">
<div class="c-quote">
<div class="cite-content-wrapper" style="display: flex; align-items: center;"><img src="/assets/courseware/v1/ed9d58d0a0f3a76ea010dcb7efaedc05/asset-v1:Profosvita+CS-S003-SGM+2024+type@asset+block/info__3_.png" alt="avatar" style="width: 79px; border-radius: 0%; flex-grow: 0; flex-shrink: 0; z-index: 100; padding: 10px;" height="79" />
<div style="margin: auto;">
<blockquote style="text-align: left; line-height: 1.5;">
Для скляних полиць використовують пелікани.<br>
Для полиць, товщиною більше 10мм — полицетримачі.<br>
Для кріплення до стіни — дюбелі.<br>
Для кріплення до опорної рейки — саморізи. </blockquote>
</div>
</div>
</div>
</div>
<style><!--
.c-quote {
text-align: center;
padding: 15px;
border: 1.5px solid #3849f9;
max-width: 85%;
position: relative;
margin: 50px auto;
}
.c-quote blockquote {
color: #000000;
font-style: bold;
position: relative;
z-index: 20;
margin: 0 !important;
margin-bottom: 10px !important;
}
.c-quote-left,
.c-quote-right {
position: absolute;
width: 150px;
z-index: 10;
font-size: 60px;
color: #30b6dd;
background-color: #fff;
line-height: 200px;
}
.c-quote-left {
top: -30px;
left: -20px;
text-align: left;
}
.c-quote-right {
bottom: -50px;
right: -20px;
text-align: right;
}
.c-quote small {
font-size: 19px;
color: #30b6dd;
position: relative;
z-index: 20;
}
.c-quote small:before {
content: "\2014 \0020";
width: 5px;
}
@media only screen and (max-width: 600px) {
.cite-wrapper {
width: 90%;
margin: auto;
}
.cite-content-wrapper {
flex-direction: column !important;
}
.cite-content-wrapper div {
width: 95% !important;
justify-content: center !important;
padding-left: 0px;
}
.cite-content-wrapper img {
max-width: 100px !important;
}
}
--></style>
<p>Таким чином, елементи конструкції ніші визначають її зовнішній вигляд та функціональність, роблячи її корисною та привабливою частиною інтер'єру.</p>
</div>
</div>
<div class="vert vert-6" data-id="block-v1:Profosvita+CS-S003-SGM+2024+type@html+block@31233cb0490544c18166c2846615e290">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S003-SGM+2024" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S003-SGM+2024+type@html+block@31233cb0490544c18166c2846615e290" data-request-token="3570180a2fa711f1b94cce4bc903b8b7" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<h3>Дискусія</h3>
<p></p>
<div style="display: flex; align-items: center;"><img src="/assets/courseware/v1/368b795de1ec074939ae3f0d209d7d54/asset-v1:Profosvita+CS-S003-SGM+2024+type@asset+block/%D0%94%D0%B5%D1%80%D0%B5%D0%B2%D0%BE%D0%BE%D0%B1%D1%80%D0%BE%D0%B1%D0%BD%D0%B8%D0%BA.-%D0%94%D0%B8%D1%81%D0%BA%D1%83%D1%81%D1%96%D1%8F2.png" alt="picture" style="width: 120px; max-width: 30%; margin-bottom: 0px;" />
<ol style="margin-top: 0px; margin-bottom: 0px; padding-left: 20px;">
<li >Як трансформувати простір ніші та надати приміщенню особливу загадковість?</li>
<li>При виборі виду ніші, на вашу думку, що варто враховувати?</li>
</ol>
</div>
<p><i style="color: #999999;">Натисніть ДОДАТИ ПУБЛІКАЦІЮ нижче та напишіть свої відповіді на питання. Після цього натисніть НАДІСЛАТИ. Потім прочитайте, поміркуйте та дайте відповіді на публікації інших людей.</i></p>
</div>
</div>
<div class="vert vert-7" data-id="block-v1:Profosvita+CS-S003-SGM+2024+type@discussion+block@c58d1647d36c45d3a6141e1679d44508">
<div class="xblock xblock-public_view xblock-public_view-discussion" data-course-id="course-v1:Profosvita+CS-S003-SGM+2024" data-block-type="discussion" data-usage-id="block-v1:Profosvita+CS-S003-SGM+2024+type@discussion+block@c58d1647d36c45d3a6141e1679d44508" data-request-token="3570180a2fa711f1b94cce4bc903b8b7" data-graded="False" data-has-score="False">
<div class="page-banner"><div class="alert alert-warning"><span class="icon icon-alert fa fa fa-warning" aria-hidden="true"></span><div class="message-content">Дискусія доступне для перегляду та виконання після <a href=/register>реєстрації</a>/<a href=/login>авторизації</a> на платформі.</div></div></div>
</div>
</div>
</div>
<script type="text/javascript">
(function (require) {
require(['/static/js/dateutil_factory.762fd6ff462b.js?raw'], function () {
require(['js/dateutil_factory'], function (DateUtilFactory) {
DateUtilFactory.transform('.localized-datetime');
});
});
}).call(this, require || RequireJS.require);
</script>
<script>
function emit_event(message) {
parent.postMessage(message, '*');
}
</script>
</div>
Завершення тесту
У вас залишилися невиконані завдання. Ви впевнені, що хочете завершити тест?
Тестування завершено.
Ви завершили тестування з розділу
"Тема 3. Конструктивні складові вбудованих меблів і ніш простої та середньої складності"
© Всі права захищено