Osnovna škola Pavao Belas

2021-12-22 10:54:00

Božićna izložba OŠ Pavao BelasUčenici OŠ "Pavao Belas" su s profesoricom Terezijom Šestak, učiteljicom tehničke kulture, organizirali Božićnu izložbu radova koja će biti otvorena od 20. prosinca 2021. godine u predvorju škole. Izložba je prilog učenika za proslavu božićnih blagdana. Radovi su rezultat rada učenika koji polaze aktivnost "Mladi tehničari" kao i vrijednog rada učenika na nastavi tehničke kulture. CIlj izložbe je promocija i popularizacija tehničke kulture među našim učenicima unatoč izvanrednim okolnostima u kojima se nalazimo.

Izložbu pogledajte ovdje.
#hcg-slider-1 .hcg-slide-container { width: 550px; height: auto; } .hcg-slider { text-align: center; font-family: Arial, Helvetica, sans-serif; } .hcg-slide-container { max-width: 100%; display: inline-block; position: relative; } .hcg-slides { display: none; text-align: center; overflow: hidden; } .hcg-slides img { max-width: 100%; max-height: 100%; display: inline-block; border-radius: 5px; border: solid 1px #a0a0a0; vertical-align: middle; } .hcg-slide-prev, .hcg-slide-next { cursor: pointer; position: absolute; top: 50%; width: auto; padding: 16px; margin-top: -22px; color: #fff; font-weight: bold; font-size: 18px; transition: 0.6s ease; border-radius: 0 3px 3px 0; text-decoration: none; } .hcg-slide-next { right: 0; border-radius: 3px 0 0 3px; } .hcg-slide-prev { left: 0; border-radius: 0 3px 3px 0; } .hcg-slide-prev:hover, .hcg-slide-next:hover { background-color: #000c; } .hcg-slide-dot-control { margin-top: 10px; text-align: center; } .hcg-slide-dot { cursor: pointer; height: 13px; width: 13px; margin: 0 2px; background-color: #bbb; border-radius: 50%; display: inline-block; } .hcg-slide-dot.dot-active { background-color: #717171; } .hcg-slide-number { color: #ffffff; font-size: 12px; padding: 4px 7px; position: absolute; border-radius: 5px; top: 5px; left: 5px; background-color: rgba(255,255,255,0.30); } /************CSS Animation***********/ .animated { animation-name: fadeIn; animation-duration: 1s; } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { animation-name: fadeIn; } 1/5 ❮ ❯ (function(){ //If you want to include more images, add the link name and URL of the image in the array list below. let images_list = [ {"url":"https://html-generator.com/uploads/images/2022/01/11/55847VZE74NL74H.jpeg","name":"55847VZE74NL74H.jpeg","link":""}, {"url":"https://html-generator.com/uploads/images/2022/01/11/57717PE6NRBO9ON.jpeg","name":"57717PE6NRBO9ON.jpeg","link":""}, {"url":"https://html-generator.com/uploads/images/2022/01/11/597066KN63B3L7B.jpeg","name":"597066KN63B3L7B.jpeg","link":""}, {"url":"https://html-generator.com/uploads/images/2022/01/11/61822YW0LESD_YP.jpeg","name":"61822YW0LESD_YP.jpeg","link":""}, {"url":"https://html-generator.com/uploads/images/2022/01/11/63566J9EJMBII3L.jpeg","name":"63566J9EJMBII3L.jpeg","link":""}, {"url":"https://html-generator.com/uploads/images/2022/01/11/6529177DUVXGL7Z.jpeg","name":"6529177DUVXGL7Z.jpeg","link":""}, {"url":"https://html-generator.com/uploads/images/2022/01/11/66896UOCTD1TWDP.jpeg","name":"66896UOCTD1TWDP.jpeg","link":""}, {"url":"https://html-generator.com/uploads/images/2022/01/11/685726B78I4BVGO.jpeg","name":"685726B78I4BVGO.jpeg","link":""}, {"url":"https://html-generator.com/uploads/images/2022/01/11/702970Q7MKT1N6U.jpeg","name":"702970Q7MKT1N6U.jpeg","link":""}, {"url":"https://html-generator.com/uploads/images/2022/01/11/71789LHULQFJI27.jpeg","name":"71789LHULQFJI27.jpeg","link":""} ]; let slider_id = document.querySelector("#hcg-slider-1"); // append all images let dots_div = ""; let images_div = ""; for (let i = 0; i < images_list.length; i++) { // if no link without href="" tag let href = (images_list[i].link == "" ? "":' href="'+images_list[i].link+'"'); images_div += ''+ ''+(i+1)+'/'+images_list.length+''+ ''+ ''; dots_div += ''; } slider_id.querySelector(".hcg-slider-body").innerHTML = images_div; slider_id.querySelector(".hcg-slide-dot-control").innerHTML = dots_div; let slide_index = 0; let images = slider_id.querySelectorAll(".hcg-slides"); let dots = slider_id.querySelectorAll(".hcg-slide-dot"); let prev_button = slider_id.querySelector(".hcg-slide-prev"); let next_button = slider_id.querySelector(".hcg-slide-next"); function showSlides() { if (slide_index > images.length-1) { slide_index = 0; } if (slide_index < 0) { slide_index = images.length-1; } for (let i = 0; i < images.length; i++) { images[i].style.display = "none"; dots[i].classList.remove("dot-active"); if (i == slide_index) { images[i].style.display = "block"; dots[i].classList.add("dot-active"); } } } prev_button.addEventListener("click", function(event) { event.preventDefault(); slide_index--; showSlides(); }, false); next_button.addEventListener("click", function(event){ event.preventDefault(); slide_index++; showSlides(); }, false); function dot_click(event) { slide_index = event.target.dataset.id; showSlides(); } for (let i = 0; i < dots.length; i++) { dots[i].addEventListener("click", dot_click, false); } })();