{"id":543,"date":"2026-05-26T11:57:27","date_gmt":"2026-05-26T11:57:27","guid":{"rendered":"https:\/\/edulab.ufzg.hr\/?page_id=543"},"modified":"2026-09-04T09:52:42","modified_gmt":"2026-09-04T09:52:42","slug":"sto-se-dogada-s-mojim-podacima-online-2","status":"publish","type":"page","link":"https:\/\/edulab.ufzg.hr\/index.php\/sto-se-dogada-s-mojim-podacima-online-2\/","title":{"rendered":"\u0160to se doga\u0111a s mojim podacima online?"},"content":{"rendered":"\r\n    <div class=\"edulab-lesson\" data-exit-url=\"\/\">\r\n      <div class=\"edulab-track\">\r\n        <br \/>\n<section class=\"edulab-slide\"><div class=\"edulab-slide-inner\"><\/p>\n<div style=\"min-height:520px;padding:28px 30px;background:linear-gradient(135deg,#FFF8ED 0%,#F7E9D4 48%,#E8EBD9 100%);border-radius:28px;font-family:&apos;Trebuchet MS&apos;,sans-serif;position:relative;overflow:hidden\">\n<div style=\"position:absolute;top:-55px;left:-25px;width:155px;height:245px;background:#71854E;border-radius:100% 0 100% 0;opacity:.25\">\n<div style=\"position:absolute;width:3px;height:210px;background:#465B35;left:75px;top:17px;opacity:.75\"><\/div>\n<div style=\"position:absolute;width:52px;height:3px;background:#465B35;left:38px;top:52px;opacity:.65\"><\/div>\n<div style=\"position:absolute;width:55px;height:3px;background:#465B35;left:70px;top:86px;opacity:.65\"><\/div>\n<div style=\"position:absolute;width:50px;height:3px;background:#465B35;left:34px;top:120px;opacity:.65\"><\/div>\n<div style=\"position:absolute;width:54px;height:3px;background:#465B35;left:73px;top:155px;opacity:.65\"><\/div>\n<div style=\"position:absolute;width:48px;height:3px;background:#465B35;left:42px;top:188px;opacity:.65\"><\/div>\n<\/div>\n<div style=\"position:absolute;top:20px;left:10%;width:100px;height:165px;background:#B88936;border-radius:100% 0 100% 0;opacity:.20\">\n<div style=\"position:absolute;width:3px;height:142px;background:#765D24;left:49px;top:12px;opacity:.7\"><\/div>\n<div style=\"position:absolute;width:35px;height:3px;background:#765D24;left:25px;top:48px;opacity:.6\"><\/div>\n<div style=\"position:absolute;width:39px;height:3px;background:#765D24;left:49px;top:78px;opacity:.6\"><\/div>\n<div style=\"position:absolute;width:35px;height:3px;background:#765D24;left:23px;top:110px;opacity:.6\"><\/div>\n<\/div>\n<div style=\"position:absolute;top:150px;left:-30px;width:105px;height:175px;background:#B65E35;border-radius:100% 0 100% 0;opacity:.18\">\n<div style=\"position:absolute;width:3px;height:150px;background:#733D29;left:52px;top:12px;opacity:.7\"><\/div>\n<div style=\"position:absolute;width:37px;height:3px;background:#733D29;left:26px;top:48px;opacity:.6\"><\/div>\n<div style=\"position:absolute;width:42px;height:3px;background:#733D29;left:50px;top:80px;opacity:.6\"><\/div>\n<div style=\"position:absolute;width:37px;height:3px;background:#733D29;left:23px;top:113px;opacity:.6\"><\/div>\n<\/div>\n<div style=\"position:absolute;top:-45px;right:8%;width:125px;height:200px;background:#899B62;border-radius:100% 0 100% 0;opacity:.22\">\n<div style=\"position:absolute;width:3px;height:170px;background:#53643B;left:62px;top:15px;opacity:.75\"><\/div>\n<div style=\"position:absolute;width:43px;height:3px;background:#53643B;left:25px;top:50px;opacity:.65\"><\/div>\n<div style=\"position:absolute;width:48px;height:3px;background:#53643B;left:59px;top:83px;opacity:.65\"><\/div>\n<div style=\"position:absolute;width:43px;height:3px;background:#53643B;left:23px;top:118px;opacity:.65\"><\/div>\n<div style=\"position:absolute;width:46px;height:3px;background:#53643B;left:60px;top:151px;opacity:.65\"><\/div>\n<\/div>\n<div style=\"position:absolute;top:175px;right:-25px;width:105px;height:170px;background:#C8793E;border-radius:100% 0 100% 0;opacity:.20\">\n<div style=\"position:absolute;width:3px;height:145px;background:#824A2B;left:52px;top:12px;opacity:.7\"><\/div>\n<div style=\"position:absolute;width:37px;height:3px;background:#824A2B;left:24px;top:47px;opacity:.6\"><\/div>\n<div style=\"position:absolute;width:42px;height:3px;background:#824A2B;left:50px;top:78px;opacity:.6\"><\/div>\n<div style=\"position:absolute;width:37px;height:3px;background:#824A2B;left:22px;top:110px;opacity:.6\"><\/div>\n<\/div>\n<div style=\"position:absolute;bottom:-65px;right:0;width:175px;height:280px;background:#647A45;border-radius:100% 0 100% 0;opacity:.23\">\n<div style=\"position:absolute;width:3px;height:240px;background:#3F542E;left:85px;top:18px;opacity:.75\"><\/div>\n<div style=\"position:absolute;width:54px;height:3px;background:#3F542E;left:37px;top:62px;opacity:.65\"><\/div>\n<div style=\"position:absolute;width:58px;height:3px;background:#3F542E;left:71px;top:98px;opacity:.65\"><\/div>\n<div style=\"position:absolute;width:54px;height:3px;background:#3F542E;left:31px;top:135px;opacity:.65\"><\/div>\n<div style=\"position:absolute;width:58px;height:3px;background:#3F542E;left:74px;top:174px;opacity:.65\"><\/div>\n<div style=\"position:absolute;width:50px;height:3px;background:#3F542E;left:40px;top:210px;opacity:.65\"><\/div>\n<\/div>\n<div style=\"position:absolute;bottom:-15px;left:8%;width:125px;height:195px;background:#B87333;border-radius:100% 0 100% 0;opacity:.20\">\n<div style=\"position:absolute;width:3px;height:168px;background:#754727;left:61px;top:13px;opacity:.7\"><\/div>\n<div style=\"position:absolute;width:42px;height:3px;background:#754727;left:28px;top:52px;opacity:.6\"><\/div>\n<div style=\"position:absolute;width:47px;height:3px;background:#754727;left:60px;top:87px;opacity:.6\"><\/div>\n<div style=\"position:absolute;width:42px;height:3px;background:#754727;left:25px;top:122px;opacity:.6\"><\/div>\n<div style=\"position:absolute;width:45px;height:3px;background:#754727;left:62px;top:155px;opacity:.6\"><\/div>\n<\/div>\n<div style=\"position:absolute;bottom:5px;right:20%;width:105px;height:175px;background:#D8A05F;border-radius:100% 0 100% 0;opacity:.19\">\n<div style=\"position:absolute;width:2px;height:150px;background:#956A38;left:52px;top:12px;opacity:.65\"><\/div>\n<div style=\"position:absolute;width:35px;height:2px;background:#956A38;left:25px;top:48px;opacity:.55\"><\/div>\n<div style=\"position:absolute;width:38px;height:2px;background:#956A38;left:50px;top:78px;opacity:.55\"><\/div>\n<div style=\"position:absolute;width:35px;height:2px;background:#956A38;left:23px;top:110px;opacity:.55\"><\/div>\n<\/div>\n<div style=\"position:absolute;bottom:20px;left:15%;width:115px;height:185px;background:#A9B77C;border-radius:100% 0 100% 0;opacity:.16\">\n<div style=\"position:absolute;width:3px;height:160px;background:#68784D;left:56px;top:13px;opacity:.6\"><\/div>\n<div style=\"position:absolute;width:38px;height:3px;background:#68784D;left:27px;top:48px;opacity:.5\"><\/div>\n<div style=\"position:absolute;width:42px;height:3px;background:#68784D;left:55px;top:80px;opacity:.5\"><\/div>\n<div style=\"position:absolute;width:38px;height:3px;background:#68784D;left:25px;top:113px;opacity:.5\"><\/div>\n<div style=\"position:absolute;width:42px;height:3px;background:#68784D;left:58px;top:145px;opacity:.5\"><\/div>\n<\/div>\n<div style=\"position:relative;text-align:center;margin-bottom:24px\">\n<h1 style=\"color:#A84F24;font-size:clamp(38px,5vw,54px);line-height:1.08;margin:14px 0 5px\">\n\u0160to se doga\u0111a s mojim podacima online?<br \/>\n<\/h1>\n<p style=\"color:#A96742;font-size:18px;font-style:italic;margin:0\">\nAdrijana Andra\u0161ek\n<\/p>\n<\/div>\n<div style=\"position:relative;width:82%;max-width:900px;margin:0 auto;background:#FFFDF8;padding:10px;border-radius:22px;box-shadow:0 8px 25px #66784F20\">\n<div style=\"position:absolute;top:-10px;left:25px;background:#C77B4A;color:white;padding:4px 13px;border-radius:12px;font-size:11px;font-weight:bold\">\nFORAFOX\n<\/div>\n<div class=\"h5p-iframe-wrapper\"><iframe id=\"h5p-iframe-34\" class=\"h5p-iframe\" data-content-id=\"34\" style=\"height:1px\" src=\"about:blank\" frameBorder=\"0\" scrolling=\"no\" title=\"Uvodni video ForaFox\"><\/iframe><\/div>\n<\/div>\n<\/div>\n<p><\/div><\/section><\/p>\n<section class=\"edulab-slide\"><div class=\"edulab-slide-inner\">\n<div style=\"min-height:760px;padding:28px 24px 36px;background:linear-gradient(135deg,#FFF8EC 0%,#FBE8C8 55%,#F4D7A7 100%);border-radius:28px;font-family:&apos;Trebuchet MS&apos;,sans-serif;position:relative;overflow:hidden\">\n<h1 style=\"text-align:center;color:#8B522D;font-size:36px;margin:0 0 6px;font-weight:700\">\nUpute za digitalnu lekciju<br \/>\n<\/h1>\n<p style=\"text-align:center;color:#715B49;font-size:18px;margin:0 0 18px\">\nPrati upute i istra\u017euj sadr\u017eaj korak po korak.\n<\/p>\n<div style=\"max-width:1120px;margin:0 auto;position:relative;min-height:650px\">\n<div style=\"position:absolute;left:82px;top:46px;width:325px;height:210px;background:#ECA35C;border-radius:76% 8% 76% 8%;transform:rotate(-5deg);display:flex;align-items:center;justify-content:center\">\n<div style=\"width:230px;text-align:center;transform:rotate(5deg)\">\n<div style=\"font-size:21px;font-weight:bold;color:#633A22;margin-bottom:9px\">KRENI DALJE<\/div>\n<div style=\"font-size:16px;color:#654A39;line-height:1.35;margin-bottom:12px\">Za prelazak na novi ekran pritisni<\/div>\n<div style=\"display:inline-block;background:#99582E;color:#FFFFFF;border-radius:22px;padding:9px 18px;font-size:15px;font-weight:bold\">\nSLJEDE\u0106E &nbsp; \u2192\n<\/div>\n<\/div>\n<\/div>\n<div style=\"position:absolute;left:398px;top:18px;width:320px;height:205px;background:#B8CB8E;border-radius:8% 76% 8% 76%;transform:rotate(2deg);display:flex;align-items:center;justify-content:center\">\n<div style=\"width:225px;text-align:center;transform:rotate(-2deg)\">\n<div style=\"font-size:21px;font-weight:bold;color:#3F5733;margin-bottom:10px\">PROMATRAJ<\/div>\n<div style=\"font-size:16px;color:#45533E;line-height:1.45\">\nPa\u017eljivo pro\u010ditaj sadr\u017eaj na svakom ekranu.\n<\/div>\n<\/div>\n<\/div>\n<div style=\"position:absolute;right:82px;top:46px;width:325px;height:210px;background:#F2C766;border-radius:76% 8% 76% 8%;transform:rotate(5deg);display:flex;align-items:center;justify-content:center\">\n<div style=\"width:230px;text-align:center;transform:rotate(-5deg)\">\n<div style=\"font-size:21px;font-weight:bold;color:#6D4B1F;margin-bottom:10px\">\nVIDEO\n<\/div>\n<div style=\"font-size:16px;color:#624F35;line-height:1.5\">\n<div style=\"margin-bottom:8px\">\nReproduciraj<br \/>\n<span style=\"display:inline-block;background:#A96A27;color:#FFFFFF;border-radius:50%;width:34px;height:34px;line-height:34px;font-size:16px;font-weight:bold;margin-left:6px\">\u25b6<\/span>\n<\/div>\n<div>\nZaustavi<br \/>\n<span style=\"display:inline-block;background:#A96A27;color:#FFFFFF;border-radius:50%;width:34px;height:34px;line-height:34px;font-size:15px;font-weight:bold;margin-left:6px\">\u2161<\/span>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div style=\"position:absolute;left:12px;top:224px;width:325px;height:210px;background:#E7B37B;border-radius:8% 76% 8% 76%;transform:rotate(4deg);display:flex;align-items:center;justify-content:center\">\n<div style=\"width:230px;text-align:center;transform:rotate(-4deg)\">\n<div style=\"font-size:21px;font-weight:bold;color:#71472B;margin-bottom:9px\">\nVRATI SE\n<\/div>\n<div style=\"font-size:16px;color:#654A3A;line-height:1.35;margin-bottom:12px\">\nAko ne\u0161to \u017eeli\u0161 ponovno pogledati, pritisni\n<\/div>\n<div style=\"display:inline-block;background:#8E5736;color:#FFFFFF;border-radius:22px;padding:9px 18px;font-size:15px;font-weight:bold\">\n\u2190 &nbsp; NATRAG\n<\/div>\n<\/div>\n<\/div>\n<div style=\"position:absolute;left:50%;top:180px;transform:translateX(-50%);width:310px;height:340px;z-index:10;text-align:center;display:flex;align-items:center;justify-content:center\">\n<p><img decoding=\"async\" src=\"https:\/\/edulab.ufzg.hr\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-4.-ruj-2026.-11_47_33.png\" alt=\"Forafox pokazuje i obja\u0161njava kako koristiti digitalnu lekciju.\" style=\"width:300px;height:auto;display:block;margin:0 auto\"><\/p>\n<\/div>\n<div style=\"position:absolute;right:12px;top:224px;width:325px;height:210px;background:#E99163;border-radius:76% 8% 76% 8%;transform:rotate(-4deg);display:flex;align-items:center;justify-content:center\">\n<div style=\"width:230px;text-align:center;transform:rotate(4deg)\">\n<div style=\"font-size:21px;font-weight:bold;color:#693724;margin-bottom:10px\">\nRAZMISLI\n<\/div>\n<div style=\"font-size:16px;color:#62463A;line-height:1.45\">\nPro\u010ditaj pitanje i razmisli prije nego \u0161to odgovori\u0161.\n<\/div>\n<\/div>\n<\/div>\n<div style=\"position:absolute;left:82px;bottom:22px;width:325px;height:210px;background:#AFC68C;border-radius:76% 8% 76% 8%;transform:rotate(-4deg);display:flex;align-items:center;justify-content:center\">\n<div style=\"width:230px;text-align:center;transform:rotate(4deg)\">\n<div style=\"font-size:21px;font-weight:bold;color:#3D5937;margin-bottom:10px\">\nISTRA\u017dI\n<\/div>\n<div style=\"font-size:16px;color:#465744;line-height:1.45\">\nKlikni na interaktivne dijelove i istra\u017ei sadr\u017eaj.\n<\/div>\n<\/div>\n<\/div>\n<div style=\"position:absolute;left:398px;bottom:0;width:320px;height:205px;background:#F1C968;border-radius:8% 76% 8% 76%;transform:rotate(2deg);display:flex;align-items:center;justify-content:center\">\n<div style=\"width:225px;text-align:center;transform:rotate(-2deg)\">\n<div style=\"font-size:21px;font-weight:bold;color:#6D4D22;margin-bottom:10px\">\nPRATI UPUTE\n<\/div>\n<div style=\"font-size:16px;color:#62513A;line-height:1.45\">\nSvaka aktivnost pokazat \u0107e ti \u0161to treba\u0161 napraviti.\n<\/div>\n<\/div>\n<\/div>\n<div style=\"position:absolute;right:82px;bottom:22px;width:325px;height:210px;background:#91B274;border-radius:76% 8% 76% 8%;transform:rotate(4deg);display:flex;align-items:center;justify-content:center\">\n<div style=\"width:230px;text-align:center;transform:rotate(-4deg)\">\n<div style=\"font-size:21px;font-weight:bold;color:#355232;margin-bottom:10px\">\nRIJE\u0160I\n<\/div>\n<div style=\"font-size:16px;color:#40543D;line-height:1.45\">\nOdgovori na pitanja i rije\u0161i interaktivne zadatke.\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><\/div><\/section><br \/>\n<section class=\"edulab-slide\"><div class=\"edulab-slide-inner\"><\/p>\n<div style=\"background:linear-gradient(135deg,#FFF7ED 0%,#FCEAD7 48%,#F8EBDD 100%);min-height:650px;padding:32px 5%;font-family:&apos;Trebuchet MS&apos;,Arial,sans-serif;border-radius:28px;position:relative;overflow:hidden\">\n<div style=\"position:absolute;top:-80px;left:-70px;width:260px;height:260px;background:#E9C7A7;border-radius:50%;opacity:.16\"><\/div>\n<div style=\"position:absolute;bottom:-100px;right:-70px;width:300px;height:300px;background:#E8B98E;border-radius:50%;opacity:.14\"><\/div>\n<div style=\"position:absolute;top:115px;left:7%;width:105px;height:190px;border:4px solid #C98D62;border-radius:24px;opacity:.08\">\n<div style=\"position:absolute;top:15px;left:12px;width:73px;height:125px;border:3px solid #C98D62;border-radius:12px\"><\/div>\n<div style=\"position:absolute;bottom:12px;left:42px;width:18px;height:4px;border-radius:5px;background:#C98D62\"><\/div>\n<\/div>\n<div style=\"position:absolute;top:80px;right:5%;width:150px;height:105px;border:4px solid #C98D62;border-radius:18px;opacity:.08\">\n<div style=\"position:absolute;top:17px;left:20px;width:105px;height:66px;border:3px solid #C98D62;border-radius:10px\"><\/div>\n<div style=\"position:absolute;top:38px;left:65px;width:18px;height:18px;border:3px solid #C98D62;border-radius:50%\"><\/div>\n<\/div>\n<div style=\"position:absolute;bottom:100px;left:5%;width:145px;height:105px;border:4px solid #C98D62;opacity:.07\">\n<div style=\"position:absolute;top:-38px;left:38px;width:65px;height:65px;border-left:4px solid #C98D62;border-top:4px solid #C98D62\"><\/div>\n<div style=\"position:absolute;top:25px;left:20px;width:25px;height:45px;border:3px solid #C98D62\"><\/div>\n<div style=\"position:absolute;top:25px;left:60px;width:25px;height:45px;border:3px solid #C98D62\"><\/div>\n<\/div>\n<div style=\"position:absolute;bottom:105px;right:5%;width:110px;height:140px;opacity:.07\">\n<div style=\"width:65px;height:65px;border:4px solid #C98D62;border-radius:50% 50% 50% 0;margin:15px auto\"><\/div>\n<div style=\"width:30px;height:30px;border:3px solid #C98D62;border-radius:50%;margin:-58px auto 0\"><\/div>\n<\/div>\n<div style=\"position:relative;max-width:1250px;margin:0 auto\">\n<div style=\"text-align:center;margin-bottom:24px\">\n<div style=\"display:inline-block;background:#D99A68;color:white;padding:7px 20px;border-radius:20px;font-size:12px;font-weight:bold;letter-spacing:2px\">\nOSOBNI PODATCI\n<\/div>\n<h1 style=\"color:#9A5F36;font-size:clamp(36px,4.5vw,50px);margin:10px 0 5px;font-weight:900\">\n\u0160to su osobni podatci?<br \/>\n<\/h1>\n<p style=\"color:#796657;font-size:20px;line-height:1.5;margin:0 auto;max-width:1000px\">\nOsobni podatci su informacije koje govore ne\u0161to o tebi.\n<\/p>\n<\/div>\n<div style=\"display:grid;grid-template-columns:minmax(250px,.78fr) minmax(0,2fr);gap:30px;align-items:stretch\">\n<div style=\"background:linear-gradient(145deg,#C9875B,#D9A078);border-radius:32px;padding:30px;box-shadow:0 10px 25px #B77A5420;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:410px\">\n<div style=\"width:145px;height:145px;background:#FFF4E8;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:18px\">\n<div style=\"width:58px;height:58px;background:#D99A68;border-radius:50%;position:relative;margin-top:-34px\">\n<div style=\"position:absolute;width:80px;height:73px;background:#D99A68;border-radius:50% 50% 25% 25%;left:-11px;top:61px\"><\/div>\n<\/div>\n<\/div>\n<h2 style=\"color:white;font-size:28px;margin:5px 0 10px\">\nAna Horvat<br \/>\n<\/h2>\n<p style=\"color:#FFF4E8;font-size:18px;line-height:1.55;margin:0\">\nTvoji podatci mogu otkriti<br \/>razli\u010dite stvari o tebi.\n<\/p>\n<\/div>\n<div style=\"display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:center;padding:8px\">\n<div style=\"height:165px;background:#F5DCC8;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:22px;box-shadow:0 7px 18px #A66A2815\">\n<div style=\"width:30px;height:30px;border:2px solid #C4875B;border-radius:50%;margin-bottom:8px\"><\/div>\n<p><b style=\"color:#9A5F36;font-size:16px;line-height:1.2\">IME I PREZIME<\/b><\/p>\n<p style=\"color:#78665A;font-size:13px;line-height:1.3;margin:5px 0 0\">Kako se zove\u0161<\/p>\n<\/div>\n<div style=\"height:165px;background:#F8E8D8;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:22px;box-shadow:0 7px 18px #A66A2815\">\n<div style=\"width:43px;height:31px;border:2px solid #C4875B;border-radius:7px;margin-bottom:8px;position:relative\">\n<div style=\"position:absolute;width:10px;height:10px;border:2px solid #C4875B;border-radius:50%;left:14px;top:8px\"><\/div>\n<\/div>\n<p><b style=\"color:#9A5F36;font-size:16px;line-height:1.2\">FOTOGRAFIJA<\/b><\/p>\n<p style=\"color:#78665A;font-size:13px;line-height:1.3;margin:5px 0 0\">Kako izgleda\u0161<\/p>\n<\/div>\n<div style=\"height:165px;background:#F3E6D8;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:22px;box-shadow:0 7px 18px #A66A2815\">\n<div style=\"width:45px;height:32px;border:2px solid #C4875B;margin-bottom:8px;position:relative\">\n<div style=\"position:absolute;left:7px;bottom:0;width:9px;height:18px;border:2px solid #C4875B\"><\/div>\n<div style=\"position:absolute;right:7px;bottom:0;width:9px;height:18px;border:2px solid #C4875B\"><\/div>\n<\/div>\n<p><b style=\"color:#9A5F36;font-size:16px;line-height:1.2\">\u0160KOLA<\/b><\/p>\n<p style=\"color:#78665A;font-size:13px;line-height:1.3;margin:5px 0 0\">Gdje u\u010di\u0161<\/p>\n<\/div>\n<div style=\"height:165px;background:#F4D3B8;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:22px;box-shadow:0 7px 18px #A66A2815\">\n<div style=\"width:38px;height:38px;border:2px solid #C4875B;border-radius:50% 50% 50% 0;margin-bottom:8px\"><\/div>\n<p><b style=\"color:#9A5F36;font-size:16px;line-height:1.2\">LOKACIJA<\/b><\/p>\n<p style=\"color:#78665A;font-size:13px;line-height:1.3;margin:5px 0 0\">Gdje se nalazi\u0161<\/p>\n<\/div>\n<div style=\"height:165px;background:#F7E0C9;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:22px;box-shadow:0 7px 18px #A66A2815\">\n<div style=\"width:32px;height:49px;border:2px solid #C4875B;border-radius:8px;margin-bottom:8px\"><\/div>\n<p><b style=\"color:#9A5F36;font-size:16px;line-height:1.2\">TELEFON<\/b><\/p>\n<p style=\"color:#78665A;font-size:13px;line-height:1.3;margin:5px 0 0\">Kako te kontaktirati<\/p>\n<\/div>\n<div style=\"height:165px;background:#F0E0CE;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:22px;box-shadow:0 7px 18px #A66A2815\">\n<div style=\"width:43px;height:38px;border:2px solid #C4875B;border-radius:6px;margin-bottom:8px;position:relative\">\n<div style=\"position:absolute;top:8px;left:0;width:100%;border-top:2px solid #C4875B\"><\/div>\n<\/div>\n<p><b style=\"color:#9A5F36;font-size:16px;line-height:1.2\">DATUM RO\u0110ENJA<\/b><\/p>\n<p style=\"color:#78665A;font-size:13px;line-height:1.3;margin:5px 0 0\">Kada si ro\u0111en\/a<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div style=\"background:#FFF9F1;border-radius:22px;padding:18px 25px;margin:22px auto 0;box-shadow:0 5px 15px #A66A2812;border-left:6px solid #D99A68;text-align:left\">\n<div style=\"color:#B66F3B;font-size:20px;font-weight:bold;margin-bottom:6px\">\nZapamti!\n<\/div>\n<div style=\"color:#6F6259;font-size:17px;line-height:1.6\">\nNe mora\u0161 svaki podatak dijeliti s drugima. Prije nego \u0161to ne\u0161to objavi\u0161 ili po\u0161alje\u0161 na internet, razmisli treba li ta osoba ili aplikacija to stvarno znati.\n<\/div>\n<\/div>\n<div style=\"margin-top:16px;text-align:center\">\n<p><span style=\"display:inline-block;background:#C9875B;color:white;padding:11px 24px;border-radius:22px;font-size:16px;box-shadow:0 4px 10px #A66A2815\"><br \/>\nRazmisli: koje podatke o sebi ne bi \u017eelio\/\u017eeljela dijeliti sa svima?<br \/>\n<\/span><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><\/div><\/section><\/p>\n<section class=\"edulab-slide\"><div class=\"edulab-slide-inner\"><\/p>\n<div style=\"font-family:&apos;Trebuchet MS&apos;,sans-serif;background:linear-gradient(135deg,#F5EBDD,#EAF2E6);padding:22px;border-radius:24px\">\n<div style=\"background:linear-gradient(135deg,#285943,#5F8F63);border-radius:18px;padding:18px 24px;margin-bottom:18px\">\n<h2 style=\"color:white;font-size:20px;margin:0 0 4px\">Sigurno ili nesigurno?<\/h2>\n<p style=\"color:#EAF2E6;font-size:14px;margin:0\">Forafox te ispituje! Procijeni je li pona\u0161anje sigurno ili nesigurno.<\/p>\n<\/div>\n<div class=\"h5p-iframe-wrapper\"><iframe id=\"h5p-iframe-41\" class=\"h5p-iframe\" data-content-id=\"41\" style=\"height:1px\" src=\"about:blank\" frameBorder=\"0\" scrolling=\"no\" title=\"Sigurno ili nesigurno\"><\/iframe><\/div><\/div>\n<p><\/div><\/section>\n<section class=\"edulab-slide\"><div class=\"edulab-slide-inner\"><\/p>\n<div style=\"background:linear-gradient(135deg,#5F8F6B 0%, #8FBF7A 40%, #F4C38A 75%, #F7DFA3 100%);min-height:100vh;padding:25px\">\n<h1 style=\"text-align:center;color:#FFF8EC;font-family:Arial,sans-serif;font-size:38px;margin:0 0 20px 0\">\n    Kako putuju podatci online?<br \/>\n  <\/h1>\n<div style=\"background:#FFF9F0;border-radius:18px;padding:10px;height:calc(100vh - 120px)\">\n    <div class=\"h5p-iframe-wrapper\"><iframe id=\"h5p-iframe-88\" class=\"h5p-iframe\" data-content-id=\"88\" style=\"height:1px\" src=\"about:blank\" frameBorder=\"0\" scrolling=\"no\" title=\"Putovanje podataka\"><\/iframe><\/div>\n  <\/div>\n<\/div>\n<p><\/div><\/section>\n<section class=\"edulab-slide\"><div class=\"edulab-slide-inner\"><\/p>\n<div style=\"background:linear-gradient(135deg,#F5EBDD,#EAF2E6);min-height:620px;padding:35px;font-family:&apos;Trebuchet MS&apos;,sans-serif;border-radius:28px;position:relative;overflow:hidden\">\n<div style=\"position:absolute;right:25px;top:45px;color:#5F8F63;font-size:50px;opacity:.16\">\u2767<\/div>\n<div style=\"position:absolute;left:25px;bottom:40px;color:#E58A3A;font-size:45px;opacity:.15\">\u2767<\/div>\n<h1 style=\"text-align:center;color:#285943;font-size:35px;margin:0 0 8px\">\n\u0160to se doga\u0111a kada objavim sliku?<br \/>\n<\/h1>\n<p style=\"text-align:center;font-size:17px;line-height:1.5;color:#53615A;margin:0 auto 32px;max-width:900px\">\nSvaka objavljena fotografija prolazi nekoliko koraka prije nego \u0161to je drugi vide.\n<\/p>\n<div style=\"display:flex;justify-content:center;align-items:stretch;flex-wrap:wrap;gap:14px;max-width:1150px;margin:0 auto\">\n<div style=\"background:#FBF8F2;width:205px;min-height:245px;padding:20px;border-radius:18px;text-align:center;border-top:6px solid #E58A3A;box-shadow:0 6px 17px #28594312\">\n<div style=\"width:65px;height:65px;background:#F8E5D3;border-radius:50%;margin:auto;display:flex;align-items:center;justify-content:center;font-size:20px;color:#B9692D;font-weight:bold\">\n01\n<\/div>\n<h3 style=\"font-size:20px;color:#B9692D;margin:13px 0 9px\">\nObjava<br \/>\n<\/h3>\n<p style=\"font-size:15px;line-height:1.55;color:#555\">\nFotografiju po\u0161alje\u0161 iz aplikacije ili dru\u0161tvene mre\u017ee.\n<\/p>\n<\/div>\n<div style=\"display:flex;align-items:center;font-size:28px;color:#5F8F63\">\n\u2192\n<\/div>\n<div style=\"background:#FBF8F2;width:205px;min-height:245px;padding:20px;border-radius:18px;text-align:center;border-top:6px solid #5F8F63;box-shadow:0 6px 17px #28594312\">\n<div style=\"width:65px;height:65px;background:#E2EEDF;border-radius:50%;margin:auto;display:flex;align-items:center;justify-content:center;font-size:20px;color:#5F8F63;font-weight:bold\">\n02\n<\/div>\n<h3 style=\"font-size:20px;color:#285943;margin:13px 0 9px\">\nPohrana<br \/>\n<\/h3>\n<p style=\"font-size:15px;line-height:1.55;color:#555\">\nSlika se sprema na velika ra\u010dunala koja se zovu serveri.\n<\/p>\n<\/div>\n<div style=\"display:flex;align-items:center;font-size:28px;color:#5F8F63\">\n\u2192\n<\/div>\n<div style=\"background:#FBF8F2;width:205px;min-height:245px;padding:20px;border-radius:18px;text-align:center;border-top:6px solid #E58A3A;box-shadow:0 6px 17px #28594312\">\n<div style=\"width:65px;height:65px;background:#F8E5D3;border-radius:50%;margin:auto;display:flex;align-items:center;justify-content:center;font-size:20px;color:#B9692D;font-weight:bold\">\n03\n<\/div>\n<h3 style=\"font-size:20px;color:#B9692D;margin:13px 0 9px\">\nPrikaz<br \/>\n<\/h3>\n<p style=\"font-size:15px;line-height:1.55;color:#555\">\nPlatforma prikazuje tvoju sliku osobama koje imaju pristup objavi.\n<\/p>\n<\/div>\n<div style=\"display:flex;align-items:center;font-size:28px;color:#5F8F63\">\n\u2192\n<\/div>\n<div style=\"background:#FBF8F2;width:205px;min-height:245px;padding:20px;border-radius:18px;text-align:center;border-top:6px solid #5F8F63;box-shadow:0 6px 17px #28594312\">\n<div style=\"width:65px;height:65px;background:#E2EEDF;border-radius:50%;margin:auto;display:flex;align-items:center;justify-content:center;font-size:20px;color:#5F8F63;font-weight:bold\">\n04\n<\/div>\n<h3 style=\"font-size:20px;color:#285943;margin:13px 0 9px\">\nDijeljenje<br \/>\n<\/h3>\n<p style=\"font-size:15px;line-height:1.55;color:#555\">\nDrugi mogu lajkati, komentirati ili podijeliti tvoju fotografiju.\n<\/p>\n<\/div>\n<\/div>\n<div style=\"background:#F8E5D3;border-left:7px solid #E58A3A;padding:20px 25px;margin:30px auto 0;border-radius:14px;max-width:900px;text-align:left\">\n<h3 style=\"color:#B9692D;margin:0 0 8px;font-size:21px\">\nVa\u017eno je znati<br \/>\n<\/h3>\n<p style=\"margin:0;font-size:16px;line-height:1.6;color:#4f4f4f\">\nPrije objave razmisli tko mo\u017ee vidjeti tvoju fotografiju. Jednom objavljena slika mo\u017ee se spremiti ili podijeliti i izvan tvog profila.\n<\/p>\n<\/div>\n<\/div>\n<p><\/div><\/section>\n<section class=\"edulab-slide\"><div class=\"edulab-slide-inner\"><\/p>\n<div style=\"background:linear-gradient(135deg,#F5EBDD,#EAF2E6);min-height:700px;padding:35px;font-family:&apos;Trebuchet MS&apos;,sans-serif;border-radius:28px;position:relative;overflow:hidden\">\n<div style=\"position:absolute;top:25px;right:30px;color:#5F8F63;font-size:50px;opacity:.15\">\u2767<\/div>\n<h1 style=\"text-align:center;color:#285943;font-size:35px;margin:0 0 10px\">\nTko \u010duva moje podatke?<br \/>\n<\/h1>\n<p style=\"text-align:center;font-size:17px;color:#53615A;margin:0 auto 30px;max-width:900px;line-height:1.6\">\nSvaki put kada koristi\u0161 aplikaciju, dru\u0161tvenu mre\u017eu ili web stranicu, razmjenjuju se razli\u010diti podatci. Ti se podatci naj\u010de\u0161\u0107e pohranjuju na posebnim ra\u010dunalima koja nazivamo serverima.\n<\/p>\n<div style=\"background:#FBF8F2;border-radius:20px;padding:24px;margin:0 auto 20px;max-width:900px;box-shadow:0 6px 17px #28594310\">\n<p style=\"font-size:16px;line-height:1.6;color:#444;margin:0\">\nKada koristi\u0161 neku digitalnu uslugu, dio tih podataka mo\u017ee se pohraniti na ra\u010dunala tvrtke koja pru\u017ea tu uslugu. Zato je va\u017eno razumjeti gdje se podatci nalaze i kako se \u0161tite.\n<\/p>\n<\/div>\n<div style=\"background:#FBF8F2;border-radius:20px;padding:23px;margin:0 auto 15px;max-width:900px;border-left:7px solid #5F8F63\">\n<h3 style=\"font-size:21px;color:#285943;margin:0 0 9px\">\n1. Ti koristi\u0161 aplikaciju<br \/>\n<\/h3>\n<p style=\"font-size:16px;color:#555;line-height:1.6;margin:0\">\nKada se prijavi\u0161 u aplikaciju, po\u0161alje\u0161 poruku, objavi\u0161 fotografiju ili ispuni\u0161 neki obrazac, unosi\u0161 podatke. Dio tih podataka mora se poslati ra\u010dunalu koje pripada toj usluzi kako bi aplikacija mogla zapamtiti i obraditi ono \u0161to si napravio.\n<\/p>\n<\/div>\n<div style=\"text-align:center;color:#E58A3A;font-size:28px;margin:4px\">\n\u2193\n<\/div>\n<div style=\"background:#FBF8F2;border-radius:20px;padding:23px;margin:0 auto 15px;max-width:900px;border-left:7px solid #E58A3A\">\n<h3 style=\"font-size:21px;color:#B9692D;margin:0 0 9px\">\n2. Server \u010duva podatke<br \/>\n<\/h3>\n<p style=\"font-size:16px;color:#555;line-height:1.6;margin:0 0 9px\">\nServer je posebno ra\u010dunalo ili sustav ra\u010dunala koji mo\u017ee pohranjivati velike koli\u010dine podataka i omogu\u0107iti aplikacijama da im pristupe kada su potrebni.\n<\/p>\n<p style=\"font-size:16px;color:#555;line-height:1.6;margin:0\">\nNa primjer, kada se ponovno prijavi\u0161 u aplikaciju, server mo\u017ee prona\u0107i podatke povezane s tvojim ra\u010dunom i poslati ih natrag aplikaciji.\n<\/p>\n<\/div>\n<div style=\"text-align:center;color:#E58A3A;font-size:28px;margin:4px\">\n\u2193\n<\/div>\n<div style=\"background:#FBF8F2;border-radius:20px;padding:23px;margin:0 auto 20px;max-width:900px;border-left:7px solid #5F8F63\">\n<h3 style=\"font-size:21px;color:#285943;margin:0 0 9px\">\n3. Podaci se \u0161tite<br \/>\n<\/h3>\n<p style=\"font-size:16px;color:#555;line-height:1.6;margin:0\">\nTvrtke koje upravljaju aplikacijama koriste razli\u010dite sigurnosne mjere kako bi za\u0161titile podatke. To mo\u017ee uklju\u010divati lozinke, enkripciju, provjeru identiteta i druga sigurnosna pravila. Ipak, nijedan sustav nije potpuno bez rizika.\n<\/p>\n<\/div>\n<div style=\"background:#EAF2E6;border-radius:20px;padding:24px;margin:0 auto 20px;max-width:900px\">\n<h2 style=\"color:#285943;font-size:23px;margin:0 0 9px\">\nZa\u0161to je va\u017eno paziti koje podatke dijeli\u0161?<br \/>\n<\/h2>\n<p style=\"font-size:16px;line-height:1.6;color:#38565D;margin:0 0 10px\">\nKada jednom objavi\u0161 ili po\u0161alje\u0161 podatak na internet, mo\u017ee biti te\u0161ko potpuno kontrolirati gdje \u0107e zavr\u0161iti i tko \u0107e ga vidjeti. Zato prije slanja podataka treba razmisliti jesu li oni stvarno potrebni.\n<\/p>\n<p style=\"font-size:16px;line-height:1.6;color:#38565D;margin:0\">\nPosebno treba paziti na lozinke, podatke o ra\u010dunu, adresu, broj telefona, lokaciju i fotografije koje ne \u017eeli\u0161 javno dijeliti.\n<\/p>\n<\/div>\n<div style=\"background:#F8E5D3;border-left:7px solid #E58A3A;padding:20px 24px;margin:0 auto;max-width:900px;border-radius:14px\">\n<h3 style=\"color:#B9692D;margin:0 0 8px;font-size:21px\">\nZapamti!<br \/>\n<\/h3>\n<p style=\"margin:0;font-size:17px;line-height:1.6;color:#4D4630\">\nKada koristi\u0161 digitalne usluge, tvoji se podatci mogu slati i pohranjivati na serverima. Zato koristi jake i razli\u010dite lozinke, uklju\u010di dodatnu za\u0161titu kada je dostupna i dijeli samo one podatke koje je sigurno podijeliti.\n<\/p>\n<\/div>\n<\/div>\n<p><\/div><\/section>\n<section class=\"edulab-slide\"><div class=\"edulab-slide-inner\"><\/p>\n<div style=\"background:linear-gradient(135deg,#FBE8D5 0%,#EAF3DF 100%);min-height:100vh;padding:30px;border-radius:20px\">\n<h2 style=\"text-align:center;color:#285943;font-family:Arial,sans-serif;font-size:34px;margin-bottom:20px\">\nProvjeri \u0161to si zapamtio<br \/>\n<\/h2>\n<div style=\"background:#F3FAF3;padding:18px;border-radius:14px;border:3px solid #8BAF7A\">\n<div class=\"h5p-iframe-wrapper\"><iframe id=\"h5p-iframe-65\" class=\"h5p-iframe\" data-content-id=\"65\" style=\"height:1px\" src=\"about:blank\" frameBorder=\"0\" scrolling=\"no\" title=\"Aktivnost 2\"><\/iframe><\/div>\n<\/div>\n<\/div>\n<p><\/div><\/section>\n<section class=\"edulab-slide\"><div class=\"edulab-slide-inner\"><\/p>\n<div style=\"background:linear-gradient(135deg,#F5EBDD,#EAF2E6);padding:35px;border-radius:28px;font-family:&apos;Trebuchet MS&apos;,sans-serif;min-height:680px;overflow:hidden;position:relative\">\n<div style=\"position:absolute;top:-70px;right:-50px;width:220px;height:220px;background:#A8C3A0;border-radius:50%;opacity:.25\"><\/div>\n<div style=\"position:absolute;bottom:-80px;left:-60px;width:230px;height:230px;background:#5F8F63;border-radius:50%;opacity:.18\"><\/div>\n<div style=\"position:absolute;left:25px;top:60px;color:#5F8F63;font-size:45px;opacity:.18\">\u2767<\/div>\n<div style=\"position:absolute;right:25px;bottom:40px;color:#E58A3A;font-size:40px;opacity:.18\">\u2767<\/div>\n<div style=\"text-align:center;position:relative\">\n<div style=\"display:inline-block;background:#285943;color:white;padding:8px 20px;border-radius:20px;font-size:13px;font-weight:bold;letter-spacing:2px\">\nFORAFOX TE SAVJETUJE\n<\/div>\n<div class=\"h5p-iframe-wrapper\"><iframe id=\"h5p-iframe-39\" class=\"h5p-iframe\" data-content-id=\"39\" style=\"height:1px\" src=\"about:blank\" frameBorder=\"0\" scrolling=\"no\" title=\"Pretra\u017eivanje\"><\/iframe><\/div>\n<h1 style=\"color:#285943;font-size:36px;margin:18px 0 6px\">\nForafoxova pravila sigurnosti<br \/>\n<\/h1>\n<p style=\"color:#555;font-size:17px;line-height:1.5;margin:5px auto 25px;max-width:800px\">\nZapamti ovih <b>5 pravila<\/b> i budi siguran na internetu.\n<\/p>\n<div style=\"display:grid;grid-template-columns:repeat(2,1fr);gap:18px;max-width:1050px;margin:0 auto;text-align:left\">\n<div style=\"background:#FBF8F2;border-radius:20px;padding:18px 22px;border-left:7px solid #E58A3A;box-shadow:0 6px 16px #28594315;min-height:120px\">\n<div style=\"display:flex;align-items:flex-start;gap:16px\">\n<div style=\"width:52px;height:52px;flex-shrink:0;background:#F8E5D3;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#B9692D;font-size:22px;font-weight:bold\">\n01\n<\/div>\n<div>\n<b style=\"color:#B9692D;font-size:18px\">\u010cUVAJ SVOJE PODATKE<\/b><\/p>\n<p style=\"color:#666;font-size:14px;line-height:1.5;margin:7px 0 0\">\nNe dijeli adresu, broj telefona ni druge osobne podatke.\n<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div style=\"background:#FBF8F2;border-radius:20px;padding:18px 22px;border-left:7px solid #5F8F63;box-shadow:0 6px 16px #28594315;min-height:120px\">\n<div style=\"display:flex;align-items:flex-start;gap:16px\">\n<div style=\"width:52px;height:52px;flex-shrink:0;background:#E2EEDF;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#5F8F63;font-size:22px;font-weight:bold\">\n02\n<\/div>\n<div>\n<b style=\"color:#285943;font-size:18px\">LOZINKA JE TVOJA TAJNA<\/b><\/p>\n<p style=\"color:#666;font-size:14px;line-height:1.5;margin:7px 0 0\">\nSvoju lozinku ne govori drugim osobama.\n<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div style=\"background:#FBF8F2;border-radius:20px;padding:18px 22px;border-left:7px solid #E58A3A;box-shadow:0 6px 16px #28594315;min-height:120px\">\n<div style=\"display:flex;align-items:flex-start;gap:16px\">\n<div style=\"width:52px;height:52px;flex-shrink:0;background:#F8E5D3;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#B9692D;font-size:22px;font-weight:bold\">\n03\n<\/div>\n<div>\n<b style=\"color:#B9692D;font-size:18px\">RAZMISLI PRIJE KLIKA<\/b><\/p>\n<p style=\"color:#666;font-size:14px;line-height:1.5;margin:7px 0 0\">\nNe otvaraj sumnjive poveznice i poruke.\n<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div style=\"background:#FBF8F2;border-radius:20px;padding:18px 22px;border-left:7px solid #5F8F63;box-shadow:0 6px 16px #28594315;min-height:120px\">\n<div style=\"display:flex;align-items:flex-start;gap:16px\">\n<div style=\"width:52px;height:52px;flex-shrink:0;background:#E2EEDF;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#5F8F63;font-size:22px;font-weight:bold\">\n04\n<\/div>\n<div>\n<b style=\"color:#285943;font-size:18px\">NE VJERUJ SVEMU ONLINE<\/b><\/p>\n<p style=\"color:#666;font-size:14px;line-height:1.5;margin:7px 0 0\">\nAko ne\u0161to izgleda \u010dudno, provjeri s odraslom osobom.\n<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div style=\"background:#FBF8F2;border-radius:20px;padding:18px 22px;border-left:7px solid #E58A3A;box-shadow:0 6px 16px #28594315;min-height:120px;grid-column:1 \/ span 2;max-width:700px;width:100%;margin:0 auto\">\n<div style=\"display:flex;align-items:flex-start;gap:16px\">\n<div style=\"width:52px;height:52px;flex-shrink:0;background:#F8E5D3;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#B9692D;font-size:22px;font-weight:bold\">\n05\n<\/div>\n<div>\n<b style=\"color:#B9692D;font-size:18px\">RECI AKO NE\u0160TO NIJE U REDU<\/b><\/p>\n<p style=\"color:#666;font-size:14px;line-height:1.5;margin:7px 0 0\">\nAko te ne\u0161to zabrine, obrati se odrasloj osobi.\n<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div style=\"margin:28px auto 0;background:#FBF8F2;border-radius:22px;padding:16px 22px;max-width:650px;box-shadow:0 5px 15px #28594318;color:#285943;font-size:16px\">\n<\/div>\n<\/div>\n<\/div>\n<p><\/div><\/section>\n<section class=\"edulab-slide\"><div class=\"edulab-slide-inner\"><\/p>\n<div style=\"min-height:100vh;padding:35px 6%;background:linear-gradient(135deg,#FFF1E2 0%,#FCE3CC 45%,#E8F1E2 100%);font-family:&apos;Trebuchet MS&apos;,Arial,sans-serif;position:relative;overflow:hidden\">\n<div style=\"position:absolute;top:-100px;right:-80px;width:280px;height:280px;border-radius:50%;background:#E8A66A;opacity:.14\"><\/div>\n<div style=\"position:absolute;bottom:-120px;left:-80px;width:300px;height:300px;border-radius:50%;background:#7FA77A;opacity:.12\"><\/div>\n<div style=\"position:relative;max-width:1200px;margin:0 auto;text-align:center\">\n<div style=\"display:inline-block;background:#E8A66A;color:#285943;padding:8px 22px;border-radius:30px;font-size:13px;font-weight:bold;letter-spacing:2px;margin-bottom:12px\">\nIGRA PAM\u0106ENJA\n<\/div>\n<h2 style=\"color:#285943;font-size:clamp(28px,4vw,42px);margin:0 0 8px;font-weight:900\">\nZaigraj.<br \/>\n<\/h2>\n<div style=\"margin:22px auto 0;max-width:700px;background:#285943;color:white;padding:12px 22px;border-radius:14px;font-size:17px;font-weight:bold\">\nProna\u0111i parove i poka\u017ei \u0161to si nau\u010dio!\n<\/div>\n<p><\/p>\n<div style=\"background:#FFF9F3;border:4px solid #E8A66A;border-radius:22px;padding:22px;box-shadow:0 8px 0 #D9B38C\">\n<div class=\"h5p-content\" data-content-id=\"68\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><\/div><\/section>\n<section class=\"edulab-slide\"><div class=\"edulab-slide-inner\"><\/p>\n<div style=\"background:linear-gradient(135deg,#F5EBDD 0%,#EAF2E6 55%,#DCEBDD 100%);min-height:520px;padding:32px;font-family:&apos;Trebuchet MS&apos;,sans-serif;border-radius:28px;position:relative;overflow:hidden;text-align:center\">\n<div style=\"position:absolute;top:-70px;right:-55px;width:190px;height:190px;background:#A8C3A0;border-radius:50%;opacity:.28\"><\/div>\n<div style=\"position:absolute;bottom:-90px;left:-65px;width:220px;height:220px;background:#5F8F63;border-radius:50%;opacity:.16\"><\/div>\n<div style=\"position:absolute;left:28px;top:55px;color:#5F8F63;font-size:48px;opacity:.18\">\u2767<\/div>\n<div style=\"position:absolute;right:30px;bottom:55px;color:#E58A3A;font-size:48px;opacity:.18\">\u2767<\/div>\n<div style=\"position:relative\">\n<div style=\"display:inline-block;background:#285943;color:white;padding:7px 20px;border-radius:20px;font-size:12px;font-weight:bold;letter-spacing:2px\">\nMISIJ\u0410 ZAVR\u0160ENA\n<\/div>\n<h1 style=\"color:#285943;font-size:38px;margin:14px 0 5px\">\nBravo! Danas si nau\u010dio\/la ne\u0161to novo!<br \/>\n<\/h1>\n<p style=\"color:#B9692D;font-size:18px;font-style:italic;margin:0 0 22px\">\nForafox je ponosan na tebe.\n<\/p>\n<div style=\"background:#FBF8F2;max-width:760px;margin:0 auto;border-radius:25px;padding:25px 30px;box-shadow:0 8px 25px #28594320\">\n<div style=\"width:82px;height:82px;background:#E2EEDF;border-radius:50%;margin:0 auto 15px;display:flex;align-items:center;justify-content:center;font-size:45px;color:#285943\">\n\u2713\n<\/div>\n<h2 style=\"color:#285943;font-size:25px;margin:5px 0 12px\">\nSada zna\u0161 kako \u010duvati svoje podatke.<br \/>\n<\/h2>\n<p style=\"color:#555;font-size:16px;line-height:1.6;max-width:620px;margin:0 auto 20px\">\nNau\u010dio\/la si \u0161to su osobni podatci, kako putuju internetom, gdje se mogu pohraniti i kako ih mo\u017ee\u0161 za\u0161tititi.\n<\/p>\n<div style=\"display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:20px 0\">\n<\/div>\n<div style=\"background:#285943;color:white;border-radius:20px;padding:16px 22px;margin-top:18px;font-size:17px;line-height:1.5\">\n<b>Tvoji podatci su va\u017eni.<\/b><br \/>\n<span style=\"font-size:14px;color:#EAF2E6\">\u010cuvaj ih pa\u017eljivo. <\/span>\n<\/div>\n<\/div>\n<p><\/div><\/section>\n<p>\r\n      <\/div>\r\n\r\n      <div class=\"edulab-nav\">\r\n        <button type=\"button\" class=\"edulab-step-prev\">\u2190 Natrag<\/button>\r\n        <button type=\"button\" class=\"edulab-step-next\">Sljede\u0107e \u2192<\/button>\r\n        <button type=\"button\" class=\"edulab-step-exit\">Izlaz<\/button>\r\n      <\/div>\r\n\r\n      <div class=\"edulab-counter\">1 \/ 1<\/div>\r\n    <\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/page_fullwidth.php","meta":{"footnotes":""},"class_list":["post-543","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/edulab.ufzg.hr\/index.php\/wp-json\/wp\/v2\/pages\/543","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/edulab.ufzg.hr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/edulab.ufzg.hr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/edulab.ufzg.hr\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/edulab.ufzg.hr\/index.php\/wp-json\/wp\/v2\/comments?post=543"}],"version-history":[{"count":149,"href":"https:\/\/edulab.ufzg.hr\/index.php\/wp-json\/wp\/v2\/pages\/543\/revisions"}],"predecessor-version":[{"id":2499,"href":"https:\/\/edulab.ufzg.hr\/index.php\/wp-json\/wp\/v2\/pages\/543\/revisions\/2499"}],"wp:attachment":[{"href":"https:\/\/edulab.ufzg.hr\/index.php\/wp-json\/wp\/v2\/media?parent=543"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}