{"id":1980,"date":"2025-08-15T13:03:11","date_gmt":"2025-08-15T11:03:11","guid":{"rendered":"https:\/\/gsl.rs\/?page_id=1980"},"modified":"2025-08-15T14:24:56","modified_gmt":"2025-08-15T12:24:56","slug":"partner","status":"publish","type":"page","link":"https:\/\/www.gsl.rs\/de\/partner\/","title":{"rendered":"Partner"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n GSL DOO \u2013 Partner<\/title>\r\n <style>\r\n \/* Globalne promenljive za konzistentnost sa prethodnim dizajnom *\/\r\n :root {\r\n --brand: #2e7cff;\r\n --brand-2: #1a92d1;\r\n --bg: #f7f9fc;\r\n --bg-soft: #ffffff;\r\n --text: #1b2a3a;\r\n --muted: #5c6f82;\r\n --ok: #2fbf71;\r\n --warn: #ffae42;\r\n --danger: #ff6b6b;\r\n --radius: 18px;\r\n --shadow: 0 10px 30px rgba(15, 39, 74, .10);\r\n --shadow-soft: 0 8px 24px rgba(15, 39, 74, .08);\r\n --border: 1px solid rgba(15, 39, 74, .10);\r\n --maxw: 1180px;\r\n }\r\n\r\n \/* Osnovni reset i tipografija *\/\r\n * { box-sizing: border-box }\r\n html, body {\r\n margin: 0;\r\n color: var(--text);\r\n font: 16px\/1.6 \"Inter\", \"Segoe UI\", Roboto, system-ui, -apple-system, sans-serif;\r\n background: var(--bg);\r\n overflow-x: hidden;\r\n }\r\n img { max-width: 100%; display: block }\r\n a { color: inherit; text-decoration: none }\r\n\r\n \/* Kontejner i sekcija *\/\r\n .container { max-width: var(--maxw); margin: 0 auto; padding: clamp(16px, 2.5vw, 28px) }\r\n .section { padding: clamp(32px, 5vw, 72px) 0 }\r\n .eyebrow { letter-spacing: .12em; text-transform: uppercase; font-weight: 700; font-size: clamp(1.5rem, 3vw, 2rem); color: #ffffff; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) }\r\n .title { font-size: clamp(28px, 4vw, 46px); line-height: 1.2; margin: 8px 0 18px }\r\n .lead { font-size: clamp(16px, 1.65vw, 20px); color: var(--muted); max-width: 800px; margin: 0 auto }\r\n .subtitle { font-size: clamp(20px, 2.5vw, 24px); margin: 24px 0 16px; font-weight: 600; color: var(--text) }\r\n\r\n \/* Particles animacija *\/\r\n #particles-js {\r\n position: absolute;\r\n top: 0;\r\n left: 50%; \/* Centriranje za celu \u0161irinu *\/\r\n transform: translateX(-50%); \/* Pomeranje ulevo za punu \u0161irinu *\/\r\n width: 100vw; \/* Cela \u0161irina stranice *\/\r\n height: 300px; \/* Pove\u0107ana visina *\/\r\n background: #0e70a1;\r\n z-index: 1; \/* Iznad pozadine, ispod sadr\u017eaja *\/\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n \/* Tekst unutar particles animacije *\/\r\n #particles-js .eyebrow {\r\n position: absolute;\r\n top: 70%;\r\n transform: translateY(-50%);\r\n }\r\n\r\n \/* Spacer sa prostorom za header *\/\r\n .particles-spacer {\r\n height: 320px; \/* Ista visina kao #particles-js *\/\r\n margin-top: 60px; \/* Pretpostavljena visina header-a, prilago\u0111ena za spu\u0161tanje *\/\r\n }\r\n\r\n \/* Partneri sekcija *\/\r\n #partneri {\r\n text-align: center;\r\n background: var(--bg-soft);\r\n position: relative;\r\n z-index: 2; \/* Iznad particles animacije *\/\r\n }\r\n #partneri .partners-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\r\n gap: clamp(16px, 2vw, 24px);\r\n max-width: 1000px;\r\n margin: 32px auto 0;\r\n padding: 0 clamp(16px, 2vw, 24px);\r\n }\r\n #partneri .partner {\r\n background: var(--bg-soft);\r\n border: var(--border);\r\n border-radius: var(--radius);\r\n padding: 20px;\r\n box-shadow: var(--shadow-soft);\r\n transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n opacity: 0;\r\n transform: translateY(20px);\r\n animation: fadeInUp 0.6s ease forwards;\r\n }\r\n #partneri .partner img {\r\n max-width: 100%;\r\n height: auto;\r\n filter: grayscale(100%);\r\n transition: filter 0.3s ease, transform 0.3s ease;\r\n }\r\n #partneri .partner:hover {\r\n transform: translateY(-4px);\r\n box-shadow: var(--shadow);\r\n }\r\n #partneri .partner:hover img {\r\n filter: grayscale(0%);\r\n transform: scale(1.05);\r\n }\r\n \/* Nova klasa za zadr\u017eavanje boje i fade out *\/\r\n #partneri .partner.hovered img {\r\n filter: grayscale(0%);\r\n animation: fadeOutGrayscale 0.2s ease forwards 0.5s; \/* Fade out nakon 1s *\/\r\n }\r\n\r\n \/* Fade out animacija za grayscale *\/\r\n @keyframes fadeOutGrayscale {\r\n to {\r\n filter: grayscale(100%);\r\n }\r\n }\r\n\r\n \/* Staggered animacija za ulazak *\/\r\n #partneri .partner:nth-child(1) { animation-delay: 0.1s; }\r\n #partneri .partner:nth-child(2) { animation-delay: 0.2s; }\r\n #partneri .partner:nth-child(3) { animation-delay: 0.3s; }\r\n #partneri .partner:nth-child(4) { animation-delay: 0.4s; }\r\n #partneri .partner:nth-child(5) { animation-delay: 0.5s; }\r\n #partneri .partner:nth-child(6) { animation-delay: 0.6s; }\r\n #partneri .partner:nth-child(7) { animation-delay: 0.7s; }\r\n #partneri .partner:nth-child(8) { animation-delay: 0.8s; }\r\n #partneri .partner:nth-child(9) { animation-delay: 0.9s; }\r\n #partneri .partner:nth-child(10) { animation-delay: 1.0s; }\r\n #partneri .partner:nth-child(11) { animation-delay: 1.1s; }\r\n #partneri .partner:nth-child(12) { animation-delay: 1.2s; }\r\n #partneri .partner:nth-child(13) { animation-delay: 1.3s; }\r\n #partneri .partner:nth-child(14) { animation-delay: 1.4s; }\r\n #partneri .partner:nth-child(15) { animation-delay: 1.5s; }\r\n\r\n @keyframes fadeInUp {\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n \/* Responzivni dizajn *\/\r\n @media (max-width: 768px) {\r\n #particles-js {\r\n height: 200px;\r\n }\r\n .particles-spacer {\r\n height: 200px;\r\n margin-top: 50px; \/* Manji margin za tablete *\/\r\n }\r\n #particles-js .eyebrow {\r\n font-size: clamp(1.2rem, 2.5vw, 1.5rem);\r\n }\r\n }\r\n @media (max-width: 480px) {\r\n #particles-js {\r\n height: 150px;\r\n }\r\n .particles-spacer {\r\n height: 150px;\r\n margin-top: 40px; \/* Jo\u0161 manji margin za mobilne *\/\r\n }\r\n #particles-js .eyebrow {\r\n font-size: clamp(1rem, 2vw, 1.2rem);\r\n }\r\n #partneri .partners-grid {\r\n grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\r\n }\r\n #partneri .partner {\r\n padding: 10px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <!-- Particles animacija sa tekstom -->\r\n <div id=\"particles-js\">\r\n <div class=\"eyebrow\">Unsere Partner<\/div>\r\n <\/div>\r\n <div class=\"particles-spacer\"><\/div>\r\n\r\n <!-- Partneri sekcija -->\r\n <section class=\"section\" id=\"partneri\">\r\n <div class=\"container\">\r\n <h2 class=\"title\">Zusammenarbeit auf der Grundlage von Vertrauen und Innovation<\/h2>\r\n <p class=\"lead\">\r\n GSL DOO ist stolz darauf, mit zahlreichen Unternehmen, Institutionen und Organisationen zusammenzuarbeiten, die die Qualit\u00e4t, Zuverl\u00e4ssigkeit und technische Expertise unserer L\u00f6sungen anerkennen. Unsere Partnerschaften basieren auf Vertrauen, langfristiger Zusammenarbeit und dem gemeinsamen Bekenntnis zu Innovation. <br><br>\r\n Dank dieser Partnerschaften sind unsere Systeme und Produkte Bestandteil zahlreicher Infrastruktur-, Industrie- und Technologiel\u00f6sungen in ganz Serbien. Jedes Projekt bietet uns eine neue Chance, die Lebens- und Arbeitsqualit\u00e4t durch innovative elektronische Systeme zu verbessern.\r\n <\/p>\r\n\r\n <h3 class=\"subtitle\">Wir stellen einige unserer Partner vor:<\/h3>\r\n <div class=\"partners-grid\">\r\n <div class=\"partner\"><img decoding=\"async\" src=\"https:\/\/gsl.rs\/wp-content\/uploads\/2025\/04\/vik-novi-sad.png\" alt=\"Wasserversorgung und Abwasserentsorgung in Novi Sad\"><\/div>\r\n <div class=\"partner\"><img decoding=\"async\" src=\"https:\/\/gsl.rs\/wp-content\/uploads\/2025\/04\/vode_vojvodine_logo_150px.png\" alt=\"Gew\u00e4sser der Vojvodina\"><\/div>\r\n <div class=\"partner\"><img decoding=\"async\" src=\"https:\/\/gsl.rs\/wp-content\/uploads\/2025\/04\/gspns_logo_150px.png\" alt=\"GSP Novi Sad\"><\/div>\r\n <div class=\"partner\"><img decoding=\"async\" src=\"https:\/\/gsl.rs\/wp-content\/uploads\/2025\/04\/novosadska-toplana-logo.png\" alt=\"Heizkraftwerk Novi Sad\"><\/div>\r\n <div class=\"partner\"><img decoding=\"async\" src=\"https:\/\/gsl.rs\/wp-content\/uploads\/2025\/08\/NIS_LOGO.png\" alt=\"NIS\"><\/div>\r\n <div class=\"partner\"><img decoding=\"async\" src=\"https:\/\/gsl.rs\/wp-content\/uploads\/2025\/08\/Continental_logo2.png\" alt=\"Kontinental\"><\/div>\r\n <div class=\"partner\"><img decoding=\"async\" src=\"https:\/\/gsl.rs\/wp-content\/uploads\/2025\/04\/Idvorsky_logo_150px.png\" alt=\"Idvorsky\"><\/div>\r\n <div class=\"partner\"><img decoding=\"async\" src=\"https:\/\/gsl.rs\/wp-content\/uploads\/2025\/04\/OpenFyle_logo_150px.png\" alt=\"Datei \u00f6ffnen\"><\/div>\r\n <div class=\"partner\"><img decoding=\"async\" src=\"https:\/\/gsl.rs\/wp-content\/uploads\/2025\/04\/Yo1solution.png\" alt=\"Yo1-L\u00f6sung\"><\/div>\r\n <div class=\"partner\"><img decoding=\"async\" src=\"https:\/\/gsl.rs\/wp-content\/uploads\/2025\/04\/Yo1Engineering.png\" alt=\"Yo1 Engineering\"><\/div>\r\n <div class=\"partner\"><img decoding=\"async\" src=\"https:\/\/gsl.rs\/wp-content\/uploads\/2025\/04\/Enterprise_Europe_Network_Logo.png\" alt=\"Enterprise Europe Netzwerk\"><\/div>\r\n <div class=\"partner\"><img decoding=\"async\" src=\"https:\/\/gsl.rs\/wp-content\/uploads\/2025\/04\/pyron_test.png\" alt=\"Pyron\"><\/div>\r\n <div class=\"partner\"><img decoding=\"async\" src=\"https:\/\/gsl.rs\/wp-content\/uploads\/2025\/08\/Tehnolink_logo.png\" alt=\"Technolink\"><\/div>\r\n <div class=\"partner\"><img decoding=\"async\" src=\"https:\/\/gsl.rs\/wp-content\/uploads\/2025\/08\/150xstrentex.png\" alt=\"Strentex\"><\/div>\r\n <div class=\"partner\"><img decoding=\"async\" src=\"https:\/\/gsl.rs\/wp-content\/uploads\/2025\/04\/green_energy_logo_150px.png\" alt=\"Gr\u00fcne Energie\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- U\u010ditavanje particles.js -->\r\n <script src=\"https:\/\/cdn.jsdelivr.net\/particles.js\/2.0.0\/particles.min.js\"><\/script>\r\n <script>\r\n document.addEventListener(\"DOMContentLoaded\", () => {\r\n \/\/ Inicijalizacija particles.js\r\n particlesJS(\"particles-js\", {\r\n \"particles\": {\r\n \"number\": {\r\n \"value\": 156,\r\n \"density\": {\r\n \"enable\": true,\r\n \"value_area\": 685\r\n }\r\n },\r\n \"color\": {\r\n \"value\": \"#ffffff\"\r\n },\r\n \"shape\": {\r\n \"type\": \"circle\",\r\n \"stroke\": {\r\n \"width\": 0,\r\n \"color\": \"#000000\"\r\n },\r\n \"polygon\": {\r\n \"nb_sides\": 5\r\n },\r\n \"image\": {\r\n \"src\": \"img\/github.svg\",\r\n \"width\": 100,\r\n \"height\": 100\r\n }\r\n },\r\n \"opacity\": {\r\n \"value\": 0.5,\r\n \"random\": false,\r\n \"anim\": {\r\n \"enable\": false,\r\n \"speed\": 10,\r\n \"opacity_min\": 0.1,\r\n \"sync\": false\r\n }\r\n },\r\n \"size\": {\r\n \"value\": 3,\r\n \"random\": true,\r\n \"anim\": {\r\n \"enable\": false,\r\n \"speed\": 40,\r\n \"size_min\": 0.1,\r\n \"sync\": false\r\n }\r\n },\r\n \"line_linked\": {\r\n \"enable\": true,\r\n \"distance\": 150,\r\n \"color\": \"#ffffff\",\r\n \"opacity\": 0.4,\r\n \"width\": 1\r\n },\r\n \"move\": {\r\n \"enable\": true,\r\n \"speed\": 3.2,\r\n \"direction\": \"none\",\r\n \"random\": false,\r\n \"straight\": false,\r\n \"out_mode\": \"out\",\r\n \"bounce\": false,\r\n \"attract\": {\r\n \"enable\": false,\r\n \"rotateX\": 600,\r\n \"rotateY\": 1200\r\n }\r\n }\r\n },\r\n \"interactivity\": {\r\n \"detect_on\": \"canvas\",\r\n \"events\": {\r\n \"onhover\": {\r\n \"enable\": true,\r\n \"mode\": \"repulse\"\r\n },\r\n \"onclick\": {\r\n \"enable\": true,\r\n \"mode\": \"push\"\r\n },\r\n \"resize\": true\r\n },\r\n \"modes\": {\r\n \"grab\": {\r\n \"distance\": 400,\r\n \"line_linked\": {\r\n \"opacity\": 1\r\n }\r\n },\r\n \"bubble\": {\r\n \"distance\": 400,\r\n \"size\": 40,\r\n \"duration\": 2,\r\n \"opacity\": 8,\r\n \"speed\": 3\r\n },\r\n \"repulse\": {\r\n \"distance\": 200,\r\n \"duration\": 0.4\r\n },\r\n \"push\": {\r\n \"particles_nb\": 4\r\n },\r\n \"remove\": {\r\n \"particles_nb\": 2\r\n }\r\n }\r\n },\r\n \"retina_detect\": true\r\n });\r\n\r\n \/\/ Inicijalizacija animacija za partnere\r\n const partners = document.querySelectorAll(\"#partneri .partner\");\r\n partners.forEach(partner => {\r\n partner.style.opacity = \"0\";\r\n partner.style.transform = \"translateY(20px)\";\r\n });\r\n\r\n \/\/ Hover efekat sa zadr\u017eavanjem boje i fade out\r\n partners.forEach(partner => {\r\n partner.addEventListener(\"mouseenter\", () => {\r\n const img = partner.querySelector(\"img\");\r\n img.style.filter = \"grayscale(0%)\"; \/\/ Ukloni grayscale odmah\r\n img.style.animation = \"none\"; \/\/ Zaustavi prethodnu animaciju\r\n partner.classList.add(\"hovered\"); \/\/ Dodaj klasu za zadr\u017eavanje boje\r\n });\r\n\r\n partner.addEventListener(\"mouseleave\", () => {\r\n const img = partner.querySelector(\"img\");\r\n \/\/ Zadr\u017ei boju 1 sekund, zatim pokreni fade out\r\n setTimeout(() => {\r\n if (partner.classList.contains(\"hovered\")) {\r\n img.style.animation = \"fadeOutGrayscale 1s ease forwards\";\r\n partner.classList.remove(\"hovered\"); \/\/ Ukloni klasu nakon animacije\r\n }\r\n }, 1000); \/\/ Zadr\u017ei boju 1 sekund\r\n });\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>GSL DOO \u2013 Partner Unsere Partner Zusammenarbeit basierend auf Vertrauen und Innovation GSL DOO ist stolz darauf, mit zahlreichen Unternehmen, Institutionen und Organisationen zusammenzuarbeiten, die die Qualit\u00e4t, Zuverl\u00e4ssigkeit und technische Expertise unserer L\u00f6sungen anerkennen. Unsere Partnerschaften basieren auf Vertrauen, langfristiger Zusammenarbeit und dem gemeinsamen Engagement f\u00fcr Innovation. Dank dieser Partnerschaften sind unsere Systeme und Produkte Teil von [...]<\/p>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"content-type":"","footnotes":""},"class_list":["post-1980","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.gsl.rs\/de\/wp-json\/wp\/v2\/pages\/1980","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.gsl.rs\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.gsl.rs\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.gsl.rs\/de\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.gsl.rs\/de\/wp-json\/wp\/v2\/comments?post=1980"}],"version-history":[{"count":0,"href":"https:\/\/www.gsl.rs\/de\/wp-json\/wp\/v2\/pages\/1980\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.gsl.rs\/de\/wp-json\/wp\/v2\/media?parent=1980"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}