{"id":21702,"date":"2025-09-01T13:23:19","date_gmt":"2025-09-01T13:23:19","guid":{"rendered":"https:\/\/e-pisarna.eu\/oddelki\/?p=21702"},"modified":"2025-09-01T13:31:19","modified_gmt":"2025-09-01T13:31:19","slug":"chatgpt-canva","status":"publish","type":"post","link":"https:\/\/e-pisarna.eu\/oddelki\/chatgpt-canva\/","title":{"rendered":"ChatGPT &#038; Canva"},"content":{"rendered":"\n\n\n<body class=\"bg-slate-900 text-white\">\n    <!-- Header -->\n\n    <!-- Hero Section -->\n    <section id=\"pregled\" class=\"ai-gradient text-white py-20 neural-bg\">\n        <div class=\"container mx-auto px-4\">\n            <div class=\"text-center mb-16\">\n                <h1 class=\"text-5xl md:text-7xl font-bold mb-8\">\n                    <span class=\"bg-gradient-to-r from-white to-ai-cyan bg-clip-text text-transparent\">\n                        ChatGPT &#038; Canva\n                    <\/span>\n                <\/h1>\n                <p class=\"text-xl md:text-2xl mb-10 opacity-90 max-w-4xl mx-auto leading-relaxed\">\n                    Revolucionarni AI orodji, ki preoblikujeta na\u010din komunikacije in oblikovanja\n                <\/p>\n            <\/div>\n\n            <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-12 mb-16\">\n                <div class=\"bg-slate-800\/50 backdrop-blur-md rounded-3xl p-8 border border-chatgpt\/30 glow-chatgpt floating\">\n                    <div class=\"text-center\">\n                        <div class=\"text-6xl mb-6\">\ud83d\udcac<\/div>\n                        <h3 class=\"text-3xl font-bold text-chatgpt mb-4\">ChatGPT<\/h3>\n                        <p class=\"text-ai-gray mb-6\">Napredni jezikovni model za pogovore, pisanje in re\u0161evanje problemov<\/p>\n                        <div class=\"grid grid-cols-2 gap-4 text-sm\">\n                            <div class=\"bg-chatgpt\/20 rounded-lg p-3 border border-chatgpt\/30\">\n                                <div class=\"font-semibold text-chatgpt\">Razvijalec<\/div>\n                                <div>OpenAI<\/div>\n                            <\/div>\n                            <div class=\"bg-chatgpt\/20 rounded-lg p-3 border border-chatgpt\/30\">\n                                <div class=\"font-semibold text-chatgpt\">Izid<\/div>\n                                <div>November 2022<\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"bg-slate-800\/50 backdrop-blur-md rounded-3xl p-8 border border-canva\/30 glow-canva floating\" style=\"animation-delay: 1s;\">\n                    <div class=\"text-center\">\n                        <div class=\"text-6xl mb-6\">\ud83c\udfa8<\/div>\n                        <h3 class=\"text-3xl font-bold text-canva mb-4\">Canva<\/h3>\n                        <p class=\"text-ai-gray mb-6\">Platforma za grafi\u010dno oblikovanje z AI funkcionalnostmi<\/p>\n                        <div class=\"grid grid-cols-2 gap-4 text-sm\">\n                            <div class=\"bg-canva\/20 rounded-lg p-3 border border-canva\/30\">\n                                <div class=\"font-semibold text-canva\">Ustanovitev<\/div>\n                                <div>2013<\/div>\n                            <\/div>\n                            <div class=\"bg-canva\/20 rounded-lg p-3 border border-canva\/30\">\n                                <div class=\"font-semibold text-canva\">Uporabniki<\/div>\n                                <div>100M+<\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"text-center\">\n                <div class=\"bg-white\/10 backdrop-blur-md rounded-2xl p-8 border border-white\/20\">\n                    <h3 class=\"text-2xl font-bold mb-4\">Zakaj sta pomembni?<\/h3>\n                    <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6\">\n                        <div class=\"text-center\">\n                            <div class=\"text-3xl mb-2\">\ud83d\ude80<\/div>\n                            <div class=\"font-semibold\">Dostopnost AI<\/div>\n                            <div class=\"text-sm opacity-80\">AI za vsakogar<\/div>\n                        <\/div>\n                        <div class=\"text-center\">\n                            <div class=\"text-3xl mb-2\">\u26a1<\/div>\n                            <div class=\"font-semibold\"><a href=\"https:\/\/e-pisarna.eu\/oddelki\/zivljenjski-slog\/navade-produktivnost\/\">Produktivnost<\/a><\/div>\n                            <div class=\"text-sm opacity-80\">Hitrej\u0161e delo<\/div>\n                        <\/div>\n                        <div class=\"text-center\">\n                            <div class=\"text-3xl mb-2\">\ud83d\udca1<\/div>\n                            <div class=\"font-semibold\">Kreativnost<\/div>\n                            <div class=\"text-sm opacity-80\">Nove mo\u017enosti<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- ChatGPT Section -->\n    <section id=\"chatgpt\" class=\"py-20 bg-slate-800\">\n        <div class=\"container mx-auto px-4\">\n            <div class=\"text-center mb-16\">\n                <h2 class=\"text-4xl md:text-5xl font-bold mb-6 text-chatgpt\">\n                    ChatGPT\n                <\/h2>\n                <p class=\"text-xl text-ai-gray max-w-4xl mx-auto\">\n                    Generativni umetni inteligenci, ki je spremenil na\u010din komunikacije z ra\u010dunalniki\n                <\/p>\n            <\/div>\n\n            <!-- ChatGPT Tabs -->\n            <div class=\"mb-12\">\n                <div class=\"flex flex-wrap justify-center space-x-2 mb-8\">\n                    <button onclick=\"showChatGPTTab('zgodovina')\" id=\"tab-zgodovina\" class=\"tab-active px-6 py-3 rounded-xl font-semibold transition-all\">\n                        Zgodovina\n                    <\/button>\n                    <button onclick=\"showChatGPTTab('funkcionalnosti')\" id=\"tab-funkcionalnosti\" class=\"tab-inactive px-6 py-3 rounded-xl font-semibold transition-all\">\n                        Funkcionalnosti\n                    <\/button>\n                    <button onclick=\"showChatGPTTab('uporaba')\" id=\"tab-uporaba\" class=\"tab-inactive px-6 py-3 rounded-xl font-semibold transition-all\">\n                        Prakti\u010dna uporaba\n                    <\/button>\n                    <button onclick=\"showChatGPTTab('nasveti')\" id=\"tab-nasveti\" class=\"tab-inactive px-6 py-3 rounded-xl font-semibold transition-all\">\n                        Nasveti\n                    <\/button>\n                <\/div>\n\n                <!-- Tab Content -->\n                <div id=\"chatgpt-zgodovina\" class=\"tab-content\">\n                    <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-12\">\n                        <div class=\"bg-slate-900\/80 backdrop-blur-md rounded-3xl p-8 border border-chatgpt\/30\">\n                            <h3 class=\"text-2xl font-bold text-chatgpt mb-6\">Razvoj ChatGPT<\/h3>\n                            <div class=\"space-y-6\">\n                                <div class=\"flex items-start space-x-4\">\n                                    <div class=\"bg-chatgpt\/20 p-3 rounded-xl border border-chatgpt\/30 text-chatgpt font-bold\">2018<\/div>\n                                    <div>\n                                        <h4 class=\"font-semibold text-white mb-1\">GPT-1<\/h4>\n                                        <p class=\"text-ai-gray text-sm\">Prvi generativni predtrenirani transformer z 117M parametri<\/p>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"flex items-start space-x-4\">\n                                    <div class=\"bg-chatgpt\/20 p-3 rounded-xl border border-chatgpt\/30 text-chatgpt font-bold\">2019<\/div>\n                                    <div>\n                                        <h4 class=\"font-semibold text-white mb-1\">GPT-2<\/h4>\n                                        <p class=\"text-ai-gray text-sm\">1.5B parametrov, sprva zadr\u017ean zaradi skrbi za zlorabo<\/p>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"flex items-start space-x-4\">\n                                    <div class=\"bg-chatgpt\/20 p-3 rounded-xl border border-chatgpt\/30 text-chatgpt font-bold\">2020<\/div>\n                                    <div>\n                                        <h4 class=\"font-semibold text-white mb-1\">GPT-3<\/h4>\n                                        <p class=\"text-ai-gray text-sm\">175B parametrov, preboj v jezikovnem razumevanju<\/p>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"flex items-start space-x-4\">\n                                    <div class=\"bg-chatgpt\/20 p-3 rounded-xl border border-chatgpt\/30 text-chatgpt font-bold\">2022<\/div>\n                                    <div>\n                                        <h4 class=\"font-semibold text-white mb-1\">ChatGPT<\/h4>\n                                        <p class=\"text-ai-gray text-sm\">Javna izdaja, 100M uporabnikov v 2 mesecih<\/p>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"flex items-start space-x-4\">\n                                    <div class=\"bg-chatgpt\/20 p-3 rounded-xl border border-chatgpt\/30 text-chatgpt font-bold\">2023<\/div>\n                                    <div>\n                                        <h4 class=\"font-semibold text-white mb-1\">GPT-4<\/h4>\n                                        <p class=\"text-ai-gray text-sm\">Multimodalni model z izbolj\u0161animi sposobnostmi<\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"bg-slate-900\/80 backdrop-blur-md rounded-3xl p-8 border border-chatgpt\/30\">\n                            <h3 class=\"text-2xl font-bold text-chatgpt mb-6\">Klju\u010dne mejnike<\/h3>\n                            <div class=\"space-y-4\">\n                                <div class=\"bg-chatgpt\/10 rounded-xl p-4 border border-chatgpt\/20\">\n                                    <div class=\"flex items-center space-x-3 mb-2\">\n                                        <span class=\"text-2xl\">\ud83c\udfaf<\/span>\n                                        <span class=\"font-semibold text-white\">Najhitrej\u0161a rast<\/span>\n                                    <\/div>\n                                    <p class=\"text-ai-gray text-sm\">Najhitreje rasto\u010da aplikacija v zgodovini &#8211; 100M uporabnikov v 2 mesecih<\/p>\n                                <\/div>\n                                <div class=\"bg-chatgpt\/10 rounded-xl p-4 border border-chatgpt\/20\">\n                                    <div class=\"flex items-center space-x-3 mb-2\">\n                                        <span class=\"text-2xl\">\ud83d\udcb0<\/span>\n                                        <span class=\"font-semibold text-white\">Vrednotenje<\/span>\n                                    <\/div>\n                                    <p class=\"text-ai-gray text-sm\">OpenAI vreden preko 80 milijard dolarjev (2024)<\/p>\n                                <\/div>\n                                <div class=\"bg-chatgpt\/10 rounded-xl p-4 border border-chatgpt\/20\">\n                                    <div class=\"flex items-center space-x-3 mb-2\">\n                                        <span class=\"text-2xl\">\ud83c\udf0d<\/span>\n                                        <span class=\"font-semibold text-white\">Globalni vpliv<\/span>\n                                    <\/div>\n                                    <p class=\"text-ai-gray text-sm\">Spro\u017eil AI revolucijo in tekmovanje med tehnolo\u0161kimi velikani<\/p>\n                                <\/div>\n                                <div class=\"bg-chatgpt\/10 rounded-xl p-4 border border-chatgpt\/20\">\n                                    <div class=\"flex items-center space-x-3 mb-2\">\n                                        <span class=\"text-2xl\">\ud83c\udf93<\/span>\n                                        <span class=\"font-semibold text-white\">Izobra\u017eevanje<\/span>\n                                    <\/div>\n                                    <p class=\"text-ai-gray text-sm\">Spremenil pristope k u\u010denju in pou\u010devanju po vsem svetu<\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div id=\"chatgpt-funkcionalnosti\" class=\"tab-content hidden\">\n                    <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\n                        <div class=\"bg-slate-900\/80 backdrop-blur-md rounded-2xl p-6 border border-chatgpt\/30 card-hover\">\n                            <div class=\"text-center mb-4\">\n                                <div class=\"text-4xl mb-3\">\ud83d\udcac<\/div>\n                                <h3 class=\"text-xl font-bold text-chatgpt\">Pogovor<\/h3>\n                            <\/div>\n                            <ul class=\"text-sm text-ai-gray space-y-2\">\n                                <li>\u2022 Naravni pogovor<\/li>\n                                <li>\u2022 Kontekstualno razumevanje<\/li>\n                                <li>\u2022 Ve\u010djezikovnost<\/li>\n                                <li>\u2022 Sledenje pogovoru<\/li>\n                            <\/ul>\n                        <\/div>\n\n                        <div class=\"bg-slate-900\/80 backdrop-blur-md rounded-2xl p-6 border border-chatgpt\/30 card-hover\">\n                            <div class=\"text-center mb-4\">\n                                <div class=\"text-4xl mb-3\">\u270d\ufe0f<\/div>\n                                <h3 class=\"text-xl font-bold text-chatgpt\">Pisanje<\/h3>\n                            <\/div>\n                            <ul class=\"text-sm text-ai-gray space-y-2\">\n                                <li>\u2022 Kreativno pisanje<\/li>\n                                <li>\u2022 Tehni\u010dna dokumentacija<\/li>\n                                <li>\u2022 E-po\u0161tna sporo\u010dila<\/li>\n                                <li>\u2022 Povzetki<\/li>\n                            <\/ul>\n                        <\/div>\n\n                        <div class=\"bg-slate-900\/80 backdrop-blur-md rounded-2xl p-6 border border-chatgpt\/30 card-hover\">\n                            <div class=\"text-center mb-4\">\n                                <div class=\"text-4xl mb-3\">\ud83d\udd0d<\/div>\n                                <h3 class=\"text-xl font-bold text-chatgpt\">Analiza<\/h3>\n                            <\/div>\n                            <ul class=\"text-sm text-ai-gray space-y-2\">\n                                <li>\u2022 Analiza besedil<\/li>\n                                <li>\u2022 Razlaga konceptov<\/li>\n                                <li>\u2022 Re\u0161evanje problemov<\/li>\n                                <li>\u2022 Kriti\u010dno mi\u0161ljenje<\/li>\n                            <\/ul>\n                        <\/div>\n\n                        <div class=\"bg-slate-900\/80 backdrop-blur-md rounded-2xl p-6 border border-chatgpt\/30 card-hover\">\n                            <div class=\"text-center mb-4\">\n                                <div class=\"text-4xl mb-3\">\ud83d\udcbb<\/div>\n                                <h3 class=\"text-xl font-bold text-chatgpt\">Programiranje<\/h3>\n                            <\/div>\n                            <ul class=\"text-sm text-ai-gray space-y-2\">\n                                <li>\u2022 Pisanje kode<\/li>\n                                <li>\u2022 Debugging<\/li>\n                                <li>\u2022 Razlaga algoritmov<\/li>\n                                <li>\u2022 Code review<\/li>\n                            <\/ul>\n                        <\/div>\n\n                        <div class=\"bg-slate-900\/80 backdrop-blur-md rounded-2xl p-6 border border-chatgpt\/30 card-hover\">\n                            <div class=\"text-center mb-4\">\n                                <div class=\"text-4xl mb-3\">\ud83c\udf10<\/div>\n                                <h3 class=\"text-xl font-bold text-chatgpt\">Prevajanje<\/h3>\n                            <\/div>\n                            <ul class=\"text-sm text-ai-gray space-y-2\">\n                                <li>\u2022 Ve\u010djezikovnost<\/li>\n                                <li>\u2022 Kontekstualni prevodi<\/li>\n                                <li>\u2022 Kulturne prilagoditve<\/li>\n                                <li>\u2022 Tehni\u010dni prevodi<\/li>\n                            <\/ul>\n                        <\/div>\n\n                        <div class=\"bg-slate-900\/80 backdrop-blur-md rounded-2xl p-6 border border-chatgpt\/30 card-hover\">\n                            <div class=\"text-center mb-4\">\n                                <div class=\"text-4xl mb-3\">\ud83c\udf93<\/div>\n                                <h3 class=\"text-xl font-bold text-chatgpt\">U\u010denje<\/h3>\n                            <\/div>\n                            <ul class=\"text-sm text-ai-gray space-y-2\">\n                                <li>\u2022 Personalizirano u\u010denje<\/li>\n                                <li>\u2022 Razlaga konceptov<\/li>\n                                <li>\u2022 Kvizi in vaje<\/li>\n                                <li>\u2022 \u0160tudijski na\u010drti<\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div id=\"chatgpt-uporaba\" class=\"tab-content hidden\">\n                    <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-12\">\n                        <div>\n                            <h3 class=\"text-2xl font-bold text-chatgpt mb-6\">Poslovne aplikacije<\/h3>\n                            <div class=\"space-y-4\">\n                                <div class=\"bg-slate-900\/80 backdrop-blur-md rounded-xl p-6 border border-chatgpt\/30\">\n                                    <h4 class=\"font-semibold text-white mb-2\">Slu\u017eba za stranke<\/h4>\n                                    <p class=\"text-ai-gray text-sm mb-3\">Avtomatizirani chatboti za 24\/7 podporo strankam<\/p>\n                                    <div class=\"text-xs text-chatgpt\">\u2713 Hitri odzivi \u2713 Ve\u010djezikovnost \u2713 Stro\u0161kovna u\u010dinkovitost<\/div>\n                                <\/div>\n                                <div class=\"bg-slate-900\/80 backdrop-blur-md rounded-xl p-6 border border-chatgpt\/30\">\n                                    <h4 class=\"font-semibold text-white mb-2\">Tr\u017eenje<\/h4>\n                                    <p class=\"text-ai-gray text-sm mb-3\">Ustvarjanje vsebin, oglasov in marketin\u0161kih strategij<\/p>\n                                    <div class=\"text-xs text-chatgpt\">\u2713 Kreativne ideje \u2713 SEO optimizacija \u2713 Personalizacija<\/div>\n                                <\/div>\n                                <div class=\"bg-slate-900\/80 backdrop-blur-md rounded-xl p-6 border border-chatgpt\/30\">\n                                    <h4 class=\"font-semibold text-white mb-2\">\u010clove\u0161ki viri<\/h4>\n                                    <p class=\"text-ai-gray text-sm mb-3\">Pisanje oglasov za delo, ocenjevanje kandidatov<\/p>\n                                    <div class=\"text-xs text-chatgpt\">\u2713 Hitro selekcijo \u2713 Objektivnost \u2713 Standardizacija<\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <div>\n                            <h3 class=\"text-2xl font-bold text-chatgpt mb-6\">Osebna uporaba<\/h3>\n                            <div class=\"space-y-4\">\n                                <div class=\"bg-slate-900\/80 backdrop-blur-md rounded-xl p-6 border border-chatgpt\/30\">\n                                    <h4 class=\"font-semibold text-white mb-2\">U\u010denje in raziskovanje<\/h4>\n                                    <p class=\"text-ai-gray text-sm mb-3\">Razlaga kompleksnih tem, pomo\u010d pri \u0161tudiju<\/p>\n                                    <div class=\"text-xs text-chatgpt\">\u2713 Prilagojeno tempo \u2713 Interaktivnost \u2713 Dostopnost<\/div>\n                                <\/div>\n                                <div class=\"bg-slate-900\/80 backdrop-blur-md rounded-xl p-6 border border-chatgpt\/30\">\n                                    <h4 class=\"font-semibold text-white mb-2\">Kreativno pisanje<\/h4>\n                                    <p class=\"text-ai-gray text-sm mb-3\">Zgodbe, pesmi, scenariji in kreativne vsebine<\/p>\n                                    <div class=\"text-xs text-chatgpt\">\u2713 Inspiracija \u2713 Razli\u010dni stili \u2713 Hitrost<\/div>\n                                <\/div>\n                                <div class=\"bg-slate-900\/80 backdrop-blur-md rounded-xl p-6 border border-chatgpt\/30\">\n                                    <h4 class=\"font-semibold text-white mb-2\">Vsakodnevne naloge<\/h4>\n                                    <p class=\"text-ai-gray text-sm mb-3\">Na\u010drtovanje, organizacija, odlo\u010ditve<\/p>\n                                    <div class=\"text-xs text-chatgpt\">\u2713 Produktivnost \u2713 Organizacija \u2713 Podpora<\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div id=\"chatgpt-nasveti\" class=\"tab-content hidden\">\n                    <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\n                        <div class=\"bg-slate-900\/80 backdrop-blur-md rounded-2xl p-8 border border-chatgpt\/30\">\n                            <h3 class=\"text-2xl font-bold text-chatgpt mb-6\">U\u010dinkoviti pozivi (prompts)<\/h3>\n                            <div class=\"space-y-4\">\n                                <div class=\"bg-chatgpt\/10 rounded-lg p-4 border border-chatgpt\/20\">\n                                    <h4 class=\"font-semibold text-white mb-2\">Bodite specifi\u010dni<\/h4>\n                                    <p class=\"text-ai-gray text-sm mb-2\">Namesto: &#8220;Napi\u0161i \u010dlanek&#8221;<\/p>\n                                    <p class=\"text-chatgpt text-sm\">Bolje: &#8220;Napi\u0161i 500-besedni \u010dlanek o prednostih son\u010dne energije za doma\u010de uporabnike&#8221;<\/p>\n                                <\/div>\n                                <div class=\"bg-chatgpt\/10 rounded-lg p-4 border border-chatgpt\/20\">\n                                    <h4 class=\"font-semibold text-white mb-2\">Dolo\u010dite vlogo<\/h4>\n                                    <p class=\"text-chatgpt text-sm\">&#8220;Deluj kot strokovnjak za digitalni <a href=\"https:\/\/e-pisarna.eu\/oddelki\/marketing-prodaja\/\">marketing<\/a> in&#8230;&#8221;<\/p>\n                                <\/div>\n                                <div class=\"bg-chatgpt\/10 rounded-lg p-4 border border-chatgpt\/20\">\n                                    <h4 class=\"font-semibold text-white mb-2\">Podajte kontekst<\/h4>\n                                    <p class=\"text-chatgpt text-sm\">&#8220;Za slovensko podjetje, ki se ukvarja z&#8230;&#8221;<\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"bg-slate-900\/80 backdrop-blur-md rounded-2xl p-8 border border-chatgpt\/30\">\n                            <h3 class=\"text-2xl font-bold text-chatgpt mb-6\">Najbolj\u0161e prakse<\/h3>\n                            <div class=\"space-y-4\">\n                                <div class=\"flex items-start space-x-3\">\n                                    <span class=\"text-chatgpt text-xl\">\u2713<\/span>\n                                    <div>\n                                        <h4 class=\"font-semibold text-white\">Iterirajte<\/h4>\n                                        <p class=\"text-ai-gray text-sm\">Izbolj\u0161ajte pozive na podlagi odgovorov<\/p>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"flex items-start space-x-3\">\n                                    <span class=\"text-chatgpt text-xl\">\u2713<\/span>\n                                    <div>\n                                        <h4 class=\"font-semibold text-white\">Preverite dejstva<\/h4>\n                                        <p class=\"text-ai-gray text-sm\">ChatGPT lahko naredi napake<\/p>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"flex items-start space-x-3\">\n                                    <span class=\"text-chatgpt text-xl\">\u2713<\/span>\n                                    <div>\n                                        <h4 class=\"font-semibold text-white\">Uporabljajte primere<\/h4>\n                                        <p class=\"text-ai-gray text-sm\">Poka\u017eite, kaj pri\u010dakujete<\/p>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"flex items-start space-x-3\">\n                                    <span class=\"text-chatgpt text-xl\">\u2713<\/span>\n                                    <div>\n                                        <h4 class=\"font-semibold text-white\">Razdelite kompleksne naloge<\/h4>\n                                        <p class=\"text-ai-gray text-sm\">Manj\u0161i koraki = bolj\u0161i rezultati<\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Canva Section -->\n    <section id=\"canva\" class=\"py-20 bg-slate-900 neural-bg\">\n        <div class=\"container mx-auto px-4\">\n            <div class=\"text-center mb-16\">\n                <h2 class=\"text-4xl md:text-5xl font-bold mb-6 text-canva\">\n                    Canva\n                <\/h2>\n                <p class=\"text-xl text-ai-gray max-w-4xl mx-auto\">\n                    Demokratizacija grafi\u010dnega oblikovanja z AI tehnologijami\n                <\/p>\n            <\/div>\n\n            <!-- Canva Tabs -->\n            <div class=\"mb-12\">\n                <div class=\"flex flex-wrap justify-center space-x-2 mb-8\">\n                    <button onclick=\"showCanvaTab('pregled')\" id=\"canva-tab-pregled\" class=\"tab-active px-6 py-3 rounded-xl font-semibold transition-all\">\n                        Pregled\n                    <\/button>\n                    <button onclick=\"showCanvaTab('ai-funkcije')\" id=\"canva-tab-ai-funkcije\" class=\"tab-inactive px-6 py-3 rounded-xl font-semibold transition-all\">\n                        AI funkcije\n                    <\/button>\n                    <button onclick=\"showCanvaTab('uporaba')\" id=\"canva-tab-uporaba\" class=\"tab-inactive px-6 py-3 rounded-xl font-semibold transition-all\">\n                        Uporaba\n                    <\/button>\n                    <button onclick=\"showCanvaTab('nasveti')\" id=\"canva-tab-nasveti\" class=\"tab-inactive px-6 py-3 rounded-xl font-semibold transition-all\">\n                        Nasveti\n                    <\/button>\n                <\/div>\n\n                <!-- Canva Tab Content -->\n                <div id=\"canva-pregled\" class=\"tab-content\">\n                    <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-12\">\n                        <div class=\"bg-slate-800\/80 backdrop-blur-md rounded-3xl p-8 border border-canva\/30\">\n                            <h3 class=\"text-2xl font-bold text-canva mb-6\">Zgodovina Canva<\/h3>\n                            <div class=\"space-y-6\">\n                                <div class=\"flex items-start space-x-4\">\n                                    <div class=\"bg-canva\/20 p-3 rounded-xl border border-canva\/30 text-canva font-bold\">2013<\/div>\n                                    <div>\n                                        <h4 class=\"font-semibold text-white mb-1\">Ustanovitev<\/h4>\n                                        <p class=\"text-ai-gray text-sm\">Melanie Perkins ustanovi Canva v Avstraliji<\/p>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"flex items-start space-x-4\">\n                                    <div class=\"bg-canva\/20 p-3 rounded-xl border border-canva\/30 text-canva font-bold\">2017<\/div>\n                                    <div>\n                                        <h4 class=\"font-semibold text-white mb-1\">Globalna ekspanzija<\/h4>\n                                        <p class=\"text-ai-gray text-sm\">10 milijonov uporabnikov po vsem svetu<\/p>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"flex items-start space-x-4\">\n                                    <div class=\"bg-canva\/20 p-3 rounded-xl border border-canva\/30 text-canva font-bold\">2021<\/div>\n                                    <div>\n                                        <h4 class=\"font-semibold text-white mb-1\">AI integracija<\/h4>\n                                        <p class=\"text-ai-gray text-sm\">Uvedba prvih AI funkcij za oblikovanje<\/p>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"flex items-start space-x-4\">\n                                    <div class=\"bg-canva\/20 p-3 rounded-xl border border-canva\/30 text-canva font-bold\">2024<\/div>\n                                    <div>\n                                        <h4 class=\"font-semibold text-white mb-1\">100M+ uporabnikov<\/h4>\n                                        <p class=\"text-ai-gray text-sm\">Vodilna platforma za grafi\u010dno oblikovanje<\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"bg-slate-800\/80 backdrop-blur-md rounded-3xl p-8 border border-canva\/30\">\n                            <h3 class=\"text-2xl font-bold text-canva mb-6\">Klju\u010dne statistike<\/h3>\n                            <div class=\"grid grid-cols-2 gap-6\">\n                                <div class=\"text-center p-4 bg-canva\/10 rounded-xl border border-canva\/20\">\n                                    <div class=\"text-3xl font-bold text-canva mb-2\">100M+<\/div>\n                                    <div class=\"text-sm text-ai-gray\">Mese\u010dnih uporabnikov<\/div>\n                                <\/div>\n                                <div class=\"text-center p-4 bg-canva\/10 rounded-xl border border-canva\/20\">\n                                    <div class=\"text-3xl font-bold text-canva mb-2\">190+<\/div>\n                                    <div class=\"text-sm text-ai-gray\">Dr\u017eav<\/div>\n                                <\/div>\n                                <div class=\"text-center p-4 bg-canva\/10 rounded-xl border border-canva\/20\">\n                                    <div class=\"text-3xl font-bold text-canva mb-2\">100+<\/div>\n                                    <div class=\"text-sm text-ai-gray\">Jezikov<\/div>\n                                <\/div>\n                                <div class=\"text-center p-4 bg-canva\/10 rounded-xl border border-canva\/20\">\n                                    <div class=\"text-3xl font-bold text-canva mb-2\">$40B<\/div>\n                                    <div class=\"text-sm text-ai-gray\">Vrednotenje<\/div>\n                                <\/div>\n                            <\/div>\n                            <div class=\"mt-6 space-y-3\">\n                                <div class=\"bg-canva\/10 rounded-lg p-3 border border-canva\/20\">\n                                    <div class=\"font-semibold text-white mb-1\">Misija<\/div>\n                                    <p class=\"text-ai-gray text-sm\">&#8220;Omogo\u010diti vsem na svetu oblikovanje&#8221;<\/p>\n                                <\/div>\n                                <div class=\"bg-canva\/10 rounded-lg p-3 border border-canva\/20\">\n                                    <div class=\"font-semibold text-white mb-1\">Vizija<\/div>\n                                    <p class=\"text-ai-gray text-sm\">Demokratizacija oblikovanja z AI<\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div id=\"canva-ai-funkcije\" class=\"tab-content hidden\">\n                    <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\n                        <div class=\"bg-slate-800\/80 backdrop-blur-md rounded-2xl p-6 border border-canva\/30 card-hover\">\n                            <div class=\"text-center mb-4\">\n                                <div class=\"text-4xl mb-3\">\ud83d\uddbc\ufe0f<\/div>\n                                <h3 class=\"text-xl font-bold text-canva\">Magic Resize<\/h3>\n                            <\/div>\n                            <p class=\"text-ai-gray text-sm mb-4\">Avtomatsko prilagajanje oblik za razli\u010dne formate<\/p>\n                            <ul class=\"text-xs text-ai-gray space-y-1\">\n                                <li>\u2022 <a href=\"https:\/\/e-pisarna.eu\/oddelki\/instagram\/\">Instagram<\/a> post \u2192 Story<\/li>\n                                <li>\u2022 <a href=\"https:\/\/e-pisarna.eu\/oddelki\/o-nas\/digitalne-storitve\/oglasevanje-in-promocija\/facebook\/\">Facebook<\/a> cover \u2192 <a href=\"https:\/\/e-pisarna.eu\/oddelki\/o-nas\/digitalne-storitve\/oglasevanje-in-promocija\/linkedin\/\">LinkedIn<\/a><\/li>\n                                <li>\u2022 Poster \u2192 Flyer<\/li>\n                            <\/ul>\n                        <\/div>\n\n                        <div class=\"bg-slate-800\/80 backdrop-blur-md rounded-2xl p-6 border border-canva\/30 card-hover\">\n                            <div class=\"text-center mb-4\">\n                                <div class=\"text-4xl mb-3\">\u2728<\/div>\n                                <h3 class=\"text-xl font-bold text-canva\">Background Remover<\/h3>\n                            <\/div>\n                            <p class=\"text-ai-gray text-sm mb-4\">AI odstranjevanje ozadja z enim klikom<\/p>\n                            <ul class=\"text-xs text-ai-gray space-y-1\">\n                                <li>\u2022 Natan\u010dno prepoznavanje<\/li>\n                                <li>\u2022 Ohranitev detajlov<\/li>\n                                <li>\u2022 Hitro procesiranje<\/li>\n                            <\/ul>\n                        <\/div>\n\n                        <div class=\"bg-slate-800\/80 backdrop-blur-md rounded-2xl p-6 border border-canva\/30 card-hover\">\n                            <div class=\"text-center mb-4\">\n                                <div class=\"text-4xl mb-3\">\ud83c\udfa8<\/div>\n                                <h3 class=\"text-xl font-bold text-canva\">Text to Image<\/h3>\n                            <\/div>\n                            <p class=\"text-ai-gray text-sm mb-4\">Generiranje slik iz besedilnih opisov<\/p>\n                            <ul class=\"text-xs text-ai-gray space-y-1\">\n                                <li>\u2022 Kreativne ilustracije<\/li>\n                                <li>\u2022 Razli\u010dni stili<\/li>\n                                <li>\u2022 Visoka kakovost<\/li>\n                            <\/ul>\n                        <\/div>\n\n                        <div class=\"bg-slate-800\/80 backdrop-blur-md rounded-2xl p-6 border border-canva\/30 card-hover\">\n                            <div class=\"text-center mb-4\">\n                                <div class=\"text-4xl mb-3\">\ud83d\udcdd<\/div>\n                                <h3 class=\"text-xl font-bold text-canva\">Magic Write<\/h3>\n                            <\/div>\n                            <p class=\"text-ai-gray text-sm mb-4\">AI pisanje vsebin za oblike<\/p>\n                            <ul class=\"text-xs text-ai-gray space-y-1\">\n                                <li>\u2022 Naslovi in opisi<\/li>\n                                <li>\u2022 Dru\u017ebeni mediji<\/li>\n                                <li>\u2022 Marketin\u0161ke vsebine<\/li>\n                            <\/ul>\n                        <\/div>\n\n                        <div class=\"bg-slate-800\/80 backdrop-blur-md rounded-2xl p-6 border border-canva\/30 card-hover\">\n                            <div class=\"text-center mb-4\">\n                                <div class=\"text-4xl mb-3\">\ud83c\udfad<\/div>\n                                <h3 class=\"text-xl font-bold text-canva\">Brand Kit AI<\/h3>\n                            <\/div>\n                            <p class=\"text-ai-gray text-sm mb-4\">Avtomatsko ustvarjanje blagovnih znamk<\/p>\n                            <ul class=\"text-xs text-ai-gray space-y-1\">\n                                <li>\u2022 Logotipi<\/li>\n                                <li>\u2022 Barvne palete<\/li>\n                                <li>\u2022 Tipografija<\/li>\n                            <\/ul>\n                        <\/div>\n\n                        <div class=\"bg-slate-800\/80 backdrop-blur-md rounded-2xl p-6 border border-canva\/30 card-hover\">\n                            <div class=\"text-center mb-4\">\n                                <div class=\"text-4xl mb-3\">\ud83c\udfac<\/div>\n                                <h3 class=\"text-xl font-bold text-canva\">Video AI<\/h3>\n                            <\/div>\n                            <p class=\"text-ai-gray text-sm mb-4\">AI urejanje in ustvarjanje videov<\/p>\n                            <ul class=\"text-xs text-ai-gray space-y-1\">\n                                <li>\u2022 Avtomatski prehodi<\/li>\n                                <li>\u2022 Glasba in zvoki<\/li>\n                                <li>\u2022 Besedilni povzetki<\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div id=\"canva-uporaba\" class=\"tab-content hidden\">\n                    <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-12\">\n                        <div>\n                            <h3 class=\"text-2xl font-bold text-canva mb-6\">Poslovne aplikacije<\/h3>\n                            <div class=\"space-y-4\">\n                                <div class=\"bg-slate-800\/80 backdrop-blur-md rounded-xl p-6 border border-canva\/30\">\n                                    <h4 class=\"font-semibold text-white mb-2\">Dru\u017ebeni mediji<\/h4>\n                                    <p class=\"text-ai-gray text-sm mb-3\">Objave, zgodbe, oglasi za vse platforme<\/p>\n                                    <div class=\"text-xs text-canva\">Instagram \u2022 Facebook \u2022 LinkedIn \u2022 <a href=\"https:\/\/e-pisarna.eu\/oddelki\/tiktok\/\">TikTok<\/a><\/div>\n                                <\/div>\n                                <div class=\"bg-slate-800\/80 backdrop-blur-md rounded-xl p-6 border border-canva\/30\">\n                                    <h4 class=\"font-semibold text-white mb-2\">Marketin\u0161ki materiali<\/h4>\n                                    <p class=\"text-ai-gray text-sm mb-3\">Letaki, bro\u0161ure, vizitke, plakati<\/p>\n                                    <div class=\"text-xs text-canva\">Tisk \u2022 Digitalno \u2022 Interaktivno<\/div>\n                                <\/div>\n                                <div class=\"bg-slate-800\/80 backdrop-blur-md rounded-xl p-6 border border-canva\/30\">\n                                    <h4 class=\"font-semibold text-white mb-2\">Prezentacije<\/h4>\n                                    <p class=\"text-ai-gray text-sm mb-3\">Poslovne prezentacije, poro\u010dila, infografike<\/p>\n                                    <div class=\"text-xs text-canva\">PowerPoint \u2022 PDF \u2022 Interaktivno<\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <div>\n                            <h3 class=\"text-2xl font-bold text-canva mb-6\">Osebna uporaba<\/h3>\n                            <div class=\"space-y-4\">\n                                <div class=\"bg-slate-800\/80 backdrop-blur-md rounded-xl p-6 border border-canva\/30\">\n                                    <h4 class=\"font-semibold text-white mb-2\">Osebni projekti<\/h4>\n                                    <p class=\"text-ai-gray text-sm mb-3\">Vabila, \u010destitke, foto albumi<\/p>\n                                    <div class=\"text-xs text-canva\">Rojstni dnevi \u2022 Poroke \u2022 Prazniki<\/div>\n                                <\/div>\n                                <div class=\"bg-slate-800\/80 backdrop-blur-md rounded-xl p-6 border border-canva\/30\">\n                                    <h4 class=\"font-semibold text-white mb-2\">Izobra\u017eevanje<\/h4>\n                                    <p class=\"text-ai-gray text-sm mb-3\">U\u010dni materiali, diplome, certifikati<\/p>\n                                    <div class=\"text-xs text-canva\">\u0160ole \u2022 Univerze \u2022 Te\u010daji<\/div>\n                                <\/div>\n                                <div class=\"bg-slate-800\/80 backdrop-blur-md rounded-xl p-6 border border-canva\/30\">\n                                    <h4 class=\"font-semibold text-white mb-2\">Kreativnost<\/h4>\n                                    <p class=\"text-ai-gray text-sm mb-3\">Umetni\u0161ki projekti, hobiji, zabava<\/p>\n                                    <div class=\"text-xs text-canva\">Ilustracije \u2022 Kola\u017ei \u2022 Meme<\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div id=\"canva-nasveti\" class=\"tab-content hidden\">\n                    <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\n                        <div class=\"bg-slate-800\/80 backdrop-blur-md rounded-2xl p-8 border border-canva\/30\">\n                            <h3 class=\"text-2xl font-bold text-canva mb-6\">Oblikovalski nasveti<\/h3>\n                            <div class=\"space-y-4\">\n                                <div class=\"bg-canva\/10 rounded-lg p-4 border border-canva\/20\">\n                                    <h4 class=\"font-semibold text-white mb-2\">Barvna harmonija<\/h4>\n                                    <p class=\"text-ai-gray text-sm\">Uporabite Canva Color Palette Generator za skladne barve<\/p>\n                                <\/div>\n                                <div class=\"bg-canva\/10 rounded-lg p-4 border border-canva\/20\">\n                                    <h4 class=\"font-semibold text-white mb-2\">Tipografija<\/h4>\n                                    <p class=\"text-ai-gray text-sm\">Kombinirajte najve\u010d 2-3 pisave za profesionalen videz<\/p>\n                                <\/div>\n                                <div class=\"bg-canva\/10 rounded-lg p-4 border border-canva\/20\">\n                                    <h4 class=\"font-semibold text-white mb-2\">Beli prostor<\/h4>\n                                    <p class=\"text-ai-gray text-sm\">Pustite dovolj prostora okoli elementov za \u010distej\u0161i videz<\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"bg-slate-800\/80 backdrop-blur-md rounded-2xl p-8 border border-canva\/30\">\n                            <h3 class=\"text-2xl font-bold text-canva mb-6\">Produktivnostni triki<\/h3>\n                            <div class=\"space-y-4\">\n                                <div class=\"flex items-start space-x-3\">\n                                    <span class=\"text-canva text-xl\">\u2713<\/span>\n                                    <div>\n                                        <h4 class=\"font-semibold text-white\">Uporabite predloge<\/h4>\n                                        <p class=\"text-ai-gray text-sm\">Za\u010dnite s predlogami in jih prilagodite<\/p>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"flex items-start space-x-3\">\n                                    <span class=\"text-canva text-xl\">\u2713<\/span>\n                                    <div>\n                                        <h4 class=\"font-semibold text-white\">Brand Kit<\/h4>\n                                        <p class=\"text-ai-gray text-sm\">Nastavite blagovne barve in pisave<\/p>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"flex items-start space-x-3\">\n                                    <span class=\"text-canva text-xl\">\u2713<\/span>\n                                    <div>\n                                        <h4 class=\"font-semibold text-white\">Mape in organizacija<\/h4>\n                                        <p class=\"text-ai-gray text-sm\">Organizirajte projekte v mape<\/p>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"flex items-start space-x-3\">\n                                    <span class=\"text-canva text-xl\">\u2713<\/span>\n                                    <div>\n                                        <h4 class=\"font-semibold text-white\">Sodelovanje<\/h4>\n                                        <p class=\"text-ai-gray text-sm\">Delite oblike z ekipo za skupno delo<\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Primerjava -->\n    <section id=\"primerjava\" class=\"py-20 bg-slate-800\">\n        <div class=\"container mx-auto px-4\">\n            <div class=\"text-center mb-16\">\n                <h2 class=\"text-4xl md:text-5xl font-bold mb-6 bg-gradient-to-r from-chatgpt to-canva bg-clip-text text-transparent\">\n                    ChatGPT vs Canva\n                <\/h2>\n                <p class=\"text-xl text-ai-gray max-w-4xl mx-auto\">\n                    Primerjava dveh revolucionarnih AI orodij\n                <\/p>\n            <\/div>\n\n            <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-12 mb-16\">\n                <div class=\"bg-slate-900\/80 backdrop-blur-md rounded-3xl p-8 border border-chatgpt\/30\">\n                    <div class=\"text-center mb-8\">\n                        <div class=\"text-5xl mb-4\">\ud83d\udcac<\/div>\n                        <h3 class=\"text-3xl font-bold text-chatgpt\">ChatGPT<\/h3>\n                        <p class=\"text-ai-gray\">Besedilna umetna inteligenca<\/p>\n                    <\/div>\n                    <div class=\"space-y-4\">\n                        <div class=\"bg-chatgpt\/10 rounded-lg p-4 border border-chatgpt\/20\">\n                            <h4 class=\"font-semibold text-white mb-2\">Prednosti<\/h4>\n                            <ul class=\"text-ai-gray text-sm space-y-1\">\n                                <li>\u2022 Naravni pogovor<\/li>\n                                <li>\u2022 \u0160iroko znanje<\/li>\n                                <li>\u2022 Kreativno pisanje<\/li>\n                                <li>\u2022 Programiranje<\/li>\n                                <li>\u2022 Analiza in razlaga<\/li>\n                            <\/ul>\n                        <\/div>\n                        <div class=\"bg-chatgpt\/10 rounded-lg p-4 border border-chatgpt\/20\">\n                            <h4 class=\"font-semibold text-white mb-2\">Omejitve<\/h4>\n                            <ul class=\"text-ai-gray text-sm space-y-1\">\n                                <li>\u2022 Samo besedilo<\/li>\n                                <li>\u2022 Mo\u017ene napake<\/li>\n                                <li>\u2022 Omejeno na znanje do 2023<\/li>\n                                <li>\u2022 Ni vizualnih vsebin<\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"bg-slate-900\/80 backdrop-blur-md rounded-3xl p-8 border border-canva\/30\">\n                    <div class=\"text-center mb-8\">\n                        <div class=\"text-5xl mb-4\">\ud83c\udfa8<\/div>\n                        <h3 class=\"text-3xl font-bold text-canva\">Canva<\/h3>\n                        <p class=\"text-ai-gray\">Vizualna kreativna platforma<\/p>\n                    <\/div>\n                    <div class=\"space-y-4\">\n                        <div class=\"bg-canva\/10 rounded-lg p-4 border border-canva\/20\">\n                            <h4 class=\"font-semibold text-white mb-2\">Prednosti<\/h4>\n                            <ul class=\"text-ai-gray text-sm space-y-1\">\n                                <li>\u2022 Vizualno oblikovanje<\/li>\n                                <li>\u2022 Enostavna uporaba<\/li>\n                                <li>\u2022 AI funkcije<\/li>\n                                <li>\u2022 Predloge<\/li>\n                                <li>\u2022 Sodelovanje<\/li>\n                            <\/ul>\n                        <\/div>\n                        <div class=\"bg-canva\/10 rounded-lg p-4 border border-canva\/20\">\n                            <h4 class=\"font-semibold text-white mb-2\">Omejitve<\/h4>\n                            <ul class=\"text-ai-gray text-sm space-y-1\">\n                                <li>\u2022 Fokus na oblikovanje<\/li>\n                                <li>\u2022 Pla\u010dljive funkcije<\/li>\n                                <li>\u2022 Omejene AI mo\u017enosti<\/li>\n                                <li>\u2022 Ni za programiranje<\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"bg-gradient-to-r from-chatgpt via-ai-purple to-canva rounded-3xl p-10 text-white\">\n                <div class=\"text-center mb-8\">\n                    <h3 class=\"text-3xl font-bold mb-4\">Sinergija orodij<\/h3>\n                    <p class=\"text-xl opacity-90\">Kombinacija ChatGPT in Canva za maksimalno produktivnost<\/p>\n                <\/div>\n                <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6\">\n                    <div class=\"bg-white\/20 backdrop-blur-md rounded-xl p-6 border border-white\/30\">\n                        <div class=\"text-3xl mb-3\">\ud83d\udcdd\u27a1\ufe0f\ud83c\udfa8<\/div>\n                        <h4 class=\"font-semibold mb-2\">Vsebina + Oblikovanje<\/h4>\n                        <p class=\"text-sm opacity-90\">ChatGPT za besedila, Canva za vizualno podobo<\/p>\n                    <\/div>\n                    <div class=\"bg-white\/20 backdrop-blur-md rounded-xl p-6 border border-white\/30\">\n                        <div class=\"text-3xl mb-3\">\ud83d\udca1\u27a1\ufe0f\u2728<\/div>\n                        <h4 class=\"font-semibold mb-2\">Ideje + Izvedba<\/h4>\n                        <p class=\"text-sm opacity-90\">ChatGPT za kreativne ideje, Canva za realizacijo<\/p>\n                    <\/div>\n                    <div class=\"bg-white\/20 backdrop-blur-md rounded-xl p-6 border border-white\/30\">\n                        <div class=\"text-3xl mb-3\">\ud83d\udcca\u27a1\ufe0f\ud83d\udcc8<\/div>\n                        <h4 class=\"font-semibold mb-2\">Analiza + Prezentacija<\/h4>\n                        <p class=\"text-sm opacity-90\">ChatGPT za analizo, Canva za predstavitev<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Prihodnost -->\n    <section id=\"prihodnost\" class=\"py-20 bg-slate-900 neural-bg\">\n        <div class=\"container mx-auto px-4\">\n            <div class=\"text-center mb-16\">\n                <h2 class=\"text-4xl md:text-5xl font-bold mb-6 bg-gradient-to-r from-ai-pink to-ai-purple bg-clip-text text-transparent\">\n                    Prihodnost AI orodij\n                <\/h2>\n                <p class=\"text-xl text-ai-gray max-w-4xl mx-auto\">\n                    Kam se razvijata ChatGPT in Canva ter kaj lahko pri\u010dakujemo\n                <\/p>\n            <\/div>\n\n            <div class=\"grid grid-cols-1 md:grid-cols-2 gap-12 mb-16\">\n                <div class=\"bg-slate-800\/80 backdrop-blur-md rounded-3xl p-8 border border-ai-pink\/30\">\n                    <h3 class=\"text-2xl font-bold text-ai-pink mb-6\">ChatGPT prihodnost<\/h3>\n                    <div class=\"space-y-4\">\n                        <div class=\"bg-ai-pink\/10 rounded-xl p-4 border border-ai-pink\/20\">\n                            <h4 class=\"font-semibold text-white mb-2\">Multimodalnost<\/h4>\n                            <p class=\"text-ai-gray text-sm\">Integracija slik, zvoka in videa v pogovore<\/p>\n                        <\/div>\n                        <div class=\"bg-ai-pink\/10 rounded-xl p-4 border border-ai-pink\/20\">\n                            <h4 class=\"font-semibold text-white mb-2\">Personalizacija<\/h4>\n                            <p class=\"text-ai-gray text-sm\">AI asistenti prilagojeni posamezniku<\/p>\n                        <\/div>\n                        <div class=\"bg-ai-pink\/10 rounded-xl p-4 border border-ai-pink\/20\">\n                            <h4 class=\"font-semibold text-white mb-2\">Avtonomnost<\/h4>\n                            <p class=\"text-ai-gray text-sm\">AI agenti, ki samostojno izvajajo naloge<\/p>\n                        <\/div>\n                        <div class=\"bg-ai-pink\/10 rounded-xl p-4 border border-ai-pink\/20\">\n                            <h4 class=\"font-semibold text-white mb-2\">Realni \u010das<\/h4>\n                            <p class=\"text-ai-gray text-sm\">Dostop do najnovej\u0161ih informacij<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"bg-slate-800\/80 backdrop-blur-md rounded-3xl p-8 border border-ai-purple\/30\">\n                    <h3 class=\"text-2xl font-bold text-ai-purple mb-6\">Canva prihodnost<\/h3>\n                    <div class=\"space-y-4\">\n                        <div class=\"bg-ai-purple\/10 rounded-xl p-4 border border-ai-purple\/20\">\n                            <h4 class=\"font-semibold text-white mb-2\">Napredni AI<\/h4>\n                            <p class=\"text-ai-gray text-sm\">Popolnoma avtomatizirano oblikovanje<\/p>\n                        <\/div>\n                        <div class=\"bg-ai-purple\/10 rounded-xl p-4 border border-ai-purple\/20\">\n                            <h4 class=\"font-semibold text-white mb-2\">3D in AR\/VR<\/h4>\n                            <p class=\"text-ai-gray text-sm\">Tridimenzionalno oblikovanje in virtualna resni\u010dnost<\/p>\n                        <\/div>\n                        <div class=\"bg-ai-purple\/10 rounded-xl p-4 border border-ai-purple\/20\">\n                            <h4 class=\"font-semibold text-white mb-2\">Video AI<\/h4>\n                            <p class=\"text-ai-gray text-sm\">Napredne funkcije za urejanje videov<\/p>\n                        <\/div>\n                        <div class=\"bg-ai-purple\/10 rounded-xl p-4 border border-ai-purple\/20\">\n                            <h4 class=\"font-semibold text-white mb-2\">Integracije<\/h4>\n                            <p class=\"text-ai-gray text-sm\">Povezovanje z drugimi AI orodji<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"text-center mb-12\">\n                <h3 class=\"text-3xl font-bold text-white mb-8\">Trendi v AI oblikovanju<\/h3>\n                <div class=\"grid grid-cols-1 md:grid-cols-4 gap-6\">\n                    <div class=\"bg-slate-800\/80 backdrop-blur-md rounded-2xl p-6 border border-ai-cyan\/30 card-hover\">\n                        <div class=\"text-4xl mb-4\">\ud83e\udd16<\/div>\n                        <h4 class=\"font-semibold text-white mb-2\">AI-First Design<\/h4>\n                        <p class=\"text-ai-gray text-sm\">Oblikovanje z AI kot osnovo<\/p>\n                    <\/div>\n                    <div class=\"bg-slate-800\/80 backdrop-blur-md rounded-2xl p-6 border border-ai-green\/30 card-hover\">\n                        <div class=\"text-4xl mb-4\">\ud83c\udfaf<\/div>\n                        <h4 class=\"font-semibold text-white mb-2\">Hyper-personalizacija<\/h4>\n                        <p class=\"text-ai-gray text-sm\">Vsebine prilagojene posamezniku<\/p>\n                    <\/div>\n                    <div class=\"bg-slate-800\/80 backdrop-blur-md rounded-2xl p-6 border border-ai-pink\/30 card-hover\">\n                        <div class=\"text-4xl mb-4\">\u26a1<\/div>\n                        <h4 class=\"font-semibold text-white mb-2\">Real-time Generation<\/h4>\n                        <p class=\"text-ai-gray text-sm\">Takoj\u0161nje ustvarjanje vsebin<\/p>\n                    <\/div>\n                    <div class=\"bg-slate-800\/80 backdrop-blur-md rounded-2xl p-6 border border-ai-blue\/30 card-hover\">\n                        <div class=\"text-4xl mb-4\">\ud83c\udf10<\/div>\n                        <h4 class=\"font-semibold text-white mb-2\">Cross-platform AI<\/h4>\n                        <p class=\"text-ai-gray text-sm\">AI na vseh platformah<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"bg-gradient-to-r from-ai-blue via-ai-purple to-ai-pink rounded-3xl p-10 text-white text-center\">\n                <h3 class=\"text-3xl font-bold mb-6\">Prihodnost je \u017ee tukaj<\/h3>\n                <p class=\"text-xl mb-8 opacity-90 max-w-3xl mx-auto\">\n                    ChatGPT in Canva sta \u0161ele za\u010detek AI revolucije. Pripravite se na svet, kjer bo umetna inteligenca del vsakdanjega \u017eivljenja.\n                <\/p>\n                <div class=\"mono text-lg bg-black\/30 rounded-xl p-4 inline-block mb-6\">\n                    while (innovation) { create(); improve(); repeat(); }\n                <\/div>\n                <div class=\"text-sm opacity-80\">\n                    Pridru\u017eite se AI Skupnosti Slovenije in bodite del te revolucije\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Footer -->\n\n    <script>\n        function toggleMenu() {\n            const menu = document.getElementById('mobile-menu');\n            menu.classList.toggle('hidden');\n        }\n\n        function showChatGPTTab(tabName) {\n            \/\/ Hide all ChatGPT tabs\n            const tabs = ['zgodovina', 'funkcionalnosti', 'uporaba', 'nasveti'];\n            tabs.forEach(tab => {\n                document.getElementById(`chatgpt-${tab}`).classList.add('hidden');\n                document.getElementById(`tab-${tab}`).classList.remove('tab-active');\n                document.getElementById(`tab-${tab}`).classList.add('tab-inactive');\n            });\n            \n            \/\/ Show selected tab\n            document.getElementById(`chatgpt-${tabName}`).classList.remove('hidden');\n            document.getElementById(`tab-${tabName}`).classList.remove('tab-inactive');\n            document.getElementById(`tab-${tabName}`).classList.add('tab-active');\n        }\n\n        function showCanvaTab(tabName) {\n            \/\/ Hide all Canva tabs\n            const tabs = ['pregled', 'ai-funkcije', 'uporaba', 'nasveti'];\n            tabs.forEach(tab => {\n                document.getElementById(`canva-${tab}`).classList.add('hidden');\n                document.getElementById(`canva-tab-${tab}`).classList.remove('tab-active');\n                document.getElementById(`canva-tab-${tab}`).classList.add('tab-inactive');\n            });\n            \n            \/\/ Show selected tab\n            document.getElementById(`canva-${tabName}`).classList.remove('hidden');\n            document.getElementById(`canva-tab-${tabName}`).classList.remove('tab-inactive');\n            document.getElementById(`canva-tab-${tabName}`).classList.add('tab-active');\n        }\n\n        \/\/ Smooth scrolling for anchor links\n        document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n            anchor.addEventListener('click', function (e) {\n                e.preventDefault();\n                const target = document.querySelector(this.getAttribute('href'));\n                if (target) {\n                    target.scrollIntoView({\n                        behavior: 'smooth',\n                        block: 'start'\n                    });\n                    document.getElementById('mobile-menu').classList.add('hidden');\n                }\n            });\n        });\n\n        \/\/ Add fade-in animation on scroll\n        const observerOptions = {\n            threshold: 0.1,\n            rootMargin: '0px 0px -50px 0px'\n        };\n\n        const observer = new IntersectionObserver((entries) => {\n            entries.forEach(entry => {\n                if (entry.isIntersecting) {\n                    entry.target.classList.add('fade-in');\n                }\n            });\n        }, observerOptions);\n\n        document.querySelectorAll('.card-hover, section').forEach(el => {\n            observer.observe(el);\n        });\n\n        \/\/ AI pulse animation\n        setInterval(() => {\n            const aiIcons = document.querySelectorAll('.pulse-ai');\n            aiIcons.forEach((icon, index) => {\n                setTimeout(() => {\n                    icon.style.transform = 'scale(1.2)';\n                    setTimeout(() => {\n                        icon.style.transform = 'scale(1)';\n                    }, 300);\n                }, index * 150);\n            });\n        }, 4000);\n    <\/script>\n<script>\n    (function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9785003ea690916a',t:'MTc1NjczMjE1NC4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();<\/script><\/body>\n\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":5,"featured_media":21708,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","pmpro_default_level":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[227],"tags":[],"class_list":["post-21702","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ai-obrazci","pmpro-has-access"],"jetpack_featured_media_url":"https:\/\/e-pisarna.eu\/oddelki\/wp-content\/uploads\/2025\/09\/Posnetek-zaslona-2025-09-01-153022.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/e-pisarna.eu\/oddelki\/wp-json\/wp\/v2\/posts\/21702","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/e-pisarna.eu\/oddelki\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/e-pisarna.eu\/oddelki\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/e-pisarna.eu\/oddelki\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/e-pisarna.eu\/oddelki\/wp-json\/wp\/v2\/comments?post=21702"}],"version-history":[{"count":6,"href":"https:\/\/e-pisarna.eu\/oddelki\/wp-json\/wp\/v2\/posts\/21702\/revisions"}],"predecessor-version":[{"id":21710,"href":"https:\/\/e-pisarna.eu\/oddelki\/wp-json\/wp\/v2\/posts\/21702\/revisions\/21710"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/e-pisarna.eu\/oddelki\/wp-json\/wp\/v2\/media\/21708"}],"wp:attachment":[{"href":"https:\/\/e-pisarna.eu\/oddelki\/wp-json\/wp\/v2\/media?parent=21702"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/e-pisarna.eu\/oddelki\/wp-json\/wp\/v2\/categories?post=21702"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/e-pisarna.eu\/oddelki\/wp-json\/wp\/v2\/tags?post=21702"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}