CINXE.COM
Netko | Nagrada za najbolj拧e spletne strani
<!DOCTYPE html> <html lang="sl"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <link rel="apple-touch-icon" sizes="180x180" href="https://www.netko.si/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="https://www.netko.si/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="https://www.netko.si/favicon-16x16.png"> <link rel="manifest" href="https://www.netko.si/site.webmanifest"> <link href="/css/app.css?id=3aa76cff20f41f61c58a8b512f158312" rel="stylesheet"> <script src="https://www.netko.si/js/app.js" defer></script> <title>Netko | Nagrada za najbolj拧e spletne strani</title> <meta property="og:title" content="Netko | Nagrada za najbolj拧e spletne strani"> <meta name="twitter:card" content="summary"> <meta name="description" content="Nagrado Netko vsako leto podelimo najbolj拧im spletnim stranem z domeno .si. Da ne zamudite naslednjega tekmovanja, se prijavite na e-novice. "> <meta property="og:description" content="Nagrado Netko vsako leto podelimo najbolj拧im spletnim stranem z domeno .si. Da ne zamudite naslednjega tekmovanja, se prijavite na e-novice. "> <meta name="twitter:description" content="Nagrado Netko vsako leto podelimo najbolj拧im spletnim stranem z domeno .si. Da ne zamudite naslednjega tekmovanja, se prijavite na e-novice. "> <meta property="og:image" content="https://www.netko.si/images/og_image_2.jpg"> <meta property="og:image:width" content="847"> <meta property="og:image:height" content="445"> <meta property="og:url" content="//"> <meta property="og:type" content="website"> <meta name="twitter:image" content="https://www.netko.si/images/og_image_2.jpg"> <script> /** * GDPR cookie helper for Google Tag Manager * Helper uses default dataLayer as GTM array * @param name - name of cookie * @param options - all possible options for cookies, used in addAll * @constructor */ function GdprCookie (name, options) { this.name = name; this.variables = []; this.options = options || []; /** * Adds variable(s) to int array, publishes event to GTM and writes cookie * @param variables {Array|String} * @returns {Array|*} */ this.add = function (variables) { if (typeof variables === 'string') variables = [variables]; for (var i = 0; i < variables.length; i++) { var variable = variables[i]; if (!this.check(variable)) { this.variables.push(variable); try { dataLayer.push({'event': variable}); } catch (err) { console.log('dataLayer is not defined'); } } } // check if all can be loaded and publish event if (this.variables.length >= this.options.length - 1) { if (this.variables.indexOf('all_cookies') === -1) { this.variables.push('all_cookies'); try { dataLayer.push({'event': 'all_cookies'}); } catch (err) { console.log('dataLayer is not defined'); } } } this.write(); return this.variables; }; /** * Adds approve all cookies from options */ this.addAll = function () { for (let i = 0; i < this.options.length; i++) { this.add(this.options[i]); } }; /** * Removes variable(s) from int array and writes cookie * @param variables {Array|String} * @returns {Array|*} */ this.remove = function (variables) { if (typeof variables === 'string') variables = [variables]; for (var i = 0; i < variables.length; i++) { var variable = variables[i]; var index = this.variables.indexOf(variables[i]); if (index !== -1) { this.variables.splice(index, 1); let i = this.variables.indexOf('all_cookies'); if (i !== -1) { this.variables.splice(i, 1); } this.write(); } } return this.variables; }; /** * Check if variable is saved in cookie * @param variable {String} * @returns {boolean} */ this.check = function (variable) { return this.variables.indexOf(variable) !== -1; }; /** * Writes cookie * @returns {Array|*} */ this.write = function () { document.cookie = this.name + "=" + this.variables.join('|') + ";path=/;domain="+location.host+"; expires=Fri, 31 Dec 9999 23:59:59 GMT"; return this.variables; }; /** * Reads cookie * @returns {Array|*} */ this.read = function () { var cookie = document.cookie.split(';').filter(function (item) { return item.indexOf(this.name + '=') >= 0 }.bind(this)); if (cookie.length > 0) { this.variables = cookie[0].trim().replace(this.name + '=', '').split('|'); } return this.variables; }; // init this.read(); } </script> <script> window.gdpr = new GdprCookie('gdpr_cookie', ['other', 'functional', 'analytics', 'advertising', 'all_cookies']); dataLayer = [{ 'other': window.gdpr.check('other'), // true|false 'functional': window.gdpr.check('functional'), // true|false 'analytics': window.gdpr.check('analytics'), // true|false 'advertising': window.gdpr.check('advertising'), // true|false 'all_cookies': window.gdpr.check('all_cookies'), // true|false }]; </script> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-PTXPHKH');</script> </head> <body class="flex flex-col min-h-screen md:overflow-visible text-black"> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PTXPHKH" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <div id="vrh"></div> <header class="overflow-x-hidden top-0 sticky md:relative bg-white z-20" x-data="responsive_menu()"> <div class="hidden md:block"> <div class="border-black border-b"> <div class="relative width-full max-w-[1224px] mx-auto px-4 box-content"> <div class="flex items-center py-4"> <div class="w-4/12"> <a href="https://www.netko.si" title="Netko"><img src="https://www.netko.si/images/logo.svg" alt="Netko" width="140"></a> </div> <p class="w-4/12 text-center text-[15px]">.Simbol spletne odli膷nosti</p> <div class="w-4/12 text-right"> <a href="https://www.netko.si/isci"> <img class="inline-block" src="https://www.netko.si/images/icons/search.svg" alt="Iskalnik" width="20"> </a> </div> </div> </div> </div> <div class="border-black border-b"> <div class="relative width-full max-w-[1224px] mx-auto px-4 box-content"> <div class="flex"> <div class="hidden lg:block w-2/12"></div> <ul class="w-10/12 lg:w-8/12 text-center text-[15px] min-h-[56px] flex justify-center"> <li class="inline-block flex items-center mx-2 last:mr-8 bg-menu 1"> <a class="px-4 py-4 whitespace-nowrap" href="https://www.netko.si/tekmovanje" title="Tekmovanje">Tekmovanje</a> </li> <li class="inline-block flex items-center mx-2 last:mr-8 bg-menu 1"> <a class="px-4 py-4 whitespace-nowrap" href="https://www.netko.si/nagrajenci" title="Nagrajenci">Nagrajenci</a> </li> <li class="inline-block flex items-center mx-2 last:mr-8 bg-menu 1"> <a class="px-4 py-4 whitespace-nowrap" href="https://www.netko.si/ziranti" title="沤iranti">沤iranti</a> </li> <li class="inline-block flex items-center mx-2 last:mr-8 bg-menu 1"> <a class="px-4 py-4 whitespace-nowrap" href="https://www.netko.si/o-netku" title="O Netku">O Netku</a> </li> </ul> <div class="w-2/12 bg-black text-white relative text-[15px] min-h-[56px] flex justify-center lg:justify-end bg-menu-white"> <a class="relative z-10 -mr-4 px-4 py-4" href="https://www.netko.si/prijavi-projekt" title="Prijavi projekt">Prijavi projekt</a> <div class="absolute bg-black h-full w-[calc(100vw-1224px)] min-w-[calc(100vw/12*3)] top-0 left-0"></div> </div> </div> </div> </div> </div> <div x-cloak :class="{'md:hidden flex flex-col justify-between': true, 'h-screen': open}"> <div> <div class="relative width-full max-w-[1224px] mx-auto px-4 box-content"> <div class="flex justify-between items-center"> <a href="https://www.netko.si" title="Netko"><img src="https://www.netko.si/images/logo.svg" alt="Netko" width="140"></a> <button class="p-4 -mr-4" @click="toggle()"> <img x-show="!open" src="https://www.netko.si/images/icons/menu.svg" alt="Odpri menu" width="20"> <img x-show="open" src="https://www.netko.si/images/icons/close.svg" alt="Zapri menu" width="20"> </button> </div> </div> <div class="border-b border-black"></div> </div> <div x-show="open" class="flex-1 flex flex-col justify-between text-center text-[15px]"> <p class="font-bold p-4 pt-8">.Simbol spletne odli膷nosti</p> <ul> <li class="block bg-menu 1"> <a class="inline-block p-4" href="https://www.netko.si/tekmovanje" title="Tekmovanje">Tekmovanje</a> </li> <li class="block bg-menu 1"> <a class="inline-block p-4" href="https://www.netko.si/nagrajenci" title="Nagrajenci">Nagrajenci</a> </li> <li class="block bg-menu 1"> <a class="inline-block p-4" href="https://www.netko.si/ziranti" title="沤iranti">沤iranti</a> </li> <li class="block bg-menu 1"> <a class="inline-block p-4" href="https://www.netko.si/o-netku" title="O Netku">O Netku</a> </li> </ul> <a class="p-4 pb-8" href="https://www.netko.si/isci" title="Iskalnik"><img class="inline-block" src="https://www.netko.si/images/icons/search.svg" alt="Iskalnik" width="20"> <span class="inline-block pl-4">Iskalnik</span></a> </div> <a x-show="open" class="bg-black text-white text-center text-[15px] p-4" href="https://www.netko.si/prijavi-projekt" title="Prijavi projekt">Prijavi projekt</a> </div> </header> <main class="flex-grow bg-gray-light z-10 "> <div class="relative xl:min-h-[60vh] xl:flex"> <video muted autoplay loop class="w-full h-auto xl:h-full xl:max-h-[60vh] xl:w-screen object-cover" src="https://www.netko.si/storage/uploads/11a1b11f-4419-45be-92d6-43abd73be00c/hero_anim.mp4"></video> <div class="relative xl:absolute xl:top-0 xl:h-full w-full"> <div class="relative width-full max-w-[1224px] mx-auto px-4 box-content h-full"> <div class="flex flex-col h-full justify-between md:justify-center items-center text-center"> <div class="px-[20%] md:px-0"> <h1 class="pt-8 md:pt-14 md:pt-0 mb-2 md:mb-6">Netko nagrajenci</h1> </div> <a class="group inline-block relative font-serif uppercase bg-cta text-sm font-bold mb-6 sm:mb-14 md:mb-0 mt-4 md:mt-10" href="/nagrajenci"> <span class="inline-block absolute h-full w-0 group-hover:w-full transition-all ease-out bg-cyan py-2 pr-[60px]"></span> <span class="inline-block relative py-2 px-4"> <span>Oglej si nagrajence</span> <img class="inline-block opacity-100 duration-100 group-hover:opacity-0" src="https://www.netko.si/images/icons/arrow-right-small-black.svg" width="16" alt="Pu拧膷ica desno"> <img class="inline-block absolute opacity-0 duration-500 group-hover:opacity-100 -ml-4 mt-px" src="https://www.netko.si/images/icons/arrow-alt-right-black.svg" width="16" alt="Pu拧膷ica desno"> </span> </a> </div> </div> </div> </div> <div class="py-8 sm:py-12 md:py-16 lg:py-20 bg-white"> <div class="relative width-full max-w-[1224px] mx-auto px-4 box-content"> <div class="flex"> <div class="w-3/12 md:w-1/12 relative" style="overflow-x: clip;" x-data="{width: 527}" @scroll.window.debounce.once="width = $refs.sticky.offsetWidth"> <p class="h1 -rotate-90 w-max transform -translate-x-full origin-top-right whitespace-nowrap sticky top-16 md:top-6" x-ref="sticky" :style="'height:'+width+'px'">Tekmovalne kategorije</p> </div> <div class="flex-1"> <div class="flex flex-wrap"> <div class="home-category w-full md:w-4/12 border border-b-0 last:border-b md:border-b border-black text-center 1 1"> <div class="-mt-px -ml-px"> <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"> <path class="bg-gradient" d="M57.6361 14.899H58.1361V14.399V0.5H71.5V71.5H29.3079V57.5985V57.0985H28.8079H14.3989H13.8989V57.5985V71.5H0.5V0.5H42.7296V14.399V14.899H43.2296H57.6361Z" stroke="#020202"/> <defs> <linearGradient id="bg-gradient" x1="72" y1="0" x2="0" y2="72" gradientUnits="userSpaceOnUse"> <stop offset="0.254826" stop-color="#CE005E"/> <stop offset="1" stop-color="#6667AB"/> </linearGradient> </defs> </svg> </div> <p class="font-bold mt-4 mb-12 px-4 md:px-0">Produkt ali storitev</p> <a class="group inline-block relative font-serif uppercase bg-cta text-sm font-bold mb-14" href="https://www.netko.si/tekmovanje/kategorije/produkt-ali-storitev"> <span class="inline-block absolute h-full w-0 group-hover:w-full transition-all ease-out bg-cyan py-2 pr-[60px]"></span> <span class="inline-block relative py-2 px-4"> <span>Ve膷 informacij</span> <img class="inline-block opacity-100 duration-100 group-hover:opacity-0" src="https://www.netko.si/images/icons/arrow-right-small-black.svg" width="16" alt="Pu拧膷ica desno"> <img class="inline-block absolute opacity-0 duration-500 group-hover:opacity-100 -ml-4 mt-px" src="https://www.netko.si/images/icons/arrow-alt-right-black.svg" width="16" alt="Pu拧膷ica desno"> </span> </a> </div> <div class="home-category w-full md:w-4/12 border border-b-0 last:border-b md:border-b border-black text-center md:-ml-px 1"> <div class="-mt-px -ml-px"> <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M57.1285 57.5985V58.0988L57.6289 58.0985L71.5 58.0887V71.5H0.5V0.5H71.5V13.8812H57.6412H57.1412V14.3812V28.7802V29.2802H57.6412H71.5V42.6893H57.6285H57.1285V43.1893V57.5985Z" stroke="#020202"/> <defs> <linearGradient id="bg-gradient" x1="72" y1="0" x2="0" y2="72" gradientUnits="userSpaceOnUse"> <stop offset="0.254826" stop-color="#CE005E"/> <stop offset="1" stop-color="#6667AB"/> </linearGradient> </defs> </svg> </div> <p class="font-bold mt-4 mb-12 px-4 md:px-0">Turizem, dogodki in prosti 膷as</p> <a class="group inline-block relative font-serif uppercase bg-cta text-sm font-bold mb-14" href="https://www.netko.si/tekmovanje/kategorije/turizem-dogodki-in-prosti-cas"> <span class="inline-block absolute h-full w-0 group-hover:w-full transition-all ease-out bg-cyan py-2 pr-[60px]"></span> <span class="inline-block relative py-2 px-4"> <span>Ve膷 informacij</span> <img class="inline-block opacity-100 duration-100 group-hover:opacity-0" src="https://www.netko.si/images/icons/arrow-right-small-black.svg" width="16" alt="Pu拧膷ica desno"> <img class="inline-block absolute opacity-0 duration-500 group-hover:opacity-100 -ml-4 mt-px" src="https://www.netko.si/images/icons/arrow-alt-right-black.svg" width="16" alt="Pu拧膷ica desno"> </span> </a> </div> <div class="home-category w-full md:w-4/12 border border-b-0 last:border-b md:border-b border-black text-center md:-ml-px 1"> <div class="-mt-px -ml-px"> <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M29.3511 57.5985V57.0985H28.8511H0.5V0.5H71.5V57.0985H43.2601H42.7601V57.5985V71.5H29.3511V57.5985Z" stroke="#020202"/> <defs> <linearGradient id="bg-gradient" x1="72" y1="0" x2="0" y2="72" gradientUnits="userSpaceOnUse"> <stop offset="0.254826" stop-color="#CE005E"/> <stop offset="1" stop-color="#6667AB"/> </linearGradient> </defs> </svg> </div> <p class="font-bold mt-4 mb-12 px-4 md:px-0">Dru啪bena odgovornost</p> <a class="group inline-block relative font-serif uppercase bg-cta text-sm font-bold mb-14" href="https://www.netko.si/tekmovanje/kategorije/druzbena-odgovornost"> <span class="inline-block absolute h-full w-0 group-hover:w-full transition-all ease-out bg-cyan py-2 pr-[60px]"></span> <span class="inline-block relative py-2 px-4"> <span>Ve膷 informacij</span> <img class="inline-block opacity-100 duration-100 group-hover:opacity-0" src="https://www.netko.si/images/icons/arrow-right-small-black.svg" width="16" alt="Pu拧膷ica desno"> <img class="inline-block absolute opacity-0 duration-500 group-hover:opacity-100 -ml-4 mt-px" src="https://www.netko.si/images/icons/arrow-alt-right-black.svg" width="16" alt="Pu拧膷ica desno"> </span> </a> </div> <div class="home-category w-full md:w-4/12 border border-b-0 last:border-b md:border-b border-black text-center 1 md:-mt-px"> <div class="-mt-px -ml-px"> <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M57.1285 43.1995V43.6995H57.6285H71.5V71.5H58.1234V57.5985V57.0985H57.6234H43.2144H42.7144V57.5985V71.5H0.5V0.5H42.7144V14.399V14.899H43.2144H57.6234H58.1234V14.399V0.5H71.5V28.3081H57.6285H57.1285V28.8081V43.1995Z" stroke="#020202"/> <defs> <linearGradient id="bg-gradient" x1="72" y1="0" x2="0" y2="72" gradientUnits="userSpaceOnUse"> <stop offset="0.254826" stop-color="#CE005E"/> <stop offset="1" stop-color="#6667AB"/> </linearGradient> </defs> </svg> </div> <p class="font-bold mt-4 mb-12 px-4 md:px-0">Javne ali nevladne organizacije</p> <a class="group inline-block relative font-serif uppercase bg-cta text-sm font-bold mb-14" href="https://www.netko.si/tekmovanje/kategorije/javne-ali-nevladne-organizacije"> <span class="inline-block absolute h-full w-0 group-hover:w-full transition-all ease-out bg-cyan py-2 pr-[60px]"></span> <span class="inline-block relative py-2 px-4"> <span>Ve膷 informacij</span> <img class="inline-block opacity-100 duration-100 group-hover:opacity-0" src="https://www.netko.si/images/icons/arrow-right-small-black.svg" width="16" alt="Pu拧膷ica desno"> <img class="inline-block absolute opacity-0 duration-500 group-hover:opacity-100 -ml-4 mt-px" src="https://www.netko.si/images/icons/arrow-alt-right-black.svg" width="16" alt="Pu拧膷ica desno"> </span> </a> </div> <div class="home-category w-full md:w-4/12 border border-b-0 last:border-b md:border-b border-black text-center md:-ml-px md:-mt-px"> <div class="-mt-px -ml-px"> <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M43.247 28.8081V28.3081H42.747H28.4963H27.9963V28.8081V43.2071V43.7071H28.4963H42.747H43.247V43.2071V28.8081ZM71.5 0.5V71.5H0.5V0.5H71.5Z" stroke="#020202"/> <defs> <linearGradient id="bg-gradient" x1="72" y1="0" x2="0" y2="72" gradientUnits="userSpaceOnUse"> <stop offset="0.254826" stop-color="#CE005E"/> <stop offset="1" stop-color="#6667AB"/> </linearGradient> </defs> </svg> </div> <p class="font-bold mt-4 mb-12 px-4 md:px-0">Izobra啪evalna in znanstvena organizacija</p> <a class="group inline-block relative font-serif uppercase bg-cta text-sm font-bold mb-14" href="https://www.netko.si/tekmovanje/kategorije/izobrazevalna-in-znanstvena-organizacija"> <span class="inline-block absolute h-full w-0 group-hover:w-full transition-all ease-out bg-cyan py-2 pr-[60px]"></span> <span class="inline-block relative py-2 px-4"> <span>Ve膷 informacij</span> <img class="inline-block opacity-100 duration-100 group-hover:opacity-0" src="https://www.netko.si/images/icons/arrow-right-small-black.svg" width="16" alt="Pu拧膷ica desno"> <img class="inline-block absolute opacity-0 duration-500 group-hover:opacity-100 -ml-4 mt-px" src="https://www.netko.si/images/icons/arrow-alt-right-black.svg" width="16" alt="Pu拧膷ica desno"> </span> </a> </div> <div class="home-category w-full md:w-4/12 border border-b-0 last:border-b md:border-b border-black text-center md:-ml-px md:-mt-px"> <div class="-mt-px -ml-px"> <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"> <path class="bg-gradient" d="M57.6361 14.899H58.1361V14.399V0.5H71.5V71.5H29.3079V57.5985V57.0985H28.8079H14.3989H13.8989V57.5985V71.5H0.5V0.5H42.7296V14.399V14.899H43.2296H57.6361Z" stroke="#020202"/> <defs> <linearGradient id="bg-gradient" x1="72" y1="0" x2="0" y2="72" gradientUnits="userSpaceOnUse"> <stop offset="0.254826" stop-color="#CE005E"/> <stop offset="1" stop-color="#6667AB"/> </linearGradient> </defs> </svg> </div> <p class="font-bold mt-4 mb-12 px-4 md:px-0">Otroci in mladina</p> <a class="group inline-block relative font-serif uppercase bg-cta text-sm font-bold mb-14" href="https://www.netko.si/tekmovanje/kategorije/otroci-in-mladina"> <span class="inline-block absolute h-full w-0 group-hover:w-full transition-all ease-out bg-cyan py-2 pr-[60px]"></span> <span class="inline-block relative py-2 px-4"> <span>Ve膷 informacij</span> <img class="inline-block opacity-100 duration-100 group-hover:opacity-0" src="https://www.netko.si/images/icons/arrow-right-small-black.svg" width="16" alt="Pu拧膷ica desno"> <img class="inline-block absolute opacity-0 duration-500 group-hover:opacity-100 -ml-4 mt-px" src="https://www.netko.si/images/icons/arrow-alt-right-black.svg" width="16" alt="Pu拧膷ica desno"> </span> </a> </div> <div class="home-category w-full md:w-4/12 border border-b-0 last:border-b md:border-b border-black text-center 1 md:-mt-px"> <div class="-mt-px -ml-px"> <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M57.1285 57.5985V58.0988L57.6289 58.0985L71.5 58.0887V71.5H0.5V0.5H71.5V13.8812H57.6412H57.1412V14.3812V28.7802V29.2802H57.6412H71.5V42.6893H57.6285H57.1285V43.1893V57.5985Z" stroke="#020202"/> <defs> <linearGradient id="bg-gradient" x1="72" y1="0" x2="0" y2="72" gradientUnits="userSpaceOnUse"> <stop offset="0.254826" stop-color="#CE005E"/> <stop offset="1" stop-color="#6667AB"/> </linearGradient> </defs> </svg> </div> <p class="font-bold mt-4 mb-12 px-4 md:px-0">Podjetje</p> <a class="group inline-block relative font-serif uppercase bg-cta text-sm font-bold mb-14" href="https://www.netko.si/tekmovanje/kategorije/podjetje"> <span class="inline-block absolute h-full w-0 group-hover:w-full transition-all ease-out bg-cyan py-2 pr-[60px]"></span> <span class="inline-block relative py-2 px-4"> <span>Ve膷 informacij</span> <img class="inline-block opacity-100 duration-100 group-hover:opacity-0" src="https://www.netko.si/images/icons/arrow-right-small-black.svg" width="16" alt="Pu拧膷ica desno"> <img class="inline-block absolute opacity-0 duration-500 group-hover:opacity-100 -ml-4 mt-px" src="https://www.netko.si/images/icons/arrow-alt-right-black.svg" width="16" alt="Pu拧膷ica desno"> </span> </a> </div> <div class="home-category w-full md:w-4/12 border border-b-0 last:border-b md:border-b border-black text-center md:-ml-px md:-mt-px"> <div class="-mt-px -ml-px"> <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M29.3511 57.5985V57.0985H28.8511H0.5V0.5H71.5V57.0985H43.2601H42.7601V57.5985V71.5H29.3511V57.5985Z" stroke="#020202"/> <defs> <linearGradient id="bg-gradient" x1="72" y1="0" x2="0" y2="72" gradientUnits="userSpaceOnUse"> <stop offset="0.254826" stop-color="#CE005E"/> <stop offset="1" stop-color="#6667AB"/> </linearGradient> </defs> </svg> </div> <p class="font-bold mt-4 mb-12 px-4 md:px-0">Spletna trgovina</p> <a class="group inline-block relative font-serif uppercase bg-cta text-sm font-bold mb-14" href="https://www.netko.si/tekmovanje/kategorije/spletna-trgovina"> <span class="inline-block absolute h-full w-0 group-hover:w-full transition-all ease-out bg-cyan py-2 pr-[60px]"></span> <span class="inline-block relative py-2 px-4"> <span>Ve膷 informacij</span> <img class="inline-block opacity-100 duration-100 group-hover:opacity-0" src="https://www.netko.si/images/icons/arrow-right-small-black.svg" width="16" alt="Pu拧膷ica desno"> <img class="inline-block absolute opacity-0 duration-500 group-hover:opacity-100 -ml-4 mt-px" src="https://www.netko.si/images/icons/arrow-alt-right-black.svg" width="16" alt="Pu拧膷ica desno"> </span> </a> </div> </div> </div> </div> </div> </div> <div class="bg-white md:pb-14 md:pb-20 relative overflow-x-hidden"> <div class="mr-6 md:mr-0 relative z-10"> <div class="relative width-full max-w-[1224px] mx-auto px-4 box-content pt-10 md:pt-20 pb-6 md:pb-10" id="slider"> <h1 class="pl-[calc(100%/12*3)] md:pl-0 pr-[calc(100%/12*2)] md:pr-0 relative z-10 md:text-center mb-6 md:mb-10">Pretekli <br class="md:hidden">zmagovalci</h1> <div class="swiper-wrapper relative z-10 flex -mx-4 md:-mx-6"> <div class="swiper-slide w-4/12 flex-none px-4 md:px-6"> <img src="https://www.netko.si/img/2b037f19-933c-4745-980a-4ecbb41810ca/klic-osamljenosti.png?fm=jpg&q=80&fit=max&crop=806%2C476%2C0%2C0&w=400" alt="Klic osamljenosti"> <p class="font-bold mt-4 mb-2 tracking-wider">Klic osamljenosti</p> <p class="font-serif text-xs mb-4"></p> <p class="font-serif text-xs uppercase"> <span class="pr-8 last:pr-0"></span> <span class="pr-8 last:pr-0"></span> <span class="pr-8 last:pr-0"></span> </p> </div> <div class="swiper-slide w-4/12 flex-none px-4 md:px-6"> <img src="https://www.netko.si/img/e914b938-002c-4ad4-b59e-714ec0d428de/astra.png?fm=jpg&q=80&fit=max&crop=1069%2C633%2C20%2C0&w=400" alt="Astra"> <p class="font-bold mt-4 mb-2 tracking-wider">Astra</p> <p class="font-serif text-xs mb-4"></p> <p class="font-serif text-xs uppercase"> </p> </div> <div class="swiper-slide w-4/12 flex-none px-4 md:px-6"> <img src="https://www.netko.si/img/7f71224f-4c24-4fea-9852-57cad8d3dda8/ccedit.png?fm=jpg&q=80&fit=max&crop=1312%2C776%2C0%2C0&w=400" alt="CCEdit"> <p class="font-bold mt-4 mb-2 tracking-wider">CCEdit</p> <p class="font-serif text-xs mb-4"></p> <p class="font-serif text-xs uppercase"> </p> </div> <div class="swiper-slide w-4/12 flex-none px-4 md:px-6"> <img src="https://www.netko.si/img/70016491-677c-496d-88d7-6f6d7a9a2b3e/alpinehomesteadbled.png?fm=jpg&q=80&fit=max&crop=1312%2C776%2C0%2C0&w=400" alt="Alpine Homestead Bled"> <p class="font-bold mt-4 mb-2 tracking-wider">Alpine Homestead Bled</p> <p class="font-serif text-xs mb-4"></p> <p class="font-serif text-xs uppercase"> <span class="pr-8 last:pr-0"></span> <span class="pr-8 last:pr-0"></span> </p> </div> <div class="swiper-slide w-4/12 flex-none px-4 md:px-6"> <img src="https://www.netko.si/img/b3a6c3fe-6a28-4811-870e-2d1025f6780d/vilamadeleine.png?fm=jpg&q=80&fit=max&crop=1069%2C633%2C158%2C0&w=400" alt="Vila Madeleine"> <p class="font-bold mt-4 mb-2 tracking-wider">Vila Madeleine</p> <p class="font-serif text-xs mb-4"></p> <p class="font-serif text-xs uppercase"> </p> </div> <div class="swiper-slide w-4/12 flex-none px-4 md:px-6"> <img src="https://www.netko.si/img/11a2f674-d5ec-47f4-aaa1-50b629024c51/agencija101.png?fm=jpg&q=80&fit=max&crop=1311%2C776%2C0%2C0&w=400" alt="Agencija 101"> <p class="font-bold mt-4 mb-2 tracking-wider">Agencija 101</p> <p class="font-serif text-xs mb-4"></p> <p class="font-serif text-xs uppercase"> </p> </div> <div class="swiper-slide w-4/12 flex-none px-4 md:px-6"> <img src="https://www.netko.si/img/323a52b5-9fec-495d-b034-71bb09255684/marketingmagazin.png?fm=jpg&q=80&fit=max&crop=1069%2C633%2C0%2C0&w=400" alt="Marketing Magazin"> <p class="font-bold mt-4 mb-2 tracking-wider">Marketing Magazin</p> <p class="font-serif text-xs mb-4"></p> <p class="font-serif text-xs uppercase"> </p> </div> <div class="swiper-slide w-4/12 flex-none px-4 md:px-6"> <img src="https://www.netko.si/img/6c7a18a9-d16a-4368-8d24-5e5afa7a7e78/friderikljubljanskigrad.png?fm=jpg&q=80&fit=max&crop=1004%2C594%2C149%2C0&w=400" alt="Friderik grajska trgovina"> <p class="font-bold mt-4 mb-2 tracking-wider">Friderik grajska trgovina</p> <p class="font-serif text-xs mb-4"></p> <p class="font-serif text-xs uppercase"> </p> </div> <div class="swiper-slide w-4/12 flex-none px-4 md:px-6"> <img src="https://www.netko.si/img/a471b05e-a218-4a2c-beb5-15c62e829446/alternator.png?fm=jpg&q=80&fit=max&crop=1061%2C628%2C236%2C0&w=400" alt="Alternator"> <p class="font-bold mt-4 mb-2 tracking-wider">Alternator</p> <p class="font-serif text-xs mb-4"></p> <p class="font-serif text-xs uppercase"> </p> </div> </div> <div class="relative z-10 mt-4 md:mt-10 flex justify-between"> <div class="swiper-button-prev transition-opacity opacity-100"> <div class="inline-block relative group" style="margin-top: calc(38px / 100 * -25);"> <img class="opacity-100 group-hover:opacity-0 transition ease-out py-[25%]" src="https://www.netko.si/images/icons/arrow-left-black.svg" alt="Nazaj" width="38"> <img class="opacity-0 group-hover:opacity-100 transition ease-in absolute top-0" src="https://www.netko.si/images/icons/arrow-alt-left-black.svg" alt="Nazaj" width="38"> </div> </div> <div class="swiper-button-next transition-opacity opacity-100"> <div class="inline-block relative group" style="margin-top: calc(38px / 100 * -25);"> <img class="opacity-100 group-hover:opacity-0 transition ease-out py-[25%]" src="https://www.netko.si/images/icons/arrow-right-black.svg" alt="Naprej" width="38"> <img class="opacity-0 group-hover:opacity-100 transition ease-in absolute top-0" src="https://www.netko.si/images/icons/arrow-alt-right-black.svg" alt="Naprej" width="38"> </div> </div> </div> <div class="absolute top-0 h-full w-full flex"> <div class="w-1/12"></div> <div class="w-11/12 bg-gray relative"> <div class="absolute bg-gray top-0 w-screen h-full"></div> </div> </div> </div> </div> <div class="bg-gray-light absolute top-[calc(50%-2.5rem)] w-full h-[calc(50%+2.5rem)]"></div> </div> <div class="bg-gray-light pb-14 md:pb-20"> <div class="relative width-full max-w-[1224px] mx-auto px-4 box-content"> </div> </div> <div class="bg-white py-6 md:py-14 md:py-20 border-t border-black"> <div class="relative width-full max-w-[1224px] mx-auto px-4 box-content"> <div class="flex"> <div class="w-6/12 md:w-4/12 pr-[5%] border-r border-black"> <p class="font-bold text-[18px] mt-2">Organizator</p> <a href="https://www.register.si" title="register.si" target="_blank"><img class="max-w-[75%] md:max-w-full" src="https://www.netko.si/images/register.si.png" alt="register.si" width="236"></a> </div> <div class="w-6/12 md:w-8/12 pl-[10%]"> <p class="font-bold text-[18px] mt-2">Partnerji</p> <div class="flex flex-col md:flex-row justify-between"> <a href="https://www.arnes.si" title="arnes" target="_blank"><img class="max-w-[50%] md:max-w-full" src="https://www.netko.si/images/arnes.png" alt="arnes" width="160"></a> <a href="https://www.gzs.si" title="Gospodarska zbornica Slovenije" target="_blank"><img class="max-w-[50%] md:max-w-full" src="https://www.netko.si/images/gzs.png" alt="Gospodarska zbornica Slovenije" width="158"></a> <a href="https://www.gzs.si/zdruzenje_za_informatiko_in_telekomunikacije" title="Zdru啪enje za informatiko in telekomunikacije (ZIT)" target="_blank"><img class="max-w-[50%] md:max-w-full" src="https://www.netko.si/images/zit.png" alt="Zdru啪enje za informatiko in telekomunikacije (ZIT)" width="228"></a> </div> </div> </div> </div> </div> </main> <div class="bg-black text-white pt-14 md:pt-20 md:pb-20"> <div class="relative width-full max-w-[1224px] mx-auto px-4 box-content"> <div class="md:flex"> <div class="md:w-2/12"> <img class="max-w-[150px] md:max-w-full" src="https://www.netko.si/images/logo-2025-large-alt-v2.svg" alt="Netko"> </div> <div class="md:w-2/12"></div> <div class="md:w-8/12 py-14 md:py-0 flex flex-wrap md:flex-col justify-between"> <div class="w-1/12 md:hidden border-r border-white"></div> <div class="w-2/12 md:hidden"></div> <div class="w-9/12 md:w-full md:flex text-sm"> <div class="md:w-4/12"> <p class="font-serif font-semibold uppercase mb-6">Prijava</p> <a class="tracking-wide" href="https://www.netko.si/prijavi-projekt" title="Izpolni prijavnico">Izpolni prijavnico</a> </div> <div class="md:w-4/12"> <p class="font-serif font-semibold uppercase mb-6 mt-10 md:mt-0">Kontakt</p> <a class="tracking-wide" href="mailto:info@netko.si" title="info@netko.si">info@netko.si</a> <br> <a class="tracking-wide" href="tel:0038614798987" title="01 479 89 87">01 479 89 87</a> </div> <div class="md:w-4/12 md:text-right"> <a class="tracking-wide block mb-6 mt-10 md:mt-0" href="https://www.netko.si/piskotki" title="Pi拧kotki">Pi拧kotki</a> <a class="tracking-wide" href="https://www.netko.si/varstvo-osebnih-podatkov" title="Varstvo osebnih podatkov">Varstvo osebnih podatkov</a> </div> <div class="md:hidden mt-14"> <p class="mb-6">漏 2025 <br>Gospodarska zbornica Slovenije</p> <p>Izdelava <a href="https://futura.si" title="Futura DDB">Futura DDB</a> </p> </div> </div> <div class="md:flex justify-between text-xs tracking-wide pt-14 md:pt-0"> <div class="hidden md:flex"> <p>漏 2025 Gospodarska zbornica Slovenije</p> <p class="px-2">|</p> <p>Izdelava <a href="https://futura.si" title="Futura DDB">Futura DDB</a> </p> </div> <a href="#vrh" title="Na vrh strani" data-scroll="data-scroll">Na vrh strani <img class="inline" src="https://www.netko.si/images/icons/to-top.svg" alt="Na vrh" width="8"></a> </div> </div> </div> </div> </div> <script src="/livewire/livewire.js?id=de3fca26689cb5a39af4" data-turbo-eval="false" data-turbolinks-eval="false" ></script><script data-turbo-eval="false" data-turbolinks-eval="false" >window.livewire = new Livewire();window.Livewire = window.livewire;window.livewire_app_url = '';window.livewire_token = 'o4doW39mhxlTrvbD2wP6MfFAxoKTso598Yd8NAM4';window.deferLoadingAlpine = function (callback) {window.addEventListener('livewire:load', function () {callback();});};let started = false;window.addEventListener('alpine:initializing', function () {if (! started) {window.livewire.start();started = true;}});document.addEventListener("DOMContentLoaded", function () {if (! started) {window.livewire.start();started = true;}});</script> <script> const responsive_menu = () => ({ open: false, toggle() { if (this.open) { document.body.classList.remove('overflow-hidden'); } else { document.body.classList.add('overflow-hidden'); } this.open = !this.open; }, }); </script> <div id="cookie-notice" class="fixed bottom-0 left-0 w-full bg-cover z-10 bg-[#CE0058]"> <div class="relative width-full max-w-[1224px] mx-auto px-4 box-content py-10"> <div class="flex -m-3 items-center"> <div class="w-1/12"> </div> <div class="hidden sm:block w-1/12 flex-none"> <img class="w-12 h-auto" src="https://www.netko.si/images/cookies_title.svg" alt="Pi拧kotki"> </div> <div class="hidden sm:block w-1/12"> </div> <div class="w-9/12 sm:w-7/12"> <p> Na na拧em spletnem mestu uporabljamo pi拧kotke za zagotavljanje sodobne uporabni拧ke izku拧nje, promocijo in statistiko obiska. Z izborom opcije 禄se strinjam芦 se strinjate z uporabo pi拧kotkov. V primeru nestrinjanja lahko uredite podrobne nastavitve, vendar se vam zaradi omejitev nekatere zanimive funkcionalnosti in vsebine ne bodo prikazovale. <a class="underline" href="https://www.netko.si/piskotki">Ve膷 o tem</a> </p> <div class="mt-10 space-y-6 sm:space-y-0 sm:space-x-10"> <a class="group inline-block relative font-serif uppercase bg-cta text-sm font-bold" onclick="cookieNotice.approve()" href=""> <span class="inline-block absolute h-full w-0 group-hover:w-full transition-all ease-out bg-cyan py-2 pr-[60px]"></span> <span class="inline-block relative py-2 px-4"> <span>Se strinjam</span> </span> </a> <a class="inline-block underline font-serif font-bold text-sm" href="https://www.netko.si/piskotki">Podrobne nastavitve</a> </div> </div> <div class="relative w-1/12 self-start"> <button class="float-right focus:outline-none" onclick="document.getElementById('cookie-notice').style.display = 'none';"> <img class="w-8 h-8" src="https://www.netko.si/images/icons/close-cookie.svg" alt="Zapri"> </button> </div> <div class="sm:hidden w-1/12"> </div> </div> </div> </div> <script> function CookieNotice (name) { this.name = name; this.visible = true; this.consent = false; this.events = []; const emit = function (self, eventName) { if (self.events[eventName]) self.events[eventName](self); }; const init = function (self) { setTimeout(function () { if (self.check()) { self.approve(); } emit(self, 'init'); }.bind(self), 10); }; this.write = function () { document.cookie = this.name + "=true;path=/;domain="+location.host+"; expires=Fri, 31 Dec 9999 23:59:59 GMT"; return this; }; this.remove = function () { document.cookie = this.name + "=false; expires=Thu, 01 Jan 1970 00:00:00 GMT"; return this; }; this.check = function () { var cookie = document.cookie.split(';').filter(function (item) { return item.indexOf(this.name + '=') >= 0 }.bind(this)); if (cookie.length > 0) { return cookie[0].trim().replace(this.name + '=', '') === 'true'; } else { return false; } }; this.approve = function () { this.visible = false; this.consent = true; this.write(); emit(this, 'consent'); emit(this, 'hide'); }; this.cancel = function () { this.visible = false; this.consent = false; emit(this, 'cancel'); emit(this, 'hide'); }; this.on = function (eventName, callback) { this.events[eventName] = callback; }; // init init(this); } const cookieNotice = new CookieNotice('cookie_consent'); cookieNotice.on('consent', function () { window.gdpr.add(['other', 'functional', 'analytics', 'advertising']); window.gdpr.addAll(); }); cookieNotice.on('hide', function () { const el = document.getElementById('cookie-notice'); if (el) { el.parentNode.removeChild(el); } }); cookieNotice.on('cancel', function () { window.gdpr.add('functional'); }); </script> </body> </html>