{"id":32,"date":"2025-09-29T10:10:19","date_gmt":"2025-09-29T10:10:19","guid":{"rendered":"https:\/\/test-www.brain.hr\/?page_id=32"},"modified":"2026-06-11T11:35:38","modified_gmt":"2026-06-11T11:35:38","slug":"naslovnica","status":"publish","type":"page","link":"https:\/\/brain.hr\/en\/","title":{"rendered":"Naslovnica"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; fullwidth=&#8221;on&#8221; disabled_on=&#8221;off|off|off&#8221; _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_fullwidth_code _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]\r\n<style>\r\n\/* === HERO SLIDER MAIN === *\/\r\n\r\n.hero-slider {\r\n    width: 100%;\r\n    height: 600px;\r\n    position: relative;\r\n    overflow: hidden;\r\n    font-family: 'Inter', sans-serif;\r\n}\r\n\r\n\/* Each slide *\/\r\n.hero-slide {\r\n    width: 100%;\r\n    height: 100%;\r\n    display: none;\r\n}\r\n\r\n.hero-slide.active {\r\n    display: flex;\r\n}\r\n\r\n\/* Main layout \u2013 50\/50 full width *\/\r\n.hero-inner {\r\n    width: 100%;\r\n    height: 100%;\r\n    display: flex;\r\n}\r\n\r\n\/* Left (text) *\/\r\n.hero-left {\r\n    width: 50%;\r\n    height: 100%;\r\n\tbackground: #F8F8F8;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    align-items: center;\r\n    text-align: center;\r\n    padding: 0 100px; \/* added padding left\/right *\/\r\n}\r\n\r\n.hero-left h2 {\r\n    font-size: 43px;\r\n\tfont-weight: 400; \/* reduced font size *\/\r\n    margin-bottom: 16px;\r\n    padding: 0 20px; \/* extra padding inside title *\/\r\n}\r\n\r\n.hero-left p {\r\n    font-size: 20px;\r\n\tcolor: #262626;\r\n\tfont-weight: 300;\r\n    max-width: 500px;\r\n\t    margin-top: 7px;\r\n    margin-bottom: 25px;\r\n}\r\n\r\n\/* CTA buttons *\/\r\n.hero-buttons a {\r\n    margin-right: 12px;\r\n    padding: 9px 20px;\r\n    border-radius: 50px;\r\n    font-weight: 600;\r\n    text-decoration: none;\r\n    display: inline-block;\r\n}\r\n\r\n\/* Right (image) *\/\r\n.hero-right {\r\n    width: 50%;\r\n    height: 100%;\r\n    overflow: hidden;\r\n    display: flex;\r\n}\r\n\r\n.hero-right img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n}\r\n\r\n\/* Dots *\/\r\n.hero-dots {\r\n    position: absolute;\r\n    bottom: 20px;\r\n    left: 0; right: 0;\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 12px;\r\n}\r\n\r\n.hero-dot {\r\n    width: 14px;\r\n    height: 14px;\r\n    border: 2px solid #E7F4F8; \/* light blue border *\/\r\n    border-radius: 50%;\r\n    cursor: pointer;\r\n    background: transparent;\r\n    transition: 0.3s ease;\r\n}\r\n\r\n.hero-dot.active {\r\n    background: #0D4770; \/* dark blue fill *\/\r\n    border-color: #E7F4F8;\r\n}\r\n\r\n\/* === MOBILE VERSION (SLIDER STILL WORKS) === *\/\r\n@media (max-width: 768px) {\r\n\r\n    .hero-slider {\r\n        height: auto;\r\n    }\r\n\r\n    .hero-slide {\r\n        height: auto;      \/* remove fixed height *\/\r\n        display: none;     \/* KEEP THIS \u2014 needed for slider to work *\/\r\n    }\r\n\r\n    .hero-slide.active {\r\n        display: block;    \/* only active slide shows *\/\r\n    }\r\n\r\n    .hero-inner {\r\n        flex-direction: column;\r\n        height: auto;\r\n    }\r\n\r\n    .hero-left,\r\n    .hero-right {\r\n        width: 100%;\r\n        height: auto;\r\n    }\r\n\r\n    .hero-left {\r\n        padding: 40px 20px;\r\n        order: 2; \/* text BELOW image *\/\r\n    }\r\n\r\n    .hero-left h2 {\r\n        font-size: 28px;\r\n        padding: 0 15px;\r\n    }\r\n\r\n    .hero-left p {\r\n        font-size: 16px;\r\n    }\r\n\r\n    .hero-right {\r\n        order: 1; \/* image ABOVE text *\/\r\n    }\r\n\r\n    .hero-right img {\r\n        width: 100%;\r\n        height: 280px;\r\n        object-fit: cover;\r\n    }\r\n\r\n    .hero-buttons a {\r\n        margin-bottom: 10px;\r\n    }\r\n\r\n    .hero-dots {\r\n        bottom: 10px;\r\n    }\r\n}\r\n\r\n<\/style>\r\n\r\n<div class=\"hero-slider\" data-autoplay=\"1\">\r\n\r\n    <div class=\"hero-slide active\">\r\n\r\n        <div class=\"hero-inner\">\r\n\r\n            <!-- LEFT SIDE -->\r\n            <div class=\"hero-left\">\r\n                <h2>Generativna AI mo\u017ee brzo generirati k\u00f4d, ali ne mo\u017ee zamijeniti ljudsku mudrost, etiku i viziju.<\/h2>\r\n                <p>Tehnologije se stalno i brzo mijenjaju; razvijajmo ambiciju i odgovornost studenata in\u017eenjerstva da znanjem popravljaju svijet<\/p>\r\n\r\n                                <div class=\"hero-buttons\">\r\n                                            <a href=\"https:\/\/brain.hr\/tehnologije-se-stalno-i-brzo-mijenjaju-razvijajmo-ambiciju-i-odgovornost-studenata-inzenjerstva-da-znanjem-popravljaju-svijet\/\"\r\n\t\t\t\t\t\t   target=\"_blank\"\r\n   rel=\"noopener noreferrer\"\r\n                           style=\"background:#0D4770; color:#fff;\">\r\n                           Saznajte vi\u0161e                        <\/a>\r\n                                    <\/div>\r\n                            <\/div>\r\n\r\n            <!-- RIGHT SIDE -->\r\n            <div class=\"hero-right\">\r\n                <img decoding=\"async\" src=\"https:\/\/brain.hr\/wp-content\/uploads\/2026\/06\/razvijajmo-ambiciju-i-odgovornost-studenata-inzenjerstva-1.jpg\">\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n    <div class=\"hero-slide \">\r\n\r\n        <div class=\"hero-inner\">\r\n\r\n            <!-- LEFT SIDE -->\r\n            <div class=\"hero-left\">\r\n                <h2>Istra\u017eite primjere dobre prakse u provedbi AI kurikula <\/h2>\r\n                <p>Zbornik primjera dobre prakse donosi radove nastavnika koji su tijekom \u0161kolske godine 2024.\/2025. sudjelovali u eksperimentalnoj provedbi kurikula u osnovnim i srednjim \u0161kolama. Istra\u017eite primjere dobre prakse, stru\u010dna promi\u0161ljanja i nastavne ideje koje mogu poslu\u017eiti kao poticaj za daljnji razvoj podu\u010davanja o umjetnoj inteligenciji i novim tehnologijama u razli\u010ditim odgojno-obrazovnim kontekstima. <\/p>\r\n\r\n                                <div class=\"hero-buttons\">\r\n                                            <a href=\"https:\/\/brain.hr\/wp-content\/uploads\/2026\/05\/BrAIn_Zbornik-primjera-dobre-prakse-u-provedbi-kurikula.pdf\"\r\n\t\t\t\t\t\t   target=\"_blank\"\r\n   rel=\"noopener noreferrer\"\r\n                           style=\"background:#0D4770; color:#fff;\">\r\n                           Preuzmite Zbornik                        <\/a>\r\n                                    <\/div>\r\n                            <\/div>\r\n\r\n            <!-- RIGHT SIDE -->\r\n            <div class=\"hero-right\">\r\n                <img decoding=\"async\" src=\"https:\/\/brain.hr\/wp-content\/uploads\/2026\/05\/Zbornik-primjera-dobre-prakse.jpg\">\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n    <div class=\"hero-slide \">\r\n\r\n        <div class=\"hero-inner\">\r\n\r\n            <!-- LEFT SIDE -->\r\n            <div class=\"hero-left\">\r\n                <h2>Uklju\u010dite se u BrAIn<\/h2>\r\n                <p>Sudjelujte u razvoju i primjeni umjetne inteligencije u obrazovanju te doprinesite ja\u010danju znanja, vje\u0161tina i stavova potrebnih za njezino razumijevanje i odgovornu upotrebu. \r\n\r\nPoti\u010demo promi\u0161ljanje o njezinu utjecaju na dru\u0161tvo i pojedinca, uz poseban naglasak na eti\u010dke aspekte njezine primjene.<\/p>\r\n\r\n                                <div class=\"hero-buttons\">\r\n                                            <a href=\"https:\/\/brain.hr\/javni-poziv-za-odgojno-obrazovne-radnike-skola-za-sudjelovanje-u-projektu-brain\/\"\r\n\t\t\t\t\t\t   target=\"_blank\"\r\n   rel=\"noopener noreferrer\"\r\n                           style=\"background:#EE7F00; color:#fff;\">\r\n                           Pro\u010ditajte Javni poziv za sudjelovanje                        <\/a>\r\n                                    <\/div>\r\n                            <\/div>\r\n\r\n            <!-- RIGHT SIDE -->\r\n            <div class=\"hero-right\">\r\n                <img decoding=\"async\" src=\"https:\/\/brain.hr\/wp-content\/uploads\/2026\/06\/Javni-poziv.jpg\">\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"hero-dots\">\r\n                    <div class=\"hero-dot active\" data-index=\"0\"><\/div>\r\n                    <div class=\"hero-dot \" data-index=\"1\"><\/div>\r\n                    <div class=\"hero-dot \" data-index=\"2\"><\/div>\r\n            <\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n    var slider   = document.querySelector(\".hero-slider\");\r\n    var slides   = slider.querySelectorAll(\".hero-slide\");\r\n    var dots     = slider.querySelectorAll(\".hero-dot\");\r\n    var autoplay = slider.getAttribute(\"data-autoplay\") === \"1\";\r\n\r\n    var index = 0;\r\n\r\n    function showSlide(i) {\r\n        slides.forEach(function(s){ s.classList.remove(\"active\"); });\r\n        dots.forEach(function(d){ d.classList.remove(\"active\"); });\r\n\r\n        slides[i].classList.add(\"active\");\r\n        dots[i].classList.add(\"active\");\r\n    }\r\n\r\n    dots.forEach(function(dot){\r\n        dot.addEventListener(\"click\", function(){\r\n            index = parseInt(this.getAttribute(\"data-index\"));\r\n            showSlide(index);\r\n        });\r\n    });\r\n\r\n    if (autoplay) {\r\n        setInterval(function(){\r\n            index = (index + 1) % slides.length;\r\n            showSlide(index);\r\n        }, 15000);\r\n    }\r\n});\r\n<\/script>\r\n\r\n[\/et_pb_fullwidth_code][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; disabled_on=&#8221;on|on|on&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;0px||0px|||&#8221; disabled=&#8221;on&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row custom_padding_last_edited=&#8221;on|phone&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; width=&#8221;100%&#8221; max_width=&#8221;1440px&#8221; custom_padding=&#8221;0px||||false|false&#8221; custom_padding_tablet=&#8221;|||20px|false|false&#8221; custom_padding_phone=&#8221;|||0px|false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_code _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;|||0px||&#8221; global_colors_info=&#8221;{}&#8221;]  <section id=\"nh-dAGCYC\" class=\"nh-wrap\" aria-label=\"Hero\">\r\n    <style>\r\n      #nh-dAGCYC, #nh-dAGCYC * { box-sizing: border-box; }\r\n      #nh-dAGCYC {\r\n        --nh-box-bg: #0D4770;\r\n        --nh-font: #FFFFFF;\r\n        --nh-btn-bg: #EE7F00;\r\n        --nh-btn-text: #E7F4F8;\r\n\r\n        --nh-detail: #0D4770;  \/* brand detalj *\/\r\n        --nh-gray: #F4F5F5;    \/* sivi balon *\/\r\n        --nh-orange: #EE7F00;  \/* brand naran\u010dasta *\/\r\n\r\n        font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\r\n        color: #111;\r\n        font-size: 17px;\r\n        line-height: 1.65;\r\n      }\r\n      #nh-dAGCYC .nh-container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }\r\n\r\n      \/* Basic button *\/\r\n      #nh-dAGCYC .nh-btn {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 8px;\r\n        padding: 12px 18px;\r\n        background: var(--nh-btn-bg);\r\n        color: var(--nh-btn-text);\r\n        border: 0;\r\n        border-radius: 10px;\r\n        text-decoration: none;\r\n        font-weight: 600;\r\n        line-height: 1;\r\n        transition: transform .06s ease, opacity .2s ease, background-color .2s ease;\r\n      }\r\n      #nh-dAGCYC .nh-btn:hover { opacity: .95; }\r\n      #nh-dAGCYC .nh-btn:active { transform: translateY(1px); }\r\n\r\n      \/* HERO layout *\/\r\n      #nh-dAGCYC .nh-hero {\r\n        position: relative;\r\n        width: 100%;\r\n        min-height: 48vh;\r\n        background-size: cover;\r\n        background-position: center;\r\n        border-radius: 0px;\r\n        overflow: hidden;\r\n      }\r\n      #nh-dAGCYC .nh-hero__box {\r\n        position: absolute;\r\n        left: 40px;\r\n        bottom: 40px;\r\n        max-width: 560px; \/* u\u017ei kvadrat *\/\r\n        padding: 28px;\r\n        background: var(--nh-box-bg);\r\n        color: var(--nh-font);\r\n        border-radius: 0px;\r\n      }\r\n      #nh-dAGCYC .nh-hero__box h1 {\r\n        margin: 0 0 8px 0;\r\n        color: var(--nh-font);\r\n        font-size: clamp(22px, 3.2vw, 33px);\r\n        line-height: 1.2;\r\n        font-weight: 700;\r\n      }\r\n      #nh-dAGCYC .nh-hero__box p {\r\n        margin: 0 0 14px 0;\r\n        color: var(--nh-font);\r\n        font-weight: 400;\r\n      }\r\n      #nh-dAGCYC .nh-first-word { display:inline-block; font-size: 1.16em; font-weight: 800; }\r\n\r\n      #nh-dAGCYC .nh-hero__cta {\r\n        display: flex;\r\n        justify-content: flex-end; \/* CTA udesno *\/\r\n      }\r\n\r\n      #nh-dAGCYC .nh-hero__fg {\r\n        position: absolute;\r\n        right: 24px;\r\n        bottom: 24px;\r\n        max-width: min(40%, 420px);\r\n        width: 100%;\r\n        height: auto;\r\n      }\r\n\r\n      @media (max-width: 980px) {\r\n        #nh-dAGCYC .nh-hero {\r\n          min-height: 44vh;\r\n        }\r\n        #nh-dAGCYC .nh-hero__box {\r\n          left: 20px; right: 20px; bottom: 20px;\r\n          max-width: unset;\r\n        }\r\n        #nh-dAGCYC .nh-hero__fg {\r\n          position: static;\r\n          display: block;\r\n          margin: 12px auto 0 auto;\r\n          max-width: 70%;\r\n        }\r\n      }\r\n\r\n      \/* BANNER layout (grid) *\/\r\n      #nh-dAGCYC .nh-banner {\r\n        position: relative;\r\n        display: grid;\r\n        grid-template-columns: 1.1fr 0.9fr;\r\n        gap: 24px;\r\n        align-items: center;\r\n        border-radius: 12px;\r\n        padding: 28px;\r\n        overflow: hidden;\r\n        background-size: cover;\r\n        background-position: center;\r\n      }\r\n      #nh-dAGCYC .nh-banner__copy {\r\n        background: var(--nh-box-bg); \/* sivi\/brand box kao kontinuitet *\/\r\n        color: var(--nh-font);\r\n        border-radius: 24px;\r\n        padding: 20px 22px;\r\n      }\r\n      #nh-dAGCYC .nh-banner__copy h1 {\r\n        margin: 0 0 8px 0;\r\n        color: var(--nh-font);\r\n        font-size: clamp(22px, 3.2vw, 32px);\r\n        line-height: 1.2;\r\n        font-weight: 700;\r\n      }\r\n      #nh-dAGCYC .nh-banner__copy p { margin: 0 0 10px 0; color: var(--nh-font); font-weight: 400; }\r\n      #nh-dAGCYC .nh-banner__cta { display: flex; justify-content: flex-end; margin-top: 8px; }\r\n\r\n      #nh-dAGCYC .nh-banner__illu-wrap { position: relative; width: 100%; min-height: 200px; }\r\n      #nh-dAGCYC .nh-banner__circle {\r\n        position: absolute;\r\n        right: -18%;\r\n        top: 50%;\r\n        transform: translateY(-50%);\r\n        width: 480px; height: 480px;\r\n        background: rgba(255,255,255,0.08);\r\n        border-radius: 50%;\r\n        pointer-events: none;\r\n      }\r\n      #nh-dAGCYC .nh-banner__illu {\r\n        position: relative;\r\n        z-index: 2;\r\n        display: block;\r\n        max-width: 100%;\r\n        height: auto;\r\n        margin-left: auto;\r\n        object-fit: contain;\r\n      }\r\n\r\n      @media (max-width: 980px) {\r\n        #nh-dAGCYC .nh-banner {\r\n          grid-template-columns: 1fr;\r\n          padding: 18px;\r\n          border-radius: 12px;\r\n        }\r\n        #nh-dAGCYC .nh-banner__illu-wrap { min-height: 160px; }\r\n        #nh-dAGCYC .nh-banner__circle { right: -28%; width: 380px; height: 380px; opacity: 0.1; }\r\n      }\r\n    <\/style>\r\n\r\n          <div class=\"nh-hero\" style=\"background-image:url(https:\/\/brain.hr\/wp-content\/uploads\/2025\/10\/naslovnica_FOTKE-2.jpg);\">\r\n        <div class=\"nh-hero__box\">\r\n                      <h1>Pametna \u0161kola budu\u0107nosti: kurikuli, preporuke i sigurnost<\/h1>\r\n                                <p>Razvijamo digitalne kompetencije u\u010denika, gradimo sustav pametnih preporuka, automatiziramo mre\u017ene operacije i ja\u010damo kiberneti\u010dku sigurnost \u2013 eti\u010dno, sigurno i u skladu s EU regulativom<\/p>\r\n                                <div class=\"nh-hero__cta\">\r\n              <a class=\"nh-btn\" href=\"https:\/\/www.brain.hr\/wp-admin\/admin.php?page=theme-settings\" target=\"_blank\" rel=\"noopener\">Saznaj sve o projektu<\/a>\r\n            <\/div>\r\n                  <\/div>\r\n              <\/div>\r\n      <\/section>\r\n  [\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; fullwidth=&#8221;on&#8221; disabled_on=&#8221;on|on|on&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;||||false|true&#8221; disabled=&#8221;on&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_fullwidth_code _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;|||40px|false|false&#8221; custom_padding=&#8221;29px|||||&#8221; global_colors_info=&#8221;{}&#8221;]    <section id=\"novosti-XBovlY\" class=\"novosti-wrap\" aria-labelledby=\"novosti-XBovlY-heading\">\r\n        <style>\r\n            @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600&display=swap');\r\n            #novosti-XBovlY { font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; color:#111; position:relative; }\r\n            #novosti-XBovlY .novosti-header { display:flex; align-items:center; justify-content:space-between; margin-bottom:18px; }\r\n            #novosti-XBovlY .novosti-heading { margin:0; font-size:26px; line-height:1.2; text-transform:uppercase; font-weight:300; letter-spacing:0; }\r\n            #novosti-XBovlY .novosti-controls { display:flex; gap:12px; margin-right: 20px; }\r\n            #novosti-XBovlY .novosti-btn { width:44px; height:44px; border-radius:50%; border:1px solid #dcdcdc; background:#fff; display:inline-flex; align-items:center; justify-content:center; cursor:pointer; transition:.2s; color:#111; padding:0; outline:none; }\r\n            #novosti-XBovlY .novosti-btn:hover:not([disabled]) { background:#f5f5f5; }\r\n            #novosti-XBovlY .novosti-btn[disabled] { opacity:.4; cursor:not-allowed; }\r\n            #novosti-XBovlY .novosti-btn svg { width:20px; height:20px; }\r\n            #novosti-XBovlY .novosti-viewport { position:relative; overflow:hidden; padding-bottom: 128px; }\r\n            #novosti-XBovlY .novosti-row { display:flex; gap: 20px !important; will-change: transform; transform: translateX(0); transition: transform .35s ease; }\r\n            #novosti-XBovlY .novosti-card { position:relative; flex:0 0 320px !important; max-width:none !important; list-style:none; }\r\n            #novosti-XBovlY .novosti-card.is-first { flex-basis: 420px !important; }\r\n            #novosti-XBovlY .novosti-figure { margin:0; position:relative; overflow:visible; }\r\n            #novosti-XBovlY .novosti-thumb { display:block; width:100%; aspect-ratio:4\/3; object-fit:cover; background:#eee; }\r\n            #novosti-XBovlY .novosti-title { position:absolute; left:0; bottom:0; transform: translateY(60%); width:90%; background:#F4F5F5; padding:18px 20px; font-weight:400; line-height:1.28; font-size:18px; color:#111; box-shadow:0 2px 6px rgba(0,0,0,0.06); overflow:visible; }\r\n            #novosti-XBovlY .novosti-title a { color:inherit; text-decoration:none; }\r\n            #novosti-XBovlY .novosti-title a:hover { color:#EE7F00; }\r\n            #novosti-XBovlY .novosti-placeholder { width:100%; aspect-ratio:4\/3; background:#e9ecef; display:flex; align-items:center; justify-content:center; color:#666; font-size:14px; }\r\n            @media (max-width: 600px) {\r\n                #novosti-XBovlY .novosti-card { flex:0 0 82vw !important; }\r\n                #novosti-XBovlY .novosti-card.is-first { flex-basis: calc(82vw + 8px) !important; }\r\n                #novosti-XBovlY .novosti-title { transform: translateY(70%); }\r\n            }\r\n        <\/style>\r\n\r\n        <div class=\"novosti-header\">\r\n            <h2 id=\"novosti-XBovlY-heading\" class=\"novosti-heading\">Novosti<\/h2>\r\n            <div class=\"novosti-controls\" aria-hidden=\"false\">\r\n                <button type=\"button\" class=\"novosti-btn novosti-prev\" aria-label=\"Prethodno\" disabled>\r\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z\" fill=\"currentColor\"\/><\/svg>\r\n                <\/button>\r\n                <button type=\"button\" class=\"novosti-btn novosti-next\" aria-label=\"Sljede\u0107e\">\r\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M8.59 16.59 10 18l6-6-6-6-1.41 1.41L13.17 12z\" fill=\"currentColor\"\/><\/svg>\r\n                <\/button>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"novosti-viewport\">\r\n            <div class=\"novosti-row\" role=\"list\" aria-label=\"Zadnje objave\">\r\n                                    <article class=\"novosti-card is-first\" role=\"listitem\">\r\n                        <figure class=\"novosti-figure\">\r\n                            <a href=\"https:\/\/brain.hr\/en\/sto-brain-kurikul-donosi-nastavnicima-autori-odgovaraju\/\" aria-label=\"\u0160to BrAIn kurikul donosi nastavnicima? Autori odgovaraju\">\r\n                                <img decoding=\"async\" width=\"1024\" height=\"584\" src=\"https:\/\/brain.hr\/wp-content\/uploads\/2026\/06\/AI_kurikul_autori-1024x584.jpg\" class=\"novosti-thumb wp-post-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/brain.hr\/wp-content\/uploads\/2026\/06\/AI_kurikul_autori-980x559.jpg 980w, https:\/\/brain.hr\/wp-content\/uploads\/2026\/06\/AI_kurikul_autori-480x274.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" \/>                            <\/a>\r\n                            <figcaption class=\"novosti-title\">\r\n                                <a href=\"https:\/\/brain.hr\/en\/sto-brain-kurikul-donosi-nastavnicima-autori-odgovaraju\/\">\u0160to BrAIn kurikul donosi nastavnicima? Autori odgovaraju<\/a>\r\n                            <\/figcaption>\r\n                        <\/figure>\r\n                    <\/article>\r\n                                    <article class=\"novosti-card\" role=\"listitem\">\r\n                        <figure class=\"novosti-figure\">\r\n                            <a href=\"https:\/\/brain.hr\/en\/prijavite-se-na-nove-webinare-u-ciklusu-nastavnici-za-nastavnike\/\" aria-label=\"Prijavite se na nove webinare u ciklusu Nastavnici za nastavnike\">\r\n                                <img decoding=\"async\" width=\"1024\" height=\"575\" src=\"https:\/\/brain.hr\/wp-content\/uploads\/2026\/05\/Nastavnici-za-nastavnike-razmjena-iskustava-1024x575.jpg\" class=\"novosti-thumb wp-post-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/brain.hr\/wp-content\/uploads\/2026\/05\/Nastavnici-za-nastavnike-razmjena-iskustava-980x551.jpg 980w, https:\/\/brain.hr\/wp-content\/uploads\/2026\/05\/Nastavnici-za-nastavnike-razmjena-iskustava-480x270.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" \/>                            <\/a>\r\n                            <figcaption class=\"novosti-title\">\r\n                                <a href=\"https:\/\/brain.hr\/en\/prijavite-se-na-nove-webinare-u-ciklusu-nastavnici-za-nastavnike\/\">Prijavite se na nove webinare u ciklusu Nastavnici za nastavnike<\/a>\r\n                            <\/figcaption>\r\n                        <\/figure>\r\n                    <\/article>\r\n                                    <article class=\"novosti-card\" role=\"listitem\">\r\n                        <figure class=\"novosti-figure\">\r\n                            <a href=\"https:\/\/brain.hr\/en\/projekt-brain-u-finalu-natjecanja-za-nagradu-europske-komisije\/\" aria-label=\"Projekt BrAIn u finalu europskog natjecanja\">\r\n                                <img decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/brain.hr\/wp-content\/uploads\/2026\/05\/EDSA-2026-1024x683.png\" class=\"novosti-thumb wp-post-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/brain.hr\/wp-content\/uploads\/2026\/05\/EDSA-2026-980x653.png 980w, https:\/\/brain.hr\/wp-content\/uploads\/2026\/05\/EDSA-2026-480x320.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" \/>                            <\/a>\r\n                            <figcaption class=\"novosti-title\">\r\n                                <a href=\"https:\/\/brain.hr\/en\/projekt-brain-u-finalu-natjecanja-za-nagradu-europske-komisije\/\">Projekt BrAIn u finalu europskog natjecanja<\/a>\r\n                            <\/figcaption>\r\n                        <\/figure>\r\n                    <\/article>\r\n                                    <article class=\"novosti-card\" role=\"listitem\">\r\n                        <figure class=\"novosti-figure\">\r\n                            <a href=\"https:\/\/brain.hr\/en\/istrazite-primjere-dobre-prakse-nastavnika-u-poucavanju-o-umjetnoj-inteligenciji\/\" aria-label=\"Istra\u017eite primjere dobre prakse nastavnika u pou\u010davanju o umjetnoj inteligenciji\">\r\n                                <img decoding=\"async\" width=\"1024\" height=\"575\" src=\"https:\/\/brain.hr\/wp-content\/uploads\/2026\/05\/Zbornik-primjera-dobre-prakse-1024x575.jpg\" class=\"novosti-thumb wp-post-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/brain.hr\/wp-content\/uploads\/2026\/05\/Zbornik-primjera-dobre-prakse-980x551.jpg 980w, https:\/\/brain.hr\/wp-content\/uploads\/2026\/05\/Zbornik-primjera-dobre-prakse-480x270.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" \/>                            <\/a>\r\n                            <figcaption class=\"novosti-title\">\r\n                                <a href=\"https:\/\/brain.hr\/en\/istrazite-primjere-dobre-prakse-nastavnika-u-poucavanju-o-umjetnoj-inteligenciji\/\">Istra\u017eite primjere dobre prakse nastavnika u pou\u010davanju o umjetnoj inteligenciji<\/a>\r\n                            <\/figcaption>\r\n                        <\/figure>\r\n                    <\/article>\r\n                                    <article class=\"novosti-card\" role=\"listitem\">\r\n                        <figure class=\"novosti-figure\">\r\n                            <a href=\"https:\/\/brain.hr\/en\/otvorene-prijave-na-14-webinar-nastavnici-za-nastavnike\/\" aria-label=\"Otvorene prijave za 14. webinar Nastavnici za nastavnike\">\r\n                                <img decoding=\"async\" width=\"1024\" height=\"584\" src=\"https:\/\/brain.hr\/wp-content\/uploads\/2026\/05\/webinar-14-_nastavnici-za-nastavnike-1024x584.jpg\" class=\"novosti-thumb wp-post-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/brain.hr\/wp-content\/uploads\/2026\/05\/webinar-14-_nastavnici-za-nastavnike-980x559.jpg 980w, https:\/\/brain.hr\/wp-content\/uploads\/2026\/05\/webinar-14-_nastavnici-za-nastavnike-480x274.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" \/>                            <\/a>\r\n                            <figcaption class=\"novosti-title\">\r\n                                <a href=\"https:\/\/brain.hr\/en\/otvorene-prijave-na-14-webinar-nastavnici-za-nastavnike\/\">Otvorene prijave za 14. webinar Nastavnici za nastavnike<\/a>\r\n                            <\/figcaption>\r\n                        <\/figure>\r\n                    <\/article>\r\n                                    <article class=\"novosti-card\" role=\"listitem\">\r\n                        <figure class=\"novosti-figure\">\r\n                            <a href=\"https:\/\/brain.hr\/en\/javni-poziv-za-izradu-predmetnih-sadrzaja-temeljenih-na-e-skole-dos-ovima-faza-ii\/\" aria-label=\"Javni poziv za izradu predmetnih sadr\u017eaja temeljenih na e-\u0160kole DOS-ovima \u2013 Faza II\">\r\n                                <img decoding=\"async\" width=\"1024\" height=\"584\" src=\"https:\/\/brain.hr\/wp-content\/uploads\/2026\/05\/ilustracija_javni-poziv-za-izradu-poredmetnih-sadrzaja_faza-II-1024x584.jpg\" class=\"novosti-thumb wp-post-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/brain.hr\/wp-content\/uploads\/2026\/05\/ilustracija_javni-poziv-za-izradu-poredmetnih-sadrzaja_faza-II-980x559.jpg 980w, https:\/\/brain.hr\/wp-content\/uploads\/2026\/05\/ilustracija_javni-poziv-za-izradu-poredmetnih-sadrzaja_faza-II-480x274.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" \/>                            <\/a>\r\n                            <figcaption class=\"novosti-title\">\r\n                                <a href=\"https:\/\/brain.hr\/en\/javni-poziv-za-izradu-predmetnih-sadrzaja-temeljenih-na-e-skole-dos-ovima-faza-ii\/\">Javni poziv za izradu predmetnih sadr\u017eaja temeljenih na e-\u0160kole DOS-ovima \u2013 Faza II<\/a>\r\n                            <\/figcaption>\r\n                        <\/figure>\r\n                    <\/article>\r\n                                    <article class=\"novosti-card\" role=\"listitem\">\r\n                        <figure class=\"novosti-figure\">\r\n                            <a href=\"https:\/\/brain.hr\/en\/prijavite-se-na-webinar-nastavnici-za-nastavnike-13\/\" aria-label=\"Prijavite se na webinar Nastavnici za nastavnike 13\">\r\n                                <img decoding=\"async\" width=\"1024\" height=\"584\" src=\"https:\/\/brain.hr\/wp-content\/uploads\/2026\/05\/Nastavnici-za-nastavnike-13-1024x584.jpg\" class=\"novosti-thumb wp-post-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/brain.hr\/wp-content\/uploads\/2026\/05\/Nastavnici-za-nastavnike-13-980x559.jpg 980w, https:\/\/brain.hr\/wp-content\/uploads\/2026\/05\/Nastavnici-za-nastavnike-13-480x274.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" \/>                            <\/a>\r\n                            <figcaption class=\"novosti-title\">\r\n                                <a href=\"https:\/\/brain.hr\/en\/prijavite-se-na-webinar-nastavnici-za-nastavnike-13\/\">Prijavite se na webinar Nastavnici za nastavnike 13<\/a>\r\n                            <\/figcaption>\r\n                        <\/figure>\r\n                    <\/article>\r\n                                    <article class=\"novosti-card\" role=\"listitem\">\r\n                        <figure class=\"novosti-figure\">\r\n                            <a href=\"https:\/\/brain.hr\/en\/podijelite-svoje-iskustvo-postanite-predavac-na-webinarima-nastavnici-za-nastavnike\/\" aria-label=\"Podijelite svoje iskustvo: postanite predava\u010d na webinarima Nastavnici za nastavnike\">\r\n                                <img decoding=\"async\" width=\"1024\" height=\"584\" src=\"https:\/\/brain.hr\/wp-content\/uploads\/2026\/04\/Nastavnici-za-nastavnike-poziv-autorima-1024x584.jpg\" class=\"novosti-thumb wp-post-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/brain.hr\/wp-content\/uploads\/2026\/04\/Nastavnici-za-nastavnike-poziv-autorima-980x559.jpg 980w, https:\/\/brain.hr\/wp-content\/uploads\/2026\/04\/Nastavnici-za-nastavnike-poziv-autorima-480x274.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" \/>                            <\/a>\r\n                            <figcaption class=\"novosti-title\">\r\n                                <a href=\"https:\/\/brain.hr\/en\/podijelite-svoje-iskustvo-postanite-predavac-na-webinarima-nastavnici-za-nastavnike\/\">Podijelite svoje iskustvo: postanite predava\u010d na webinarima Nastavnici za nastavnike<\/a>\r\n                            <\/figcaption>\r\n                        <\/figure>\r\n                    <\/article>\r\n                            <\/div>\r\n        <\/div>\r\n\r\n        <script>\r\n            (function() {\r\n                const root = document.getElementById('novosti-XBovlY');\r\n                if (!root) return;\r\n\r\n                const row = root.querySelector('.novosti-row');\r\n                const viewport = root.querySelector('.novosti-viewport');\r\n                const btnPrev = root.querySelector('.novosti-prev');\r\n                const btnNext = root.querySelector('.novosti-next');\r\n\r\n                let offset = 0;\r\n                let step = 0;\r\n                let maxOffset = 0;\r\n\r\n                function computeStep() {\r\n                    const cards = row ? row.querySelectorAll('.novosti-card') : [];\r\n                    if (!cards || !cards.length) return 0;\r\n                    const refCard = cards[1] || cards[0];\r\n                    if (!refCard) return 0;\r\n                    const style = window.getComputedStyle(refCard);\r\n                    const basis = parseFloat(style.flexBasis) || refCard.getBoundingClientRect().width;\r\n                    const rowStyle = window.getComputedStyle(row);\r\n                    const gapPx = parseFloat(rowStyle.columnGap || rowStyle.gap) || 20;\r\n                    return Math.round(basis + gapPx);\r\n                }\r\n                function clampOffset(x) {\r\n                    if (x > 0) return 0;\r\n                    if (x < -maxOffset) return -maxOffset;\r\n                    return x;\r\n                }\r\n                function computeMaxOffset() {\r\n                    const contentWidth = row.scrollWidth;\r\n                    const viewportWidth = viewport.clientWidth;\r\n                    const maxRaw = Math.max(0, contentWidth - viewportWidth);\r\n                    return Math.round(maxRaw);\r\n                }\r\n                function applyTransform() {\r\n                    row.style.transform = 'translateX(' + offset + 'px)';\r\n                    if (btnPrev) btnPrev.disabled = (offset >= 0);\r\n                    if (btnNext) btnNext.disabled = (Math.abs(offset) >= maxOffset);\r\n                }\r\n                function recalc() {\r\n                    step = computeStep();\r\n                    maxOffset = computeMaxOffset();\r\n                    offset = clampOffset(offset);\r\n                    applyTransform();\r\n                }\r\n                function goNext() {\r\n                    if (Math.abs(offset) >= maxOffset) return;\r\n                    offset = clampOffset(offset - step);\r\n                    applyTransform();\r\n                }\r\n                function goPrev() {\r\n                    if (offset >= 0) return;\r\n                    offset = clampOffset(offset + step);\r\n                    applyTransform();\r\n                }\r\n                if (btnNext) btnNext.addEventListener('click', goNext);\r\n                if (btnPrev) btnPrev.addEventListener('click', goPrev);\r\n                let resizeRAF = null;\r\n                window.addEventListener('resize', () => {\r\n                    if (resizeRAF) cancelAnimationFrame(resizeRAF);\r\n                    resizeRAF = requestAnimationFrame(recalc);\r\n                });\r\n                if (document.readyState === 'complete') {\r\n                    recalc();\r\n                } else {\r\n                    window.addEventListener('load', recalc);\r\n                    setTimeout(recalc, 350);\r\n                }\r\n            })();\r\n        <\/script>\r\n    <\/section>\r\n    [\/et_pb_fullwidth_code][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; disabled_on=&#8221;off|off|off&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;||0px|||&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row custom_padding_last_edited=&#8221;on|phone&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; width=&#8221;100%&#8221; max_width=&#8221;1440px&#8221; custom_padding=&#8221;||||false|false&#8221; custom_padding_tablet=&#8221;|||20px|false|false&#8221; custom_padding_phone=&#8221;|||0px|false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_code _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; custom_margin_tablet=&#8221;&#8221; custom_margin_phone=&#8221;|||10px|false|false&#8221; custom_margin_last_edited=&#8221;on|phone&#8221; global_colors_info=&#8221;{}&#8221;]    <section id=\"novosti-cbLlAG\" class=\"novosti-wrap\" aria-labelledby=\"novosti-cbLlAG-heading\">\r\n        <style>\r\n            @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600&display=swap');\r\n            #novosti-cbLlAG { font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; color:#111; position:relative; }\r\n            #novosti-cbLlAG .novosti-header { display:flex; align-items:center; justify-content:space-between; margin-bottom:18px; }\r\n            #novosti-cbLlAG .novosti-heading { margin:0; font-size:26px; line-height:1.2; text-transform:uppercase; font-weight:300; letter-spacing:0; }\r\n            #novosti-cbLlAG .novosti-controls { display:flex; gap:12px; margin-right: 20px; }\r\n            #novosti-cbLlAG .novosti-btn { width:44px; height:44px; border-radius:50%; border:1px solid #dcdcdc; background:#fff; display:inline-flex; align-items:center; justify-content:center; cursor:pointer; transition:.2s; color:#111; padding:0; outline:none; }\r\n            #novosti-cbLlAG .novosti-btn:hover:not([disabled]) { background:#f5f5f5; }\r\n            #novosti-cbLlAG .novosti-btn[disabled] { opacity:.4; cursor:not-allowed; }\r\n            #novosti-cbLlAG .novosti-btn svg { width:20px; height:20px; }\r\n            #novosti-cbLlAG .novosti-viewport { position:relative; overflow:hidden; padding-bottom: 128px; }\r\n            #novosti-cbLlAG .novosti-row { display:flex; gap: 20px !important; will-change: transform; transform: translateX(0); transition: transform .35s ease; }\r\n            #novosti-cbLlAG .novosti-card { position:relative; flex:0 0 320px !important; max-width:none !important; list-style:none; }\r\n            #novosti-cbLlAG .novosti-card.is-first { flex-basis: 420px !important; }\r\n            #novosti-cbLlAG .novosti-figure { margin:0; position:relative; overflow:visible; }\r\n            #novosti-cbLlAG .novosti-thumb { display:block; width:100%; aspect-ratio:4\/3; object-fit:cover; background:#eee; }\r\n            #novosti-cbLlAG .novosti-title { position:absolute; left:0; bottom:0; transform: translateY(60%); width:90%; background:#F4F5F5; padding:18px 20px; font-weight:400; line-height:1.28; font-size:18px; color:#111; box-shadow:0 2px 6px rgba(0,0,0,0.06); overflow:visible; }\r\n            #novosti-cbLlAG .novosti-title a { color:inherit; text-decoration:none; }\r\n            #novosti-cbLlAG .novosti-title a:hover { color:#EE7F00; }\r\n            #novosti-cbLlAG .novosti-placeholder { width:100%; aspect-ratio:4\/3; background:#e9ecef; display:flex; align-items:center; justify-content:center; color:#666; font-size:14px; }\r\n            @media (max-width: 600px) {\r\n                #novosti-cbLlAG .novosti-card { flex:0 0 82vw !important; }\r\n                #novosti-cbLlAG .novosti-card.is-first { flex-basis: calc(82vw + 8px) !important; }\r\n                #novosti-cbLlAG .novosti-title { transform: translateY(70%); }\r\n            }\r\n        <\/style>\r\n\r\n        <div class=\"novosti-header\">\r\n            <h2 id=\"novosti-cbLlAG-heading\" class=\"novosti-heading\">Novosti<\/h2>\r\n            <div class=\"novosti-controls\" aria-hidden=\"false\">\r\n                <button type=\"button\" class=\"novosti-btn novosti-prev\" aria-label=\"Prethodno\" disabled>\r\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z\" fill=\"currentColor\"\/><\/svg>\r\n                <\/button>\r\n                <button type=\"button\" class=\"novosti-btn novosti-next\" aria-label=\"Sljede\u0107e\">\r\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M8.59 16.59 10 18l6-6-6-6-1.41 1.41L13.17 12z\" fill=\"currentColor\"\/><\/svg>\r\n                <\/button>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"novosti-viewport\">\r\n            <div class=\"novosti-row\" role=\"list\" aria-label=\"Zadnje objave\">\r\n                                    <article class=\"novosti-card is-first\" role=\"listitem\">\r\n                        <figure class=\"novosti-figure\">\r\n                            <a href=\"https:\/\/brain.hr\/en\/sto-brain-kurikul-donosi-nastavnicima-autori-odgovaraju\/\" aria-label=\"\u0160to BrAIn kurikul donosi nastavnicima? Autori odgovaraju\">\r\n                                <img decoding=\"async\" width=\"1024\" height=\"584\" src=\"https:\/\/brain.hr\/wp-content\/uploads\/2026\/06\/AI_kurikul_autori-1024x584.jpg\" class=\"novosti-thumb wp-post-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/brain.hr\/wp-content\/uploads\/2026\/06\/AI_kurikul_autori-980x559.jpg 980w, https:\/\/brain.hr\/wp-content\/uploads\/2026\/06\/AI_kurikul_autori-480x274.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" \/>                            <\/a>\r\n                            <figcaption class=\"novosti-title\">\r\n                                <a href=\"https:\/\/brain.hr\/en\/sto-brain-kurikul-donosi-nastavnicima-autori-odgovaraju\/\">\u0160to BrAIn kurikul donosi nastavnicima? Autori odgovaraju<\/a>\r\n                            <\/figcaption>\r\n                        <\/figure>\r\n                    <\/article>\r\n                                    <article class=\"novosti-card\" role=\"listitem\">\r\n                        <figure class=\"novosti-figure\">\r\n                            <a href=\"https:\/\/brain.hr\/en\/prijavite-se-na-nove-webinare-u-ciklusu-nastavnici-za-nastavnike\/\" aria-label=\"Prijavite se na nove webinare u ciklusu Nastavnici za nastavnike\">\r\n                                <img decoding=\"async\" width=\"1024\" height=\"575\" src=\"https:\/\/brain.hr\/wp-content\/uploads\/2026\/05\/Nastavnici-za-nastavnike-razmjena-iskustava-1024x575.jpg\" class=\"novosti-thumb wp-post-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/brain.hr\/wp-content\/uploads\/2026\/05\/Nastavnici-za-nastavnike-razmjena-iskustava-980x551.jpg 980w, https:\/\/brain.hr\/wp-content\/uploads\/2026\/05\/Nastavnici-za-nastavnike-razmjena-iskustava-480x270.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" \/>                            <\/a>\r\n                            <figcaption class=\"novosti-title\">\r\n                                <a href=\"https:\/\/brain.hr\/en\/prijavite-se-na-nove-webinare-u-ciklusu-nastavnici-za-nastavnike\/\">Prijavite se na nove webinare u ciklusu Nastavnici za nastavnike<\/a>\r\n                            <\/figcaption>\r\n                        <\/figure>\r\n                    <\/article>\r\n                                    <article class=\"novosti-card\" role=\"listitem\">\r\n                        <figure class=\"novosti-figure\">\r\n                            <a href=\"https:\/\/brain.hr\/en\/projekt-brain-u-finalu-natjecanja-za-nagradu-europske-komisije\/\" aria-label=\"Projekt BrAIn u finalu europskog natjecanja\">\r\n                                <img decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/brain.hr\/wp-content\/uploads\/2026\/05\/EDSA-2026-1024x683.png\" class=\"novosti-thumb wp-post-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/brain.hr\/wp-content\/uploads\/2026\/05\/EDSA-2026-980x653.png 980w, https:\/\/brain.hr\/wp-content\/uploads\/2026\/05\/EDSA-2026-480x320.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" \/>                            <\/a>\r\n                            <figcaption class=\"novosti-title\">\r\n                                <a href=\"https:\/\/brain.hr\/en\/projekt-brain-u-finalu-natjecanja-za-nagradu-europske-komisije\/\">Projekt BrAIn u finalu europskog natjecanja<\/a>\r\n                            <\/figcaption>\r\n                        <\/figure>\r\n                    <\/article>\r\n                                    <article class=\"novosti-card\" role=\"listitem\">\r\n                        <figure class=\"novosti-figure\">\r\n                            <a href=\"https:\/\/brain.hr\/en\/istrazite-primjere-dobre-prakse-nastavnika-u-poucavanju-o-umjetnoj-inteligenciji\/\" aria-label=\"Istra\u017eite primjere dobre prakse nastavnika u pou\u010davanju o umjetnoj inteligenciji\">\r\n                                <img decoding=\"async\" width=\"1024\" height=\"575\" src=\"https:\/\/brain.hr\/wp-content\/uploads\/2026\/05\/Zbornik-primjera-dobre-prakse-1024x575.jpg\" class=\"novosti-thumb wp-post-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/brain.hr\/wp-content\/uploads\/2026\/05\/Zbornik-primjera-dobre-prakse-980x551.jpg 980w, https:\/\/brain.hr\/wp-content\/uploads\/2026\/05\/Zbornik-primjera-dobre-prakse-480x270.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" \/>                            <\/a>\r\n                            <figcaption class=\"novosti-title\">\r\n                                <a href=\"https:\/\/brain.hr\/en\/istrazite-primjere-dobre-prakse-nastavnika-u-poucavanju-o-umjetnoj-inteligenciji\/\">Istra\u017eite primjere dobre prakse nastavnika u pou\u010davanju o umjetnoj inteligenciji<\/a>\r\n                            <\/figcaption>\r\n                        <\/figure>\r\n                    <\/article>\r\n                                    <article class=\"novosti-card\" role=\"listitem\">\r\n                        <figure class=\"novosti-figure\">\r\n                            <a href=\"https:\/\/brain.hr\/en\/otvorene-prijave-na-14-webinar-nastavnici-za-nastavnike\/\" aria-label=\"Otvorene prijave za 14. webinar Nastavnici za nastavnike\">\r\n                                <img decoding=\"async\" width=\"1024\" height=\"584\" src=\"https:\/\/brain.hr\/wp-content\/uploads\/2026\/05\/webinar-14-_nastavnici-za-nastavnike-1024x584.jpg\" class=\"novosti-thumb wp-post-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/brain.hr\/wp-content\/uploads\/2026\/05\/webinar-14-_nastavnici-za-nastavnike-980x559.jpg 980w, https:\/\/brain.hr\/wp-content\/uploads\/2026\/05\/webinar-14-_nastavnici-za-nastavnike-480x274.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" \/>                            <\/a>\r\n                            <figcaption class=\"novosti-title\">\r\n                                <a href=\"https:\/\/brain.hr\/en\/otvorene-prijave-na-14-webinar-nastavnici-za-nastavnike\/\">Otvorene prijave za 14. webinar Nastavnici za nastavnike<\/a>\r\n                            <\/figcaption>\r\n                        <\/figure>\r\n                    <\/article>\r\n                                    <article class=\"novosti-card\" role=\"listitem\">\r\n                        <figure class=\"novosti-figure\">\r\n                            <a href=\"https:\/\/brain.hr\/en\/javni-poziv-za-izradu-predmetnih-sadrzaja-temeljenih-na-e-skole-dos-ovima-faza-ii\/\" aria-label=\"Javni poziv za izradu predmetnih sadr\u017eaja temeljenih na e-\u0160kole DOS-ovima \u2013 Faza II\">\r\n                                <img decoding=\"async\" width=\"1024\" height=\"584\" src=\"https:\/\/brain.hr\/wp-content\/uploads\/2026\/05\/ilustracija_javni-poziv-za-izradu-poredmetnih-sadrzaja_faza-II-1024x584.jpg\" class=\"novosti-thumb wp-post-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/brain.hr\/wp-content\/uploads\/2026\/05\/ilustracija_javni-poziv-za-izradu-poredmetnih-sadrzaja_faza-II-980x559.jpg 980w, https:\/\/brain.hr\/wp-content\/uploads\/2026\/05\/ilustracija_javni-poziv-za-izradu-poredmetnih-sadrzaja_faza-II-480x274.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" \/>                            <\/a>\r\n                            <figcaption class=\"novosti-title\">\r\n                                <a href=\"https:\/\/brain.hr\/en\/javni-poziv-za-izradu-predmetnih-sadrzaja-temeljenih-na-e-skole-dos-ovima-faza-ii\/\">Javni poziv za izradu predmetnih sadr\u017eaja temeljenih na e-\u0160kole DOS-ovima \u2013 Faza II<\/a>\r\n                            <\/figcaption>\r\n                        <\/figure>\r\n                    <\/article>\r\n                                    <article class=\"novosti-card\" role=\"listitem\">\r\n                        <figure class=\"novosti-figure\">\r\n                            <a href=\"https:\/\/brain.hr\/en\/prijavite-se-na-webinar-nastavnici-za-nastavnike-13\/\" aria-label=\"Prijavite se na webinar Nastavnici za nastavnike 13\">\r\n                                <img decoding=\"async\" width=\"1024\" height=\"584\" src=\"https:\/\/brain.hr\/wp-content\/uploads\/2026\/05\/Nastavnici-za-nastavnike-13-1024x584.jpg\" class=\"novosti-thumb wp-post-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/brain.hr\/wp-content\/uploads\/2026\/05\/Nastavnici-za-nastavnike-13-980x559.jpg 980w, https:\/\/brain.hr\/wp-content\/uploads\/2026\/05\/Nastavnici-za-nastavnike-13-480x274.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" \/>                            <\/a>\r\n                            <figcaption class=\"novosti-title\">\r\n                                <a href=\"https:\/\/brain.hr\/en\/prijavite-se-na-webinar-nastavnici-za-nastavnike-13\/\">Prijavite se na webinar Nastavnici za nastavnike 13<\/a>\r\n                            <\/figcaption>\r\n                        <\/figure>\r\n                    <\/article>\r\n                                    <article class=\"novosti-card\" role=\"listitem\">\r\n                        <figure class=\"novosti-figure\">\r\n                            <a href=\"https:\/\/brain.hr\/en\/podijelite-svoje-iskustvo-postanite-predavac-na-webinarima-nastavnici-za-nastavnike\/\" aria-label=\"Podijelite svoje iskustvo: postanite predava\u010d na webinarima Nastavnici za nastavnike\">\r\n                                <img decoding=\"async\" width=\"1024\" height=\"584\" src=\"https:\/\/brain.hr\/wp-content\/uploads\/2026\/04\/Nastavnici-za-nastavnike-poziv-autorima-1024x584.jpg\" class=\"novosti-thumb wp-post-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/brain.hr\/wp-content\/uploads\/2026\/04\/Nastavnici-za-nastavnike-poziv-autorima-980x559.jpg 980w, https:\/\/brain.hr\/wp-content\/uploads\/2026\/04\/Nastavnici-za-nastavnike-poziv-autorima-480x274.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" \/>                            <\/a>\r\n                            <figcaption class=\"novosti-title\">\r\n                                <a href=\"https:\/\/brain.hr\/en\/podijelite-svoje-iskustvo-postanite-predavac-na-webinarima-nastavnici-za-nastavnike\/\">Podijelite svoje iskustvo: postanite predava\u010d na webinarima Nastavnici za nastavnike<\/a>\r\n                            <\/figcaption>\r\n                        <\/figure>\r\n                    <\/article>\r\n                            <\/div>\r\n        <\/div>\r\n\r\n        <script>\r\n            (function() {\r\n                const root = document.getElementById('novosti-cbLlAG');\r\n                if (!root) return;\r\n\r\n                const row = root.querySelector('.novosti-row');\r\n                const viewport = root.querySelector('.novosti-viewport');\r\n                const btnPrev = root.querySelector('.novosti-prev');\r\n                const btnNext = root.querySelector('.novosti-next');\r\n\r\n                let offset = 0;\r\n                let step = 0;\r\n                let maxOffset = 0;\r\n\r\n                function computeStep() {\r\n                    const cards = row ? row.querySelectorAll('.novosti-card') : [];\r\n                    if (!cards || !cards.length) return 0;\r\n                    const refCard = cards[1] || cards[0];\r\n                    if (!refCard) return 0;\r\n                    const style = window.getComputedStyle(refCard);\r\n                    const basis = parseFloat(style.flexBasis) || refCard.getBoundingClientRect().width;\r\n                    const rowStyle = window.getComputedStyle(row);\r\n                    const gapPx = parseFloat(rowStyle.columnGap || rowStyle.gap) || 20;\r\n                    return Math.round(basis + gapPx);\r\n                }\r\n                function clampOffset(x) {\r\n                    if (x > 0) return 0;\r\n                    if (x < -maxOffset) return -maxOffset;\r\n                    return x;\r\n                }\r\n                function computeMaxOffset() {\r\n                    const contentWidth = row.scrollWidth;\r\n                    const viewportWidth = viewport.clientWidth;\r\n                    const maxRaw = Math.max(0, contentWidth - viewportWidth);\r\n                    return Math.round(maxRaw);\r\n                }\r\n                function applyTransform() {\r\n                    row.style.transform = 'translateX(' + offset + 'px)';\r\n                    if (btnPrev) btnPrev.disabled = (offset >= 0);\r\n                    if (btnNext) btnNext.disabled = (Math.abs(offset) >= maxOffset);\r\n                }\r\n                function recalc() {\r\n                    step = computeStep();\r\n                    maxOffset = computeMaxOffset();\r\n                    offset = clampOffset(offset);\r\n                    applyTransform();\r\n                }\r\n                function goNext() {\r\n                    if (Math.abs(offset) >= maxOffset) return;\r\n                    offset = clampOffset(offset - step);\r\n                    applyTransform();\r\n                }\r\n                function goPrev() {\r\n                    if (offset >= 0) return;\r\n                    offset = clampOffset(offset + step);\r\n                    applyTransform();\r\n                }\r\n                if (btnNext) btnNext.addEventListener('click', goNext);\r\n                if (btnPrev) btnPrev.addEventListener('click', goPrev);\r\n                let resizeRAF = null;\r\n                window.addEventListener('resize', () => {\r\n                    if (resizeRAF) cancelAnimationFrame(resizeRAF);\r\n                    resizeRAF = requestAnimationFrame(recalc);\r\n                });\r\n                if (document.readyState === 'complete') {\r\n                    recalc();\r\n                } else {\r\n                    window.addEventListener('load', recalc);\r\n                    setTimeout(recalc, 350);\r\n                }\r\n            })();\r\n        <\/script>\r\n    <\/section>\r\n    [\/et_pb_code][et_pb_heading title=&#8221;\u0160to ka\u017eu nastavnici?&#8221; module_id=&#8221;testimonial&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; title_level=&#8221;h2&#8243; title_font=&#8221;Inter|500|||||||&#8221; title_text_color=&#8221;#242424&#8243; title_font_size=&#8221;38px&#8221; custom_margin=&#8221;||25px|||&#8221; custom_padding=&#8221;|100px||0px|false|false&#8221; custom_padding_tablet=&#8221;|100px||100px|false|true&#8221; custom_padding_phone=&#8221;|10px||10px|false|true&#8221; custom_padding_last_edited=&#8221;on|phone&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_heading][et_pb_code disabled_on=&#8221;off|off|off&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]    <section id=\"testimonials-fUu6OW\" class=\"tm-wrap\" aria-label=\"Testimonials\">\r\n      <style>\r\n        #testimonials-fUu6OW, #testimonials-fUu6OW * { box-sizing: border-box; }\r\n        #testimonials-fUu6OW {\r\n          --tm-arrow-gap: 72px;                \/* desktop: udaljenost strelica od vanjskog ruba *\/\r\n          --tm-content-pad-x: 100px;  \/* L\/R padding sadr\u017eaja balona *\/\r\n          font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\r\n          color: #111;\r\n        }\r\n        #testimonials-fUu6OW .tm-container {\r\n          max-width: 1200px;\r\n          margin: 0 auto;\r\n          padding: 0 20px;\r\n          position: relative;\r\n        }\r\n\r\n        #testimonials-fUu6OW .tm-frame { position: relative; }\r\n\r\n        #testimonials-fUu6OW .tm-viewport {\r\n          position: relative;\r\n          overflow: hidden;\r\n          width: 100%;\r\n        }\r\n        #testimonials-fUu6OW .tm-row {\r\n          display: flex;\r\n          gap: 0;\r\n          width: 100%;\r\n          transform: translateX(0);\r\n          transition: transform .35s ease;\r\n        }\r\n        #testimonials-fUu6OW .tm-slide {\r\n          flex: 0 0 100%;\r\n          min-width: 100%;\r\n          width: 100%;\r\n          display: flex;\r\n        }\r\n\r\n        \/* Sivi balon *\/\r\n        #testimonials-fUu6OW .tm-card {\r\n          background: #F4F5F5;\r\n          border-radius: 40px;\r\n          padding: 44px var(--tm-content-pad-x);\r\n          width: 100%;\r\n          display: flex;\r\n          flex-direction: column;\r\n          justify-content: center;\r\n        }\r\n        #testimonials-fUu6OW blockquote {\r\n          margin: 0 0 16px 0;\r\n          font-size: 20px;\r\n          line-height: 1.7;\r\n          font-style: italic;\r\n          color: #222;\r\n          padding: 0; border: 0;\r\n        }\r\n        #testimonials-fUu6OW blockquote:before, \r\n        #testimonials-fUu6OW blockquote:after { content: none !important; }\r\n        #testimonials-fUu6OW .tm-author {\r\n          margin: 0;\r\n          font-size: 16px;\r\n          color: #333;\r\n          font-weight: 500;\r\n        }\r\n\r\n        \/* Strelice \u2013 desktop: izvan balona negativnim offsetom, simetri\u010dno *\/\r\n        #testimonials-fUu6OW .tm-controls {\r\n          position: absolute;\r\n          top: 50%;\r\n          left: 0; right: 0;\r\n          transform: translateY(-50%);\r\n          pointer-events: none;\r\n        }\r\n        #testimonials-fUu6OW .tm-controls .tm-left,\r\n        #testimonials-fUu6OW .tm-controls .tm-right {\r\n          position: absolute;\r\n          top: 50%;\r\n          transform: translateY(-50%);\r\n          pointer-events: auto;\r\n        }\r\n        #testimonials-fUu6OW .tm-controls .tm-left  { left:  calc(-1 * var(--tm-arrow-gap)); }\r\n        #testimonials-fUu6OW .tm-controls .tm-right { right: calc(-1 * var(--tm-arrow-gap)); }\r\n\r\n        #testimonials-fUu6OW .tm-btn {\r\n          width: 44px; height: 44px;\r\n          border-radius: 50%;\r\n          border: none;\r\n          background: #000;\r\n          color: #fff;\r\n          display: inline-flex;\r\n          align-items: center; justify-content: center;\r\n          cursor: pointer;\r\n          transition: opacity .2s ease;\r\n          box-shadow: 0 2px 10px rgba(0,0,0,.25);\r\n        }\r\n        #testimonials-fUu6OW .tm-btn svg { width: 20px; height: 20px; fill: currentColor; }\r\n        #testimonials-fUu6OW .tm-btn:hover { opacity: .9; }\r\n        #testimonials-fUu6OW .tm-btn:active { opacity: .8; }\r\n        #testimonials-fUu6OW .tm-btn[disabled] { opacity: .35; cursor: not-allowed; }\r\n\r\n        \/* Tablet i mobitel: strelice ispod bloka (\u2264 1024px) *\/\r\n        @media (max-width: 1440px) {\r\n          \/* Ako \u017eeli\u0161 da se i sadr\u017eaj malo prilagodi na tabletima, mo\u017ee\u0161 smanjiti padding:\r\n             #testimonials-fUu6OW { --tm-content-pad-x: 32px; } *\/\r\n          #testimonials-fUu6OW .tm-controls {\r\n            position: static;\r\n            transform: none;\r\n            margin-top: 16px;\r\n            display: flex;\r\n            justify-content: center;\r\n            gap: 12px;\r\n            pointer-events: auto;\r\n          }\r\n          #testimonials-fUu6OW .tm-controls .tm-left,\r\n          #testimonials-fUu6OW .tm-controls .tm-right {\r\n            position: static;\r\n            transform: none;\r\n          }\r\n        }\r\n\r\n        \/* Mobitel dodatno: manji padding i gumbi *\/\r\n        @media (max-width: 768px) {\r\n          #testimonials-fUu6OW { --tm-content-pad-x: 24px; }\r\n          #testimonials-fUu6OW .tm-card { padding: 28px var(--tm-content-pad-x); border-radius: 32px; }\r\n          #testimonials-fUu6OW blockquote { font-size: 18px; line-height: 1.6; }\r\n          #testimonials-fUu6OW .tm-btn { width: 40px; height: 40px; }\r\n        }\r\n      <\/style>\r\n\r\n      <div class=\"tm-container\">\r\n        <div class=\"tm-frame\">\r\n          <div class=\"tm-viewport\">\r\n            <div class=\"tm-row\" role=\"list\" aria-live=\"polite\">\r\n                              <article class=\"tm-slide\" role=\"listitem\">\r\n                  <div class=\"tm-card\">\r\n                    <blockquote>\u201cBrAIn kurikulum preokrenuo je moju nastavu. Ono \u0161to je po\u010delo kao izvannastavna aktivnost s u\u010denicama ekonomskog smjera, danas je fakultativni predmet u \u0161koli. Upravo mi je BrAIn dao strukturu, sigurnost i slobodu da pove\u017eem umjetnu inteligenciju sa stvarnim \u017eivotom u\u010denika iz ruralnog podru\u010dja te da im pru\u017eim kompetencije koje ih razlikuju na tr\u017ei\u0161tu rada. Kolegama koji razmi\u0161ljaju o uklju\u010divanju mogu re\u0107i samo: BrAIn nije samo kurikulum, nego velika zajednica stru\u010dnjaka CARNET-a i nastavnika koja nas sigurno vodi kroz svijet promjena u obrazovanju.\u201d<\/blockquote>                    <p class=\"tm-author\">Martina Jerkovi\u0107; Srednja \u0161kola Ivana Me\u0161trovi\u0107a Drni\u0161<\/p>\r\n                  <\/div>\r\n                <\/article>\r\n                              <article class=\"tm-slide\" role=\"listitem\">\r\n                  <div class=\"tm-card\">\r\n                    <blockquote>\u201cUz brojne izazove s kojima se svakodnevno susre\u0107emo u \u0161koli uvijek postoje i oni koji donose da\u0161ak entuzijazma i osvje\u017eenja skre\u0107u\u0107i fokus na ono najva\u017enije &#8211; znanje. Projekt BrAIn je upravo takav primjer koji nam u ovom novom digitalnom svijetu pru\u017ea priliku da nau\u010dimo ne\u0161to novo te da zajedno s u\u010denicima stvaramo jedno poticajno i kreativno okru\u017eenje. Moram priznati da me moje prethodno dugogodi\u0161nje radno iskustvo u IT sektoru dodatno potaknulo da se uklju\u010dim u BrAIn te da svojim u\u010denicima osim matemati\u010dkih znanja prenesem i neke druge vje\u0161tine. Iako svaki novi izazov zahtijeva puno rada i truda upravo tu i le\u017ee oni pravi rezultati koji ostaju. U svijetu u kojem se AI razvija neo\u010dekivanom brzinom svjesni smo da isklju\u010divo uz edukaciju mo\u017eemo razvijati klju\u010dne kompetencije kroz samostalno istra\u017eivanje i kriti\u010dko promi\u0161ljanje.\u201d<\/blockquote>                    <p class=\"tm-author\">Kristina Kraljev, univ. mag. math.<\/p>\r\n                  <\/div>\r\n                <\/article>\r\n                              <article class=\"tm-slide\" role=\"listitem\">\r\n                  <div class=\"tm-card\">\r\n                    <blockquote>\u201cNa po\u010detku sam ovu izvannastavnu aktivnost vidjela kao put na kojemu \u0107emo moji u\u010denici i ja pobolj\u0161ati svoja znanja i vje\u0161tine u svijetu umjetne inteligencije (a taj je svijet beskompromisno postao nerazdvojiv dio na\u0161e stvarnosti i ne da se ignorirati). Ve\u0107 u prvoj godini provedbe dobili smo puno vi\u0161e. U\u010denici su, postupno prolaze\u0107i kurikulumske korake, po\u010deli otvoreno dijeliti svoja promi\u0161ljanja i postavljati pitanja koja ina\u010de nemaju koga pitati. Ja sam, u ulozi u\u010ditelja koji mentorira, koordinira i sura\u0111uje, pomagala da za upotrebu umjetne inteligencije steknu znanja i navike uokvirene dobrim namjerama i eti\u010dkim smjernicama. Za ovaj smo zahtjevni proces imali podr\u0161ku CARNET-a u vidu dobre komunikacije, edukacije, i timske suradnje. Put je dug i izazovan, ja se nadam da \u0107e na\u0161a djeca nau\u010diti po njemu hodati sigurno i uspje\u0161no. Tko \u0107e im u tome pomo\u0107i ako ne mi, njihovi u\u010ditelji?\u201d<\/blockquote>                    <p class=\"tm-author\">Lidija \u0160aravanja; O\u0160 Vladimir Nazor, \u010cepin<\/p>\r\n                  <\/div>\r\n                <\/article>\r\n                              <article class=\"tm-slide\" role=\"listitem\">\r\n                  <div class=\"tm-card\">\r\n                    <blockquote>\u201cUmjetna inteligencija prekretnica je za na\u0161u \u0161kolu. To je revolucija u pristupa\u010dnosti, a ovaj nas projekt vodi naprijed. Za u\u010denike s o\u0161te\u0107enjem vida, umjetna inteligencija nije samo tehnologija; ona je most. Omogu\u0107ava im da njihova budu\u0107nost bude odre\u0111ena prema njihovim sposobnostima, a ne pote\u0161ko\u0107ama.\u201d<\/blockquote>                    <p class=\"tm-author\">Mirko Milak, Centar za odgoj i obrazovanje &#8220;Vinko Bek&#8221;, Zagreb<\/p>\r\n                  <\/div>\r\n                <\/article>\r\n                              <article class=\"tm-slide\" role=\"listitem\">\r\n                  <div class=\"tm-card\">\r\n                    <blockquote>\u201cSudjelujem u CARNET-ovom projektu BrAIn od samog po\u010detka provedbe i ovo mi je druga godina aktivnog rada prema novom kurikulu. Iz perspektive u\u010ditelja, mogu istaknuti da je kurikul izuzetno kvalitetan, dobro strukturiran i istovremeno dovoljno fleksibilan da se lako prilagodi razli\u010ditim razinama predznanja u\u010denika i nastavnim kontekstima. Njegova najve\u0107a vrijednost je sna\u017ean fokus na prakti\u010dnu primjenu \u2013 nastavnicima pru\u017ea jasne smjernice, ali i slobodu u osmi\u0161ljavanju aktivnosti koje su u\u010denicima razumljive, motiviraju\u0107e i smisleno povezane sa stvarnim \u017eivotom.\n\n\n\nPosebno va\u017enim smatram naglasak na eti\u010dkoj, sigurnoj i odgovornoj uporabi UI-ja te sustavno razvijanje kriti\u010dkog mi\u0161ljenja. U\u010denici ne koriste UI nekriti\u010dki, ve\u0107 u\u010de prepoznavati ograni\u010denja tehnologije, promi\u0161ljati o autorstvu, privatnosti i utjecaju UI-ja na dru\u0161tvo. Takav pristup ne razvija samo digitalne vje\u0161tine, nego i odgovorne, svjesne i aktivne korisnike tehnologije, \u0161to BrAIn kurikul \u010dini izuzetno vrijednim za suvremenu nastavu.\u201d<\/blockquote>                    <p class=\"tm-author\">Dalia Kager, Osnovna \u0161kola Eugena Kvaternika, Velika Gorica<\/p>\r\n                  <\/div>\r\n                <\/article>\r\n                              <article class=\"tm-slide\" role=\"listitem\">\r\n                  <div class=\"tm-card\">\r\n                    <blockquote>\u201cKroz raznolike aktivnosti u\u010denici su razvijali kriti\u010dko mi\u0161ljenje, kreativnost i digitalne kompetencije, a meni je BrAIn kurikul otvorio nove poglede i obogatio nastavu svje\u017eim idejama i pristupima. Zahvaljuju\u0107i fleksibilnosti, strukturiranim i razra\u0111enim ishodima, uskla\u0111eno\u0161\u0107u sa znanstvenim istra\u017eivanjima te sadr\u017eajima i preporukama koje donosi, ovaj kurikul nastavnicima pru\u017ea sigurnost i slobodu u oblikovanju nastave, a u\u010denicima poticajno okru\u017eenje za istra\u017eivanje, stvaranje i razvoj kompetencija 21. stolje\u0107a, \u0161to ga \u010dini iskustvom koje rado preporu\u010dujem kolegama.\u201d<\/blockquote>                    <p class=\"tm-author\">Sanja Pavlovi\u0107 \u0160ijanovi\u0107, Gimnazija Vukovar<\/p>\r\n                  <\/div>\r\n                <\/article>\r\n                              <article class=\"tm-slide\" role=\"listitem\">\r\n                  <div class=\"tm-card\">\r\n                    <blockquote>\u201cUmjetna inteligencija transformira obrazovanje te je klju\u010dna priprema u\u010denika za izazove i prilike koje su pred njima. Nastavnici moraju procijeniti prednosti naspram rizika i eti\u010dka razmatranja kako bi stvorili obrazovno okru\u017eenje koje poti\u010de u\u010denje bez ugro\u017eavanja dobrobiti u\u010denika.\nAlati umjetne inteligencije omogu\u0107uju dinami\u010dnije i u\u010dinkovitije obrazovno okru\u017eenje. Dok se u\u010denici pripremaju za budu\u0107nost koja je sve vi\u0161e pod utjecajem tehnologije, va\u017eno je poticati obrazovnu atmosferu koja promi\u010de prilagodljivost, kriti\u010dko razmi\u0161ljanje i suradnju.\u201d<\/blockquote>                    <p class=\"tm-author\">Marina Mirkovi\u0107, Tehni\u010dka \u0161kola, Po\u017eega<\/p>\r\n                  <\/div>\r\n                <\/article>\r\n                              <article class=\"tm-slide\" role=\"listitem\">\r\n                  <div class=\"tm-card\">\r\n                    <blockquote>\u201cProjekt BrAIn unaprijedio je nastavni proces stvaranjem personaliziranog, interaktivnog i poticajnog okru\u017eenja za u\u010denje uz pomo\u0107 umjetne inteligencije, \u010dime se posti\u017ee br\u017ee i dublje konceptualno razumijevanje sadr\u017eaja u STEM predmetima u osmom razredu.\u00a0Projekt poti\u010de aktivno i samostalno u\u010denje me\u0111u svim mojim u\u010denicima, a istovremeno smanjuje potrebu za uklju\u010divanjem roditelja i nastavnika.\u201d<\/blockquote>                    <p class=\"tm-author\">Tanja Paris, O\u0160 Vijenac, Osijek<\/p>\r\n                  <\/div>\r\n                <\/article>\r\n                          <\/div>\r\n          <\/div>\r\n\r\n          <!-- Strelice: desktop izvan; tablet\/mobitel ispod (media query) -->\r\n          <div class=\"tm-controls\" aria-hidden=\"false\">\r\n            <button type=\"button\" class=\"tm-btn tm-prev tm-left\" aria-label=\"Prethodno\">\r\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z\"\/><\/svg>\r\n            <\/button>\r\n            <button type=\"button\" class=\"tm-btn tm-next tm-right\" aria-label=\"Sljede\u0107e\">\r\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M8.59 16.59 10 18l6-6-6-6-1.41 1.41L12.17 12z\"\/><\/svg>\r\n            <\/button>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <script>\r\n        (function(){\r\n          const root = document.getElementById('testimonials-fUu6OW');\r\n          if(!root) return;\r\n          const viewport = root.querySelector('.tm-viewport');\r\n          const row = root.querySelector('.tm-row');\r\n          const slides = Array.from(root.querySelectorAll('.tm-slide'));\r\n          const prev = root.querySelector('.tm-prev');\r\n          const next = root.querySelector('.tm-next');\r\n          let index = 0;\r\n\r\n          function setUniformHeight(){\r\n            const max = slides.reduce((h, slide) => {\r\n              const card = slide.querySelector('.tm-card');\r\n              return Math.max(h, card ? card.scrollHeight : 0);\r\n            }, 0);\r\n            viewport.style.height = max + 'px';\r\n          }\r\n\r\n          function update(){\r\n            const vw = viewport.clientWidth;\r\n            row.style.transform = 'translateX(' + (-index * vw) + 'px)';\r\n            prev && (prev.disabled = index === 0);\r\n            next && (next.disabled = index >= slides.length - 1);\r\n          }\r\n\r\n          function init(){\r\n            setUniformHeight();\r\n            update();\r\n          }\r\n\r\n          next && next.addEventListener('click', () => { if (index < slides.length - 1) { index++; update(); } });\r\n          prev && prev.addEventListener('click', () => { if (index > 0) { index--; update(); } });\r\n\r\n          let rAF = null;\r\n          const onResize = () => {\r\n            if (rAF) cancelAnimationFrame(rAF);\r\n            rAF = requestAnimationFrame(() => { setUniformHeight(); update(); });\r\n          };\r\n          window.addEventListener('resize', onResize);\r\n          document.fonts && document.fonts.ready && document.fonts.ready.then(onResize);\r\n\r\n          init();\r\n        })();\r\n      <\/script>\r\n    <\/section>\r\n    [\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; disabled_on=&#8221;off|off|off&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;||0px|||&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row custom_padding_last_edited=&#8221;on|phone&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; width=&#8221;100%&#8221; max_width=&#8221;1440px&#8221; custom_padding=&#8221;||||false|false&#8221; custom_padding_tablet=&#8221;|||20px|false|false&#8221; custom_padding_phone=&#8221;|||0px|false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_code _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; width=&#8221;100%&#8221; max_width=&#8221;1440px&#8221; custom_margin_tablet=&#8221;&#8221; custom_margin_phone=&#8221;|0px||10px|false|false&#8221; custom_margin_last_edited=&#8221;on|phone&#8221; custom_padding=&#8221;|||0px|false|false&#8221; custom_padding_tablet=&#8221;|||20px|false|false&#8221; custom_padding_phone=&#8221;|||0px|false|false&#8221; custom_padding_last_edited=&#8221;on|phone&#8221; global_colors_info=&#8221;{}&#8221;]    <section id=\"novosti-hKxAC7\" class=\"novosti-wrap\" aria-labelledby=\"novosti-hKxAC7-heading\">\r\n        <style>\r\n            @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600&display=swap');\r\n            #novosti-hKxAC7 { font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; color:#111; position:relative; }\r\n            #novosti-hKxAC7 .novosti-header { display:flex; align-items:center; justify-content:space-between; margin-bottom:18px; }\r\n            #novosti-hKxAC7 .novosti-heading { margin:0; font-size:26px; line-height:1.2; text-transform:uppercase; font-weight:300; letter-spacing:0; }\r\n            #novosti-hKxAC7 .novosti-controls { display:flex; gap:12px; margin-right: 20px; }\r\n            #novosti-hKxAC7 .novosti-btn { width:44px; height:44px; border-radius:50%; border:1px solid #dcdcdc; background:#fff; display:inline-flex; align-items:center; justify-content:center; cursor:pointer; transition:.2s; color:#111; padding:0; outline:none; }\r\n            #novosti-hKxAC7 .novosti-btn:hover:not([disabled]) { background:#f5f5f5; }\r\n            #novosti-hKxAC7 .novosti-btn[disabled] { opacity:.4; cursor:not-allowed; }\r\n            #novosti-hKxAC7 .novosti-btn svg { width:20px; height:20px; }\r\n            #novosti-hKxAC7 .novosti-viewport { position:relative; overflow:hidden; padding-bottom: 128px; }\r\n            #novosti-hKxAC7 .novosti-row { display:flex; gap: 20px !important; will-change: transform; transform: translateX(0); transition: transform .35s ease; }\r\n            #novosti-hKxAC7 .novosti-card { position:relative; flex:0 0 320px !important; max-width:none !important; list-style:none; }\r\n            #novosti-hKxAC7 .novosti-card.is-first { flex-basis: 420px !important; }\r\n            #novosti-hKxAC7 .novosti-figure { margin:0; position:relative; overflow:visible; }\r\n            #novosti-hKxAC7 .novosti-thumb { display:block; width:100%; aspect-ratio:4\/3; object-fit:cover; background:#eee; }\r\n            #novosti-hKxAC7 .novosti-title { position:absolute; left:0; bottom:0; transform: translateY(60%); width:90%; background:#F4F5F5; padding:18px 20px; font-weight:400; line-height:1.28; font-size:18px; color:#111; box-shadow:0 2px 6px rgba(0,0,0,0.06); overflow:visible; }\r\n            #novosti-hKxAC7 .novosti-title a { color:inherit; text-decoration:none; }\r\n            #novosti-hKxAC7 .novosti-title a:hover { color:#EE7F00; }\r\n            #novosti-hKxAC7 .novosti-placeholder { width:100%; aspect-ratio:4\/3; background:#e9ecef; display:flex; align-items:center; justify-content:center; color:#666; font-size:14px; }\r\n            @media (max-width: 600px) {\r\n                #novosti-hKxAC7 .novosti-card { flex:0 0 82vw !important; }\r\n                #novosti-hKxAC7 .novosti-card.is-first { flex-basis: calc(82vw + 8px) !important; }\r\n                #novosti-hKxAC7 .novosti-title { transform: translateY(70%); }\r\n            }\r\n        <\/style>\r\n\r\n        <div class=\"novosti-header\">\r\n            <h2 id=\"novosti-hKxAC7-heading\" class=\"novosti-heading\">Radovi<\/h2>\r\n            <div class=\"novosti-controls\" aria-hidden=\"false\">\r\n                <button type=\"button\" class=\"novosti-btn novosti-prev\" aria-label=\"Prethodno\" disabled>\r\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z\" fill=\"currentColor\"\/><\/svg>\r\n                <\/button>\r\n                <button type=\"button\" class=\"novosti-btn novosti-next\" aria-label=\"Sljede\u0107e\">\r\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M8.59 16.59 10 18l6-6-6-6-1.41 1.41L13.17 12z\" fill=\"currentColor\"\/><\/svg>\r\n                <\/button>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"novosti-viewport\">\r\n            <div class=\"novosti-row\" role=\"list\" aria-label=\"Zadnje objave\">\r\n                                    <article class=\"novosti-card is-first\" role=\"listitem\">\r\n                        <figure class=\"novosti-figure\">\r\n                            <a href=\"https:\/\/brain.hr\/en\/kako-koristimo-ai-i-na-sto-trebamo-paziti\/\" aria-label=\"Kako koristimo AI i na \u0161to trebamo paziti?\">\r\n                                <img decoding=\"async\" width=\"1024\" height=\"584\" src=\"https:\/\/brain.hr\/wp-content\/uploads\/2026\/06\/kako-se-koristi-AI-1024x584.jpg\" class=\"novosti-thumb wp-post-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/brain.hr\/wp-content\/uploads\/2026\/06\/kako-se-koristi-AI-980x559.jpg 980w, https:\/\/brain.hr\/wp-content\/uploads\/2026\/06\/kako-se-koristi-AI-480x274.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" \/>                            <\/a>\r\n                            <figcaption class=\"novosti-title\">\r\n                                <a href=\"https:\/\/brain.hr\/en\/kako-koristimo-ai-i-na-sto-trebamo-paziti\/\">Kako koristimo AI i na \u0161to trebamo paziti?<\/a>\r\n                            <\/figcaption>\r\n                        <\/figure>\r\n                    <\/article>\r\n                                    <article class=\"novosti-card\" role=\"listitem\">\r\n                        <figure class=\"novosti-figure\">\r\n                            <a href=\"https:\/\/brain.hr\/en\/tehnologije-se-stalno-i-brzo-mijenjaju-razvijajmo-ambiciju-i-odgovornost-studenata-inzenjerstva-da-znanjem-popravljaju-svijet\/\" aria-label=\"Tehnologije se stalno i brzo mijenjaju; razvijajmo ambiciju i odgovornost studenata in\u017eenjerstva da znanjem popravljaju svijet\">\r\n                                <img decoding=\"async\" width=\"1024\" height=\"584\" src=\"https:\/\/brain.hr\/wp-content\/uploads\/2026\/06\/razvijajmo-ambiciju-i-odgovornost-studenata-inzenjerstva-1024x584.jpg\" class=\"novosti-thumb wp-post-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/brain.hr\/wp-content\/uploads\/2026\/06\/razvijajmo-ambiciju-i-odgovornost-studenata-inzenjerstva-980x559.jpg 980w, https:\/\/brain.hr\/wp-content\/uploads\/2026\/06\/razvijajmo-ambiciju-i-odgovornost-studenata-inzenjerstva-480x274.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" \/>                            <\/a>\r\n                            <figcaption class=\"novosti-title\">\r\n                                <a href=\"https:\/\/brain.hr\/en\/tehnologije-se-stalno-i-brzo-mijenjaju-razvijajmo-ambiciju-i-odgovornost-studenata-inzenjerstva-da-znanjem-popravljaju-svijet\/\">Tehnologije se stalno i brzo mijenjaju; razvijajmo ambiciju i odgovornost studenata in\u017eenjerstva da znanjem popravljaju svijet<\/a>\r\n                            <\/figcaption>\r\n                        <\/figure>\r\n                    <\/article>\r\n                                    <article class=\"novosti-card\" role=\"listitem\">\r\n                        <figure class=\"novosti-figure\">\r\n                            <a href=\"https:\/\/brain.hr\/en\/ai-prijatelji-i-rizici-za-djecu-i-mlade\/\" aria-label=\"AI &#8220;prijatelji&#8221; i rizici za djecu i mlade\">\r\n                                <img decoding=\"async\" width=\"1024\" height=\"575\" src=\"https:\/\/brain.hr\/wp-content\/uploads\/2026\/05\/AI-companions-1024x575.jpg\" class=\"novosti-thumb wp-post-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/brain.hr\/wp-content\/uploads\/2026\/05\/AI-companions-980x551.jpg 980w, https:\/\/brain.hr\/wp-content\/uploads\/2026\/05\/AI-companions-480x270.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" \/>                            <\/a>\r\n                            <figcaption class=\"novosti-title\">\r\n                                <a href=\"https:\/\/brain.hr\/en\/ai-prijatelji-i-rizici-za-djecu-i-mlade\/\">AI &#8220;prijatelji&#8221; i rizici za djecu i mlade<\/a>\r\n                            <\/figcaption>\r\n                        <\/figure>\r\n                    <\/article>\r\n                                    <article class=\"novosti-card\" role=\"listitem\">\r\n                        <figure class=\"novosti-figure\">\r\n                            <a href=\"https:\/\/brain.hr\/en\/kako-ucenici-zele-koristiti-ai-u-ucenju\/\" aria-label=\"Kako u\u010denici \u017eele koristiti AI u u\u010denju?\">\r\n                                <img decoding=\"async\" width=\"1024\" height=\"584\" src=\"https:\/\/brain.hr\/wp-content\/uploads\/2026\/04\/sto-ucenici-ocekuju-od-AI-tutora-1024x584.jpg\" class=\"novosti-thumb wp-post-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/brain.hr\/wp-content\/uploads\/2026\/04\/sto-ucenici-ocekuju-od-AI-tutora-980x559.jpg 980w, https:\/\/brain.hr\/wp-content\/uploads\/2026\/04\/sto-ucenici-ocekuju-od-AI-tutora-480x274.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" \/>                            <\/a>\r\n                            <figcaption class=\"novosti-title\">\r\n                                <a href=\"https:\/\/brain.hr\/en\/kako-ucenici-zele-koristiti-ai-u-ucenju\/\">Kako u\u010denici \u017eele koristiti AI u u\u010denju?<\/a>\r\n                            <\/figcaption>\r\n                        <\/figure>\r\n                    <\/article>\r\n                                    <article class=\"novosti-card\" role=\"listitem\">\r\n                        <figure class=\"novosti-figure\">\r\n                            <a href=\"https:\/\/brain.hr\/en\/ai-nam-moze-pomoci-ali-i-smanjiti-nase-vjestine\/\" aria-label=\"AI nam mo\u017ee pomo\u0107i, ali i smanjiti na\u0161e vje\u0161tine\">\r\n                                <img decoding=\"async\" width=\"1024\" height=\"573\" src=\"https:\/\/brain.hr\/wp-content\/uploads\/2026\/04\/A-human-brain-or-hand-partially-supported-by-digital-AI-elements-1024x573.jpg\" class=\"novosti-thumb wp-post-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/brain.hr\/wp-content\/uploads\/2026\/04\/A-human-brain-or-hand-partially-supported-by-digital-AI-elements-980x549.jpg 980w, https:\/\/brain.hr\/wp-content\/uploads\/2026\/04\/A-human-brain-or-hand-partially-supported-by-digital-AI-elements-480x269.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" \/>                            <\/a>\r\n                            <figcaption class=\"novosti-title\">\r\n                                <a href=\"https:\/\/brain.hr\/en\/ai-nam-moze-pomoci-ali-i-smanjiti-nase-vjestine\/\">AI nam mo\u017ee pomo\u0107i, ali i smanjiti na\u0161e vje\u0161tine<\/a>\r\n                            <\/figcaption>\r\n                        <\/figure>\r\n                    <\/article>\r\n                                    <article class=\"novosti-card\" role=\"listitem\">\r\n                        <figure class=\"novosti-figure\">\r\n                            <a href=\"https:\/\/brain.hr\/en\/razumije-li-ai-razlicite-kulture-ili-samo-neke-od-njih\/\" aria-label=\"Razumije li AI razli\u010dite kulture ili samo neke od njih?\">\r\n                                <img decoding=\"async\" width=\"1024\" height=\"573\" src=\"https:\/\/brain.hr\/wp-content\/uploads\/2026\/04\/A-single-question-mark-in-the-center-splitting-into-multiple-paths-each-path-leading-to-different-groups-of-people-from-diverse-cultures-1024x573.jpg\" class=\"novosti-thumb wp-post-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/brain.hr\/wp-content\/uploads\/2026\/04\/A-single-question-mark-in-the-center-splitting-into-multiple-paths-each-path-leading-to-different-groups-of-people-from-diverse-cultures-980x549.jpg 980w, https:\/\/brain.hr\/wp-content\/uploads\/2026\/04\/A-single-question-mark-in-the-center-splitting-into-multiple-paths-each-path-leading-to-different-groups-of-people-from-diverse-cultures-480x269.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" \/>                            <\/a>\r\n                            <figcaption class=\"novosti-title\">\r\n                                <a href=\"https:\/\/brain.hr\/en\/razumije-li-ai-razlicite-kulture-ili-samo-neke-od-njih\/\">Razumije li AI razli\u010dite kulture ili samo neke od njih?<\/a>\r\n                            <\/figcaption>\r\n                        <\/figure>\r\n                    <\/article>\r\n                                    <article class=\"novosti-card\" role=\"listitem\">\r\n                        <figure class=\"novosti-figure\">\r\n                            <a href=\"https:\/\/brain.hr\/en\/kada-nam-ai-govori-ono-sto-zelimo-cuti-i-zasto-to-nije-dobro\/\" aria-label=\"Kada nam AI govori ono \u0161to \u017eelimo \u010duti (i za\u0161to to nije dobro)\">\r\n                                <img decoding=\"async\" width=\"1024\" height=\"574\" src=\"https:\/\/brain.hr\/wp-content\/uploads\/2026\/03\/AI_dodvoravanje-1-1024x574.jpg\" class=\"novosti-thumb wp-post-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/brain.hr\/wp-content\/uploads\/2026\/03\/AI_dodvoravanje-1-980x549.jpg 980w, https:\/\/brain.hr\/wp-content\/uploads\/2026\/03\/AI_dodvoravanje-1-480x269.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" \/>                            <\/a>\r\n                            <figcaption class=\"novosti-title\">\r\n                                <a href=\"https:\/\/brain.hr\/en\/kada-nam-ai-govori-ono-sto-zelimo-cuti-i-zasto-to-nije-dobro\/\">Kada nam AI govori ono \u0161to \u017eelimo \u010duti (i za\u0161to to nije dobro)<\/a>\r\n                            <\/figcaption>\r\n                        <\/figure>\r\n                    <\/article>\r\n                                    <article class=\"novosti-card\" role=\"listitem\">\r\n                        <figure class=\"novosti-figure\">\r\n                            <a href=\"https:\/\/brain.hr\/en\/koji-su-psiholoski-uzroci-otpora-prema-ai\/\" aria-label=\"Koji su psiholo\u0161ki uzroci otpora prema AI-u?\">\r\n                                <img decoding=\"async\" width=\"1024\" height=\"687\" src=\"https:\/\/brain.hr\/wp-content\/uploads\/2026\/03\/moralizacija-AI-a-1-1024x687.jpg\" class=\"novosti-thumb wp-post-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/brain.hr\/wp-content\/uploads\/2026\/03\/moralizacija-AI-a-1-1024x687.jpg 1024w, https:\/\/brain.hr\/wp-content\/uploads\/2026\/03\/moralizacija-AI-a-1-980x658.jpg 980w, https:\/\/brain.hr\/wp-content\/uploads\/2026\/03\/moralizacija-AI-a-1-480x322.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" \/>                            <\/a>\r\n                            <figcaption class=\"novosti-title\">\r\n                                <a href=\"https:\/\/brain.hr\/en\/koji-su-psiholoski-uzroci-otpora-prema-ai\/\">Koji su psiholo\u0161ki uzroci otpora prema AI-u?<\/a>\r\n                            <\/figcaption>\r\n                        <\/figure>\r\n                    <\/article>\r\n                            <\/div>\r\n        <\/div>\r\n\r\n        <script>\r\n            (function() {\r\n                const root = document.getElementById('novosti-hKxAC7');\r\n                if (!root) return;\r\n\r\n                const row = root.querySelector('.novosti-row');\r\n                const viewport = root.querySelector('.novosti-viewport');\r\n                const btnPrev = root.querySelector('.novosti-prev');\r\n                const btnNext = root.querySelector('.novosti-next');\r\n\r\n                let offset = 0;\r\n                let step = 0;\r\n                let maxOffset = 0;\r\n\r\n                function computeStep() {\r\n                    const cards = row ? row.querySelectorAll('.novosti-card') : [];\r\n                    if (!cards || !cards.length) return 0;\r\n                    const refCard = cards[1] || cards[0];\r\n                    if (!refCard) return 0;\r\n                    const style = window.getComputedStyle(refCard);\r\n                    const basis = parseFloat(style.flexBasis) || refCard.getBoundingClientRect().width;\r\n                    const rowStyle = window.getComputedStyle(row);\r\n                    const gapPx = parseFloat(rowStyle.columnGap || rowStyle.gap) || 20;\r\n                    return Math.round(basis + gapPx);\r\n                }\r\n                function clampOffset(x) {\r\n                    if (x > 0) return 0;\r\n                    if (x < -maxOffset) return -maxOffset;\r\n                    return x;\r\n                }\r\n                function computeMaxOffset() {\r\n                    const contentWidth = row.scrollWidth;\r\n                    const viewportWidth = viewport.clientWidth;\r\n                    const maxRaw = Math.max(0, contentWidth - viewportWidth);\r\n                    return Math.round(maxRaw);\r\n                }\r\n                function applyTransform() {\r\n                    row.style.transform = 'translateX(' + offset + 'px)';\r\n                    if (btnPrev) btnPrev.disabled = (offset >= 0);\r\n                    if (btnNext) btnNext.disabled = (Math.abs(offset) >= maxOffset);\r\n                }\r\n                function recalc() {\r\n                    step = computeStep();\r\n                    maxOffset = computeMaxOffset();\r\n                    offset = clampOffset(offset);\r\n                    applyTransform();\r\n                }\r\n                function goNext() {\r\n                    if (Math.abs(offset) >= maxOffset) return;\r\n                    offset = clampOffset(offset - step);\r\n                    applyTransform();\r\n                }\r\n                function goPrev() {\r\n                    if (offset >= 0) return;\r\n                    offset = clampOffset(offset + step);\r\n                    applyTransform();\r\n                }\r\n                if (btnNext) btnNext.addEventListener('click', goNext);\r\n                if (btnPrev) btnPrev.addEventListener('click', goPrev);\r\n                let resizeRAF = null;\r\n                window.addEventListener('resize', () => {\r\n                    if (resizeRAF) cancelAnimationFrame(resizeRAF);\r\n                    resizeRAF = requestAnimationFrame(recalc);\r\n                });\r\n                if (document.readyState === 'complete') {\r\n                    recalc();\r\n                } else {\r\n                    window.addEventListener('load', recalc);\r\n                    setTimeout(recalc, 350);\r\n                }\r\n            })();\r\n        <\/script>\r\n    <\/section>\r\n    [\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; disabled_on=&#8221;on|off|off&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;||0px|||&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row custom_padding_last_edited=&#8221;on|phone&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; width=&#8221;100%&#8221; max_width=&#8221;1440px&#8221; custom_padding=&#8221;||||false|false&#8221; custom_padding_tablet=&#8221;|||20px|false|false&#8221; custom_padding_phone=&#8221;|||0px|false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_code _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; width=&#8221;100%&#8221; max_width=&#8221;1440px&#8221; custom_margin_tablet=&#8221;&#8221; custom_margin_phone=&#8221;|||10px|false|false&#8221; custom_margin_last_edited=&#8221;on|phone&#8221; custom_padding=&#8221;|||0px|false|false&#8221; custom_padding_tablet=&#8221;|||20px|false|false&#8221; custom_padding_phone=&#8221;|||0px|false|false&#8221; custom_padding_last_edited=&#8221;on|phone&#8221; global_colors_info=&#8221;{}&#8221;]    <section id=\"novosti-JJHfGH\" class=\"novosti-wrap\" aria-labelledby=\"novosti-JJHfGH-heading\">\r\n        <style>\r\n            @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600&display=swap');\r\n            #novosti-JJHfGH { font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; color:#111; position:relative; }\r\n            #novosti-JJHfGH .novosti-header { display:flex; align-items:center; justify-content:space-between; margin-bottom:18px; }\r\n            #novosti-JJHfGH .novosti-heading { margin:0; font-size:26px; line-height:1.2; text-transform:uppercase; font-weight:300; letter-spacing:0; }\r\n            #novosti-JJHfGH .novosti-controls { display:flex; gap:12px; margin-right: 20px; }\r\n            #novosti-JJHfGH .novosti-btn { width:44px; height:44px; border-radius:50%; border:1px solid #dcdcdc; background:#fff; display:inline-flex; align-items:center; justify-content:center; cursor:pointer; transition:.2s; color:#111; padding:0; outline:none; }\r\n            #novosti-JJHfGH .novosti-btn:hover:not([disabled]) { background:#f5f5f5; }\r\n            #novosti-JJHfGH .novosti-btn[disabled] { opacity:.4; cursor:not-allowed; }\r\n            #novosti-JJHfGH .novosti-btn svg { width:20px; height:20px; }\r\n            #novosti-JJHfGH .novosti-viewport { position:relative; overflow:hidden; padding-bottom: 128px; }\r\n            #novosti-JJHfGH .novosti-row { display:flex; gap: 20px !important; will-change: transform; transform: translateX(0); transition: transform .35s ease; }\r\n            #novosti-JJHfGH .novosti-card { position:relative; flex:0 0 320px !important; max-width:none !important; list-style:none; }\r\n            #novosti-JJHfGH .novosti-card.is-first { flex-basis: 420px !important; }\r\n            #novosti-JJHfGH .novosti-figure { margin:0; position:relative; overflow:visible; }\r\n            #novosti-JJHfGH .novosti-thumb { display:block; width:100%; aspect-ratio:4\/3; object-fit:cover; background:#eee; }\r\n            #novosti-JJHfGH .novosti-title { position:absolute; left:0; bottom:0; transform: translateY(60%); width:90%; background:#F4F5F5; padding:18px 20px; font-weight:400; line-height:1.28; font-size:18px; color:#111; box-shadow:0 2px 6px rgba(0,0,0,0.06); overflow:visible; }\r\n            #novosti-JJHfGH .novosti-title a { color:inherit; text-decoration:none; }\r\n            #novosti-JJHfGH .novosti-title a:hover { color:#EE7F00; }\r\n            #novosti-JJHfGH .novosti-placeholder { width:100%; aspect-ratio:4\/3; background:#e9ecef; display:flex; align-items:center; justify-content:center; color:#666; font-size:14px; }\r\n            @media (max-width: 600px) {\r\n                #novosti-JJHfGH .novosti-card { flex:0 0 82vw !important; }\r\n                #novosti-JJHfGH .novosti-card.is-first { flex-basis: calc(82vw + 8px) !important; }\r\n                #novosti-JJHfGH .novosti-title { transform: translateY(70%); }\r\n            }\r\n        <\/style>\r\n\r\n        <div class=\"novosti-header\">\r\n            <h2 id=\"novosti-JJHfGH-heading\" class=\"novosti-heading\">Alati<\/h2>\r\n            <div class=\"novosti-controls\" aria-hidden=\"false\">\r\n                <button type=\"button\" class=\"novosti-btn novosti-prev\" aria-label=\"Prethodno\" disabled>\r\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z\" fill=\"currentColor\"\/><\/svg>\r\n                <\/button>\r\n                <button type=\"button\" class=\"novosti-btn novosti-next\" aria-label=\"Sljede\u0107e\">\r\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M8.59 16.59 10 18l6-6-6-6-1.41 1.41L13.17 12z\" fill=\"currentColor\"\/><\/svg>\r\n                <\/button>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"novosti-viewport\">\r\n            <div class=\"novosti-row\" role=\"list\" aria-label=\"Zadnje objave\">\r\n                                    <article class=\"novosti-card is-first\" role=\"listitem\">\r\n                        <figure class=\"novosti-figure\">\r\n                            <a href=\"https:\/\/brain.hr\/en\/audiopen-pretvaranje-glasovnih-biljeski-u-strukturiran-tekst\/\" aria-label=\"AudioPen \u2013 pretvaranje glasovnih bilje\u0161ki u strukturiran tekst\">\r\n                                <img decoding=\"async\" width=\"1024\" height=\"584\" src=\"https:\/\/brain.hr\/wp-content\/uploads\/2026\/04\/AudioPen-1-1024x584.jpg\" class=\"novosti-thumb wp-post-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/brain.hr\/wp-content\/uploads\/2026\/04\/AudioPen-1-980x559.jpg 980w, https:\/\/brain.hr\/wp-content\/uploads\/2026\/04\/AudioPen-1-480x274.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" \/>                            <\/a>\r\n                            <figcaption class=\"novosti-title\">\r\n                                <a href=\"https:\/\/brain.hr\/en\/audiopen-pretvaranje-glasovnih-biljeski-u-strukturiran-tekst\/\">AudioPen \u2013 pretvaranje glasovnih bilje\u0161ki u strukturiran tekst<\/a>\r\n                            <\/figcaption>\r\n                        <\/figure>\r\n                    <\/article>\r\n                                    <article class=\"novosti-card\" role=\"listitem\">\r\n                        <figure class=\"novosti-figure\">\r\n                            <a href=\"https:\/\/brain.hr\/en\/brza-izrada-vizualnih-nastavnih-sadrzaja-uz-napkin-ai\/\" aria-label=\"Brza izrada vizualnih nastavnih sadr\u017eaja uz Napkin AI\">\r\n                                <img decoding=\"async\" width=\"807\" height=\"708\" src=\"https:\/\/brain.hr\/wp-content\/uploads\/2026\/04\/Napkin-AI-Kljucne-funkcionalnosti-visual-selection.png\" class=\"novosti-thumb wp-post-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/brain.hr\/wp-content\/uploads\/2026\/04\/Napkin-AI-Kljucne-funkcionalnosti-visual-selection.png 807w, https:\/\/brain.hr\/wp-content\/uploads\/2026\/04\/Napkin-AI-Kljucne-funkcionalnosti-visual-selection-480x421.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 807px, 100vw\" \/>                            <\/a>\r\n                            <figcaption class=\"novosti-title\">\r\n                                <a href=\"https:\/\/brain.hr\/en\/brza-izrada-vizualnih-nastavnih-sadrzaja-uz-napkin-ai\/\">Brza izrada vizualnih nastavnih sadr\u017eaja uz Napkin AI<\/a>\r\n                            <\/figcaption>\r\n                        <\/figure>\r\n                    <\/article>\r\n                                    <article class=\"novosti-card\" role=\"listitem\">\r\n                        <figure class=\"novosti-figure\">\r\n                            <a href=\"https:\/\/brain.hr\/en\/informativni-pregled-alata-za-ucenje-i-poucavanje-o-umjetnoj-inteligenciji\/\" aria-label=\"Informativni pregled alata za u\u010denje i pou\u010davanje o umjetnoj inteligenciji\">\r\n                                <img decoding=\"async\" width=\"1024\" height=\"976\" src=\"https:\/\/brain.hr\/wp-content\/uploads\/2026\/04\/Snimka-zaslona-2026-04-02-140720-1024x976.jpg\" class=\"novosti-thumb wp-post-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/brain.hr\/wp-content\/uploads\/2026\/04\/Snimka-zaslona-2026-04-02-140720-980x934.jpg 980w, https:\/\/brain.hr\/wp-content\/uploads\/2026\/04\/Snimka-zaslona-2026-04-02-140720-480x458.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" \/>                            <\/a>\r\n                            <figcaption class=\"novosti-title\">\r\n                                <a href=\"https:\/\/brain.hr\/en\/informativni-pregled-alata-za-ucenje-i-poucavanje-o-umjetnoj-inteligenciji\/\">Informativni pregled alata za u\u010denje i pou\u010davanje o umjetnoj inteligenciji<\/a>\r\n                            <\/figcaption>\r\n                        <\/figure>\r\n                    <\/article>\r\n                                    <article class=\"novosti-card\" role=\"listitem\">\r\n                        <figure class=\"novosti-figure\">\r\n                            <a href=\"https:\/\/brain.hr\/en\/be-my-eyes-aplikacija-za-pomoc-slijepim-i-slabovidnim-osobama\/\" aria-label=\"Be My Eyes &#8211; aplikacija za pomo\u0107 slijepim i slabovidnim osobama\">\r\n                                <img decoding=\"async\" width=\"960\" height=\"960\" src=\"https:\/\/brain.hr\/wp-content\/uploads\/2026\/03\/be-my-eyes.jpg\" class=\"novosti-thumb wp-post-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/brain.hr\/wp-content\/uploads\/2026\/03\/be-my-eyes.jpg 960w, https:\/\/brain.hr\/wp-content\/uploads\/2026\/03\/be-my-eyes-480x480.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 960px, 100vw\" \/>                            <\/a>\r\n                            <figcaption class=\"novosti-title\">\r\n                                <a href=\"https:\/\/brain.hr\/en\/be-my-eyes-aplikacija-za-pomoc-slijepim-i-slabovidnim-osobama\/\">Be My Eyes &#8211; aplikacija za pomo\u0107 slijepim i slabovidnim osobama<\/a>\r\n                            <\/figcaption>\r\n                        <\/figure>\r\n                    <\/article>\r\n                                    <article class=\"novosti-card\" role=\"listitem\">\r\n                        <figure class=\"novosti-figure\">\r\n                            <a href=\"https:\/\/brain.hr\/en\/elevenlabs-ai-platforma-za-pretvaranje-teksta-u-govor-i-obradu-audio-sadrzaja\/\" aria-label=\"ElevenLabs &#8211; AI platforma za pretvaranje teksta u govor i obradu audio sadr\u017eaja\">\r\n                                <img decoding=\"async\" width=\"1024\" height=\"687\" src=\"https:\/\/brain.hr\/wp-content\/uploads\/2026\/03\/ElevenLabs-1024x687.jpg\" class=\"novosti-thumb wp-post-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/brain.hr\/wp-content\/uploads\/2026\/03\/ElevenLabs-1024x687.jpg 1024w, https:\/\/brain.hr\/wp-content\/uploads\/2026\/03\/ElevenLabs-980x658.jpg 980w, https:\/\/brain.hr\/wp-content\/uploads\/2026\/03\/ElevenLabs-480x322.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" \/>                            <\/a>\r\n                            <figcaption class=\"novosti-title\">\r\n                                <a href=\"https:\/\/brain.hr\/en\/elevenlabs-ai-platforma-za-pretvaranje-teksta-u-govor-i-obradu-audio-sadrzaja\/\">ElevenLabs &#8211; AI platforma za pretvaranje teksta u govor i obradu audio sadr\u017eaja<\/a>\r\n                            <\/figcaption>\r\n                        <\/figure>\r\n                    <\/article>\r\n                                    <article class=\"novosti-card\" role=\"listitem\">\r\n                        <figure class=\"novosti-figure\">\r\n                            <a href=\"https:\/\/brain.hr\/en\/flint-ai-alat-za-pripremu-nastave-vrednovanje-i-personalizirano-ucenje\/\" aria-label=\"Flint &#8211; AI alat za pripremu nastave, vrednovanje i personalizirano u\u010denje\">\r\n                                <img decoding=\"async\" width=\"1024\" height=\"687\" src=\"https:\/\/brain.hr\/wp-content\/uploads\/2026\/02\/Flint_personalizirano-ucenje-1024x687.jpg\" class=\"novosti-thumb wp-post-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/brain.hr\/wp-content\/uploads\/2026\/02\/Flint_personalizirano-ucenje-1024x687.jpg 1024w, https:\/\/brain.hr\/wp-content\/uploads\/2026\/02\/Flint_personalizirano-ucenje-980x658.jpg 980w, https:\/\/brain.hr\/wp-content\/uploads\/2026\/02\/Flint_personalizirano-ucenje-480x322.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" \/>                            <\/a>\r\n                            <figcaption class=\"novosti-title\">\r\n                                <a href=\"https:\/\/brain.hr\/en\/flint-ai-alat-za-pripremu-nastave-vrednovanje-i-personalizirano-ucenje\/\">Flint &#8211; AI alat za pripremu nastave, vrednovanje i personalizirano u\u010denje<\/a>\r\n                            <\/figcaption>\r\n                        <\/figure>\r\n                    <\/article>\r\n                                    <article class=\"novosti-card\" role=\"listitem\">\r\n                        <figure class=\"novosti-figure\">\r\n                            <a href=\"https:\/\/brain.hr\/en\/kako-poboljsati-rad-s-ai-alatima\/\" aria-label=\"Kako pobolj\u0161ati rad s AI alatima?\">\r\n                                <img decoding=\"async\" width=\"1024\" height=\"687\" src=\"https:\/\/brain.hr\/wp-content\/uploads\/2026\/02\/AI_PARTS_1-1024x687.jpg\" class=\"novosti-thumb wp-post-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/brain.hr\/wp-content\/uploads\/2026\/02\/AI_PARTS_1-1024x687.jpg 1024w, https:\/\/brain.hr\/wp-content\/uploads\/2026\/02\/AI_PARTS_1-980x658.jpg 980w, https:\/\/brain.hr\/wp-content\/uploads\/2026\/02\/AI_PARTS_1-480x322.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" \/>                            <\/a>\r\n                            <figcaption class=\"novosti-title\">\r\n                                <a href=\"https:\/\/brain.hr\/en\/kako-poboljsati-rad-s-ai-alatima\/\">Kako pobolj\u0161ati rad s AI alatima?<\/a>\r\n                            <\/figcaption>\r\n                        <\/figure>\r\n                    <\/article>\r\n                                    <article class=\"novosti-card\" role=\"listitem\">\r\n                        <figure class=\"novosti-figure\">\r\n                            <a href=\"https:\/\/brain.hr\/en\/canva-education-sve-napredne-funkcionalnosti-dostupne-besplatno-za-nastavnike-i-ucenike\/\" aria-label=\"Canva Education &#8211; sve napredne funkcionalnosti dostupne besplatno za nastavnike i u\u010denike\">\r\n                                <img decoding=\"async\" width=\"960\" height=\"960\" src=\"https:\/\/brain.hr\/wp-content\/uploads\/2026\/01\/Canva-Education_n.jpg\" class=\"novosti-thumb wp-post-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/brain.hr\/wp-content\/uploads\/2026\/01\/Canva-Education_n.jpg 960w, https:\/\/brain.hr\/wp-content\/uploads\/2026\/01\/Canva-Education_n-480x480.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 960px, 100vw\" \/>                            <\/a>\r\n                            <figcaption class=\"novosti-title\">\r\n                                <a href=\"https:\/\/brain.hr\/en\/canva-education-sve-napredne-funkcionalnosti-dostupne-besplatno-za-nastavnike-i-ucenike\/\">Canva Education &#8211; sve napredne funkcionalnosti dostupne besplatno za nastavnike i u\u010denike<\/a>\r\n                            <\/figcaption>\r\n                        <\/figure>\r\n                    <\/article>\r\n                            <\/div>\r\n        <\/div>\r\n\r\n        <script>\r\n            (function() {\r\n                const root = document.getElementById('novosti-JJHfGH');\r\n                if (!root) return;\r\n\r\n                const row = root.querySelector('.novosti-row');\r\n                const viewport = root.querySelector('.novosti-viewport');\r\n                const btnPrev = root.querySelector('.novosti-prev');\r\n                const btnNext = root.querySelector('.novosti-next');\r\n\r\n                let offset = 0;\r\n                let step = 0;\r\n                let maxOffset = 0;\r\n\r\n                function computeStep() {\r\n                    const cards = row ? row.querySelectorAll('.novosti-card') : [];\r\n                    if (!cards || !cards.length) return 0;\r\n                    const refCard = cards[1] || cards[0];\r\n                    if (!refCard) return 0;\r\n                    const style = window.getComputedStyle(refCard);\r\n                    const basis = parseFloat(style.flexBasis) || refCard.getBoundingClientRect().width;\r\n                    const rowStyle = window.getComputedStyle(row);\r\n                    const gapPx = parseFloat(rowStyle.columnGap || rowStyle.gap) || 20;\r\n                    return Math.round(basis + gapPx);\r\n                }\r\n                function clampOffset(x) {\r\n                    if (x > 0) return 0;\r\n                    if (x < -maxOffset) return -maxOffset;\r\n                    return x;\r\n                }\r\n                function computeMaxOffset() {\r\n                    const contentWidth = row.scrollWidth;\r\n                    const viewportWidth = viewport.clientWidth;\r\n                    const maxRaw = Math.max(0, contentWidth - viewportWidth);\r\n                    return Math.round(maxRaw);\r\n                }\r\n                function applyTransform() {\r\n                    row.style.transform = 'translateX(' + offset + 'px)';\r\n                    if (btnPrev) btnPrev.disabled = (offset >= 0);\r\n                    if (btnNext) btnNext.disabled = (Math.abs(offset) >= maxOffset);\r\n                }\r\n                function recalc() {\r\n                    step = computeStep();\r\n                    maxOffset = computeMaxOffset();\r\n                    offset = clampOffset(offset);\r\n                    applyTransform();\r\n                }\r\n                function goNext() {\r\n                    if (Math.abs(offset) >= maxOffset) return;\r\n                    offset = clampOffset(offset - step);\r\n                    applyTransform();\r\n                }\r\n                function goPrev() {\r\n                    if (offset >= 0) return;\r\n                    offset = clampOffset(offset + step);\r\n                    applyTransform();\r\n                }\r\n                if (btnNext) btnNext.addEventListener('click', goNext);\r\n                if (btnPrev) btnPrev.addEventListener('click', goPrev);\r\n                let resizeRAF = null;\r\n                window.addEventListener('resize', () => {\r\n                    if (resizeRAF) cancelAnimationFrame(resizeRAF);\r\n                    resizeRAF = requestAnimationFrame(recalc);\r\n                });\r\n                if (document.readyState === 'complete') {\r\n                    recalc();\r\n                } else {\r\n                    window.addEventListener('load', recalc);\r\n                    setTimeout(recalc, 350);\r\n                }\r\n            })();\r\n        <\/script>\r\n    <\/section>\r\n    [\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; fullwidth=&#8221;on&#8221; disabled_on=&#8221;off|off|off&#8221; _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_fullwidth_code _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_fullwidth_code][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; disabled_on=&#8221;on|on|on&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;0px||0px|||&#8221; disabled=&#8221;on&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row custom_padding_last_edited=&#8221;on|phone&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; width=&#8221;100%&#8221; max_width=&#8221;1440px&#8221; custom_padding=&#8221;0px||||false|false&#8221; custom_padding_tablet=&#8221;|||20px|false|false&#8221; custom_padding_phone=&#8221;|||0px|false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_code _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;|||0px||&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; fullwidth=&#8221;on&#8221; disabled_on=&#8221;on|on|on&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;||||false|true&#8221; disabled=&#8221;on&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_fullwidth_code _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;|||40px|false|false&#8221; custom_padding=&#8221;29px|||||&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_fullwidth_code][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; disabled_on=&#8221;off|off|off&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;||0px|||&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row custom_padding_last_edited=&#8221;on|phone&#8221; _builder_version=&#8221;4.27.4&#8243; [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-32","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/brain.hr\/en\/wp-json\/wp\/v2\/pages\/32","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/brain.hr\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/brain.hr\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/brain.hr\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/brain.hr\/en\/wp-json\/wp\/v2\/comments?post=32"}],"version-history":[{"count":112,"href":"https:\/\/brain.hr\/en\/wp-json\/wp\/v2\/pages\/32\/revisions"}],"predecessor-version":[{"id":2092,"href":"https:\/\/brain.hr\/en\/wp-json\/wp\/v2\/pages\/32\/revisions\/2092"}],"wp:attachment":[{"href":"https:\/\/brain.hr\/en\/wp-json\/wp\/v2\/media?parent=32"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}