<p>Ужгородський ліцей "Імідж". Перший етап україно-польського проєкту "Засвіти майбутнє України". Це спільна безпекова ініціатива для ужгородських школярів 5-9 класів від <a href="https://nobilex.eu/" role="link" tabindex="0">Nobilex</a> , <a href="https://piven.foundation/ua/" role="link" tabindex="0">Фонд Андрія Півня</a> та <a href="https://aluprof.com/ua" role="link" tabindex="0">Aluprof - Ukraine</a> . Маємо на меті забезпечити наших дітей світловідбиваючими браслетами, враховуючи нинішні обставини і досвід попереднього року. Такі браслети допоможуть малечі бути більш помітними для водіїв у темну пору року.</p>
<p>Дякуємо нашим польським партнерам за підтримку <img alt="🤝" height="16" loading="lazy" referrerpolicy="origin-when-cross-origin" src="https://static.xx.fbcdn.net/images/emoji.php/v9/tbd/1.5/16/1f91d.png" width="16" /> Рухаємось далі.</p>
<div class="my-slider">
<div class="my-slides">
<div class="my-slide"><img alt="Image 2" height="450" loading="lazy" src="/content/uploads/images/3741468931_statuetka-veronese-sizif.jpg" width="450" /></div>
<div class="my-slide"><img alt="Image 2" height="450" loading="lazy" src="/content/uploads/images/778.png" width="450" /></div>
<div class="my-slide"><img alt="Image 2" height="450" loading="lazy" src="/content/uploads/images/3741468931_statuetka-veronese-sizif.jpg" width="450" /></div>
<div class="my-slide"><img alt="Image 2" height="450" loading="lazy" src="/content/uploads/images/778.png" width="450" /></div>
<div class="my-slide"><span style="background-color: rgba(255, 255, 255, 0.5); color: rgb(65, 65, 65); font-size: 28px; font-weight: bold;">❮</span><img alt="Image 2" height="450" loading="lazy" src="/content/uploads/images/3741468931_statuetka-veronese-sizif.jpg" width="450" /></div>
</div>
<button class="my-prev" onclick="plusSlide(-1)">❮</button><button class="my-next" onclick="plusSlide(1)">❯</button></div>
<style type="text/css">.gallery-controls .prev-slide, .gallery-controls .next-slide { display: block; } .my-slider { position: relative; width: 100%; max-width: 800px; margin: auto; } .my-slides { display: flex; overflow-x: scroll; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; } .my-slide { scroll-snap-align: center; width: 100%; } .my-slide img { width: 100%; height: auto; } .my-prev, .my-next {
position: absolute;
top: 50%;
transform: translateY(-50%);
font-size: 28px;
font-weight: bold;
padding: 15px 20px;
border-radius: 50%;
border: none; background-color: rgba(255, 255, 255, 0.5);
cursor: pointer;
z-index: 15;
border: 2px solid #414141;
color: #414141; } .my-prev { left: 0; } .my-next { right: 0; }
</style>
<script> var slideIndex = 1; showSlides(slideIndex); function plusSlide(n) { showSlides(slideIndex += n); } function showSlides(n) { var i; var slides = document.getElementsByClassName("my-slide"); if (n > slides.length) { slideIndex = 1 } if (n < 1) { slideIndex = slides.length } for (i = 0; i < slides.length; i++) { slides[i].style.display = "none"; } slides[slideIndex-1].style.display = "block"; }
</script>
<p> </p>
<p> </p>
<p> </p>
