<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:UIED+History-NUSH-5th+2022" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:UIED+History-NUSH-5th+2022+type@vertical+block@38130838eee84a9e91350665bc60c278" data-request-token="b97b2452455911f0b2eb0ac94b03de13" data-graded="True" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:UIED+History-NUSH-5th+2022+type@html+block@95d86113d133459a92d407e384bc8106">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:UIED+History-NUSH-5th+2022" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:UIED+History-NUSH-5th+2022+type@html+block@95d86113d133459a92d407e384bc8106" data-request-token="b97b2452455911f0b2eb0ac94b03de13" data-graded="True" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<h3 style="text-rendering: optimizelegibility; margin: 0px 0px 10px; padding: 0px; border: 0px; outline: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-stretch: inherit; font-size: 1.1125em; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; vertical-align: baseline; color: #333333;"><strong style="text-rendering: optimizelegibility; margin: 0px; padding: 0px; border: 0px; outline: 0px; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: inherit; line-height: 1.4em; font-family: inherit; vertical-align: baseline;">Переглянь уважно навчальне відео та опрацюй додаткові навчальні матеріали. Далі – виконай тестові завдання для самоконтролю.</strong></h3>
<p></p>
<p></p>
<p></p>
</div>
</div>
<div class="vert vert-1" data-id="block-v1:UIED+History-NUSH-5th+2022+type@video+block@efd475a8a52043e2a4f190d3c8d030fd">
<div class="xblock xblock-public_view xblock-public_view-video xmodule_display xmodule_VideoBlock" data-course-id="course-v1:UIED+History-NUSH-5th+2022" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="video" data-usage-id="block-v1:UIED+History-NUSH-5th+2022+type@video+block@efd475a8a52043e2a4f190d3c8d030fd" data-request-token="b97b2452455911f0b2eb0ac94b03de13" data-graded="True" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "Video"}
</script>
<h3 class="hd hd-2">Навчальне відео</h3>
<div
id="video_efd475a8a52043e2a4f190d3c8d030fd"
class="video closed"
data-metadata='{"autoAdvance": false, "autohideHtml5": false, "autoplay": false, "captionDataDir": null, "completionEnabled": false, "completionPercentage": 0.95, "duration": 0.0, "end": 0.0, "generalSpeed": 1.0, "lmsRootURL": "https://lms.e-school.net.ua", "poster": null, "prioritizeHls": false, "publishCompletionUrl": "/courses/course-v1:UIED+History-NUSH-5th+2022/xblock/block-v1:UIED+History-NUSH-5th+2022+type@video+block@efd475a8a52043e2a4f190d3c8d030fd/handler/publish_completion", "recordedYoutubeIsAvailable": true, "savedVideoPosition": 0.0, "saveStateEnabled": false, "saveStateUrl": "/courses/course-v1:UIED+History-NUSH-5th+2022/xblock/block-v1:UIED+History-NUSH-5th+2022+type@video+block@efd475a8a52043e2a4f190d3c8d030fd/handler/xmodule_handler/save_user_state", "showCaptions": "true", "sources": ["https://vso-public-media-content.s3.eu-central-1.amazonaws.com/History-NUSH-5th/Y6rBAS0lYpc.mp4"], "speed": null, "start": 0.0, "streams": "1.00:Y6rBAS0lYpc", "transcriptAvailableTranslationsUrl": "/courses/course-v1:UIED+History-NUSH-5th+2022/xblock/block-v1:UIED+History-NUSH-5th+2022+type@video+block@efd475a8a52043e2a4f190d3c8d030fd/handler/transcript/available_translations", "transcriptLanguage": "en", "transcriptLanguages": {"en": "English"}, "transcriptTranslationUrl": "/courses/course-v1:UIED+History-NUSH-5th+2022/xblock/block-v1:UIED+History-NUSH-5th+2022+type@video+block@efd475a8a52043e2a4f190d3c8d030fd/handler/transcript/translation/__lang__", "ytApiUrl": "https://www.youtube.com/iframe_api", "ytMetadataEndpoint": "", "ytTestTimeout": 1500}'
data-bumper-metadata='null'
data-autoadvance-enabled="False"
data-poster='null'
tabindex="-1"
>
<div class="focus_grabber first"></div>
<div class="tc-wrapper">
<div class="video-wrapper">
<span tabindex="0" class="spinner" aria-hidden="false" aria-label="Триває завантаження відео плеєра"></span>
<span tabindex="-1" class="btn-play fa fa-youtube-play fa-2x is-hidden" aria-hidden="true" aria-label="Переглянути відео"></span>
<div class="video-player-pre"></div>
<div class="video-player">
<div id="efd475a8a52043e2a4f190d3c8d030fd"></div>
<h4 class="hd hd-4 video-error is-hidden">Не знайдено жодного джерела відео матеріалів для відтворення.</h4>
<h4 class="hd hd-4 video-hls-error is-hidden">
Ваш браузер не підтримує цей формат відео. Спробуйте інший браузер.
</h4>
</div>
<div class="video-player-post"></div>
<div class="closed-captions"></div>
<div class="video-controls is-hidden">
<div>
<div class="vcr"><div class="vidtime">0:00 / 0:00</div></div>
<div class="secondary-controls"></div>
</div>
</div>
</div>
</div>
<div class="focus_grabber last"></div>
</div>
</div>
</div>
<div class="vert vert-2" data-id="block-v1:UIED+History-NUSH-5th+2022+type@html+block@2ea9f4e4531c49a4ab901a6a58556e8f">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:UIED+History-NUSH-5th+2022" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:UIED+History-NUSH-5th+2022+type@html+block@2ea9f4e4531c49a4ab901a6a58556e8f" data-request-token="b97b2452455911f0b2eb0ac94b03de13" data-graded="True" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<iframe scrolling="no" id="hearthis_at_track_11028162" width="100%" height="130" src="https://app.hearthis.at/embed/11028162/transparent/?hcolor=&color=&style=2&block_size=2&block_space=1&background=0&waveform=0&cover=1&autoplay=0&css=" frameborder="0" allowtransparency allow="autoplay"><p>Listen to <a href="https://hearthis.at/step-by-step-ua/eeeeeeeee-eeeeeeee-2013-2014-ee/" target="_blank">Революція Гідності 2013-2014 рр</a> <span>by</span><a href="https://hearthis.at/step-by-step-ua/" target="_blank" >Звукоопис до відео</a> <span>on</span> <a href="https://hearthis.at/" target="_blank">hearthis.at</a></p></iframe>
</div>
</div>
<div class="vert vert-3" data-id="block-v1:UIED+History-NUSH-5th+2022+type@pdf+block@8cedf2c8fab2472484a8b9c0fe5800ce">
<div class="xblock xblock-public_view xblock-public_view-pdf" data-course-id="course-v1:UIED+History-NUSH-5th+2022" data-block-type="pdf" data-usage-id="block-v1:UIED+History-NUSH-5th+2022+type@pdf+block@8cedf2c8fab2472484a8b9c0fe5800ce" data-request-token="b97b2452455911f0b2eb0ac94b03de13" data-graded="True" 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 class="vert vert-4" data-id="block-v1:UIED+History-NUSH-5th+2022+type@problem+block@efdeff21550846eebe709c593878485a">
<div class="xblock xblock-public_view xblock-public_view-problem xmodule_display xmodule_ProblemBlock" data-course-id="course-v1:UIED+History-NUSH-5th+2022" data-block-type="problem" data-usage-id="block-v1:UIED+History-NUSH-5th+2022+type@problem+block@efdeff21550846eebe709c593878485a" data-request-token="b97b2452455911f0b2eb0ac94b03de13" 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-5" data-id="block-v1:UIED+History-NUSH-5th+2022+type@problem+block@330934d587fa4d3b910a19522d3bdae0">
<div class="xblock xblock-public_view xblock-public_view-problem xmodule_display xmodule_ProblemBlock" data-course-id="course-v1:UIED+History-NUSH-5th+2022" data-block-type="problem" data-usage-id="block-v1:UIED+History-NUSH-5th+2022+type@problem+block@330934d587fa4d3b910a19522d3bdae0" data-request-token="b97b2452455911f0b2eb0ac94b03de13" 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-6" data-id="block-v1:UIED+History-NUSH-5th+2022+type@problem+block@88ef3ae9a8204ba38de4b7e998b0e280">
<div class="xblock xblock-public_view xblock-public_view-problem xmodule_display xmodule_ProblemBlock" data-course-id="course-v1:UIED+History-NUSH-5th+2022" data-block-type="problem" data-usage-id="block-v1:UIED+History-NUSH-5th+2022+type@problem+block@88ef3ae9a8204ba38de4b7e998b0e280" data-request-token="b97b2452455911f0b2eb0ac94b03de13" 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-7" data-id="block-v1:UIED+History-NUSH-5th+2022+type@problem+block@5887d524fad04a328fba306c8dc5c640">
<div class="xblock xblock-public_view xblock-public_view-problem xmodule_display xmodule_ProblemBlock" data-course-id="course-v1:UIED+History-NUSH-5th+2022" data-block-type="problem" data-usage-id="block-v1:UIED+History-NUSH-5th+2022+type@problem+block@5887d524fad04a328fba306c8dc5c640" data-request-token="b97b2452455911f0b2eb0ac94b03de13" 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-8" data-id="block-v1:UIED+History-NUSH-5th+2022+type@problem+block@ebb863ef8ad446f9ae87f90c78b70d21">
<div class="xblock xblock-public_view xblock-public_view-problem xmodule_display xmodule_ProblemBlock" data-course-id="course-v1:UIED+History-NUSH-5th+2022" data-block-type="problem" data-usage-id="block-v1:UIED+History-NUSH-5th+2022+type@problem+block@ebb863ef8ad446f9ae87f90c78b70d21" data-request-token="b97b2452455911f0b2eb0ac94b03de13" 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-9" data-id="block-v1:UIED+History-NUSH-5th+2022+type@html+block@cc5c406d9f6146b88da808a4054be308">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:UIED+History-NUSH-5th+2022" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:UIED+History-NUSH-5th+2022+type@html+block@cc5c406d9f6146b88da808a4054be308" data-request-token="b97b2452455911f0b2eb0ac94b03de13" data-graded="True" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p><strong><span style="color: #333333; font-family: arial, helvetica, sans-serif;"><a target="_blank" class="btn" href="/assets/courseware/v1/e4b12ec126d352f4644f4ddd6f9211c7/asset-v1:UIED+History-NUSH-5th+2022+type@asset+block/%D0%A0%D0%B5%D0%B2%D0%BE%D0%BB%D1%8E%D1%86%D1%96%D1%8F_%D0%93%D1%96%D0%B4%D0%BD%D0%BE%D1%81%D1%82%D1%96._%D0%9F%D0%B0%D1%82%D1%80%D1%96%D0%BE%D1%82%D0%B8%D0%B7%D0%BC__%D0%B3%D1%80%D0%BE%D0%BC%D0%B0%D0%B4%D1%8F%D0%BD%D1%81%D1%8C%D0%BA%D0%B0_%D0%BF%D0%BE%D0%B7%D0%B8%D1%86%D1%96%D1%8F._%D0%94%D0%B6%D0%B5%D1%80%D0%B5%D0%BB%D0%BE_135752__%D1%81%D0%B5%D1%80%D0%B5%D0%B4%D0%B0_28__%D0%BB%D1%8E%D1%82%D0%B8%D0%B9_2024_.pdf" alt="Зареєструватися" style="border-radius: 3px; background: #2f45f6; padding: 10px 20px; text-decoration-line: none; display: flex;"><span style="color: #fefefe;">Перелік використаних джерел</span></a></span></strong></p>
<p></p>
</div>
</div>
<div class="vert vert-10" data-id="block-v1:UIED+History-NUSH-5th+2022+type@html+block@2d34d3ec01b847c88d02b3a09e9560f8">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:UIED+History-NUSH-5th+2022" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:UIED+History-NUSH-5th+2022+type@html+block@2d34d3ec01b847c88d02b3a09e9560f8" data-request-token="b97b2452455911f0b2eb0ac94b03de13" data-graded="True" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<style>
.additional-materials-title-wrapper {
display: flex;
justify-content: center;
}
.additional-materials-title {
display: inline-block;
margin: 0 !important;
padding: 16px 24px 16px 24px;
border-radius: 32px 3px 32px 3px;
background-color: #2acf7b;
font-size: 24px !important;
font-weight: bold !important;
color: #000000 !important;
}
</style>
<div class="additional-materials-title-wrapper">
<h2 class="additional-materials-title">
Додаткові матеріали
</h2>
</div>
</div>
</div>
<div class="vert vert-11" data-id="block-v1:UIED+History-NUSH-5th+2022+type@html+block@1b040a39e7994db78363f3ec29893f27">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:UIED+History-NUSH-5th+2022" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:UIED+History-NUSH-5th+2022+type@html+block@1b040a39e7994db78363f3ec29893f27" data-request-token="b97b2452455911f0b2eb0ac94b03de13" data-graded="True" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<style>
.youtube-video-block-title {
display: inline-block;
padding: 12px 20px 12px 16px;
margin: 0 0 24px 0 !important;
border-radius: 3px 3px 32px 3px;
background-color: #2b47ff;
font-size: 20px !important;
font-weight: bold !important;
color: #ffffff;
}
.youtube-video-block-wrapper {
height: 0px;
margin: 0 0 24px 0;
padding: 0 0 56.2% 0;
position: relative;
}
.youtube-video-block-wrapper iframe {
width: 100%;
height: 100%;
position: absolute;
}
.youtube-video-block-source {
padding: 12px 16px;
border-radius: 3px;
background-color: #efbc04;
color: #ffffff;
}
.youtube-video-block-source a {
color: #2b47ff;
}
</style>
<h3 class="youtube-video-block-title">
Люди творять історію. Небесна Сотня
</h3>
<div class="youtube-video-block-wrapper">
<iframe
width="560"
height="315"
src="https://www.youtube.com/embed/v-IPQ2FUmGc"
title="YouTube video player"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allowfullscreen="true"
></iframe>
</div>
<p class="youtube-video-block-source">
<b>Джерело: <a href="https://www.youtube.com/watch?v=v-IPQ2FUmGc" target="_blank">youtube.com</a></b>
</p>
</div>
</div>
<div class="vert vert-12" data-id="block-v1:UIED+History-NUSH-5th+2022+type@html+block@80ab1e08b96945548d82ad2bc737e9a0">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:UIED+History-NUSH-5th+2022" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:UIED+History-NUSH-5th+2022+type@html+block@80ab1e08b96945548d82ad2bc737e9a0" data-request-token="b97b2452455911f0b2eb0ac94b03de13" data-graded="True" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<style>
.youtube-video-block-title {
display: inline-block;
padding: 12px 20px 12px 16px;
margin: 0 0 24px 0 !important;
border-radius: 3px 3px 32px 3px;
background-color: #2b47ff;
font-size: 20px !important;
font-weight: bold !important;
color: #ffffff;
}
.youtube-video-block-wrapper {
height: 0px;
margin: 0 0 24px 0;
padding: 0 0 56.2% 0;
position: relative;
}
.youtube-video-block-wrapper iframe {
width: 100%;
height: 100%;
position: absolute;
}
.youtube-video-block-source {
padding: 12px 16px;
border-radius: 3px;
background-color: #efbc04;
color: #ffffff;
}
.youtube-video-block-source a {
color: #2b47ff;
}
</style>
<h3 class="youtube-video-block-title">
Чим для України стала Революція гідности? 10 років Євромайдану
</h3>
<div class="youtube-video-block-wrapper">
<iframe
width="560"
height="315"
src="https://www.youtube.com/embed/bHqV2maULMM"
title="YouTube video player"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allowfullscreen="true"
></iframe>
</div>
<p class="youtube-video-block-source">
<b>Джерело: <a href="https://www.youtube.com/watch?v=bHqV2maULMM" target="_blank">youtube.com</a></b>
</p>
</div>
</div>
<div class="vert vert-13" data-id="block-v1:UIED+History-NUSH-5th+2022+type@html+block@a0129cbcd230405e8c5f45a79c5aa340">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:UIED+History-NUSH-5th+2022" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:UIED+History-NUSH-5th+2022+type@html+block@a0129cbcd230405e8c5f45a79c5aa340" data-request-token="b97b2452455911f0b2eb0ac94b03de13" data-graded="True" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<style>
.youtube-video-block-title {
display: inline-block;
padding: 12px 20px 12px 16px;
margin: 0 0 24px 0 !important;
border-radius: 3px 3px 32px 3px;
background-color: #2b47ff;
font-size: 20px !important;
font-weight: bold !important;
color: #ffffff;
}
.youtube-video-block-wrapper {
height: 0px;
margin: 0 0 24px 0;
padding: 0 0 56.2% 0;
position: relative;
}
.youtube-video-block-wrapper iframe {
width: 100%;
height: 100%;
position: absolute;
}
.youtube-video-block-source {
padding: 12px 16px;
border-radius: 3px;
background-color: #efbc04;
color: #ffffff;
}
.youtube-video-block-source a {
color: #2b47ff;
}
</style>
<h3 class="youtube-video-block-title">
Революція Гідности. 10 років по тому... Спогади, які не можна забути
</h3>
<div class="youtube-video-block-wrapper">
<iframe
width="560"
height="315"
src="https://www.youtube.com/embed/cbEhCq7CYi4"
title="YouTube video player"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allowfullscreen="true"
></iframe>
</div>
<p class="youtube-video-block-source">
<b>Джерело: <a href="https://www.youtube.com/watch?v=cbEhCq7CYi4" target="_blank">youtube.com</a></b>
</p>
</div>
</div>
<div class="vert vert-14" data-id="block-v1:UIED+History-NUSH-5th+2022+type@html+block@1c2c399f35754c67bad9f2a729b64095">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:UIED+History-NUSH-5th+2022" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:UIED+History-NUSH-5th+2022+type@html+block@1c2c399f35754c67bad9f2a729b64095" data-request-token="b97b2452455911f0b2eb0ac94b03de13" data-graded="True" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<style>
.external-link-block-title {
display: inline-block;
padding: 12px 20px 12px 16px;
margin: 0 0 24px 0 !important;
border-radius: 3px 3px 32px 3px;
background-color: #2b47ff;
font-size: 20px !important;
font-weight: bold !important;
color: #ffffff;
}
.external-link-block-image-wrapper {
display: flex;
justify-content: center;
width: 100%;
margin: 0 0 24px 0;
font-weight: bold;
}
.external-link-block-image-link {
position: relative;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
}
.external-link-block-image-link:hover > img {
filter: brightness(0.8);
}
.external-link-block-image-link > img {
width: 100%;
height: auto;
transition: all 0.3s;
}
.external-link-block-image-text {
position: absolute;
display: flex;
justify-content: center;
align-items: center;
padding: 8px 12px;
border-radius: 20px;
background-color: #2f45f6;
font-size: 16px !important;
color: #ffffff;
transition: all 0.3s;
}
.external-link-block-image-label {
position: absolute;
left: 16px;
bottom: 16px;
display: flex;
justify-content: center;
align-items: center;
padding: 8px 12px;
border-radius: 20px;
background-color: #efbc04;
font-size: 12px;
color: #333333;
}
.external-link-block-source {
padding: 12px 16px;
border-radius: 3px;
background-color: #efbc04;
color: #ffffff;
}
.external-link-block-source a {
color: #2b47ff;
}
</style>
<h3 class="external-link-block-title">
Національний музей Революції Гідности
</h3>
<div class="external-link-block-image-wrapper">
<a class="external-link-block-image-link" href="https://www.maidanmuseum.org/uk" target="_blank">
<img src="/asset-v1:UIED+History-NUSH-5th+2022+type@asset+block@Революція_Гідності._Патріотизм__громадянська_позиція._Зображення_Додаткові_Матеріали_1_135752__середа_28__лютий_2024_.jpg" />
<div class="external-link-block-image-text">
Читати статтю
</div>
<span class="external-link-block-image-label">стаття</span>
</a>
</div>
<p class="external-link-block-source">
<b>Джерело: <a href="https://www.maidanmuseum.org/uk" target="_blank">maidanmuseum.org</a></b>
</p>
</div>
</div>
</div>
<script type="text/javascript">
(function (require) {
require(['/static/js/dateutil_factory.762fd6ff462b.js?raw'], function () {
require(['js/dateutil_factory'], function (DateUtilFactory) {
DateUtilFactory.transform('.localized-datetime');
});
});
}).call(this, require || RequireJS.require);
</script>
<script>
function emit_event(message) {
parent.postMessage(message, '*');
}
</script>
</div>
Завершення тесту
У вас залишилися невиконані завдання. Ви впевнені, що хочете завершити тест?
Тестування завершено.
Ви завершили тестування з розділу
"Тема 5. Мандрівки у минуле України"
© Всі права захищено