<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:Profosvita+CS-S061-DNMT+2025" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Profosvita+CS-S061-DNMT+2025+type@vertical+block@5e4edbdb8f034fb1899f5bef657ab3ad" data-request-token="5ef92b7ca0a411f0a6aea6271b8e3eb7" data-graded="True" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:Profosvita+CS-S061-DNMT+2025+type@html+block@1542b21dc5ad47d69fd5b26b1a9b4228">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S061-DNMT+2025" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S061-DNMT+2025+type@html+block@1542b21dc5ad47d69fd5b26b1a9b4228" data-request-token="5ef92b7ca0a411f0a6aea6271b8e3eb7" data-graded="True" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<div class="vstup-container">
<img src="/assets/courseware/v1/77207faece64ad59be4a413179bfbefc/asset-v1:Profosvita+CS-S061-DNMT+2025+type@asset+block/11-20.jpg" alt="Зображення">
<div class="vstup-text-overlay"><h3>Вступ до теми</h3>
<p>До вимог безпеки під час організації і проведення зварювальних робіт є етапом забезпечення безпеки працівників і запобігання нещасним випадкам. Тема розкриває основні принципи та правила, які необхідно дотримуватись під час виконання зварювальних робіт. Зварювальні роботи супроводжуються підвищеним ризиком виникнення пожежі, опіків, пошкодження електричним струмом і отруєння шкідливими газами. Тому дотримання вимог безпеки є обов'язковим для збереження життя і здоров'я.</p>
<p style="margin-top: 20px;"><string>Під час вивчення цієї теми ви отримаєте такі знання:</string></p>
<ul class="ul-number">
<li>Загальні організаційні вимоги.</li>
<li>Засоби індивідуального захисту (ЗІЗ).</li>
<li>Технічні вимоги до обладнання.</li>
<li>Протипожежні заходи.</li>
<li>Вимоги до організації робочого місця.</li>
<li>Дії в аварійних ситуаціях.</li>
<li>Додаткові вимоги.</li>
</ul>
</div>
</div>
</div>
</div>
<div class="vert vert-1" data-id="block-v1:Profosvita+CS-S061-DNMT+2025+type@html+block@95ea65d8212a49689bdce52c823e6b05">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S061-DNMT+2025" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S061-DNMT+2025+type@html+block@95ea65d8212a49689bdce52c823e6b05" data-request-token="5ef92b7ca0a411f0a6aea6271b8e3eb7" data-graded="True" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"
/>
<style>
/* Скрол до списку юнітів зверху */
.sequence-list-wrapper {
max-width: 100%;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
}
img {
max-width: 100%;
height: auto;
}
.course-wrapper .course-content ul li {
margin-bottom: 1.70788em;
}
.ul-number {
list-style: none !important;
counter-reset: item;
margin-top: 20px;
padding-left: 20px;
}
.ul-number > li {
counter-increment: item;
position: relative;
padding-left: 35px;
}
.ul-number > li::before {
content: counter(item);
position: absolute;
left: 0;
top: 0;
width: 24px;
height: 24px;
border-radius: 50%;
background-color: #0d6efd;
color: white;
font-weight: bold;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
}
.ul-check {
list-style: none !important;
padding-left: 20px;
margin-top: 20px;
}
.ul-check > li {
position: relative;
padding-left: 35px;
}
.ul-check > li::before {
content: "✔";
position: absolute;
left: 0;
top: 0;
color: #198754; /* Bootstrap green */
font-size: 18px;
font-weight: bold;
}
.ul-circle {
list-style: none !important;
padding-left: 20px;
margin-top: 20px;
}
.ul-circle > li {
position: relative;
padding-left: 35px;
}
.ul-circle > li::before {
content: "○";
position: absolute;
left: 0;
top: 0;
color: #198754; /* Bootstrap green */
font-size: 18px;
font-weight: bold;
}
/* Зображення а поверх нього текст */
.vstup-container {
position: relative;
display: inline-block;
width: 100%;
}
.vstup-container img {
width: 100%;
height: auto;
border-radius: 5px;
}
.vstup-text-overlay {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
max-width: 980px;
transform: translate(-50%, -50%);
color: white;
font-size: 24px;
text-shadow: 2px 2px 5px black;
background: rgba(0, 0, 0, 0.7);
border: 1px solid white;
border-radius: 8px;
padding: 30px;
}
.vstup-text-overlay ul li,
.vstup-text-overlay p {
color: white !important;
font-size: 16px !important;
}
.vstup-text-overlay h3 {
color: white !important;
font-size: 26px !important;
margin-bottom: 20px !important;
text-align: center;
}
/* Для перевертання карточки */
.flip-card {
perspective: 1000px;
cursor: pointer;
}
.flip-card-inner {
transition: transform 0.6s;
transform-style: preserve-3d;
}
.flip-card.flipped .flip-card-inner {
transform: rotateY(180deg);
}
.flip-card-front,
.flip-card-back {
height: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.flip-card-back {
transform: rotateY(180deg);
}
.flip-card-back img {
width: 100%;
max-width: 100%;
max-height: 100%;
object-fit: cover;
}
/*Кнопки маршруту*/
.list-one {
position: relative;
z-index: 1;
}
.list-one::before {
content: "";
position: absolute;
display: block;
width: 100%;
top: 50%;
height: 2px;
background-color: #0d6efd;
z-index: -1;
}
.list-one li i {
color: #0d6efd;
background-color: white;
transition: all 0.4s ease;
width: 44px;
height: 44px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 22px;
transition: all 0.5s ease;
}
.list-one li:hover i {
transform: scale(1.3);
cursor: pointer;
}
.list-one li.active i {
color: white;
background-color: #0d6efd;
cursor: pointer;
}
/* Аккордеон */
.ac-btn-kurs {
display: flex;
justify-content: space-between;
gap: 20px;
width: 100%;
padding: 15px;
margin: 15px 0;
text-align: left;
border: none;
background-color: #cfe2ff;
color: #212529;
border-radius: 5px;
font-weight: 400;
font-size: 16px;
}
.ac-content-kurs {
display: none;
padding: 15px;
background-color: #ffffff;
}
.bi-plus-lg::before,
.bi-dash-lg::before {
font-weight: 600 !important;
}
.bi-dash-lg {
display: none;
}
.ac-icon {
display: flex;
align-items: center;
}
.ac-btn-empty-kurs {
width: 100%;
padding: 15px;
margin: 15px 0;
text-align: left;
border: none;
background-color: #cfe2ff;
color: #212529;
border-radius: 5px;
font-weight: 400;
}
.ac-btn-empty-kurs:hover {
color: #ffffff;
cursor: default !important;
}
</style>
<script>
const buttons = document.querySelectorAll(".ac-btn-kurs");
buttons.forEach((button) => {
button.addEventListener("click", function () {
const content = this.nextElementSibling;
// Закриваємо всі інші аккордеони
document.querySelectorAll(".ac-content-kurs").forEach((item) => {
if (item !== content) {
item.style.display = "none";
const previousElement = item.previousElementSibling;
const childPlus = previousElement.querySelector(".bi-plus-lg");
childPlus.style.display = "block";
const childMinus = previousElement.querySelector(".bi-dash-lg");
childMinus.style.display = "none";
} else {
const previousElement = item.previousElementSibling;
const childPlus = previousElement.querySelector(".bi-plus-lg");
childPlus.style.display = "none";
const childMinus = previousElement.querySelector(".bi-dash-lg");
childMinus.style.display = "block";
}
});
// Перемикаємо відображення поточного контенту
content.style.display =
content.style.display === "block" ? "none" : "block";
});
});
// Кнопки маршруту
let liNumbers = document.querySelectorAll(".li-number");
liNumbers.forEach((number) => {
number.addEventListener("click", function () {
document
.querySelectorAll(
".div-li-1, .div-li-2, .div-li-3, .div-li-4, .div-li-5, .div-li-6, .div-li-7, .div-li-8, .div-li-9"
)
.forEach((item) => {
item.style.display = "none";
});
if (number.id === "li_11_1") {
document.querySelector(".div-li-1").style.display = "block";
} else if (number.id === "li_11_2") {
document.querySelector(".div-li-2").style.display = "block";
} else if (number.id === "li_11_3") {
document.querySelector(".div-li-3").style.display = "block";
} else if (number.id === "li_11_4") {
document.querySelector(".div-li-4").style.display = "block";
} else if (number.id === "li_11_5") {
document.querySelector(".div-li-5").style.display = "block";
} else if (number.id === "li_11_6") {
document.querySelector(".div-li-6").style.display = "block";
} else if (number.id === "li_11_7") {
document.querySelector(".div-li-7").style.display = "block";
} else if (number.id === "li_11_8") {
document.querySelector(".div-li-8").style.display = "block";
} else if (number.id === "li_11_9") {
document.querySelector(".div-li-9").style.display = "block";
}
liNumbers.forEach((item) => item.classList.remove("active"));
number.classList.add("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-S061-DNMT+2025" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Profosvita+CS-S061-DNMT+2025+type@vertical+block@37428b7d23164365be767373bd3e20c7" data-request-token="5ef92b7ca0a411f0a6aea6271b8e3eb7" data-graded="True" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:Profosvita+CS-S061-DNMT+2025+type@html+block@83c6edfe989746c08dc426e1c2bff3f9">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S061-DNMT+2025" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S061-DNMT+2025+type@html+block@83c6edfe989746c08dc426e1c2bff3f9" data-request-token="5ef92b7ca0a411f0a6aea6271b8e3eb7" data-graded="True" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<div class="vstup-container">
<img src="/assets/courseware/v1/0f5c23885afea82ee91d0e7ffd4b6e80/asset-v1:Profosvita+CS-S061-DNMT+2025+type@asset+block/20-0.jpg" alt="Зображення">
<div class="vstup-text-overlay"><h3>Загальні організаційні вимоги</h3>
<ul class="ul-check">
<li>Допуск до зварювальних робіт мають лише працівники, які пройшли відповідне навчання, інструктаж з охорони праці та мають кваліфікаційне посвідчення.</li>
<li>Перед початком робіт проводиться первинний інструктаж з охорони праці, а також періодичні повторні інструктажі.</li>
<li>Робоче місце повинно бути організоване з урахуванням норм охорони праці та техніки безпеки.</li>
</ul>
</div>
</div>
</div>
</div>
<div class="vert vert-1" data-id="block-v1:Profosvita+CS-S061-DNMT+2025+type@html+block@7bee21a81c404e8e82ea73b9e4a3d2b9">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S061-DNMT+2025" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S061-DNMT+2025+type@html+block@7bee21a81c404e8e82ea73b9e4a3d2b9" data-request-token="5ef92b7ca0a411f0a6aea6271b8e3eb7" data-graded="True" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"
/>
<style>
/* Скрол до списку юнітів зверху */
.sequence-list-wrapper {
max-width: 100%;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
}
img {
max-width: 100%;
height: auto;
}
.course-wrapper .course-content ul li {
margin-bottom: 1.70788em;
}
.ul-number {
list-style: none !important;
counter-reset: item;
margin-top: 20px;
padding-left: 20px;
}
.ul-number > li {
counter-increment: item;
position: relative;
padding-left: 35px;
}
.ul-number > li::before {
content: counter(item);
position: absolute;
left: 0;
top: 0;
width: 24px;
height: 24px;
border-radius: 50%;
background-color: #0d6efd;
color: white;
font-weight: bold;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
}
.ul-check {
list-style: none !important;
padding-left: 20px;
margin-top: 20px;
}
.ul-check > li {
position: relative;
padding-left: 35px;
}
.ul-check > li::before {
content: "✔";
position: absolute;
left: 0;
top: 0;
color: #198754; /* Bootstrap green */
font-size: 18px;
font-weight: bold;
}
.ul-circle {
list-style: none !important;
padding-left: 20px;
margin-top: 20px;
}
.ul-circle > li {
position: relative;
padding-left: 35px;
}
.ul-circle > li::before {
content: "○";
position: absolute;
left: 0;
top: 0;
color: #198754; /* Bootstrap green */
font-size: 18px;
font-weight: bold;
}
/* Зображення а поверх нього текст */
.vstup-container {
position: relative;
display: inline-block;
width: 100%;
}
.vstup-container img {
width: 100%;
height: auto;
border-radius: 5px;
}
.vstup-text-overlay {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
max-width: 900px;
transform: translate(-50%, -50%);
color: white;
font-size: 24px;
text-shadow: 2px 2px 5px black;
background: rgba(0, 0, 0, 0.7);
border: 1px solid white;
border-radius: 8px;
padding: 30px;
}
.vstup-text-overlay ul li,
.vstup-text-overlay p {
color: white !important;
font-size: 16px !important;
}
.vstup-text-overlay h3 {
color: white !important;
font-size: 26px !important;
margin-bottom: 20px !important;
text-align: center;
}
/* Для перевертання карточки */
.flip-card {
perspective: 1000px;
cursor: pointer;
}
.flip-card-inner {
transition: transform 0.6s;
transform-style: preserve-3d;
}
.flip-card.flipped .flip-card-inner {
transform: rotateY(180deg);
}
.flip-card-front,
.flip-card-back {
height: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.flip-card-back {
transform: rotateY(180deg);
}
.flip-card-back img {
width: 100%;
max-width: 100%;
max-height: 100%;
object-fit: cover;
}
/*Кнопки маршруту*/
.list-one {
position: relative;
z-index: 1;
}
.list-one::before {
content: "";
position: absolute;
display: block;
width: 100%;
top: 50%;
height: 2px;
background-color: #0d6efd;
z-index: -1;
}
.list-one li i {
color: #0d6efd;
background-color: white;
transition: all 0.4s ease;
width: 44px;
height: 44px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 22px;
transition: all 0.5s ease;
}
.list-one li:hover i {
transform: scale(1.3);
cursor: pointer;
}
.list-one li.active i {
color: white;
background-color: #0d6efd;
cursor: pointer;
}
/* Аккордеон */
.ac-btn-kurs {
display: flex;
justify-content: space-between;
gap: 20px;
width: 100%;
padding: 15px;
margin: 15px 0;
text-align: left;
border: none;
background-color: #cfe2ff;
color: #212529;
border-radius: 5px;
font-weight: 400;
font-size: 16px;
}
.ac-content-kurs {
display: none;
padding: 15px;
background-color: #ffffff;
}
.bi-plus-lg::before,
.bi-dash-lg::before {
font-weight: 600 !important;
}
.bi-dash-lg {
display: none;
}
.ac-icon {
display: flex;
align-items: center;
}
.ac-btn-empty-kurs {
width: 100%;
padding: 15px;
margin: 15px 0;
text-align: left;
border: none;
background-color: #cfe2ff;
color: #212529;
border-radius: 5px;
font-weight: 400;
}
.ac-btn-empty-kurs:hover {
color: #ffffff;
cursor: default !important;
}
</style>
<script>
const buttons = document.querySelectorAll(".ac-btn-kurs");
buttons.forEach((button) => {
button.addEventListener("click", function () {
const content = this.nextElementSibling;
// Закриваємо всі інші аккордеони
document.querySelectorAll(".ac-content-kurs").forEach((item) => {
if (item !== content) {
item.style.display = "none";
const previousElement = item.previousElementSibling;
const childPlus = previousElement.querySelector(".bi-plus-lg");
childPlus.style.display = "block";
const childMinus = previousElement.querySelector(".bi-dash-lg");
childMinus.style.display = "none";
} else {
const previousElement = item.previousElementSibling;
const childPlus = previousElement.querySelector(".bi-plus-lg");
childPlus.style.display = "none";
const childMinus = previousElement.querySelector(".bi-dash-lg");
childMinus.style.display = "block";
}
});
// Перемикаємо відображення поточного контенту
content.style.display =
content.style.display === "block" ? "none" : "block";
});
});
// Кнопки маршруту
let liNumbers = document.querySelectorAll(".li-number");
liNumbers.forEach((number) => {
number.addEventListener("click", function () {
document
.querySelectorAll(
".div-li-1, .div-li-2, .div-li-3, .div-li-4, .div-li-5, .div-li-6, .div-li-7, .div-li-8, .div-li-9"
)
.forEach((item) => {
item.style.display = "none";
});
if (number.id === "li_11_1") {
document.querySelector(".div-li-1").style.display = "block";
} else if (number.id === "li_11_2") {
document.querySelector(".div-li-2").style.display = "block";
} else if (number.id === "li_11_3") {
document.querySelector(".div-li-3").style.display = "block";
} else if (number.id === "li_11_4") {
document.querySelector(".div-li-4").style.display = "block";
} else if (number.id === "li_11_5") {
document.querySelector(".div-li-5").style.display = "block";
} else if (number.id === "li_11_6") {
document.querySelector(".div-li-6").style.display = "block";
} else if (number.id === "li_11_7") {
document.querySelector(".div-li-7").style.display = "block";
} else if (number.id === "li_11_8") {
document.querySelector(".div-li-8").style.display = "block";
} else if (number.id === "li_11_9") {
document.querySelector(".div-li-9").style.display = "block";
}
liNumbers.forEach((item) => item.classList.remove("active"));
number.classList.add("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-S061-DNMT+2025" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Profosvita+CS-S061-DNMT+2025+type@vertical+block@00059001b49e424dbd6479bdb76d9056" data-request-token="5ef92b7ca0a411f0a6aea6271b8e3eb7" data-graded="True" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:Profosvita+CS-S061-DNMT+2025+type@html+block@639309521a5340399532be4cbe77ac4a">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S061-DNMT+2025" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S061-DNMT+2025+type@html+block@639309521a5340399532be4cbe77ac4a" data-request-token="5ef92b7ca0a411f0a6aea6271b8e3eb7" data-graded="True" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<ul class="ul-check">
<li>Зварювальник зобов'язаний використовувати спеціальний захисний одяг із вогнетривких матеріалів, що захищає від опіків і механічних пошкоджень.</li>
<li>Обов'язкове використання зварювальної маски або щита із захисним склом для захисту очей і обличчя від ультрафіолетового та інфрачервоного випромінювання.</li>
<li>Захисні рукавиці, спеціальне взуття з підвищеною термостійкістю та ізоляцією.</li>
<li>У приміщеннях з недостатньою вентиляцією необхідно використовувати респіратори для захисту органів дихання.</li>
</ul>
<div style="width: 100%; text-align:center; margin-bottom: 30px;">
<img src="/assets/courseware/v1/9c60d5f90a33359cedb27e08a7751dd4/asset-v1:Profosvita+CS-S061-DNMT+2025+type@asset+block/21-1.jpg" style="width: 100%; max-width: 800px; border-radius: 5px;" alt="Зображення">
</div>
<p style="text-align:center"><i>Рисунок. Костюм зварника</i></p>
</div>
</div>
<div class="vert vert-1" data-id="block-v1:Profosvita+CS-S061-DNMT+2025+type@html+block@6d71ecb5304b4b3c9a873464584fc169">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S061-DNMT+2025" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S061-DNMT+2025+type@html+block@6d71ecb5304b4b3c9a873464584fc169" data-request-token="5ef92b7ca0a411f0a6aea6271b8e3eb7" data-graded="True" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"
/>
<style>
/* Скрол до списку юнітів зверху */
.sequence-list-wrapper {
max-width: 100%;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
}
img {
max-width: 100%;
height: auto;
}
.course-wrapper .course-content ul li {
margin-bottom: 1.70788em;
}
.ul-number {
list-style: none !important;
counter-reset: item;
margin-top: 20px;
padding-left: 20px;
}
.ul-number > li {
counter-increment: item;
position: relative;
padding-left: 35px;
}
.ul-number > li::before {
content: counter(item);
position: absolute;
left: 0;
top: 0;
width: 24px;
height: 24px;
border-radius: 50%;
background-color: #0d6efd;
color: white;
font-weight: bold;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
}
.ul-check {
list-style: none !important;
padding-left: 20px;
margin-top: 20px;
}
.ul-check > li {
position: relative;
padding-left: 35px;
}
.ul-check > li::before {
content: "✔";
position: absolute;
left: 0;
top: 0;
color: #198754; /* Bootstrap green */
font-size: 18px;
font-weight: bold;
}
.ul-circle {
list-style: none !important;
padding-left: 20px;
margin-top: 20px;
}
.ul-circle > li {
position: relative;
padding-left: 35px;
}
.ul-circle > li::before {
content: "○";
position: absolute;
left: 0;
top: 0;
color: #198754; /* Bootstrap green */
font-size: 18px;
font-weight: bold;
}
/* Зображення а поверх нього текст */
.vstup-container {
position: relative;
display: inline-block;
width: 100%;
}
.vstup-container img {
width: 100%;
height: auto;
border-radius: 5px;
}
.vstup-text-overlay {
position: absolute;
top: 15%;
left: 50%;
transform: translate(-50%, -50%);
color: white;
font-size: 24px;
text-shadow: 2px 2px 5px black;
background: rgba(0, 0, 0, 0.7);
border: 1px solid white;
border-radius: 8px;
padding: 30px;
}
.vstup-text-overlay ul li,
.vstup-text-overlay p {
color: white !important;
font-size: 16px !important;
}
.vstup-text-overlay h3 {
color: white !important;
font-size: 26px !important;
margin-bottom: 0 !important;
text-align: center;
}
/* Для перевертання карточки */
.flip-card {
perspective: 1000px;
cursor: pointer;
}
.flip-card-inner {
transition: transform 0.6s;
transform-style: preserve-3d;
}
.flip-card.flipped .flip-card-inner {
transform: rotateY(180deg);
}
.flip-card-front,
.flip-card-back {
height: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.flip-card-back {
transform: rotateY(180deg);
}
.flip-card-back img {
width: 100%;
max-width: 100%;
max-height: 100%;
object-fit: cover;
}
/*Кнопки маршруту*/
.list-one {
position: relative;
z-index: 1;
}
.list-one::before {
content: "";
position: absolute;
display: block;
width: 100%;
top: 50%;
height: 2px;
background-color: #0d6efd;
z-index: -1;
}
.list-one li i {
color: #0d6efd;
background-color: white;
transition: all 0.4s ease;
width: 44px;
height: 44px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 22px;
transition: all 0.5s ease;
}
.list-one li:hover i {
transform: scale(1.3);
cursor: pointer;
}
.list-one li.active i {
color: white;
background-color: #0d6efd;
cursor: pointer;
}
/* Аккордеон */
.ac-btn-kurs {
display: flex;
justify-content: space-between;
gap: 20px;
width: 100%;
padding: 15px;
margin: 15px 0;
text-align: left;
border: none;
background-color: #cfe2ff;
color: #212529;
border-radius: 5px;
font-weight: 400;
font-size: 16px;
}
.ac-content-kurs {
display: none;
padding: 15px;
background-color: #ffffff;
}
.bi-plus-lg::before,
.bi-dash-lg::before {
font-weight: 600 !important;
}
.bi-dash-lg {
display: none;
}
.ac-icon {
display: flex;
align-items: center;
}
.ac-btn-empty-kurs {
width: 100%;
padding: 15px;
margin: 15px 0;
text-align: left;
border: none;
background-color: #cfe2ff;
color: #212529;
border-radius: 5px;
font-weight: 400;
}
.ac-btn-empty-kurs:hover {
color: #ffffff;
cursor: default !important;
}
</style>
<script>
const buttons = document.querySelectorAll(".ac-btn-kurs");
buttons.forEach((button) => {
button.addEventListener("click", function () {
const content = this.nextElementSibling;
// Закриваємо всі інші аккордеони
document.querySelectorAll(".ac-content-kurs").forEach((item) => {
if (item !== content) {
item.style.display = "none";
const previousElement = item.previousElementSibling;
const childPlus = previousElement.querySelector(".bi-plus-lg");
childPlus.style.display = "block";
const childMinus = previousElement.querySelector(".bi-dash-lg");
childMinus.style.display = "none";
} else {
const previousElement = item.previousElementSibling;
const childPlus = previousElement.querySelector(".bi-plus-lg");
childPlus.style.display = "none";
const childMinus = previousElement.querySelector(".bi-dash-lg");
childMinus.style.display = "block";
}
});
// Перемикаємо відображення поточного контенту
content.style.display =
content.style.display === "block" ? "none" : "block";
});
});
// Кнопки маршруту
let liNumbers = document.querySelectorAll(".li-number");
liNumbers.forEach((number) => {
number.addEventListener("click", function () {
document
.querySelectorAll(
".div-li-1, .div-li-2, .div-li-3, .div-li-4, .div-li-5, .div-li-6, .div-li-7, .div-li-8, .div-li-9"
)
.forEach((item) => {
item.style.display = "none";
});
if (number.id === "li_11_1") {
document.querySelector(".div-li-1").style.display = "block";
} else if (number.id === "li_11_2") {
document.querySelector(".div-li-2").style.display = "block";
} else if (number.id === "li_11_3") {
document.querySelector(".div-li-3").style.display = "block";
} else if (number.id === "li_11_4") {
document.querySelector(".div-li-4").style.display = "block";
} else if (number.id === "li_11_5") {
document.querySelector(".div-li-5").style.display = "block";
} else if (number.id === "li_11_6") {
document.querySelector(".div-li-6").style.display = "block";
} else if (number.id === "li_11_7") {
document.querySelector(".div-li-7").style.display = "block";
} else if (number.id === "li_11_8") {
document.querySelector(".div-li-8").style.display = "block";
} else if (number.id === "li_11_9") {
document.querySelector(".div-li-9").style.display = "block";
}
liNumbers.forEach((item) => item.classList.remove("active"));
number.classList.add("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-S061-DNMT+2025" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Profosvita+CS-S061-DNMT+2025+type@vertical+block@0e1b46ddd08843c6a43239c52d6861af" data-request-token="5ef92b7ca0a411f0a6aea6271b8e3eb7" data-graded="True" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:Profosvita+CS-S061-DNMT+2025+type@html+block@f6770d248053469bbb316eeebf07a3da">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S061-DNMT+2025" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S061-DNMT+2025+type@html+block@f6770d248053469bbb316eeebf07a3da" data-request-token="5ef92b7ca0a411f0a6aea6271b8e3eb7" data-graded="True" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<div class="vstup-container">
<img src="/assets/courseware/v1/0f5c23885afea82ee91d0e7ffd4b6e80/asset-v1:Profosvita+CS-S061-DNMT+2025+type@asset+block/20-0.jpg" alt="Зображення">
<div class="vstup-text-overlay"><h3>Технічні вимоги до обладнання</h3>
<ul class="ul-check">
<li>Перед початком роботи слід провести огляд зварювального обладнання на наявність пошкоджень, перевірити справність ізоляції проводів і надійність з'єднань.</li>
<li>Обов'язкове заземлення зварювальних апаратів для запобігання ураженню електричним струмом.</li>
<li>Використання лише справних і сертифікованих пристроїв і матеріалів.</li>
</ul>
</div>
</div>
</div>
</div>
<div class="vert vert-1" data-id="block-v1:Profosvita+CS-S061-DNMT+2025+type@html+block@0d1a954c6ab4479db15d77a642cfbb8a">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S061-DNMT+2025" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S061-DNMT+2025+type@html+block@0d1a954c6ab4479db15d77a642cfbb8a" data-request-token="5ef92b7ca0a411f0a6aea6271b8e3eb7" data-graded="True" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"
/>
<style>
/* Скрол до списку юнітів зверху */
.sequence-list-wrapper {
max-width: 100%;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
}
img {
max-width: 100%;
height: auto;
}
.course-wrapper .course-content ul li {
margin-bottom: 1.70788em;
}
.ul-number {
list-style: none !important;
counter-reset: item;
margin-top: 20px;
padding-left: 20px;
}
.ul-number > li {
counter-increment: item;
position: relative;
padding-left: 35px;
}
.ul-number > li::before {
content: counter(item);
position: absolute;
left: 0;
top: 0;
width: 24px;
height: 24px;
border-radius: 50%;
background-color: #0d6efd;
color: white;
font-weight: bold;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
}
.ul-check {
list-style: none !important;
padding-left: 20px;
margin-top: 20px;
}
.ul-check > li {
position: relative;
padding-left: 35px;
}
.ul-check > li::before {
content: "✔";
position: absolute;
left: 0;
top: 0;
color: #198754; /* Bootstrap green */
font-size: 18px;
font-weight: bold;
}
.ul-circle {
list-style: none !important;
padding-left: 20px;
margin-top: 20px;
}
.ul-circle > li {
position: relative;
padding-left: 35px;
}
.ul-circle > li::before {
content: "○";
position: absolute;
left: 0;
top: 0;
color: #198754; /* Bootstrap green */
font-size: 18px;
font-weight: bold;
}
/* Зображення а поверх нього текст */
.vstup-container {
position: relative;
display: inline-block;
width: 100%;
}
.vstup-container img {
width: 100%;
height: auto;
border-radius: 5px;
}
.vstup-text-overlay {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
max-width: 900px;
transform: translate(-50%, -50%);
color: white;
font-size: 24px;
text-shadow: 2px 2px 5px black;
background: rgba(0, 0, 0, 0.7);
border: 1px solid white;
border-radius: 8px;
padding: 30px;
}
.vstup-text-overlay ul li,
.vstup-text-overlay p {
color: white !important;
font-size: 16px !important;
}
.vstup-text-overlay h3 {
color: white !important;
font-size: 26px !important;
margin-bottom: 20px !important;
text-align: center;
}
/* Для перевертання карточки */
.flip-card {
perspective: 1000px;
cursor: pointer;
}
.flip-card-inner {
transition: transform 0.6s;
transform-style: preserve-3d;
}
.flip-card.flipped .flip-card-inner {
transform: rotateY(180deg);
}
.flip-card-front,
.flip-card-back {
height: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.flip-card-back {
transform: rotateY(180deg);
}
.flip-card-back img {
width: 100%;
max-width: 100%;
max-height: 100%;
object-fit: cover;
}
/*Кнопки маршруту*/
.list-one {
position: relative;
z-index: 1;
}
.list-one::before {
content: "";
position: absolute;
display: block;
width: 100%;
top: 50%;
height: 2px;
background-color: #0d6efd;
z-index: -1;
}
.list-one li i {
color: #0d6efd;
background-color: white;
transition: all 0.4s ease;
width: 44px;
height: 44px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 22px;
transition: all 0.5s ease;
}
.list-one li:hover i {
transform: scale(1.3);
cursor: pointer;
}
.list-one li.active i {
color: white;
background-color: #0d6efd;
cursor: pointer;
}
/* Аккордеон */
.ac-btn-kurs {
display: flex;
justify-content: space-between;
gap: 20px;
width: 100%;
padding: 15px;
margin: 15px 0;
text-align: left;
border: none;
background-color: #cfe2ff;
color: #212529;
border-radius: 5px;
font-weight: 400;
font-size: 16px;
}
.ac-content-kurs {
display: none;
padding: 15px;
background-color: #ffffff;
}
.bi-plus-lg::before,
.bi-dash-lg::before {
font-weight: 600 !important;
}
.bi-dash-lg {
display: none;
}
.ac-icon {
display: flex;
align-items: center;
}
.ac-btn-empty-kurs {
width: 100%;
padding: 15px;
margin: 15px 0;
text-align: left;
border: none;
background-color: #cfe2ff;
color: #212529;
border-radius: 5px;
font-weight: 400;
}
.ac-btn-empty-kurs:hover {
color: #ffffff;
cursor: default !important;
}
</style>
<script>
const buttons = document.querySelectorAll(".ac-btn-kurs");
buttons.forEach((button) => {
button.addEventListener("click", function () {
const content = this.nextElementSibling;
// Закриваємо всі інші аккордеони
document.querySelectorAll(".ac-content-kurs").forEach((item) => {
if (item !== content) {
item.style.display = "none";
const previousElement = item.previousElementSibling;
const childPlus = previousElement.querySelector(".bi-plus-lg");
childPlus.style.display = "block";
const childMinus = previousElement.querySelector(".bi-dash-lg");
childMinus.style.display = "none";
} else {
const previousElement = item.previousElementSibling;
const childPlus = previousElement.querySelector(".bi-plus-lg");
childPlus.style.display = "none";
const childMinus = previousElement.querySelector(".bi-dash-lg");
childMinus.style.display = "block";
}
});
// Перемикаємо відображення поточного контенту
content.style.display =
content.style.display === "block" ? "none" : "block";
});
});
// Кнопки маршруту
let liNumbers = document.querySelectorAll(".li-number");
liNumbers.forEach((number) => {
number.addEventListener("click", function () {
document
.querySelectorAll(
".div-li-1, .div-li-2, .div-li-3, .div-li-4, .div-li-5, .div-li-6, .div-li-7, .div-li-8, .div-li-9"
)
.forEach((item) => {
item.style.display = "none";
});
if (number.id === "li_11_1") {
document.querySelector(".div-li-1").style.display = "block";
} else if (number.id === "li_11_2") {
document.querySelector(".div-li-2").style.display = "block";
} else if (number.id === "li_11_3") {
document.querySelector(".div-li-3").style.display = "block";
} else if (number.id === "li_11_4") {
document.querySelector(".div-li-4").style.display = "block";
} else if (number.id === "li_11_5") {
document.querySelector(".div-li-5").style.display = "block";
} else if (number.id === "li_11_6") {
document.querySelector(".div-li-6").style.display = "block";
} else if (number.id === "li_11_7") {
document.querySelector(".div-li-7").style.display = "block";
} else if (number.id === "li_11_8") {
document.querySelector(".div-li-8").style.display = "block";
} else if (number.id === "li_11_9") {
document.querySelector(".div-li-9").style.display = "block";
}
liNumbers.forEach((item) => item.classList.remove("active"));
number.classList.add("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-S061-DNMT+2025" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Profosvita+CS-S061-DNMT+2025+type@vertical+block@61d540a1e11d4ac4bf12509f637468aa" data-request-token="5ef92b7ca0a411f0a6aea6271b8e3eb7" data-graded="True" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:Profosvita+CS-S061-DNMT+2025+type@html+block@241365469a2a4fd88f75b59691c3e8b0">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S061-DNMT+2025" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S061-DNMT+2025+type@html+block@241365469a2a4fd88f75b59691c3e8b0" data-request-token="5ef92b7ca0a411f0a6aea6271b8e3eb7" data-graded="True" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<ul class="ul-check">
<li>Робоче місце повинно бути очищене від горючих матеріалів і речовин на відстані не менше 5 метрів від зони зварювання.</li>
<li>На робочому місці обов'язково мають бути справні засоби пожежогасіння: вогнегасники, ящики з піском, азбестові покривала.</li>
<li>Забороняється виконувати зварювальні роботи поблизу легкозаймистих і вибухонебезпечних матеріалів без спеціальних заходів захисту.</li>
</ul>
<p>Місце проведення зварювальних робіт має бути очищене від горючих речовин та матеріалів у радіусі, вказаному у таблиці:</p>
<table width="594">
<tbody>
<tr>
<th width="372">
<p>Висота точки зварювання над рівнем підлоги чи</p>
<p>прилеглої території, м</p>
</th>
<th width="27">
<p>0 2</p>
</th>
<th width="15">
<p>2</p>
</th>
<th width="15">
<p>3</p>
</th>
<th width="23">
<p>4</p>
</th>
<th width="22">
<p>6</p>
</th>
<th width="23">
<p>8</p>
</th>
<th width="23">
<p>10</p>
</th>
<th width="73">
<p>Понад 10</p>
</th>
</tr>
<tr>
<td width="372">
<p>Мінімальний радіус зони, м</p>
</td>
<td width="27">
<p>5</p>
</td>
<td width="15">
<p>8</p>
</td>
<td width="15">
<p>9</p>
</td>
<td width="23">
<p>10</p>
</td>
<td width="22">
<p>11</p>
</td>
<td width="23">
<p>12</p>
</td>
<td width="23">
<p>13</p>
</td>
<td width="73">
<p>14</p>
</td>
</tr>
</tbody>
</table>
<div style="width: 100%; text-align:center; margin-bottom: 30px;">
<img src="/assets/courseware/v1/c0a4d33eaec9561c4a6d9fd543ee0921/asset-v1:Profosvita+CS-S061-DNMT+2025+type@asset+block/21-2.jpg" style="width: 100%; border-radius: 5px;" alt="Зображення">
</div>
<p style="text-align:center"><i>Рисунок. Первинні засоби пожежогасіння</i></p>
</div>
</div>
<div class="vert vert-1" data-id="block-v1:Profosvita+CS-S061-DNMT+2025+type@html+block@c3e796eddd6c4dd7a62e6a9bdfc3d448">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S061-DNMT+2025" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S061-DNMT+2025+type@html+block@c3e796eddd6c4dd7a62e6a9bdfc3d448" data-request-token="5ef92b7ca0a411f0a6aea6271b8e3eb7" data-graded="True" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"
/>
<style>
/* Скрол до списку юнітів зверху */
.sequence-list-wrapper {
max-width: 100%;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
}
img {
max-width: 100%;
height: auto;
}
.course-wrapper .course-content ul li {
margin-bottom: 1.70788em;
}
.ul-number {
list-style: none !important;
counter-reset: item;
margin-top: 20px;
padding-left: 20px;
}
.ul-number > li {
counter-increment: item;
position: relative;
padding-left: 35px;
}
.ul-number > li::before {
content: counter(item);
position: absolute;
left: 0;
top: 0;
width: 24px;
height: 24px;
border-radius: 50%;
background-color: #0d6efd;
color: white;
font-weight: bold;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
}
.ul-check {
list-style: none !important;
padding-left: 20px;
margin-top: 20px;
}
.ul-check > li {
position: relative;
padding-left: 35px;
}
.ul-check > li::before {
content: "✔";
position: absolute;
left: 0;
top: 0;
color: #198754; /* Bootstrap green */
font-size: 18px;
font-weight: bold;
}
.ul-circle {
list-style: none !important;
padding-left: 20px;
margin-top: 20px;
}
.ul-circle > li {
position: relative;
padding-left: 35px;
}
.ul-circle > li::before {
content: "○";
position: absolute;
left: 0;
top: 0;
color: #198754; /* Bootstrap green */
font-size: 18px;
font-weight: bold;
}
/* Зображення а поверх нього текст */
.vstup-container {
position: relative;
display: inline-block;
width: 100%;
}
.vstup-container img {
width: 100%;
height: auto;
border-radius: 5px;
}
.vstup-text-overlay {
position: absolute;
top: 15%;
left: 50%;
transform: translate(-50%, -50%);
color: white;
font-size: 24px;
text-shadow: 2px 2px 5px black;
background: rgba(0, 0, 0, 0.7);
border: 1px solid white;
border-radius: 8px;
padding: 30px;
}
.vstup-text-overlay ul li,
.vstup-text-overlay p {
color: white !important;
font-size: 16px !important;
}
.vstup-text-overlay h3 {
color: white !important;
font-size: 26px !important;
margin-bottom: 0 !important;
text-align: center;
}
/* Для перевертання карточки */
.flip-card {
perspective: 1000px;
cursor: pointer;
}
.flip-card-inner {
transition: transform 0.6s;
transform-style: preserve-3d;
}
.flip-card.flipped .flip-card-inner {
transform: rotateY(180deg);
}
.flip-card-front,
.flip-card-back {
height: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.flip-card-back {
transform: rotateY(180deg);
}
.flip-card-back img {
width: 100%;
max-width: 100%;
max-height: 100%;
object-fit: cover;
}
/*Кнопки маршруту*/
.list-one {
position: relative;
z-index: 1;
}
.list-one::before {
content: "";
position: absolute;
display: block;
width: 100%;
top: 50%;
height: 2px;
background-color: #0d6efd;
z-index: -1;
}
.list-one li i {
color: #0d6efd;
background-color: white;
transition: all 0.4s ease;
width: 44px;
height: 44px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 22px;
transition: all 0.5s ease;
}
.list-one li:hover i {
transform: scale(1.3);
cursor: pointer;
}
.list-one li.active i {
color: white;
background-color: #0d6efd;
cursor: pointer;
}
/* Аккордеон */
.ac-btn-kurs {
display: flex;
justify-content: space-between;
gap: 20px;
width: 100%;
padding: 15px;
margin: 15px 0;
text-align: left;
border: none;
background-color: #cfe2ff;
color: #212529;
border-radius: 5px;
font-weight: 400;
font-size: 16px;
}
.ac-content-kurs {
display: none;
padding: 15px;
background-color: #ffffff;
}
.bi-plus-lg::before,
.bi-dash-lg::before {
font-weight: 600 !important;
}
.bi-dash-lg {
display: none;
}
.ac-icon {
display: flex;
align-items: center;
}
.ac-btn-empty-kurs {
width: 100%;
padding: 15px;
margin: 15px 0;
text-align: left;
border: none;
background-color: #cfe2ff;
color: #212529;
border-radius: 5px;
font-weight: 400;
}
.ac-btn-empty-kurs:hover {
color: #ffffff;
cursor: default !important;
}
</style>
<script>
const buttons = document.querySelectorAll(".ac-btn-kurs");
buttons.forEach((button) => {
button.addEventListener("click", function () {
const content = this.nextElementSibling;
// Закриваємо всі інші аккордеони
document.querySelectorAll(".ac-content-kurs").forEach((item) => {
if (item !== content) {
item.style.display = "none";
const previousElement = item.previousElementSibling;
const childPlus = previousElement.querySelector(".bi-plus-lg");
childPlus.style.display = "block";
const childMinus = previousElement.querySelector(".bi-dash-lg");
childMinus.style.display = "none";
} else {
const previousElement = item.previousElementSibling;
const childPlus = previousElement.querySelector(".bi-plus-lg");
childPlus.style.display = "none";
const childMinus = previousElement.querySelector(".bi-dash-lg");
childMinus.style.display = "block";
}
});
// Перемикаємо відображення поточного контенту
content.style.display =
content.style.display === "block" ? "none" : "block";
});
});
// Кнопки маршруту
let liNumbers = document.querySelectorAll(".li-number");
liNumbers.forEach((number) => {
number.addEventListener("click", function () {
document
.querySelectorAll(
".div-li-1, .div-li-2, .div-li-3, .div-li-4, .div-li-5, .div-li-6, .div-li-7, .div-li-8, .div-li-9"
)
.forEach((item) => {
item.style.display = "none";
});
if (number.id === "li_11_1") {
document.querySelector(".div-li-1").style.display = "block";
} else if (number.id === "li_11_2") {
document.querySelector(".div-li-2").style.display = "block";
} else if (number.id === "li_11_3") {
document.querySelector(".div-li-3").style.display = "block";
} else if (number.id === "li_11_4") {
document.querySelector(".div-li-4").style.display = "block";
} else if (number.id === "li_11_5") {
document.querySelector(".div-li-5").style.display = "block";
} else if (number.id === "li_11_6") {
document.querySelector(".div-li-6").style.display = "block";
} else if (number.id === "li_11_7") {
document.querySelector(".div-li-7").style.display = "block";
} else if (number.id === "li_11_8") {
document.querySelector(".div-li-8").style.display = "block";
} else if (number.id === "li_11_9") {
document.querySelector(".div-li-9").style.display = "block";
}
liNumbers.forEach((item) => item.classList.remove("active"));
number.classList.add("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-S061-DNMT+2025" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Profosvita+CS-S061-DNMT+2025+type@vertical+block@0e266ae5b3ab47b6a7cdce39cfdb8378" data-request-token="5ef92b7ca0a411f0a6aea6271b8e3eb7" data-graded="True" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:Profosvita+CS-S061-DNMT+2025+type@html+block@c06e4371f8234307a71f2ca65a4aafbd">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S061-DNMT+2025" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S061-DNMT+2025+type@html+block@c06e4371f8234307a71f2ca65a4aafbd" data-request-token="5ef92b7ca0a411f0a6aea6271b8e3eb7" data-graded="True" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<ul class="ul-check">
<li>Робоче місце повинно бути обладнане вентиляційною системою для видалення шкідливих газів і парів.</li>
<li>Захист оточуючих працівників шляхом встановлення захисних екранів або щитів для запобігання розлітанню іскор.</li>
<li>Організація зручного розміщення зварювального устаткування для виключення заплутування проводів і випадкового пошкодження.</li>
<li>Газові балони повинні знаходитися в вертикальному положенні закріпленими.</li>
</ul>
<div style="width: 100%; text-align:center; margin-bottom: 30px;">
<img src="/assets/courseware/v1/06698292f811fc3fae0c666cdf0b1821/asset-v1:Profosvita+CS-S061-DNMT+2025+type@asset+block/21-3.jpg" style="width: 100%; border-radius: 5px;" alt="Зображення">
</div>
<p style="text-align:center"><i>Рисунок. Робоче місце зварника</i></p>
</div>
</div>
<div class="vert vert-1" data-id="block-v1:Profosvita+CS-S061-DNMT+2025+type@html+block@259c4bb15a5b42f4822efcee2e089b7f">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S061-DNMT+2025" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S061-DNMT+2025+type@html+block@259c4bb15a5b42f4822efcee2e089b7f" data-request-token="5ef92b7ca0a411f0a6aea6271b8e3eb7" data-graded="True" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"
/>
<style>
/* Скрол до списку юнітів зверху */
.sequence-list-wrapper {
max-width: 100%;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
}
img {
max-width: 100%;
height: auto;
}
.course-wrapper .course-content ul li {
margin-bottom: 1.70788em;
}
.ul-number {
list-style: none !important;
counter-reset: item;
margin-top: 20px;
padding-left: 20px;
}
.ul-number > li {
counter-increment: item;
position: relative;
padding-left: 35px;
}
.ul-number > li::before {
content: counter(item);
position: absolute;
left: 0;
top: 0;
width: 24px;
height: 24px;
border-radius: 50%;
background-color: #0d6efd;
color: white;
font-weight: bold;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
}
.ul-check {
list-style: none !important;
padding-left: 20px;
margin-top: 20px;
}
.ul-check > li {
position: relative;
padding-left: 35px;
}
.ul-check > li::before {
content: "✔";
position: absolute;
left: 0;
top: 0;
color: #198754; /* Bootstrap green */
font-size: 18px;
font-weight: bold;
}
.ul-circle {
list-style: none !important;
padding-left: 20px;
margin-top: 20px;
}
.ul-circle > li {
position: relative;
padding-left: 35px;
}
.ul-circle > li::before {
content: "○";
position: absolute;
left: 0;
top: 0;
color: #198754; /* Bootstrap green */
font-size: 18px;
font-weight: bold;
}
/* Зображення а поверх нього текст */
.vstup-container {
position: relative;
display: inline-block;
width: 100%;
}
.vstup-container img {
width: 100%;
height: auto;
border-radius: 5px;
}
.vstup-text-overlay {
position: absolute;
top: 15%;
left: 50%;
transform: translate(-50%, -50%);
color: white;
font-size: 24px;
text-shadow: 2px 2px 5px black;
background: rgba(0, 0, 0, 0.7);
border: 1px solid white;
border-radius: 8px;
padding: 30px;
}
.vstup-text-overlay ul li,
.vstup-text-overlay p {
color: white !important;
font-size: 16px !important;
}
.vstup-text-overlay h3 {
color: white !important;
font-size: 26px !important;
margin-bottom: 0 !important;
text-align: center;
}
/* Для перевертання карточки */
.flip-card {
perspective: 1000px;
cursor: pointer;
}
.flip-card-inner {
transition: transform 0.6s;
transform-style: preserve-3d;
}
.flip-card.flipped .flip-card-inner {
transform: rotateY(180deg);
}
.flip-card-front,
.flip-card-back {
height: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.flip-card-back {
transform: rotateY(180deg);
}
.flip-card-back img {
width: 100%;
max-width: 100%;
max-height: 100%;
object-fit: cover;
}
/*Кнопки маршруту*/
.list-one {
position: relative;
z-index: 1;
}
.list-one::before {
content: "";
position: absolute;
display: block;
width: 100%;
top: 50%;
height: 2px;
background-color: #0d6efd;
z-index: -1;
}
.list-one li i {
color: #0d6efd;
background-color: white;
transition: all 0.4s ease;
width: 44px;
height: 44px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 22px;
transition: all 0.5s ease;
}
.list-one li:hover i {
transform: scale(1.3);
cursor: pointer;
}
.list-one li.active i {
color: white;
background-color: #0d6efd;
cursor: pointer;
}
/* Аккордеон */
.ac-btn-kurs {
display: flex;
justify-content: space-between;
gap: 20px;
width: 100%;
padding: 15px;
margin: 15px 0;
text-align: left;
border: none;
background-color: #cfe2ff;
color: #212529;
border-radius: 5px;
font-weight: 400;
font-size: 16px;
}
.ac-content-kurs {
display: none;
padding: 15px;
background-color: #ffffff;
}
.bi-plus-lg::before,
.bi-dash-lg::before {
font-weight: 600 !important;
}
.bi-dash-lg {
display: none;
}
.ac-icon {
display: flex;
align-items: center;
}
.ac-btn-empty-kurs {
width: 100%;
padding: 15px;
margin: 15px 0;
text-align: left;
border: none;
background-color: #cfe2ff;
color: #212529;
border-radius: 5px;
font-weight: 400;
}
.ac-btn-empty-kurs:hover {
color: #ffffff;
cursor: default !important;
}
</style>
<script>
const buttons = document.querySelectorAll(".ac-btn-kurs");
buttons.forEach((button) => {
button.addEventListener("click", function () {
const content = this.nextElementSibling;
// Закриваємо всі інші аккордеони
document.querySelectorAll(".ac-content-kurs").forEach((item) => {
if (item !== content) {
item.style.display = "none";
const previousElement = item.previousElementSibling;
const childPlus = previousElement.querySelector(".bi-plus-lg");
childPlus.style.display = "block";
const childMinus = previousElement.querySelector(".bi-dash-lg");
childMinus.style.display = "none";
} else {
const previousElement = item.previousElementSibling;
const childPlus = previousElement.querySelector(".bi-plus-lg");
childPlus.style.display = "none";
const childMinus = previousElement.querySelector(".bi-dash-lg");
childMinus.style.display = "block";
}
});
// Перемикаємо відображення поточного контенту
content.style.display =
content.style.display === "block" ? "none" : "block";
});
});
// Кнопки маршруту
let liNumbers = document.querySelectorAll(".li-number");
liNumbers.forEach((number) => {
number.addEventListener("click", function () {
document
.querySelectorAll(
".div-li-1, .div-li-2, .div-li-3, .div-li-4, .div-li-5, .div-li-6, .div-li-7, .div-li-8, .div-li-9"
)
.forEach((item) => {
item.style.display = "none";
});
if (number.id === "li_11_1") {
document.querySelector(".div-li-1").style.display = "block";
} else if (number.id === "li_11_2") {
document.querySelector(".div-li-2").style.display = "block";
} else if (number.id === "li_11_3") {
document.querySelector(".div-li-3").style.display = "block";
} else if (number.id === "li_11_4") {
document.querySelector(".div-li-4").style.display = "block";
} else if (number.id === "li_11_5") {
document.querySelector(".div-li-5").style.display = "block";
} else if (number.id === "li_11_6") {
document.querySelector(".div-li-6").style.display = "block";
} else if (number.id === "li_11_7") {
document.querySelector(".div-li-7").style.display = "block";
} else if (number.id === "li_11_8") {
document.querySelector(".div-li-8").style.display = "block";
} else if (number.id === "li_11_9") {
document.querySelector(".div-li-9").style.display = "block";
}
liNumbers.forEach((item) => item.classList.remove("active"));
number.classList.add("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-S061-DNMT+2025" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Profosvita+CS-S061-DNMT+2025+type@vertical+block@21313f400fea45dda96c7924aa391b85" data-request-token="5ef92b7ca0a411f0a6aea6271b8e3eb7" data-graded="True" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:Profosvita+CS-S061-DNMT+2025+type@html+block@12119c3ccbf748c098077ee0b6db8694">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S061-DNMT+2025" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S061-DNMT+2025+type@html+block@12119c3ccbf748c098077ee0b6db8694" data-request-token="5ef92b7ca0a411f0a6aea6271b8e3eb7" data-graded="True" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<div class="vstup-container">
<img src="/assets/courseware/v1/0f5c23885afea82ee91d0e7ffd4b6e80/asset-v1:Profosvita+CS-S061-DNMT+2025+type@asset+block/20-0.jpg" alt="Зображення">
<div class="vstup-text-overlay"><h3>Дії в аварійних ситуаціях</h3>
<ul class="ul-check">
<li>Працівники повинні бути навчені правилам надання першої допомоги при опіках, ураженні електричним струмом, отруєнні шкідливими речовинами.</li>
<li>У випадку пожежі необхідно негайно повідомити відповідальні служби, вимкнути електрообладнання і використовувати засоби пожежогасіння.</li>
<li>Робітник зобов'язаний негайно припинити роботу при виявленні несправностей обладнання або небезпеки для здоров'я.</li>
</ul>
</div>
</div>
</div>
</div>
<div class="vert vert-1" data-id="block-v1:Profosvita+CS-S061-DNMT+2025+type@html+block@671705c17ffc47458e06d16b2bbea3bc">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S061-DNMT+2025" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S061-DNMT+2025+type@html+block@671705c17ffc47458e06d16b2bbea3bc" data-request-token="5ef92b7ca0a411f0a6aea6271b8e3eb7" data-graded="True" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"
/>
<style>
/* Скрол до списку юнітів зверху */
.sequence-list-wrapper {
max-width: 100%;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
}
img {
max-width: 100%;
height: auto;
}
.course-wrapper .course-content ul li {
margin-bottom: 1.70788em;
}
.ul-number {
list-style: none !important;
counter-reset: item;
margin-top: 20px;
padding-left: 20px;
}
.ul-number > li {
counter-increment: item;
position: relative;
padding-left: 35px;
}
.ul-number > li::before {
content: counter(item);
position: absolute;
left: 0;
top: 0;
width: 24px;
height: 24px;
border-radius: 50%;
background-color: #0d6efd;
color: white;
font-weight: bold;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
}
.ul-check {
list-style: none !important;
padding-left: 20px;
margin-top: 20px;
}
.ul-check > li {
position: relative;
padding-left: 35px;
}
.ul-check > li::before {
content: "✔";
position: absolute;
left: 0;
top: 0;
color: #198754; /* Bootstrap green */
font-size: 18px;
font-weight: bold;
}
.ul-circle {
list-style: none !important;
padding-left: 20px;
margin-top: 20px;
}
.ul-circle > li {
position: relative;
padding-left: 35px;
}
.ul-circle > li::before {
content: "○";
position: absolute;
left: 0;
top: 0;
color: #198754; /* Bootstrap green */
font-size: 18px;
font-weight: bold;
}
/* Зображення а поверх нього текст */
.vstup-container {
position: relative;
display: inline-block;
width: 100%;
}
.vstup-container img {
width: 100%;
height: auto;
border-radius: 5px;
}
.vstup-text-overlay {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
max-width: 900px;
transform: translate(-50%, -50%);
color: white;
font-size: 24px;
text-shadow: 2px 2px 5px black;
background: rgba(0, 0, 0, 0.7);
border: 1px solid white;
border-radius: 8px;
padding: 30px;
}
.vstup-text-overlay ul li,
.vstup-text-overlay p {
color: white !important;
font-size: 16px !important;
}
.vstup-text-overlay h3 {
color: white !important;
font-size: 26px !important;
margin-bottom: 20px !important;
text-align: center;
}
/* Для перевертання карточки */
.flip-card {
perspective: 1000px;
cursor: pointer;
}
.flip-card-inner {
transition: transform 0.6s;
transform-style: preserve-3d;
}
.flip-card.flipped .flip-card-inner {
transform: rotateY(180deg);
}
.flip-card-front,
.flip-card-back {
height: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.flip-card-back {
transform: rotateY(180deg);
}
.flip-card-back img {
width: 100%;
max-width: 100%;
max-height: 100%;
object-fit: cover;
}
/*Кнопки маршруту*/
.list-one {
position: relative;
z-index: 1;
}
.list-one::before {
content: "";
position: absolute;
display: block;
width: 100%;
top: 50%;
height: 2px;
background-color: #0d6efd;
z-index: -1;
}
.list-one li i {
color: #0d6efd;
background-color: white;
transition: all 0.4s ease;
width: 44px;
height: 44px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 22px;
transition: all 0.5s ease;
}
.list-one li:hover i {
transform: scale(1.3);
cursor: pointer;
}
.list-one li.active i {
color: white;
background-color: #0d6efd;
cursor: pointer;
}
/* Аккордеон */
.ac-btn-kurs {
display: flex;
justify-content: space-between;
gap: 20px;
width: 100%;
padding: 15px;
margin: 15px 0;
text-align: left;
border: none;
background-color: #cfe2ff;
color: #212529;
border-radius: 5px;
font-weight: 400;
font-size: 16px;
}
.ac-content-kurs {
display: none;
padding: 15px;
background-color: #ffffff;
}
.bi-plus-lg::before,
.bi-dash-lg::before {
font-weight: 600 !important;
}
.bi-dash-lg {
display: none;
}
.ac-icon {
display: flex;
align-items: center;
}
.ac-btn-empty-kurs {
width: 100%;
padding: 15px;
margin: 15px 0;
text-align: left;
border: none;
background-color: #cfe2ff;
color: #212529;
border-radius: 5px;
font-weight: 400;
}
.ac-btn-empty-kurs:hover {
color: #ffffff;
cursor: default !important;
}
</style>
<script>
const buttons = document.querySelectorAll(".ac-btn-kurs");
buttons.forEach((button) => {
button.addEventListener("click", function () {
const content = this.nextElementSibling;
// Закриваємо всі інші аккордеони
document.querySelectorAll(".ac-content-kurs").forEach((item) => {
if (item !== content) {
item.style.display = "none";
const previousElement = item.previousElementSibling;
const childPlus = previousElement.querySelector(".bi-plus-lg");
childPlus.style.display = "block";
const childMinus = previousElement.querySelector(".bi-dash-lg");
childMinus.style.display = "none";
} else {
const previousElement = item.previousElementSibling;
const childPlus = previousElement.querySelector(".bi-plus-lg");
childPlus.style.display = "none";
const childMinus = previousElement.querySelector(".bi-dash-lg");
childMinus.style.display = "block";
}
});
// Перемикаємо відображення поточного контенту
content.style.display =
content.style.display === "block" ? "none" : "block";
});
});
// Кнопки маршруту
let liNumbers = document.querySelectorAll(".li-number");
liNumbers.forEach((number) => {
number.addEventListener("click", function () {
document
.querySelectorAll(
".div-li-1, .div-li-2, .div-li-3, .div-li-4, .div-li-5, .div-li-6, .div-li-7, .div-li-8, .div-li-9"
)
.forEach((item) => {
item.style.display = "none";
});
if (number.id === "li_11_1") {
document.querySelector(".div-li-1").style.display = "block";
} else if (number.id === "li_11_2") {
document.querySelector(".div-li-2").style.display = "block";
} else if (number.id === "li_11_3") {
document.querySelector(".div-li-3").style.display = "block";
} else if (number.id === "li_11_4") {
document.querySelector(".div-li-4").style.display = "block";
} else if (number.id === "li_11_5") {
document.querySelector(".div-li-5").style.display = "block";
} else if (number.id === "li_11_6") {
document.querySelector(".div-li-6").style.display = "block";
} else if (number.id === "li_11_7") {
document.querySelector(".div-li-7").style.display = "block";
} else if (number.id === "li_11_8") {
document.querySelector(".div-li-8").style.display = "block";
} else if (number.id === "li_11_9") {
document.querySelector(".div-li-9").style.display = "block";
}
liNumbers.forEach((item) => item.classList.remove("active"));
number.classList.add("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-S061-DNMT+2025" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Profosvita+CS-S061-DNMT+2025+type@vertical+block@21d5e9e105e34e56a7687aa4bfa693bc" data-request-token="5ef92b7ca0a411f0a6aea6271b8e3eb7" data-graded="True" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:Profosvita+CS-S061-DNMT+2025+type@html+block@e62da742ad6446eca8660754aec11605">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S061-DNMT+2025" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S061-DNMT+2025+type@html+block@e62da742ad6446eca8660754aec11605" data-request-token="5ef92b7ca0a411f0a6aea6271b8e3eb7" data-graded="True" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<ul class="ul-check">
<li>При проведенні зварювальних робіт на висоті необхідно використовувати страхувальні засоби.</li>
<li>У вибухонебезпечних зонах зварювальні роботи дозволяється проводити лише за наявності спеціального дозволу й під наглядом відповідальної особи.</li>
</ul>
<p>Дотримання зазначених вимог забезпечує безпечні умови праці під час організації і проведення зварювальних робіт, знижує ризик травматизму та запобігає виникненню аварійних ситуацій.</p>
<div style="width: 100%; text-align:center; margin-bottom: 30px;">
<img src="/assets/courseware/v1/70ba7abee932fa90d6d7ac09c4a05733/asset-v1:Profosvita+CS-S061-DNMT+2025+type@asset+block/21-4.jpg" style="width: 100%; max-width:900px; border-radius: 5px;" alt="Зображення">
</div>
<p style="text-align:center"><i>Рисунок. Страхувальні засоби для зварника</i></p>
</div>
</div>
<div class="vert vert-1" data-id="block-v1:Profosvita+CS-S061-DNMT+2025+type@html+block@59de2909accd4bcaba9a69bead113802">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S061-DNMT+2025" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S061-DNMT+2025+type@html+block@59de2909accd4bcaba9a69bead113802" data-request-token="5ef92b7ca0a411f0a6aea6271b8e3eb7" data-graded="True" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"
/>
<style>
/* Скрол до списку юнітів зверху */
.sequence-list-wrapper {
max-width: 100%;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
}
img {
max-width: 100%;
height: auto;
}
.course-wrapper .course-content ul li {
margin-bottom: 1.70788em;
}
.ul-number {
list-style: none !important;
counter-reset: item;
margin-top: 20px;
padding-left: 20px;
}
.ul-number > li {
counter-increment: item;
position: relative;
padding-left: 35px;
}
.ul-number > li::before {
content: counter(item);
position: absolute;
left: 0;
top: 0;
width: 24px;
height: 24px;
border-radius: 50%;
background-color: #0d6efd;
color: white;
font-weight: bold;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
}
.ul-check {
list-style: none !important;
padding-left: 20px;
margin-top: 20px;
}
.ul-check > li {
position: relative;
padding-left: 35px;
}
.ul-check > li::before {
content: "✔";
position: absolute;
left: 0;
top: 0;
color: #198754; /* Bootstrap green */
font-size: 18px;
font-weight: bold;
}
.ul-circle {
list-style: none !important;
padding-left: 20px;
margin-top: 20px;
}
.ul-circle > li {
position: relative;
padding-left: 35px;
}
.ul-circle > li::before {
content: "○";
position: absolute;
left: 0;
top: 0;
color: #198754; /* Bootstrap green */
font-size: 18px;
font-weight: bold;
}
/* Зображення а поверх нього текст */
.vstup-container {
position: relative;
display: inline-block;
width: 100%;
}
.vstup-container img {
width: 100%;
height: auto;
border-radius: 5px;
}
.vstup-text-overlay {
position: absolute;
top: 15%;
left: 50%;
transform: translate(-50%, -50%);
color: white;
font-size: 24px;
text-shadow: 2px 2px 5px black;
background: rgba(0, 0, 0, 0.7);
border: 1px solid white;
border-radius: 8px;
padding: 30px;
}
.vstup-text-overlay ul li,
.vstup-text-overlay p {
color: white !important;
font-size: 16px !important;
}
.vstup-text-overlay h3 {
color: white !important;
font-size: 26px !important;
margin-bottom: 0 !important;
text-align: center;
}
/* Для перевертання карточки */
.flip-card {
perspective: 1000px;
cursor: pointer;
}
.flip-card-inner {
transition: transform 0.6s;
transform-style: preserve-3d;
}
.flip-card.flipped .flip-card-inner {
transform: rotateY(180deg);
}
.flip-card-front,
.flip-card-back {
height: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.flip-card-back {
transform: rotateY(180deg);
}
.flip-card-back img {
width: 100%;
max-width: 100%;
max-height: 100%;
object-fit: cover;
}
/*Кнопки маршруту*/
.list-one {
position: relative;
z-index: 1;
}
.list-one::before {
content: "";
position: absolute;
display: block;
width: 100%;
top: 50%;
height: 2px;
background-color: #0d6efd;
z-index: -1;
}
.list-one li i {
color: #0d6efd;
background-color: white;
transition: all 0.4s ease;
width: 44px;
height: 44px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 22px;
transition: all 0.5s ease;
}
.list-one li:hover i {
transform: scale(1.3);
cursor: pointer;
}
.list-one li.active i {
color: white;
background-color: #0d6efd;
cursor: pointer;
}
/* Аккордеон */
.ac-btn-kurs {
display: flex;
justify-content: space-between;
gap: 20px;
width: 100%;
padding: 15px;
margin: 15px 0;
text-align: left;
border: none;
background-color: #cfe2ff;
color: #212529;
border-radius: 5px;
font-weight: 400;
font-size: 16px;
}
.ac-content-kurs {
display: none;
padding: 15px;
background-color: #ffffff;
}
.bi-plus-lg::before,
.bi-dash-lg::before {
font-weight: 600 !important;
}
.bi-dash-lg {
display: none;
}
.ac-icon {
display: flex;
align-items: center;
}
.ac-btn-empty-kurs {
width: 100%;
padding: 15px;
margin: 15px 0;
text-align: left;
border: none;
background-color: #cfe2ff;
color: #212529;
border-radius: 5px;
font-weight: 400;
}
.ac-btn-empty-kurs:hover {
color: #ffffff;
cursor: default !important;
}
</style>
<script>
const buttons = document.querySelectorAll(".ac-btn-kurs");
buttons.forEach((button) => {
button.addEventListener("click", function () {
const content = this.nextElementSibling;
// Закриваємо всі інші аккордеони
document.querySelectorAll(".ac-content-kurs").forEach((item) => {
if (item !== content) {
item.style.display = "none";
const previousElement = item.previousElementSibling;
const childPlus = previousElement.querySelector(".bi-plus-lg");
childPlus.style.display = "block";
const childMinus = previousElement.querySelector(".bi-dash-lg");
childMinus.style.display = "none";
} else {
const previousElement = item.previousElementSibling;
const childPlus = previousElement.querySelector(".bi-plus-lg");
childPlus.style.display = "none";
const childMinus = previousElement.querySelector(".bi-dash-lg");
childMinus.style.display = "block";
}
});
// Перемикаємо відображення поточного контенту
content.style.display =
content.style.display === "block" ? "none" : "block";
});
});
// Кнопки маршруту
let liNumbers = document.querySelectorAll(".li-number");
liNumbers.forEach((number) => {
number.addEventListener("click", function () {
document
.querySelectorAll(
".div-li-1, .div-li-2, .div-li-3, .div-li-4, .div-li-5, .div-li-6, .div-li-7, .div-li-8, .div-li-9"
)
.forEach((item) => {
item.style.display = "none";
});
if (number.id === "li_11_1") {
document.querySelector(".div-li-1").style.display = "block";
} else if (number.id === "li_11_2") {
document.querySelector(".div-li-2").style.display = "block";
} else if (number.id === "li_11_3") {
document.querySelector(".div-li-3").style.display = "block";
} else if (number.id === "li_11_4") {
document.querySelector(".div-li-4").style.display = "block";
} else if (number.id === "li_11_5") {
document.querySelector(".div-li-5").style.display = "block";
} else if (number.id === "li_11_6") {
document.querySelector(".div-li-6").style.display = "block";
} else if (number.id === "li_11_7") {
document.querySelector(".div-li-7").style.display = "block";
} else if (number.id === "li_11_8") {
document.querySelector(".div-li-8").style.display = "block";
} else if (number.id === "li_11_9") {
document.querySelector(".div-li-9").style.display = "block";
}
liNumbers.forEach((item) => item.classList.remove("active"));
number.classList.add("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-S061-DNMT+2025" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Profosvita+CS-S061-DNMT+2025+type@vertical+block@a91f6f1f304e4a7a8da6556dcd7c5885" data-request-token="5ef92b7ca0a411f0a6aea6271b8e3eb7" data-graded="True" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:Profosvita+CS-S061-DNMT+2025+type@problem+block@8cdfcf095cc04cea9755d350a3cd0d85">
<div class="xblock xblock-public_view xblock-public_view-problem xmodule_display xmodule_ProblemBlock" data-course-id="course-v1:Profosvita+CS-S061-DNMT+2025" data-block-type="problem" data-usage-id="block-v1:Profosvita+CS-S061-DNMT+2025+type@problem+block@8cdfcf095cc04cea9755d350a3cd0d85" data-request-token="5ef92b7ca0a411f0a6aea6271b8e3eb7" data-graded="True" data-has-score="True">
<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">1. Який основний засіб індивідуального захисту використовується для захисту очей під час зварювання? доступне для перегляду та виконання після <a href=/register>реєстрації</a>/<a href=/login>авторизації</a> на платформі.</div></div></div>
</div>
</div>
<div class="vert vert-1" data-id="block-v1:Profosvita+CS-S061-DNMT+2025+type@problem+block@5ccd1b0f19bf4c7ebd74fac421880267">
<div class="xblock xblock-public_view xblock-public_view-problem xmodule_display xmodule_ProblemBlock" data-course-id="course-v1:Profosvita+CS-S061-DNMT+2025" data-block-type="problem" data-usage-id="block-v1:Profosvita+CS-S061-DNMT+2025+type@problem+block@5ccd1b0f19bf4c7ebd74fac421880267" data-request-token="5ef92b7ca0a411f0a6aea6271b8e3eb7" data-graded="True" data-has-score="True">
<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">2. Що потрібно перевірити перед початком зварювальних робіт? доступне для перегляду та виконання після <a href=/register>реєстрації</a>/<a href=/login>авторизації</a> на платформі.</div></div></div>
</div>
</div>
<div class="vert vert-2" data-id="block-v1:Profosvita+CS-S061-DNMT+2025+type@problem+block@05a163a2814f4ba4bebc16a84addffa0">
<div class="xblock xblock-public_view xblock-public_view-problem xmodule_display xmodule_ProblemBlock" data-course-id="course-v1:Profosvita+CS-S061-DNMT+2025" data-block-type="problem" data-usage-id="block-v1:Profosvita+CS-S061-DNMT+2025+type@problem+block@05a163a2814f4ba4bebc16a84addffa0" data-request-token="5ef92b7ca0a411f0a6aea6271b8e3eb7" data-graded="True" data-has-score="True">
<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">3. Як слід зберігати газові балони на робочому місці? доступне для перегляду та виконання після <a href=/register>реєстрації</a>/<a href=/login>авторизації</a> на платформі.</div></div></div>
</div>
</div>
<div class="vert vert-3" data-id="block-v1:Profosvita+CS-S061-DNMT+2025+type@problem+block@588c2a798c47443faf86d07984099d2f">
<div class="xblock xblock-public_view xblock-public_view-problem xmodule_display xmodule_ProblemBlock" data-course-id="course-v1:Profosvita+CS-S061-DNMT+2025" data-block-type="problem" data-usage-id="block-v1:Profosvita+CS-S061-DNMT+2025+type@problem+block@588c2a798c47443faf86d07984099d2f" data-request-token="5ef92b7ca0a411f0a6aea6271b8e3eb7" data-graded="True" data-has-score="True">
<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">4. Які засоби захисту органів дихання використовуються під час зварювальних робіт у закритих приміщеннях? доступне для перегляду та виконання після <a href=/register>реєстрації</a>/<a href=/login>авторизації</a> на платформі.</div></div></div>
</div>
</div>
<div class="vert vert-4" data-id="block-v1:Profosvita+CS-S061-DNMT+2025+type@problem+block@8fb5fbd600a84bfb813c08e1a1c20de7">
<div class="xblock xblock-public_view xblock-public_view-problem xmodule_display xmodule_ProblemBlock" data-course-id="course-v1:Profosvita+CS-S061-DNMT+2025" data-block-type="problem" data-usage-id="block-v1:Profosvita+CS-S061-DNMT+2025+type@problem+block@8fb5fbd600a84bfb813c08e1a1c20de7" data-request-token="5ef92b7ca0a411f0a6aea6271b8e3eb7" data-graded="True" data-has-score="True">
<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">5. Що потрібно зробити у разі загоряння під час зварювальних робіт? доступне для перегляду та виконання після <a href=/register>реєстрації</a>/<a href=/login>авторизації</a> на платформі.</div></div></div>
</div>
</div>
<div class="vert vert-5" data-id="block-v1:Profosvita+CS-S061-DNMT+2025+type@problem+block@9a7f7069a376412aa30aa10f1529ffac">
<div class="xblock xblock-public_view xblock-public_view-problem xmodule_display xmodule_ProblemBlock" data-course-id="course-v1:Profosvita+CS-S061-DNMT+2025" data-block-type="problem" data-usage-id="block-v1:Profosvita+CS-S061-DNMT+2025+type@problem+block@9a7f7069a376412aa30aa10f1529ffac" data-request-token="5ef92b7ca0a411f0a6aea6271b8e3eb7" data-graded="True" data-has-score="True">
<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">6. Чому важливо забезпечити вентиляцію робочого місця під час зварювання? доступне для перегляду та виконання після <a href=/register>реєстрації</a>/<a href=/login>авторизації</a> на платформі.</div></div></div>
</div>
</div>
<div class="vert vert-6" data-id="block-v1:Profosvita+CS-S061-DNMT+2025+type@problem+block@bcde6cb06d80413fbc580843e301d054">
<div class="xblock xblock-public_view xblock-public_view-problem xmodule_display xmodule_ProblemBlock" data-course-id="course-v1:Profosvita+CS-S061-DNMT+2025" data-block-type="problem" data-usage-id="block-v1:Profosvita+CS-S061-DNMT+2025+type@problem+block@bcde6cb06d80413fbc580843e301d054" data-request-token="5ef92b7ca0a411f0a6aea6271b8e3eb7" data-graded="True" data-has-score="True">
<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">7. Які матеріали заборонено зберігати біля місця зварювання? доступне для перегляду та виконання після <a href=/register>реєстрації</a>/<a href=/login>авторизації</a> на платформі.</div></div></div>
</div>
</div>
<div class="vert vert-7" data-id="block-v1:Profosvita+CS-S061-DNMT+2025+type@problem+block@a22a3ed5ae8d45479fe61a74cbfd808e">
<div class="xblock xblock-public_view xblock-public_view-problem xmodule_display xmodule_ProblemBlock" data-course-id="course-v1:Profosvita+CS-S061-DNMT+2025" data-block-type="problem" data-usage-id="block-v1:Profosvita+CS-S061-DNMT+2025+type@problem+block@a22a3ed5ae8d45479fe61a74cbfd808e" data-request-token="5ef92b7ca0a411f0a6aea6271b8e3eb7" data-graded="True" data-has-score="True">
<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">8. Як часто необхідно проходити інструктаж з техніки безпеки зварювальникам? доступне для перегляду та виконання після <a href=/register>реєстрації</a>/<a href=/login>авторизації</a> на платформі.</div></div></div>
</div>
</div>
<div class="vert vert-8" data-id="block-v1:Profosvita+CS-S061-DNMT+2025+type@problem+block@7832060822f7442e97f819cd0115147b">
<div class="xblock xblock-public_view xblock-public_view-problem xmodule_display xmodule_ProblemBlock" data-course-id="course-v1:Profosvita+CS-S061-DNMT+2025" data-block-type="problem" data-usage-id="block-v1:Profosvita+CS-S061-DNMT+2025+type@problem+block@7832060822f7442e97f819cd0115147b" data-request-token="5ef92b7ca0a411f0a6aea6271b8e3eb7" data-graded="True" data-has-score="True">
<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">9. Який тип взуття рекомендовано для зварювальника? доступне для перегляду та виконання після <a href=/register>реєстрації</a>/<a href=/login>авторизації</a> на платформі.</div></div></div>
</div>
</div>
<div class="vert vert-9" data-id="block-v1:Profosvita+CS-S061-DNMT+2025+type@problem+block@7a50f10dc11e4a93985a3a66f67c1984">
<div class="xblock xblock-public_view xblock-public_view-problem xmodule_display xmodule_ProblemBlock" data-course-id="course-v1:Profosvita+CS-S061-DNMT+2025" data-block-type="problem" data-usage-id="block-v1:Profosvita+CS-S061-DNMT+2025+type@problem+block@7a50f10dc11e4a93985a3a66f67c1984" data-request-token="5ef92b7ca0a411f0a6aea6271b8e3eb7" data-graded="True" data-has-score="True">
<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">10. Чи можна виконувати зварювальні роботи поблизу легкозаймистих матеріалів? доступне для перегляду та виконання після <a href=/register>реєстрації</a>/<a href=/login>авторизації</a> на платформі.</div></div></div>
</div>
</div>
<div class="vert vert-10" data-id="block-v1:Profosvita+CS-S061-DNMT+2025+type@html+block@32c19ad13b0740d0b263de154e29aec0">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S061-DNMT+2025" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S061-DNMT+2025+type@html+block@32c19ad13b0740d0b263de154e29aec0" data-request-token="5ef92b7ca0a411f0a6aea6271b8e3eb7" data-graded="True" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<style>
/* Скрол до списку юнітів зверху */
.sequence-list-wrapper {
max-width: 100%;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
}
</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-S061-DNMT+2025" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Profosvita+CS-S061-DNMT+2025+type@vertical+block@0da1f0f0eedb4561887bb6f971f4c15a" data-request-token="5ef92b7ca0a411f0a6aea6271b8e3eb7" data-graded="True" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:Profosvita+CS-S061-DNMT+2025+type@html+block@12364fa0371f474fa187a2c21611e1ea">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-S061-DNMT+2025" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-S061-DNMT+2025+type@html+block@12364fa0371f474fa187a2c21611e1ea" data-request-token="5ef92b7ca0a411f0a6aea6271b8e3eb7" data-graded="True" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<style>
/* Скрол до списку юнітів зверху */
.sequence-list-wrapper {
max-width: 100%;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
}
/* Зображення а поверх нього текст */
.vstup-container {
position: relative;
display: inline-block;
width: 100%;
}
.vstup-container img {
width: 100%;
height: auto;
border-radius: 5px;
}
.vstup-text-overlay {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 80%;
text-shadow: 2px 2px 5px black;
background: rgba(0, 0, 0, 0.7);
border: 1px solid white;
border-radius: 8px;
padding: 30px;
}
.vstup-text-overlay ol li a {
color: #bfe0ff !important;
font-size: 16px;
}
.vstup-text-overlay ul li,
.vstup-text-overlay ol li,
.vstup-text-overlay p {
color: white !important;
font-size: 16px !important;
}
.vstup-text-overlay h3 {
color: white !important;
font-size: 26px !important;
margin-bottom: 30px !important;
text-align: center;
}
</style>
<div class="vstup-container">
<img src="/assets/courseware/v1/77207faece64ad59be4a413179bfbefc/asset-v1:Profosvita+CS-S061-DNMT+2025+type@asset+block/11-20.jpg" alt="Зображення">
<div class="vstup-text-overlay">
<h3>СПИСОК ВИКОРИСТАНИХ ДЖЕРЕЛ</h3>
<ol>
<li>Закон України "Про охорону праці" – Офіційний документ, що регламентує питання безпеки праці. Т</li>
<li>ДСТУ EN ISO 15011-1:2018 – Охорона здоров’я та безпека під час зварювання.</li>
<li>НПАОП 0.00-1.81-18 – Правила охорони праці під час зварювальних робіт.</li>
<li>Безверхий К. В., Литвиненко С. П. **"Охорона праці під час зварювальних робіт" – Київ: Кондор, 2020.</li>
<li>Рожанковський А. Г. "Основи безпеки життєдіяльності та охорони праці" – Львів: Львівська політехніка, 2019.</li>
<li>5. Ігнатенко М. ф. "Охорона праці та техніки безпеки при проведенні зварювальних робіт" – Харків: Основа, 2018.</li>
</ol>
</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>
Завершення тесту
У вас залишилися невиконані завдання. Ви впевнені, що хочете завершити тест?
Тестування завершено.
Щоб переглянути результат
перейдіть на сторінку "Прогрес"
© Всі права захищено