{"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":"partenaires","status":"publish","type":"page","link":"https:\/\/www.gsl.rs\/fr\/partenaires\/","title":{"rendered":"Partenaires"},"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 Partenaires<\/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\">Nos partenaires<\/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\">Une coop\u00e9ration fond\u00e9e sur la confiance et l'innovation<\/h2>\r\n <p class=\"lead\">\r\n GSL DOO est fi\u00e8re de collaborer avec de nombreuses entreprises, institutions et organisations qui reconnaissent la qualit\u00e9, la fiabilit\u00e9 et l'expertise technique de chacune de nos solutions. Nos partenariats reposent sur la confiance, une coop\u00e9ration \u00e0 long terme et un engagement commun envers l'innovation. <br><br>\r\n Gr\u00e2ce \u00e0 ces partenariats, nos syst\u00e8mes et produits font partie int\u00e9grante de nombreuses infrastructures et solutions industrielles et technologiques \u00e0 travers la Serbie. Chaque projet repr\u00e9sente pour nous une nouvelle opportunit\u00e9 d'am\u00e9liorer la qualit\u00e9 de vie et de travail gr\u00e2ce \u00e0 des syst\u00e8mes \u00e9lectroniques innovants.\r\n <\/p>\r\n\r\n <h3 class=\"subtitle\">Nous mettons en avant certains de nos partenaires\u00a0:<\/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=\"Approvisionnement en eau et assainissement \u00e0 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=\"Eaux de Vo\u00efvodine\"><\/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=\"Centrale de chauffage de 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=\"Continental\"><\/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=\"Ouvrir un fichier\"><\/div>\r\n <div class=\"partner\"><img decoding=\"async\" src=\"https:\/\/gsl.rs\/wp-content\/uploads\/2025\/04\/Yo1solution.png\" alt=\"Solution Yo1\"><\/div>\r\n <div class=\"partner\"><img decoding=\"async\" src=\"https:\/\/gsl.rs\/wp-content\/uploads\/2025\/04\/Yo1Engineering.png\" alt=\"Ing\u00e9nierie Yo1\"><\/div>\r\n <div class=\"partner\"><img decoding=\"async\" src=\"https:\/\/gsl.rs\/wp-content\/uploads\/2025\/04\/Enterprise_Europe_Network_Logo.png\" alt=\"R\u00e9seau d'entreprises europ\u00e9ennes\"><\/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=\"\u00c9nergie verte\"><\/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 - Partenaires Nos partenaires Une coop\u00e9ration fond\u00e9e sur la confiance et l'innovation GSL DOO est fi\u00e8re de collaborer avec de nombreuses entreprises, institutions et organisations qui reconnaissent la qualit\u00e9, la fiabilit\u00e9 et l'expertise technique de chacune de nos solutions. Nos partenariats reposent sur la confiance, une coop\u00e9ration \u00e0 long terme et un engagement commun envers l'innovation. Gr\u00e2ce \u00e0 ces partenariats, nos syst\u00e8mes et produits font partie int\u00e9grante de [\u2026]<\/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\/fr\/wp-json\/wp\/v2\/pages\/1980","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.gsl.rs\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.gsl.rs\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.gsl.rs\/fr\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.gsl.rs\/fr\/wp-json\/wp\/v2\/comments?post=1980"}],"version-history":[{"count":0,"href":"https:\/\/www.gsl.rs\/fr\/wp-json\/wp\/v2\/pages\/1980\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.gsl.rs\/fr\/wp-json\/wp\/v2\/media?parent=1980"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}