{"id":3573,"date":"2025-03-28T02:37:45","date_gmt":"2025-03-28T02:37:45","guid":{"rendered":"https:\/\/convertifypro.com\/?page_id=3573"},"modified":"2025-03-28T02:37:58","modified_gmt":"2025-03-28T02:37:58","slug":"back-to-school-file-format-guide","status":"publish","type":"page","link":"https:\/\/convertifypro.com\/hr\/vodic-za-format-datoteke-za-povratak-u-skolu\/","title":{"rendered":"Vodi\u010d za format datoteke za povratak u \u0161kolu"},"content":{"rendered":"\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\" integrity=\"sha512-iecdLmaskl7CVkqkXNQ\/ZH\/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT\/E0iPtmFIB46ZmdtAc9eNBvH0H\/ZpiBw==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\" \/>\n<div class=\"file-format-guide-section\">\n    <!-- Hero Section -->\n    <section class=\"hero-section\">\n        <div class=\"hero-pattern\"><\/div>\n        <div class=\"hero-content\">\n            <h1 class=\"hero-title\">Vrhunski vodi\u010d za format datoteke za povratak u \u0161kolu za u\u010denike i nastavnike<\/h1>\n            <p class=\"hero-subtitle\">Ovladajte osnovnim formatima dokumenata, prezentacija, slika i medija za akademski uspjeh. Sve \u0161to trebate znati o kompatibilnosti datoteka, konverziji i najboljim praksama za novu \u0161kolsku godinu.<\/p>\n            \n            <div class=\"hero-badges\">\n                <div class=\"hero-badge\">\n                    <span class=\"hero-badge-icon\"><i class=\"fas fa-file-alt\"><\/i><\/span>\n                    <span class=\"hero-badge-text\">Formati dokumenata<\/span>\n                <\/div>\n                <div class=\"hero-badge\">\n                    <span class=\"hero-badge-icon\"><i class=\"fas fa-file-image\"><\/i><\/span>\n                    <span class=\"hero-badge-text\">Formati slika<\/span>\n                <\/div>\n                <div class=\"hero-badge\">\n                    <span class=\"hero-badge-icon\"><i class=\"fas fa-file-powerpoint\"><\/i><\/span>\n                    <span class=\"hero-badge-text\">Prezentacijski formati<\/span>\n                <\/div>\n                <div class=\"hero-badge\">\n                    <span class=\"hero-badge-icon\"><i class=\"fas fa-file-video\"><\/i><\/span>\n                    <span class=\"hero-badge-text\">Medijski formati<\/span>\n                <\/div>\n            <\/div>\n            \n            <div class=\"hero-buttons\">\n                <a href=\"#document-formats\" class=\"btn btn-primary\">Istra\u017eite formate datoteka<\/a>\n                <a href=\"#compatibility\" class=\"btn btn-secondary\">Pogledajte vodi\u010d za kompatibilnost<\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n    \n    <!-- Introduction Section -->\n    <section class=\"formats-section\">\n        <h2 class=\"section-title\">Za\u0161to su formati datoteka va\u017eni za u\u010denike i nastavnike<\/h2>\n        \n        <div class=\"formats-container\">\n            <p class=\"formats-subtitle\">Razumijevanje formata datoteka klju\u010dno je za akademski uspjeh u dana\u0161njem digitalnom okru\u017eenju u\u010denja. Od podno\u0161enja zadataka i izrade prezentacija do dijeljenja istra\u017eivanja i suradnje s kolegama, problemi s kompatibilno\u0161\u0107u datoteka mogu uzrokovati nepotreban stres i gubitak produktivnosti tijekom naporne \u0161kolske godine.<\/p>\n            \n            <p class=\"formats-subtitle\">Ovaj sveobuhvatni vodi\u010d pomo\u0107i \u0107e u\u010denicima, nastavnicima i roditeljima da se sna\u0111u u slo\u017eenom svijetu formata digitalnih datoteka, osiguravaju\u0107i besprijekornu kompatibilnost na svim ure\u0111ajima, platformama i aplikacijama tijekom \u0161kolske godine.<\/p>\n        <\/div>\n    <\/section>\n    \n    <!-- Document Formats Section -->\n    <section id=\"document-formats\" class=\"features-section\">\n        <h2 class=\"section-title\">Osnovni formati dokumenata za akademski uspjeh<\/h2>\n        \n        <div class=\"features-grid\">\n            <div class=\"feature-card\">\n                <div class=\"feature-content\">\n                    <div class=\"feature-icon\">\n                        <i class=\"fas fa-file-word\"><\/i>\n                    <\/div>\n                    <h3 class=\"feature-title\">Microsoft Word formati (DOCX, DOC)<\/h3>\n                    <p class=\"feature-text\">Formati Microsoft Worda standard su za akademske radove, eseje i izvje\u0161\u0107a. Razumijevanje razlika izme\u0111u starijih DOC i modernih DOCX formata presudno je za kompatibilnost.<\/p>\n                    <ul class=\"feature-list\">\n                        <li class=\"feature-item\">\n                            <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                            <span class=\"feature-item-text\"><strong>DOCX:<\/strong> Moderni format temeljen na XML-u (nakon 2007.) s pobolj\u0161anim zna\u010dajkama, manjim veli\u010dinama datoteka i boljim opcijama oporavka<\/span>\n                        <\/li>\n                        <li class=\"feature-item\">\n                            <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                            <span class=\"feature-item-text\"><strong>DOC:<\/strong> Naslije\u0111eni format kompatibilan sa starijim verzijama Worda, ali s manje zna\u010dajki i ve\u0107im veli\u010dinama datoteka<\/span>\n                        <\/li>\n                        <li class=\"feature-item\">\n                            <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                            <span class=\"feature-item-text\">Najkompatibilniji format za zadatke koji zahtijevaju promjene zapisa, komentare i o\u010duvanje oblikovanja<\/span>\n                        <\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n            \n            <div class=\"feature-card\">\n                <div class=\"feature-content\">\n                    <div class=\"feature-icon\">\n                        <i class=\"fas fa-file-pdf\"><\/i>\n                    <\/div>\n                    <h3 class=\"feature-title\">PDF (Portable Document Format)<\/h3>\n                    <p class=\"feature-text\">PDF format osigurava da va\u0161i dokumenti izgledaju identi\u010dno bez obzira na ure\u0111aj, operativni sustav ili softver, \u0161to ga \u010dini idealnim za kona\u010dne podneske i slu\u017ebene dokumente.<\/p>\n                    <ul class=\"feature-list\">\n                        <li class=\"feature-item\">\n                            <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                            <span class=\"feature-item-text\">Univerzalna kompatibilnost na svim ure\u0111ajima i platformama<\/span>\n                        <\/li>\n                        <li class=\"feature-item\">\n                            <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                            <span class=\"feature-item-text\">\u010cuva to\u010dno oblikovanje, fontove i izgled bez obzira na preglednik<\/span>\n                        <\/li>\n                        <li class=\"feature-item\">\n                            <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                            <span class=\"feature-item-text\">Podr\u017eava digitalne potpise i sigurnost dokumenata za slu\u017ebene papire<\/span>\n                        <\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n            \n            <div class=\"feature-card\">\n                <div class=\"feature-content\">\n                    <div class=\"feature-icon\">\n                        <i class=\"fas fa-file-alt\"><\/i>\n                    <\/div>\n                    <h3 class=\"feature-title\">Google dokumenti i formati oblaka Office 365<\/h3>\n                    <p class=\"feature-text\">Formati dokumenata temeljeni na oblaku nude zna\u010dajke suradnje u stvarnom vremenu neophodne za grupne projekte i okru\u017eenja za u\u010denje na daljinu.<\/p>\n                    <ul class=\"feature-list\">\n                        <li class=\"feature-item\">\n                            <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                            <span class=\"feature-item-text\">Suradnja s kolegama i u\u010diteljima u stvarnom vremenu<\/span>\n                        <\/li>\n                        <li class=\"feature-item\">\n                            <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                            <span class=\"feature-item-text\">Automatsko spremanje i povijest verzija za oporavak prethodnog rada<\/span>\n                        <\/li>\n                        <li class=\"feature-item\">\n                            <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                            <span class=\"feature-item-text\">Dostupno s bilo kojeg ure\u0111aja s internetskom vezom<\/span>\n                        <\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n            \n            <div class=\"feature-card\">\n                <div class=\"feature-content\">\n                    <div class=\"feature-icon\">\n                        <i class=\"fas fa-file-code\"><\/i>\n                    <\/div>\n                    <h3 class=\"feature-title\">Formati obi\u010dnog teksta (TXT, RTF, Markdown)<\/h3>\n                    <p class=\"feature-text\">Jednostavni formati teksta pru\u017eaju maksimalnu kompatibilnost za osnovne bilje\u0161ke i sadr\u017eaj bez zahtjeva za oblikovanjem.<\/p>\n                    <ul class=\"feature-list\">\n                        <li class=\"feature-item\">\n                            <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                            <span class=\"feature-item-text\"><strong>TXT:<\/strong> Univerzalna kompatibilnost s minimalnom veli\u010dinom datoteke, idealna za bilje\u0161ke i kod<\/span>\n                        <\/li>\n                        <li class=\"feature-item\">\n                            <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                            <span class=\"feature-item-text\"><strong>RTF:<\/strong> Format oboga\u0107enog teksta podr\u017eava osnovno oblikovanje uz zadr\u017eavanje \u0161iroke kompatibilnosti<\/span>\n                        <\/li>\n                        <li class=\"feature-item\">\n                            <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                            <span class=\"feature-item-text\"><strong>Oznaka:<\/strong> Popularno za digitalno bilje\u017eenje i dokumentaciju programiranja<\/span>\n                        <\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n            \n            <div class=\"feature-card\">\n                <div class=\"feature-content\">\n                    <div class=\"feature-icon\">\n                        <i class=\"fas fa-file-excel\"><\/i>\n                    <\/div>\n                    <h3 class=\"feature-title\">Formati prora\u010dunskih tablica (XLSX, XLS, CSV)<\/h3>\n                    <p class=\"feature-text\">Osnovni formati za analizu podataka, izra\u010dune i organiziranje informacija za istra\u017eiva\u010dke projekte i laboratorijska izvje\u0161\u0107a.<\/p>\n                    <ul class=\"feature-list\">\n                        <li class=\"feature-item\">\n                            <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                            <span class=\"feature-item-text\"><strong>XLSX:<\/strong> Moderni Excel format s naprednim zna\u010dajkama i boljom kompresijom podataka<\/span>\n                        <\/li>\n                        <li class=\"feature-item\">\n                            <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                            <span class=\"feature-item-text\"><strong>XLS:<\/strong> Naslije\u0111eni Excel format za kompatibilnost sa starijim sustavima<\/span>\n                        <\/li>\n                        <li class=\"feature-item\">\n                            <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                            <span class=\"feature-item-text\"><strong>CSV:<\/strong> Univerzalni format vrijednosti odvojenih zarezima za jednostavnu razmjenu podataka izme\u0111u aplikacija<\/span>\n                        <\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n            \n            <div class=\"feature-card\">\n                <div class=\"feature-content\">\n                    <div class=\"feature-icon\">\n                        <i class=\"fas fa-file-contract\"><\/i>\n                    <\/div>\n                    <h3 class=\"feature-title\">Formati otvorenih dokumenata (ODT, ODS, ODP)<\/h3>\n                    <p class=\"feature-text\">Alternative otvorenog koda za vlasni\u010dke formate koje osiguravaju dugoro\u010dnu dostupnost i kompatibilnost u razli\u010ditim uredskim paketima.<\/p>\n                    <ul class=\"feature-list\">\n                        <li class=\"feature-item\">\n                            <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                            <span class=\"feature-item-text\"><strong>ODT:<\/strong> Open Document Tekstualni format koji podr\u017eavaju LibreOffice, OpenOffice i ve\u0107ina modernih programa za obradu teksta<\/span>\n                        <\/li>\n                        <li class=\"feature-item\">\n                            <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                            <span class=\"feature-item-text\"><strong>ODS:<\/strong> Otvorite prora\u010dunsku tablicu dokumenta za podatke i izra\u010dune<\/span>\n                        <\/li>\n                        <li class=\"feature-item\">\n                            <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                            <span class=\"feature-item-text\"><strong>ODP:<\/strong> Otvorite prezentaciju dokumenta za slajdove i prezentacije<\/span>\n                        <\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n    \n    <!-- Presentation Formats Section -->\n    <section class=\"features-section\">\n        <h2 class=\"section-title\">Prezentacijski formati za impresivne akademske projekte<\/h2>\n        \n        <div class=\"features-grid\">\n            <div class=\"feature-card\">\n                <div class=\"feature-content\">\n                    <div class=\"feature-icon\">\n                        <i class=\"fas fa-file-powerpoint\"><\/i>\n                    <\/div>\n                    <h3 class=\"feature-title\">PowerPoint formati (PPTX, PPT)<\/h3>\n                    <p class=\"feature-text\">Microsoft PowerPoint ostaje zlatni standard za akademske prezentacije, s modernim zna\u010dajkama u PPTX-u i naslije\u0111enom kompatibilno\u0161\u0107u u PPT-u.<\/p>\n                    <ul class=\"feature-list\">\n                        <li class=\"feature-item\">\n                            <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                            <span class=\"feature-item-text\"><strong>PPTX:<\/strong> Moderni format temeljen na XML-u s pobolj\u0161anom animacijom, prijelazima i multimedijskom podr\u0161kom<\/span>\n                        <\/li>\n                        <li class=\"feature-item\">\n                            <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                            <span class=\"feature-item-text\"><strong>PPT:<\/strong> Naslije\u0111eni format za kompatibilnost sa starijim verzijama PowerPointa<\/span>\n                        <\/li>\n                        <li class=\"feature-item\">\n                            <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                            <span class=\"feature-item-text\">Najbolja opcija za prezentacije koje zahtijevaju napredne animacije i ugra\u0111ene medije<\/span>\n                        <\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n            \n            <div class=\"feature-card\">\n                <div class=\"feature-content\">\n                    <div class=\"feature-icon\">\n                        <i class=\"fas fa-projector\"><\/i>\n                    <\/div>\n                    <h3 class=\"feature-title\">Google slajdovi<\/h3>\n                    <p class=\"feature-text\">Prezentacijska platforma temeljena na oblaku idealna za suradni\u010dke projekte i dostupna s bilo kojeg ure\u0111aja s pristupom internetu.<\/p>\n                    <ul class=\"feature-list\">\n                        <li class=\"feature-item\">\n                            <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                            <span class=\"feature-item-text\">Zna\u010dajke suradnje u stvarnom vremenu za grupne prezentacije<\/span>\n                        <\/li>\n                        <li class=\"feature-item\">\n                            <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                            <span class=\"feature-item-text\">Automatsko spremanje u oblak s povije\u0161\u0107u verzija<\/span>\n                        <\/li>\n                        <li class=\"feature-item\">\n                            <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                            <span class=\"feature-item-text\">Kompatibilan s PowerPoint uvozom\/izvozom za kori\u0161tenje na vi\u0161e platformi<\/span>\n                        <\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n            \n            <div class=\"feature-card\">\n                <div class=\"feature-content\">\n                    <div class=\"feature-icon\">\n                        <i class=\"fas fa-chart-pie\"><\/i>\n                    <\/div>\n                    <h3 class=\"feature-title\">Keynote<\/h3>\n                    <p class=\"feature-text\">Appleov softver za prezentacije nudi elegantne predlo\u0161ke i efekte za vizualno zapanjuju\u0107e akademske prezentacije na Mac i iOS ure\u0111ajima.<\/p>\n                    <ul class=\"feature-list\">\n                        <li class=\"feature-item\">\n                            <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                            <span class=\"feature-item-text\">Vrhunske mogu\u0107nosti dizajna s profesionalnim predlo\u0161cima<\/span>\n                        <\/li>\n                        <li class=\"feature-item\">\n                            <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                            <span class=\"feature-item-text\">Besprijekorna integracija s drugim Appleovim aplikacijama za produktivnost<\/span>\n                        <\/li>\n                        <li class=\"feature-item\">\n                            <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                            <span class=\"feature-item-text\">Mo\u017ee izvesti u PowerPoint format za dijeljenje na vi\u0161e platformi<\/span>\n                        <\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n            \n            <div class=\"feature-card\">\n                <div class=\"feature-content\">\n                    <div class=\"feature-icon\">\n                        <i class=\"fas fa-film\"><\/i>\n                    <\/div>\n                    <h3 class=\"feature-title\">PDF prezentacije<\/h3>\n                    <p class=\"feature-text\">Pretvaranje prezentacija u PDF osigurava dosljedan prikaz na svim ure\u0111ajima, savr\u0161eno za distribuciju kada ne\u0107ete biti izlaga\u010d.<\/p>\n                    <ul class=\"feature-list\">\n                        <li class=\"feature-item\">\n                            <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                            <span class=\"feature-item-text\">Univerzalna kompatibilnost za dijeljenje s profesorima i kolegama<\/span>\n                        <\/li>\n                        <li class=\"feature-item\">\n                            <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                            <span class=\"feature-item-text\">\u010cuva sva oblikovanja, fontove i slike to\u010dno onako kako je dizajnirano<\/span>\n                        <\/li>\n                        <li class=\"feature-item\">\n                            <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                            <span class=\"feature-item-text\">Idealno za prezentacijske materijale i elektroni\u010dku distribuciju<\/span>\n                        <\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n    \n    <!-- Image Formats Section -->\n    <section class=\"features-section\">\n        <h2 class=\"section-title\">Formati slika za akademske projekte i zadatke<\/h2>\n        \n        <div class=\"features-grid\">\n            <div class=\"feature-card\">\n                <div class=\"feature-content\">\n                    <div class=\"feature-icon\">\n                        <i class=\"fas fa-file-image\"><\/i>\n                    <\/div>\n                    <h3 class=\"feature-title\">JPEG\/JPG format<\/h3>\n                    <p class=\"feature-text\">Naj\u010de\u0161\u0107i format slike, savr\u0161en za fotografije i slo\u017eene slike u zadacima i prezentacijama.<\/p>\n                    <ul class=\"feature-list\">\n                        <li class=\"feature-item\">\n                            <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                            <span class=\"feature-item-text\">Izvrsna kompresija za fotografije i realisti\u010dne slike<\/span>\n                        <\/li>\n                        <li class=\"feature-item\">\n                            <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                            <span class=\"feature-item-text\">Univerzalna kompatibilnost na svim platformama i aplikacijama<\/span>\n                        <\/li>\n                        <li class=\"feature-item\">\n                            <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                            <span class=\"feature-item-text\">Najbolje za slike s mnogo boja i prijelaza<\/span>\n                        <\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n            \n            <div class=\"feature-card\">\n                <div class=\"feature-content\">\n                    <div class=\"feature-icon\">\n                        <i class=\"fas fa-compress\"><\/i>\n                    <\/div>\n                    <h3 class=\"feature-title\">PNG format<\/h3>\n                    <p class=\"feature-text\">Format kompresije bez gubitaka koji podr\u017eava transparentnost, idealan za dijagrame, grafikone i grafike s tekstom.<\/p>\n                    <ul class=\"feature-list\">\n                        <li class=\"feature-item\">\n                            <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                            <span class=\"feature-item-text\">Podr\u017eava prozirnost i alfa kanale za slojevite slike<\/span>\n                        <\/li>\n                        <li class=\"feature-item\">\n                            <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                            <span class=\"feature-item-text\">Kompresija bez gubitaka \u010duva o\u0161tre linije i jasno\u0107u teksta<\/span>\n                        <\/li>\n                        <li class=\"feature-item\">\n                            <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                            <span class=\"feature-item-text\">Savr\u0161eno za snimke zaslona, dijagrame i grafikone u izvje\u0161\u0107ima<\/span>\n                        <\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n            \n            <div class=\"feature-card\">\n                <div class=\"feature-content\">\n                    <div class=\"feature-icon\">\n                        <i class=\"fas fa-vector-square\"><\/i>\n                    <\/div>\n                    <h3 class=\"feature-title\">SVG format<\/h3>\n                    <p class=\"feature-text\">Vektorski format koji se savr\u0161eno skalira u bilo kojoj veli\u010dini, neophodan za dijagrame, dijagrame toka i znanstvene ilustracije.<\/p>\n                    <ul class=\"feature-list\">\n                        <li class=\"feature-item\">\n                            <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                            <span class=\"feature-item-text\">Beskona\u010dno skalabilan bez gubitka kvalitete za bilo koju veli\u010dinu zaslona<\/span>\n                        <\/li>\n                        <li class=\"feature-item\">\n                            <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                            <span class=\"feature-item-text\">Idealno za grafikone, grafikone i tehni\u010dke ilustracije<\/span>\n                        <\/li>\n                        <li class=\"feature-item\">\n                            <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                            <span class=\"feature-item-text\">Mala veli\u010dina datoteke za slo\u017eene dijagrame i interaktivne elemente<\/span>\n                        <\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n            \n            <div class=\"feature-card\">\n                <div class=\"feature-content\">\n                    <div class=\"feature-icon\">\n                        <i class=\"fas fa-camera\"><\/i>\n                    <\/div>\n                    <h3 class=\"feature-title\">TIFF format<\/h3>\n                    <p class=\"feature-text\">Visokokvalitetni format bez gubitaka koji se koristi u fotografiji, znanstvenim slikama i publikacijama koje zahtijevaju najvi\u0161e detalja.<\/p>\n                    <ul class=\"feature-list\">\n                        <li class=\"feature-item\">\n                            <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                            <span class=\"feature-item-text\">Najkvalitetnija pohrana slika za znanstvene i istra\u017eiva\u010dke slike<\/span>\n                        <\/li>\n                        <li class=\"feature-item\">\n                            <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                            <span class=\"feature-item-text\">Podr\u017eava slojeve i kompresiju bez gubitaka<\/span>\n                        <\/li>\n                        <li class=\"feature-item\">\n                            <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                            <span class=\"feature-item-text\">Po\u017eeljno za slike koje \u0107e biti podvrgnute vi\u0161estrukom ure\u0111ivanju ili analizi<\/span>\n                        <\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n            \n            <div class=\"feature-card\">\n                <div class=\"feature-content\">\n                    <div class=\"feature-icon\">\n                        <i class=\"fas fa-images\"><\/i>\n                    <\/div>\n                    <h3 class=\"feature-title\">GIF format<\/h3>\n                    <p class=\"feature-text\">Podr\u017eava jednostavne animacije, savr\u0161ene za demonstraciju procesa ili koncepata u prezentacijama i digitalnim zadacima.<\/p>\n                    <ul class=\"feature-list\">\n                        <li class=\"feature-item\">\n                            <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                            <span class=\"feature-item-text\">Podr\u017eava animaciju za demonstraciju uzastopnih procesa<\/span>\n                        <\/li>\n                        <li class=\"feature-item\">\n                            <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                            <span class=\"feature-item-text\">Mala veli\u010dina datoteke za jednostavne animacije i grafike<\/span>\n                        <\/li>\n                        <li class=\"feature-item\">\n                            <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                            <span class=\"feature-item-text\">Univerzalna kompatibilnost na svim platformama i preglednicima<\/span>\n                        <\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n            \n            <div class=\"feature-card\">\n                <div class=\"feature-content\">\n                    <div class=\"feature-icon\">\n                        <i class=\"fas fa-photo-video\"><\/i>\n                    <\/div>\n                    <h3 class=\"feature-title\">WebP format<\/h3>\n                    <p class=\"feature-text\">Moderni format koji je razvio Google koji nudi vrhunsku kompresiju za web-bazirane zadatke i digitalne portfelje.<\/p>\n                    <ul class=\"feature-list\">\n                        <li class=\"feature-item\">\n                            <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                            <span class=\"feature-item-text\">Manje veli\u010dine datoteka od JPEG-a s boljom kvalitetom za online projekte<\/span>\n                        <\/li>\n                        <li class=\"feature-item\">\n                            <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                            <span class=\"feature-item-text\">Podr\u017eava kompresiju s gubicima i bez gubitaka<\/span>\n                        <\/li>\n                        <li class=\"feature-item\">\n                            <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                            <span class=\"feature-item-text\">Idealno za online platforme za u\u010denje i web prezentacije<\/span>\n                        <\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n    \n    <!-- Audio & Video Formats Section -->\n    <section class=\"features-section\">\n        <h2 class=\"section-title\">Audio i video formati za multimedijske zadatke<\/h2>\n        \n        <div class=\"features-grid\">\n            <div class=\"feature-card\">\n                <div class=\"feature-content\">\n                    <div class=\"feature-icon\">\n                        <i class=\"fas fa-file-video\"><\/i>\n                    <\/div>\n                    <h3 class=\"feature-title\">MP4 video format<\/h3>\n                    <p class=\"feature-text\">Univerzalni standard za video zadatke i prezentacije, koji nudi izvrsnu kvalitetu i kompatibilnost.<\/p>\n                    <ul class=\"feature-list\">\n                        <li class=\"feature-item\">\n                            <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                            <span class=\"feature-item-text\">Radi na gotovo svim ure\u0111ajima i platformama<\/span>\n                        <\/li>\n                        <li class=\"feature-item\">\n                            <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                            <span class=\"feature-item-text\">Uravnote\u017euje kvalitetu i veli\u010dinu datoteke za u\u010dinkovito dijeljenje<\/span>\n                        <\/li>\n                        <li class=\"feature-item\">\n                            <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                            <span class=\"feature-item-text\">Podr\u017eava H.264\/H.265 kodeke za kompresiju visoke kvalitete<\/span>\n                        <\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n            \n            <div class=\"feature-card\">\n                <div class=\"feature-content\">\n                    <div class=\"feature-icon\">\n                        <i class=\"fas fa-film\"><\/i>\n                    <\/div>\n                    <h3 class=\"feature-title\">MOV video format<\/h3>\n                    <p class=\"feature-text\">Appleov QuickTime format nudi visoku kvalitetu za multimedijske projekte, posebno kada se koriste Mac sustavi.<\/p>\n                    <ul class=\"feature-list\">\n                        <li class=\"feature-item\">\n                            <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                            <span class=\"feature-item-text\">Visoka kvaliteta za prezentacije projekata i video zadatke<\/span>\n                        <\/li>\n                        <li class=\"feature-item\">\n                            <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                            <span class=\"feature-item-text\">Zadani format pri snimanju na Apple ure\u0111ajima<\/span>\n                        <\/li>\n                        <li class=\"feature-item\">\n                            <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                            <span class=\"feature-item-text\">Izvrsno za o\u010duvanje izvorne kvalitete videa<\/span>\n                        <\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n            \n            <div class=\"feature-card\">\n                <div class=\"feature-content\">\n                    <div class=\"feature-icon\">\n                        <i class=\"fas fa-video\"><\/i>\n                    <\/div>\n                    <h3 class=\"feature-title\">WebM video format<\/h3>\n                    <p class=\"feature-text\">Format otvorenog izvornog koda idealan za sustave upravljanja u\u010denjem temeljene na webu i predaju online te\u010dajeva.<\/p>\n                    <ul class=\"feature-list\">\n                        <li class=\"feature-item\">\n                            <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                            <span class=\"feature-item-text\">Optimizirano za online platforme za u\u010denje i web integraciju<\/span>\n                        <\/li>\n                        <li class=\"feature-item\">\n                            <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                            <span class=\"feature-item-text\">Izvrsna kompresija bez \u017ertvovanja kvalitete<\/span>\n                        <\/li>\n                        <li class=\"feature-item\">\n                            <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                            <span class=\"feature-item-text\">Format otvorenog koda sa \u0161irokom podr\u0161kom preglednika<\/span>\n                        <\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n            \n            <div class=\"feature-card\">\n                <div class=\"feature-content\">\n                    <div class=\"feature-icon\">\n                        <i class=\"fas fa-file-audio\"><\/i>\n                    <\/div>\n                    <h3 class=\"feature-title\">MP3 audio format<\/h3>\n                    <p class=\"feature-text\">Univerzalni standard za audio zadatke, podcaste i snimljena predavanja s izvrsnom kompatibilno\u0161\u0107u.<\/p>\n                    <ul class=\"feature-list\">\n                        <li class=\"feature-item\">\n                            <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                            <span class=\"feature-item-text\">Univerzalna kompatibilnost na svim ure\u0111ajima i platformama<\/span>\n                        <\/li>\n                        <li class=\"feature-item\">\n                            <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                            <span class=\"feature-item-text\">Izvrsna kompresija za glasovne snimke i glazbu<\/span>\n                        <\/li>\n                        <li class=\"feature-item\">\n                            <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                            <span class=\"feature-item-text\">Savr\u0161eno za jezi\u010dne zadatke i snimljene prezentacije<\/span>\n                        <\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n            \n            <div class=\"feature-card\">\n                <div class=\"feature-content\">\n                    <div class=\"feature-icon\">\n                        <i class=\"fas fa-music\"><\/i>\n                    <\/div>\n                    <h3 class=\"feature-title\">WAV audio format<\/h3>\n                    <p class=\"feature-text\">Nekomprimirani audio format koji \u010duva najvi\u0161u kvalitetu, idealan za te\u010dajeve glazbe i audio produkcije.<\/p>\n                    <ul class=\"feature-list\">\n                        <li class=\"feature-item\">\n                            <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                            <span class=\"feature-item-text\">Kvaliteta bez gubitaka za audio produkciju i glazbene te\u010dajeve<\/span>\n                        <\/li>\n                        <li class=\"feature-item\">\n                            <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                            <span class=\"feature-item-text\">Idealno za projekte koji zahtijevaju audio ure\u0111ivanje i obradu<\/span>\n                        <\/li>\n                        <li class=\"feature-item\">\n                            <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                            <span class=\"feature-item-text\">Standardni format za visokokvalitetno audio snimanje<\/span>\n                        <\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n            \n            <div class=\"feature-card\">\n                <div class=\"feature-content\">\n                    <div class=\"feature-icon\">\n                        <i class=\"fas fa-headphones\"><\/i>\n                    <\/div>\n                    <h3 class=\"feature-title\">FLAC audio format<\/h3>\n                    <p class=\"feature-text\">Audio format otvorenog koda bez gubitaka koji nudi savr\u0161enu kvalitetu s manjim veli\u010dinama datoteka od WAV-a.<\/p>\n                    <ul class=\"feature-list\">\n                        <li class=\"feature-item\">\n                            <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                            <span class=\"feature-item-text\">Kompresija bez gubitaka \u010duva kvalitetu zvuka<\/span>\n                        <\/li>\n                        <li class=\"feature-item\">\n                            <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                            <span class=\"feature-item-text\">30-50% manji od WAV-a uz zadr\u017eavanje kvalitete<\/span>\n                        <\/li>\n                        <li class=\"feature-item\">\n                            <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                            <span class=\"feature-item-text\">Savr\u0161en za glazbenu produkciju i audio in\u017eenjerske zadatke<\/span>\n                        <\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n    \n    <!-- Compatibility Section -->\n    <section id=\"compatibility\" class=\"formats-section\">\n        <h2 class=\"section-title\">Vodi\u010d za kompatibilnost formata datoteka za studente<\/h2>\n        \n        <div class=\"formats-container\">\n            <h3 class=\"formats-title\">Kompatibilnost s vi\u0161e platformi i aplikacija<\/h3>\n            <p class=\"formats-subtitle\">Razumijevanje formata koji najbolje funkcioniraju na razli\u010ditim platformama i aplikacijama klju\u010dno je za besprijekornu suradnju i predaju zadataka. Ovaj vam vodi\u010d poma\u017ee odabrati pravi format za svaku situaciju.<\/p>\n            \n            <div class=\"formats-grid\">\n                <div class=\"format-item\">DOCX<\/div>\n                <div class=\"format-item\">PDF<\/div>\n                <div class=\"format-item\">PPTX<\/div>\n                <div class=\"format-item\">XLSX<\/div>\n                <div class=\"format-item\">JPG<\/div>\n                <div class=\"format-item\">PNG<\/div>\n                <div class=\"format-item\">MP4<\/div>\n                <div class=\"format-item\">MP3<\/div>\n                <div class=\"format-item\">TXT<\/div>\n                <div class=\"format-item\">RTF<\/div>\n                <div class=\"format-item\">CSV<\/div>\n                <div class=\"format-item\">HTML<\/div>\n                <div class=\"format-item\">SVG<\/div>\n                <div class=\"format-item\">GIF<\/div>\n                <div class=\"format-item\">ZIP<\/div>\n                <div class=\"format-item\">RAR<\/div>\n                <div class=\"format-item\">ODT<\/div>\n                <div class=\"format-item\">ODP<\/div>\n                <div class=\"format-item\">ODS<\/div>\n                <div class=\"format-item\">EPUB<\/div>\n                <div class=\"format-item\">MOBI<\/div>\n                <div class=\"format-item\">TEX<\/div>\n                <div class=\"format-item\">BIB<\/div>\n                <div class=\"format-item\">MLA<\/div>\n                <div class=\"format-item\">APA<\/div>\n                <div class=\"format-item\">XML<\/div>\n                <div class=\"format-item\">JSON<\/div>\n                <div class=\"format-item\">SQL<\/div>\n                <div class=\"format-item\">PSD<\/div>\n                <div class=\"format-item\">AI<\/div>\n                <div class=\"format-item\">INDD<\/div>\n                <div class=\"format-item\">HEIC<\/div>\n                <div class=\"format-item\">HEIF<\/div>\n                <div class=\"format-item\">WebP<\/div>\n                <div class=\"format-item\">MOBI<\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n    \n    <!-- How To Section -->\n    <section class=\"how-it-works-section\">\n        <h2 class=\"section-title\">Najbolje prakse za kori\u0161tenje formata datoteke u \u0161koli<\/h2>\n        \n        <div class=\"steps-container\">\n            <div class=\"step-card\">\n                <div class=\"step-number\">1<\/div>\n                <div class=\"step-content\">\n                    <h3 class=\"step-title\">Provjerite zahtjeve za dodjelu<\/h3>\n                    <p class=\"step-text\">Prije slanja uvijek provjerite potreban format datoteke u uputama za zadatak. Profesori \u010desto odre\u0111uju preferirane formate kako bi osigurali kompatibilnost sa svojim softverom za ocjenjivanje i sprije\u010dili tehni\u010dke probleme koji bi mogli odgoditi povratnu informaciju ili rezultirati propu\u0161tanjem rokova.<\/p>\n                <\/div>\n            <\/div>\n            \n            <div class=\"step-card\">\n                <div class=\"step-number\">2<\/div>\n                <div class=\"step-content\">\n                    <h3 class=\"step-title\">Koristite univerzalne formate za dijeljenje<\/h3>\n                    <p class=\"step-text\">Kada sura\u0111ujete s kolegama iz razreda ili dijelite datoteke s u\u010diteljima, dajte prednost univerzalnim formatima kao \u0161to su PDF za dokumente, MP4 za video i MP3 za audio. Ovi formati osiguravaju dosljedno gledanje i reprodukciju na razli\u010ditim ure\u0111ajima, operativnim sustavima i verzijama softvera, umanjuju\u0107i probleme s kompatibilno\u0161\u0107u.<\/p>\n                <\/div>\n            <\/div>\n            \n            <div class=\"step-card\">\n                <div class=\"step-number\">3<\/div>\n                <div class=\"step-content\">\n                    <h3 class=\"step-title\">Spremite radne datoteke u izvornim formatima<\/h3>\n                    <p class=\"step-text\">Dok radite na zadacima, spremite svoje datoteke u izvornom formatu va\u0161e aplikacije (DOCX za Word, PPTX za PowerPoint itd.) kako biste zadr\u017eali sve mogu\u0107nosti ure\u0111ivanja. Ovi formati \u010duvaju posebne zna\u010dajke poput pra\u0107enja promjena, animacija i opcija oblikovanja koje bi se mogle izgubiti prilikom pretvaranja u univerzalne formate.<\/p>\n                <\/div>\n            <\/div>\n            \n            <div class=\"step-card\">\n                <div class=\"step-number\">4<\/div>\n                <div class=\"step-content\">\n                    <h3 class=\"step-title\">Stvorite PDF verzije za kona\u010dnu predaju<\/h3>\n                    <p class=\"step-text\">Osim ako nije druga\u010dije navedeno, izradite PDF verziju kona\u010dnog dokumenta prije slanja. PDF-ovi zaklju\u010davaju va\u0161e oblikovanje, fontove i izgled to\u010dno onako kako ste ih dizajnirali, sprje\u010davaju\u0107i sve neo\u010dekivane promjene prilikom otvaranja na razli\u010ditim sustavima. Ve\u0107ina modernog softvera omogu\u0107uje izravan izvoz u PDF format.<\/p>\n                <\/div>\n            <\/div>\n            \n            <div class=\"step-card\">\n                <div class=\"step-number\">5<\/div>\n                <div class=\"step-content\">\n                    <h3 class=\"step-title\">Komprimirajte velike datoteke za dijeljenje<\/h3>\n                    <p class=\"step-text\">Prije u\u010ditavanja velikih prezentacija, videozapisa ili kolekcija slika u sustave za upravljanje u\u010denjem, kompresirajte ih na odgovaraju\u0107i na\u010din. Upotrijebite ZIP datoteke za zbirke dokumenata, optimizirajte slike na odgovaraju\u0107e razlu\u010divosti i komprimirajte videozapise na razumnu brzinu prijenosa uz odr\u017eavanje dovoljne kvalitete za procjenu.<\/p>\n                <\/div>\n            <\/div>\n            \n            <div class=\"step-card\">\n                <div class=\"step-number\">6<\/div>\n                <div class=\"step-content\">\n                    <h3 class=\"step-title\">Uklju\u010dite brojeve verzija u nazive datoteka<\/h3>\n                    <p class=\"step-text\">Kada radite s vi\u0161e nacrta ili revizija, uklju\u010dite brojeve verzija ili datume u svoje nazive datoteka (npr. &#8220;Research_Paper_v2.docx&#8221; ili &#8220;Presentation_Draft_09-15.pptx&#8221;). Ova jednostavna konvencija imenovanja sprje\u010dava zabunu, poma\u017ee u pra\u0107enju napretka i osigurava da \u0161aljete najnoviju verziju svog rada.<\/p>\n                <\/div>\n            <\/div>\n            \n            <div class=\"step-card\">\n                <div class=\"step-number\">7<\/div>\n                <div class=\"step-content\">\n                    <h3 class=\"step-title\">Testirajte prije podno\u0161enja<\/h3>\n                    <p class=\"step-text\">Nakon pretvaranja datoteka u formate za podno\u0161enje, otvorite ih na drugom ure\u0111aju ili u drugoj aplikaciji kako biste provjerili da li sve izgleda kako treba. Ova brza provjera mo\u017ee otkriti probleme s formatiranjem, fontove koji nedostaju, neispravne veze ili probleme s reprodukcijom medija prije nego \u0161to se va\u0161 nastavnik susre\u0107e s njima tijekom ocjenjivanja.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n    \n    <!-- Format Conversion Section -->\n    <section class=\"features-section\">\n        <h2 class=\"section-title\">Vodi\u010d za pretvorbu formata datoteke za studente<\/h2>\n        \n        <div class=\"features-grid\">\n            <div class=\"feature-card\">\n                <div class=\"feature-content\">\n                    <div class=\"feature-icon\">\n                        <i class=\"fas fa-file-word\"><\/i>\n                    <\/div>\n                    <h3 class=\"feature-title\">Pretvaranje formata dokumenata<\/h3>\n                    <p class=\"feature-text\">Ve\u0107ina formata dokumenata mo\u017ee se pretvoriti izravno unutar njihovih izvornih aplikacija putem funkcija &#8220;Spremi kao&#8221; ili &#8220;Izvezi&#8221;.<\/p>\n                    <ul class=\"feature-list\">\n                        <li class=\"feature-item\">\n                            <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                            <span class=\"feature-item-text\"><strong>Word u PDF:<\/strong> Koristite File > Save As > PDF ili Export > Create PDF<\/span>\n                        <\/li>\n                        <li class=\"feature-item\">\n                            <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                            <span class=\"feature-item-text\"><strong>Google dokumenti u Word:<\/strong> Datoteka > Preuzmi > Microsoft Word (.docx)<\/span>\n                        <\/li>\n                        <li class=\"feature-item\">\n                            <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                            <span class=\"feature-item-text\"><strong>ODT u DOCX:<\/strong> Datoteka > Spremi kao > Odaberite .docx format<\/span>\n                        <\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n            \n            <div class=\"feature-card\">\n                <div class=\"feature-content\">\n                    <div class=\"feature-icon\">\n                        <i class=\"fas fa-file-image\"><\/i>\n                    <\/div>\n                    <h3 class=\"feature-title\">Pretvaranje slikovnih formata<\/h3>\n                    <p class=\"feature-text\">Pretvorba slika mo\u017ee se izvr\u0161iti pomo\u0107u softvera za ure\u0111ivanje fotografija, mre\u017enih pretvara\u010da ili \u010dak osnovnih ugra\u0111enih alata.<\/p>\n                    <ul class=\"feature-list\">\n                        <li class=\"feature-item\">\n                            <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                            <span class=\"feature-item-text\"><strong>JPEG u PNG:<\/strong> Otvorite u ure\u0111iva\u010du slika i Spremite kao\/Izvezite kao PNG<\/span>\n                        <\/li>\n                        <li class=\"feature-item\">\n                            <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                            <span class=\"feature-item-text\"><strong>Snimka zaslona u PDF:<\/strong> Zalijepite slike u dokument i izvezite ih kao PDF<\/span>\n                        <\/li>\n                        <li class=\"feature-item\">\n                            <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                            <span class=\"feature-item-text\"><strong>TIFF u JPEG:<\/strong> Otvorite u Preview (Mac) ili Photos (Windows) i izvezite\/spremite kao JPEG<\/span>\n                        <\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n            \n            <div class=\"feature-card\">\n                <div class=\"feature-content\">\n                    <div class=\"feature-icon\">\n                        <i class=\"fas fa-file-video\"><\/i>\n                    <\/div>\n                    <h3 class=\"feature-title\">Pretvaranje video formata<\/h3>\n                    <p class=\"feature-text\">Pretvorba videozapisa \u010desto zahtijeva specijalizirani softver, ali je neophodna za osiguravanje kompatibilnosti reprodukcije.<\/p>\n                    <ul class=\"feature-list\">\n                        <li class=\"feature-item\">\n                            <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                            <span class=\"feature-item-text\"><strong>MOV u MP4:<\/strong> Koristite besplatne pretvara\u010de kao \u0161to je HandBrake ili online usluge<\/span>\n                        <\/li>\n                        <li class=\"feature-item\">\n                            <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                            <span class=\"feature-item-text\"><strong>Smanji veli\u010dinu videa:<\/strong> Komprimirajte videozapise uz odr\u017eavanje prihvatljive kvalitete<\/span>\n                        <\/li>\n                        <li class=\"feature-item\">\n                            <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                            <span class=\"feature-item-text\"><strong>Snimke zaslona:<\/strong> Izvezite u MP4 format za univerzalnu kompatibilnost<\/span>\n                        <\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n            \n            <div class=\"feature-card\">\n                <div class=\"feature-content\">\n                    <div class=\"feature-icon\">\n                        <i class=\"fas fa-file-audio\"><\/i>\n                    <\/div>\n                    <h3 class=\"feature-title\">Pretvaranje audio formata<\/h3>\n                    <p class=\"feature-text\">Pretvorba zvuka osigurava da su va\u0161e snimke i glazbeni projekti dostupni profesorima i kolegama.<\/p>\n                    <ul class=\"feature-list\">\n                        <li class=\"feature-item\">\n                            <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                            <span class=\"feature-item-text\"><strong>WAV u MP3:<\/strong> Koristite Audacity (besplatno) ili druge audio editore<\/span>\n                        <\/li>\n                        <li class=\"feature-item\">\n                            <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                            <span class=\"feature-item-text\"><strong>Glasovni zapisi:<\/strong> Izvezite snimke u MP3 format za dijeljenje<\/span>\n                        <\/li>\n                        <li class=\"feature-item\">\n                            <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                            <span class=\"feature-item-text\"><strong>Glazbeni projekti:<\/strong> Izvezite u formate visoke kvalitete (WAV\/FLAC) i komprimirane (MP3).<\/span>\n                        <\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n            \n            <div class=\"feature-card\">\n                <div class=\"feature-content\">\n                    <div class=\"feature-icon\">\n                        <i class=\"fas fa-file-powerpoint\"><\/i>\n                    <\/div>\n                    <h3 class=\"feature-title\">Pretvaranje prezentacijskih formata<\/h3>\n                    <p class=\"feature-text\">Osigurajte da va\u0161e prezentacije rade na razli\u010ditim sustavima i platformama.<\/p>\n                    <ul class=\"feature-list\">\n                        <li class=\"feature-item\">\n                            <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                            <span class=\"feature-item-text\"><strong>PowerPoint u PDF:<\/strong> \u010cuva izgled, ali gubi animacije<\/span>\n                        <\/li>\n                        <li class=\"feature-item\">\n                            <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                            <span class=\"feature-item-text\"><strong>Uvod u PowerPoint:<\/strong> Datoteka > Izvezi u > PowerPoint<\/span>\n                        <\/li>\n                        <li class=\"feature-item\">\n                            <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                            <span class=\"feature-item-text\"><strong>Izvoz Google prezentacija:<\/strong> Datoteka > Preuzmi > Microsoft PowerPoint<\/span>\n                        <\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n            \n            <div class=\"feature-card\">\n                <div class=\"feature-content\">\n                    <div class=\"feature-icon\">\n                        <i class=\"fas fa-cloud\"><\/i>\n                    <\/div>\n                    <h3 class=\"feature-title\">Online alati za pretvorbu<\/h3>\n                    <p class=\"feature-text\">Usluge konverzije temeljene na webu nude prakti\u010dne opcije kada nemate specijalizirani softver.<\/p>\n                    <ul class=\"feature-list\">\n                        <li class=\"feature-item\">\n                            <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                            <span class=\"feature-item-text\">Besplatni online pretvara\u010di za naj\u010de\u0161\u0107e pretvorbe formata<\/span>\n                        <\/li>\n                        <li class=\"feature-item\">\n                            <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                            <span class=\"feature-item-text\">Opcije temeljene na oblaku putem Google Drivea i Microsoft OneDrivea<\/span>\n                        <\/li>\n                        <li class=\"feature-item\">\n                            <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                            <span class=\"feature-item-text\">Uzmite u obzir ograni\u010denja privatnosti i veli\u010dine datoteke kada koristite mre\u017ene alate<\/span>\n                        <\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n    \n    <!-- FAQ Section -->\n    <section class=\"faq-section\">\n        <h2 class=\"section-title\">\u010cesto postavljana pitanja o akademskim formatima datoteka<\/h2>\n        \n        <div class=\"faq-container\">\n            <div class=\"faq-item\">\n                <h3 class=\"faq-question\">\n                    <span class=\"faq-icon\"><i class=\"fas fa-question-circle\"><\/i><\/span>\n                    Koji format datoteke trebam koristiti prilikom predaje zavr\u0161nog rada ili disertacije?\n                <\/h3>\n                <div class=\"faq-answer\">\n                    <p>Za predaju zavr\u0161nih teza ili disertacija, PDF je gotovo univerzalno po\u017eeljan. PDF\/A format, posebno dizajniran za arhivske svrhe, osigurava da \u0107e va\u0161 dokument ostati dostupan i pravilno formatiran desetlje\u0107ima. Ve\u0107ina sveu\u010dili\u0161ta ima posebne smjernice za elektroni\u010dku predaju teza i disertacija (ETD), stoga provjerite zahtjeve svoje ustanove. Sa\u010duvajte izvornu datoteku programa za obradu teksta (.docx, .odt) za sve budu\u0107e revizije ili ponovnu upotrebu sadr\u017eaja.<\/p>\n                <\/div>\n            <\/div>\n            \n            <div class=\"faq-item\">\n                <h3 class=\"faq-question\">\n                    <span class=\"faq-icon\"><i class=\"fas fa-question-circle\"><\/i><\/span>\n                    Za\u0161to se moje oblikovanje ponekad mijenja kada dijelim dokumente s kolegama iz razreda?\n                <\/h3>\n                <div class=\"faq-answer\">\n                    <p>Do promjena oblikovanja obi\u010dno dolazi zbog razlika u fontovima, nekompatibilnosti verzija ili varijacija platforme. Da biste smanjili ovaj problem: (1) Koristite uobi\u010dajene fontove uklju\u010dene u ve\u0107inu sustava (Arial, Times New Roman, Calibri); (2) Dijelite u PDF formatu kada je o\u010duvanje formatiranja kriti\u010dno; (3) Ako koristite Word, omogu\u0107ite opciju &#8220;Ugradi fontove u datoteku&#8221; u postavkama spremanja Worda; (4) Za zajedni\u010dko ure\u0111ivanje koristite platforme temeljene na oblaku kao \u0161to su Google Docs ili Office 365 gdje svi rade na istoj verziji.<\/p>\n                <\/div>\n            <\/div>\n            \n            <div class=\"faq-item\">\n                <h3 class=\"faq-question\">\n                    <span class=\"faq-icon\"><i class=\"fas fa-question-circle\"><\/i><\/span>\n                    Kako mogu smanjiti veli\u010dinu datoteke svoje prezentacije bez gubitka kvalitete?\n                <\/h3>\n                <div class=\"faq-answer\">\n                    <p>Da biste smanjili veli\u010dinu datoteke prezentacije: (1) Komprimirajte slike prije umetanja (desnom tipkom mi\u0161a kliknite slike u programu PowerPoint i odaberite &#8220;Komprimiraj slike&#8221;); (2) Koristite formate slika optimizirane za web poput JPEG za fotografije i PNG za grafike s prozirnom pozadinom; (3) Ugradite fontove umjesto da ih prilo\u017eite; (4) Uklonite neiskori\u0161tene slajdove i predlo\u0161ke; (5) Izbjegavajte ugra\u0111ivanje video datoteka\u2014umjesto toga, komprimirajte ih zasebno i pove\u017eite; (6) Koristite PowerPointovu opciju &#8220;Spremi kao&#8221; s odabranom &#8220;Smanji veli\u010dinu datoteke&#8221;. Za iznimno velike prezentacije razmislite o dijeljenju u vi\u0161e datoteka ili kori\u0161tenju pohrane u oblaku s vezama za dijeljenje.<\/p>\n                <\/div>\n            <\/div>\n            \n            <div class=\"faq-item\">\n                <h3 class=\"faq-question\">\n                    <span class=\"faq-icon\"><i class=\"fas fa-question-circle\"><\/i><\/span>\n                    Koji je najbolji format za uklju\u010divanje podataka i prora\u010dunskih tablica u moje zadatke?\n                <\/h3>\n                <div class=\"faq-answer\">\n                    <p>Za uklju\u010divanje podataka u zadatke: (1) Za tablice s osnovnim podacima koje ne\u0107e trebati ponovno izra\u010dunati, ugradite ih izravno u svoj dokument ili pretvorite u PDF; (2) Za interaktivne podatke koji zahtijevaju izra\u010dun ili manipulaciju, po\u0161aljite izvornu Excel (XLSX) ili Google Sheets datoteku; (3) Za univerzalni pristup neobra\u0111enim podacima, razmislite o CSV formatu, koji se mo\u017ee otvoriti gotovo bilo kojim programom za prora\u010dunske tablice ili alatom za analizu podataka; (4) Za velike skupove podataka, razmislite o pru\u017eanju neobra\u0111enih podataka (CSV) i svoje datoteke analize (XLSX); (5) Uvijek uklju\u010dite jasna zaglavlja, mjerne jedinice i navode izvora podataka bez obzira na format.<\/p>\n                <\/div>\n            <\/div>\n            \n            <div class=\"faq-item\">\n                <h3 class=\"faq-question\">\n                    <span class=\"faq-icon\"><i class=\"fas fa-question-circle\"><\/i><\/span>\n                    Kako trebam oblikovati i spremiti citate i bibliografije za akademske radove?\n                <\/h3>\n                <div class=\"faq-answer\">\n                    <p>Za citate i bibliografije: (1) Koristite softver za upravljanje citatima kao \u0161to je Zotero, Mendeley ili EndNote za odr\u017eavanje dosljednog oblikovanja; (2) Izvezite citate u formate kompatibilne s va\u0161im programom za obradu teksta (.bib za LaTeX, .xml za Word); (3) Spremite svoju bibliografiju u istom formatu kao i va\u0161 rad; (4) Za suradni\u010dke projekte razmislite o kori\u0161tenju zajedni\u010dkih knji\u017enica citata; (5) Sigurnosnu kopiju va\u0161e baze podataka citata uvijek dr\u017eite odvojeno od svog rada; (6) Prilikom podno\u0161enja zavr\u0161nih radova, osigurajte da su citati ispravno ugra\u0111eni, a ne povezani s vanjskim datotekama kako biste sprije\u010dili neispravne reference.<\/p>\n                <\/div>\n            <\/div>\n            \n            <div class=\"faq-item\">\n                <h3 class=\"faq-question\">\n                    <span class=\"faq-icon\"><i class=\"fas fa-question-circle\"><\/i><\/span>\n                    Koji formati datoteka najbolje funkcioniraju za predaju zadataka putem sustava za upravljanje u\u010denjem?\n                <\/h3>\n                <div class=\"faq-answer\">\n                    <p>Za sustave za upravljanje u\u010denjem (LMS) kao \u0161to su Canvas, Blackboard ili Moodle: (1) PDF je najsigurniji format za osiguravanje dosljednog gledanja i sprje\u010davanje ure\u0111ivanja; (2) DOCX je \u0161iroko podr\u017ean, ali se mo\u017ee prikazati druga\u010dije ovisno o gledatelju; (3) Provjerite ograni\u010denja veli\u010dine datoteke\u2014ve\u0107ina LMS platformi ima maksimalnu veli\u010dinu za u\u010ditavanje (obi\u010dno 10-100MB); (4) Za multimedijske projekte, komprimirajte videozapise u MP4 format s umjerenom brzinom prijenosa; (5) Ako \u0161aljete vi\u0161e datoteka, razmislite o njihovom kombiniranju u jednu ZIP arhivu; (6) Uvijek provjerite prikazuje li se va\u0161 podnesak ispravno nakon u\u010ditavanja pomo\u0107u zna\u010dajke &#8220;prikaz u\u010denika&#8221; kada je dostupna.<\/p>\n                <\/div>\n            <\/div>\n            \n            <div class=\"faq-item\">\n                <h3 class=\"faq-question\">\n                    <span class=\"faq-icon\"><i class=\"fas fa-question-circle\"><\/i><\/span>\n                    Kako mogu osigurati da moj digitalni portfelj bude dostupan na razli\u010ditim ure\u0111ajima?\n                <\/h3>\n                <div class=\"faq-answer\">\n                    <p>Za pristupa\u010dnost digitalnog portfelja na razli\u010ditim ure\u0111ajima: (1) Koristite odgovaraju\u0107i HTML\/CSS za portfelje temeljene na webu; (2) Pretvorite dizajnerski rad u PDF s ugra\u0111enim fontovima; (3) Koristite MP4 za video sadr\u017eaj s H.264 kodiranjem; (4) Optimizirajte slike kako biste uravnote\u017eili kvalitetu i veli\u010dinu datoteke (JPEG za fotografije, PNG za grafiku); (5) Testirajte na vi\u0161e ure\u0111aja i preglednika prije dijeljenja; (6) Razmislite o stvaranju verzija visoke razlu\u010divosti za detaljno gledanje i komprimiranih verzija za brzo u\u010ditavanje; (7) uklju\u010diti tekstualne alternative za vizualni sadr\u017eaj; (8) Navedite veze za preuzimanje za opcije izvanmre\u017enog gledanja.<\/p>\n                <\/div>\n            <\/div>\n            \n            <div class=\"faq-item\">\n                <h3 class=\"faq-question\">\n                    <span class=\"faq-icon\"><i class=\"fas fa-question-circle\"><\/i><\/span>\n                    Koji je najbolji na\u010din za dijeljenje velikih datoteka s profesorima ili kolegama?\n                <\/h3>\n                <div class=\"faq-answer\">\n                    <p>Za dijeljenje velikih datoteka: (1) Koristite odobrenu pohranu u oblaku svoje ustanove (Google Drive, OneDrive, Dropbox) s odgovaraju\u0107im dozvolama za dijeljenje; (2) Komprimirajte datoteke koriste\u0107i ZIP ili RAR formate kako biste smanjili veli\u010dinu; (3) Po potrebi podijelite vrlo velike datoteke u manje segmente; (4) Za video projekte izradite komprimiranu verziju za jednostavno gledanje i ponudite verziju visoke kvalitete na zahtjev; (5) Koristite usluge prijenosa datoteka koje ne zahtijevaju od primatelja stvaranje ra\u010duna; (6) Uklju\u010dite jasne nazive datoteka i organizaciju; (7) Provjerite funkcioniraju li veze za preuzimanje prije dijeljenja i postavite odgovaraju\u0107e datume isteka radi sigurnosti.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n    \n    <!-- CTA Section -->\n    <section class=\"cta-section\">\n        <div class=\"cta-pattern\"><\/div>\n        <div class=\"cta-content\">\n            <h2 class=\"cta-title\">Jeste li spremni za uspje\u0161nu akademsku godinu?<\/h2>\n            <p class=\"cta-text\">Ovladajte formatima datoteka kako biste pojednostavili svoj tijek rada, osigurali kompatibilnost i predali besprijekorne zadatke. Ozna\u010dite ovaj vodi\u010d za brzo kori\u0161tenje tijekom \u0161kolske godine.<\/p>\n            <div class=\"hero-buttons\">\n                <a href=\"#document-formats\" class=\"btn btn-primary\">Istra\u017eite vodi\u010d za formate<\/a>\n                <a href=\"#compatibility\" class=\"btn btn-secondary\">Pogledajte tablicu kompatibilnosti<\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n<\/div>\n\n<!-- Styling -->\n<style>\n    \/* Main Styles *\/\n    :root {\n        --primary-color: #FD9800;\n        --primary-hover: #e88a00;\n        --text-color: #3A3A3A;\n        --light-bg: #f8faff;\n        --gradient-bg: linear-gradient(135deg, #f8faff 0%, #fff5e6 100%);\n        --box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);\n        --hover-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);\n        --border-color: #f1f5f9;\n    }\n\n    .file-format-guide-section {\n        max-width: 1200px;\n        margin: 0 auto;\n        padding: 2rem 1.5rem;\n        font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;\n        color: var(--text-color);\n    }\n\n    \/* Hero Section *\/\n    .hero-section {\n        text-align: center;\n        padding: 3rem 1rem;\n        margin-bottom: 3rem;\n        background: var(--gradient-bg);\n        border-radius: 16px;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .hero-pattern {\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23fd9800' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n        opacity: 0.5;\n        z-index: 0;\n    }\n\n    .hero-content {\n        position: relative;\n        z-index: 1;\n        max-width: 800px;\n        margin: 0 auto;\n    }\n\n    .hero-title {\n        font-size: 2.8rem;\n        font-weight: 800;\n        margin-bottom: 1.5rem;\n        color: var(--text-color);\n    }\n\n    .hero-subtitle {\n        font-size: 1.25rem;\n        margin-bottom: 2rem;\n        color: var(--text-color);\n        line-height: 1.6;\n    }\n\n    .hero-badges {\n        display: flex;\n        flex-wrap: wrap;\n        justify-content: center;\n        gap: 1rem;\n        margin-bottom: 2rem;\n    }\n\n    .hero-badge {\n        display: flex;\n        align-items: center;\n        background: white;\n        border-radius: 50px;\n        padding: 0.5rem 1rem;\n        box-shadow: var(--box-shadow);\n        transition: all 0.3s ease;\n        border: 1px solid var(--border-color);\n    }\n\n    .hero-badge:hover {\n        transform: translateY(-3px);\n        box-shadow: var(--hover-shadow);\n        border-color: rgba(253, 152, 0, 0.3);\n    }\n\n    .hero-badge-icon {\n        color: var(--primary-color);\n        margin-right: 0.5rem;\n        font-size: 1rem;\n    }\n\n    .hero-badge-text {\n        font-size: 0.9rem;\n        font-weight: 600;\n        color: var(--text-color);\n    }\n\n    .hero-buttons {\n        display: flex;\n        justify-content: center;\n        gap: 1rem;\n        flex-wrap: wrap;\n    }\n\n    .btn {\n        display: inline-block;\n        padding: 0.75rem 1.5rem;\n        border-radius: 8px;\n        font-weight: 600;\n        text-decoration: none !important;\n        transition: all 0.3s ease;\n        cursor: pointer;\n        font-size: 1rem;\n    }\n\n    .btn-primary {\n        background-color: var(--primary-color);\n        color: white !important;\n        box-shadow: 0 8px 16px rgba(253, 152, 0, 0.2);\n        border: none;\n    }\n\n    .btn-primary:hover {\n        background-color: var(--primary-hover);\n        transform: translateY(-2px);\n        text-decoration: none !important;\n    }\n\n    .btn-secondary {\n        background-color: white;\n        color: var(--primary-color) !important;\n        border: 1px solid var(--border-color);\n    }\n\n    .btn-secondary:hover {\n        background-color: #fff5e6;\n        transform: translateY(-2px);\n        text-decoration: none !important;\n    }\n\n    \/* Features Section *\/\n    .features-section {\n        margin-bottom: 4rem;\n    }\n\n    .section-title {\n        font-size: 2.2rem;\n        font-weight: 700;\n        text-align: center;\n        margin-bottom: 2.5rem;\n        color: var(--text-color);\n    }\n\n    .features-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n        gap: 2rem;\n    }\n\n    .feature-card {\n        background: white;\n        border-radius: 16px;\n        overflow: hidden;\n        box-shadow: var(--box-shadow);\n        transition: all 0.3s ease;\n        border: 1px solid var(--border-color);\n        height: 100%;\n        display: flex;\n        flex-direction: column;\n    }\n\n    .feature-card:hover {\n        transform: translateY(-5px);\n        box-shadow: var(--hover-shadow);\n        border-color: rgba(253, 152, 0, 0.3);\n    }\n\n    .feature-icon {\n        width: 60px;\n        height: 60px;\n        background-color: rgba(253, 152, 0, 0.15);\n        color: var(--primary-color);\n        border-radius: 12px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        margin-bottom: 1.5rem;\n        font-size: 1.8rem;\n        transition: all 0.3s ease;\n    }\n\n    .feature-card:hover .feature-icon {\n        background: linear-gradient(135deg, #FD9800 0%, #FF6D00 100%);\n        color: white;\n        box-shadow: 0 10px 20px rgba(253, 152, 0, 0.2);\n    }\n\n    .feature-content {\n        padding: 2rem;\n        flex-grow: 1;\n    }\n\n    .feature-title {\n        font-size: 1.4rem;\n        font-weight: 700;\n        margin-bottom: 1rem;\n        color: var(--text-color);\n    }\n\n    .feature-text {\n        font-size: 1rem;\n        color: #555;\n        line-height: 1.6;\n        margin-bottom: 1.5rem;\n    }\n\n    .feature-list {\n        list-style: none;\n        padding: 0;\n        margin: 0;\n    }\n\n    .feature-item {\n        display: flex;\n        align-items: flex-start;\n        margin-bottom: 0.75rem;\n        line-height: 1.5;\n    }\n\n    .feature-check {\n        color: var(--primary-color);\n        margin-right: 0.75rem;\n        flex-shrink: 0;\n        margin-top: 0.2rem;\n    }\n\n    .feature-item-text {\n        font-size: 0.95rem;\n        color: var(--text-color);\n    }\n\n    \/* Formats Section *\/\n    .formats-section {\n        margin-bottom: 4rem;\n    }\n\n    .formats-container {\n        background: white;\n        border-radius: 16px;\n        padding: 2rem;\n        box-shadow: var(--box-shadow);\n        border: 1px solid var(--border-color);\n    }\n\n    .formats-title {\n        font-size: 1.8rem;\n        font-weight: 700;\n        text-align: center;\n        margin-bottom: 2rem;\n        color: var(--text-color);\n    }\n\n    .formats-subtitle {\n        font-size: 1.1rem;\n        text-align: center;\n        margin-bottom: 2rem;\n        color: #555;\n        line-height: 1.6;\n        max-width: 800px;\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    .formats-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));\n        gap: 1rem;\n    }\n\n    .format-item {\n        background-color: var(--light-bg);\n        border: 1px solid var(--border-color);\n        border-radius: 8px;\n        padding: 0.75rem 0.5rem;\n        font-size: 0.9rem;\n        text-align: center;\n        color: var(--text-color);\n        transition: all 0.2s ease;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        height: 2.5rem;\n    }\n\n    .format-item:hover {\n        background-color: #fff5e6;\n        border-color: var(--primary-color);\n        color: var(--primary-color);\n        transform: translateY(-2px);\n    }\n\n    \/* How It Works Section *\/\n    .how-it-works-section {\n        margin-bottom: 4rem;\n    }\n\n    .steps-container {\n        max-width: 900px;\n        margin: 0 auto;\n    }\n\n    .step-card {\n        display: flex;\n        align-items: flex-start;\n        background: white;\n        border-radius: 16px;\n        padding: 2rem;\n        box-shadow: var(--box-shadow);\n        margin-bottom: 2rem;\n        border: 1px solid var(--border-color);\n        transition: all 0.3s ease;\n    }\n\n    .step-card:hover {\n        transform: translateY(-5px);\n        box-shadow: var(--hover-shadow);\n        border-color: rgba(253, 152, 0, 0.3);\n    }\n\n    .step-number {\n        width: 50px;\n        height: 50px;\n        background-color: rgba(253, 152, 0, 0.15);\n        color: var(--primary-color);\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 1.5rem;\n        font-weight: 700;\n        margin-right: 1.5rem;\n        flex-shrink: 0;\n        transition: all 0.3s ease;\n    }\n\n    .step-card:hover .step-number {\n        background: linear-gradient(135deg, #FD9800 0%, #FF6D00 100%);\n        color: white;\n        box-shadow: 0 10px 20px rgba(253, 152, 0, 0.2);\n    }\n\n    .step-content {\n        flex: 1;\n    }\n\n    .step-title {\n        font-size: 1.4rem;\n        font-weight: 700;\n        margin-bottom: 0.75rem;\n        color: var(--text-color);\n    }\n\n    .step-text {\n        font-size: 1rem;\n        color: #555;\n        line-height: 1.6;\n    }\n\n    \/* FAQ Section *\/\n    .faq-section {\n        margin-bottom: 4rem;\n    }\n\n    .faq-container {\n        max-width: 900px;\n        margin: 0 auto;\n    }\n\n    .faq-item {\n        background: white;\n        border-radius: 16px;\n        padding: 1.5rem 2rem;\n        box-shadow: var(--box-shadow);\n        margin-bottom: 1.5rem;\n        border: 1px solid var(--border-color);\n        transition: all 0.3s ease;\n    }\n\n    .faq-item:hover {\n        transform: translateY(-3px);\n        box-shadow: var(--hover-shadow);\n        border-color: rgba(253, 152, 0, 0.3);\n    }\n\n    .faq-question {\n        font-size: 1.2rem;\n        font-weight: 700;\n        margin-bottom: 1rem;\n        color: var(--text-color);\n        display: flex;\n        align-items: center;\n    }\n\n    .faq-icon {\n        color: var(--primary-color);\n        margin-right: 0.75rem;\n        font-size: 1.2rem;\n    }\n\n    .faq-answer {\n        font-size: 1rem;\n        color: #555;\n        line-height: 1.6;\n    }\n\n    \/* CTA Section *\/\n    .cta-section {\n        text-align: center;\n        padding: 3rem 1rem;\n        background: var(--gradient-bg);\n        border-radius: 16px;\n        position: relative;\n        overflow: hidden;\n        margin-bottom: 2rem;\n    }\n\n    .cta-pattern {\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23fd9800' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n        opacity: 0.5;\n        z-index: 0;\n    }\n\n    .cta-content {\n        position: relative;\n        z-index: 1;\n        max-width: 800px;\n        margin: 0 auto;\n    }\n\n    .cta-title {\n        font-size: 2.2rem;\n        font-weight: 700;\n        margin-bottom: 1.5rem;\n        color: var(--text-color);\n    }\n\n    .cta-text {\n        font-size: 1.1rem;\n        margin-bottom: 2rem;\n        color: #555;\n        line-height: 1.6;\n    }\n\n    \/* Responsive Styles *\/\n    @media (max-width: 768px) {\n        .hero-title {\n            font-size: 2.2rem;\n        }\n        \n        .section-title {\n            font-size: 1.8rem;\n        }\n        \n        .cta-title {\n            font-size: 1.8rem;\n        }\n        \n        .features-grid {\n            grid-template-columns: 1fr;\n            max-width: 500px;\n            margin: 0 auto;\n        }\n        \n        .step-card {\n            flex-direction: column;\n            align-items: flex-start;\n        }\n        \n        .step-number {\n            margin-bottom: 1rem;\n            margin-right: 0;\n        }\n    }\n\n    @media (max-width: 480px) {\n        .hero-title {\n            font-size: 1.8rem;\n        }\n        \n        .hero-subtitle {\n            font-size: 1.1rem;\n        }\n        \n        .section-title {\n            font-size: 1.6rem;\n        }\n        \n        .feature-content {\n            padding: 1.5rem;\n        }\n        \n        .formats-container {\n            padding: 1.5rem;\n        }\n        \n        .step-card {\n            padding: 1.5rem;\n        }\n        \n        .faq-item {\n            padding: 1.25rem;\n        }\n    }\n\n    \/* Button text should never be underlined *\/\n    .btn:hover, .btn:focus, .btn:active {\n        text-decoration: none !important;\n    }\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>Vrhunski vodi\u010d za format datoteke za povratak u \u0161kolu za u\u010denike i nastavnike Ovladajte osnovnim formatima dokumenata, prezentacija, slika i [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-3573","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"woocommerce_thumbnail":false,"woocommerce_single":false,"woocommerce_gallery_thumbnail":false},"uagb_author_info":{"display_name":"convertify","author_link":"https:\/\/convertifypro.com\/author\/convertifypro\/"},"uagb_comment_info":0,"uagb_excerpt":"Vrhunski vodi\u010d za format datoteke za povratak u \u0161kolu za u\u010denike i nastavnike Ovladajte osnovnim formatima dokumenata, prezentacija, slika i [&hellip;]","_links":{"self":[{"href":"https:\/\/convertifypro.com\/wp-json\/wp\/v2\/pages\/3573","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/convertifypro.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/convertifypro.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/convertifypro.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/convertifypro.com\/wp-json\/wp\/v2\/comments?post=3573"}],"version-history":[{"count":0,"href":"https:\/\/convertifypro.com\/wp-json\/wp\/v2\/pages\/3573\/revisions"}],"wp:attachment":[{"href":"https:\/\/convertifypro.com\/wp-json\/wp\/v2\/media?parent=3573"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}