Avasya \u00d6d\u00fcller<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Funnel+Display:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n \/* Ana section - Particle i\u00e7in gerekli *\/\n .awards-section {\n position: relative;\n overflow: hidden;\n min-height: 550px;\n background: #ffffff;\n width: 100%;\n }\n\n \/* Particle Canvas *\/\n #section-particles {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 1;\n pointer-events: none;\n }\n\n .awards-wrapper {\n position: relative;\n z-index: 10;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 250px; \/* Bo\u015fluk art\u0131r\u0131ld\u0131 *\/\n padding: 60px 120px 80px;\n min-height: 550px;\n width: 100%;\n margin: 0 auto;\n font-family: 'Funnel Display', sans-serif;\n }\n\n \/* Bilgi kutusu *\/\n .info-box {\n width: 420px;\n min-width: 420px;\n min-height: 240px;\n background: rgba(240, 242, 244, 0.95);\n backdrop-filter: blur(10px);\n border-radius: 18px;\n padding: 40px 45px;\n box-shadow: 0 6px 25px rgba(0,0,0,0.08);\n flex-shrink: 0;\n text-align: center;\n transition: all 0.4s ease;\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n\n .info-title {\n font-family: 'Funnel Display', sans-serif;\n font-size: 26px;\n font-weight: 500;\n color: #000000;\n margin-bottom: 18px;\n line-height: 1.4;\n min-height: 36px;\n }\n\n .info-desc {\n font-family: 'Funnel Display', sans-serif;\n font-size: 16px;\n font-weight: 400;\n color: #333333;\n line-height: 1.8;\n margin-bottom: 24px;\n min-height: 58px;\n }\n\n .info-year {\n display: inline-block;\n background: linear-gradient(135deg, #b50203, #8a0102);\n color: #fff;\n padding: 12px 28px;\n border-radius: 28px;\n font-family: 'Funnel Display', sans-serif;\n font-size: 15px;\n font-weight: 500;\n letter-spacing: 0.5px;\n }\n\n \/* Carousel container *\/\n .carousel-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n position: relative;\n }\n\n \/* 3D Carousel - 9 ITEM *\/\n .carousel-wrapper {\n perspective: 1200px;\n width: 380px;\n height: 340px;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n flex-shrink: 0;\n z-index: 10;\n }\n\n .carousel {\n width: 220px;\n height: 280px;\n position: relative;\n transform-style: preserve-3d;\n animation: rotate 36s infinite linear; \/* 9 \u00f6d\u00fcl i\u00e7in yava\u015f *\/\n z-index: 10;\n }\n\n .carousel:hover {\n animation-play-state: paused;\n }\n\n .carousel-item {\n position: absolute;\n width: 220px;\n height: 280px;\n display: flex;\n align-items: center;\n justify-content: center;\n backface-visibility: hidden;\n cursor: pointer;\n will-change: transform;\n -webkit-transform-style: preserve-3d;\n transform-style: preserve-3d;\n }\n\n \/* 9 item: 360\/9 = 40\u00b0 aral\u0131k *\/\n .carousel-item:nth-child(1) { transform: rotateY(0deg) translateZ(320px); }\n .carousel-item:nth-child(2) { transform: rotateY(40deg) translateZ(320px); }\n .carousel-item:nth-child(3) { transform: rotateY(80deg) translateZ(320px); }\n .carousel-item:nth-child(4) { transform: rotateY(120deg) translateZ(320px); }\n .carousel-item:nth-child(5) { transform: rotateY(160deg) translateZ(320px); }\n .carousel-item:nth-child(6) { transform: rotateY(200deg) translateZ(320px); }\n .carousel-item:nth-child(7) { transform: rotateY(240deg) translateZ(320px); }\n .carousel-item:nth-child(8) { transform: rotateY(280deg) translateZ(320px); }\n .carousel-item:nth-child(9) { transform: rotateY(320deg) translateZ(320px); }\n\n @keyframes rotate {\n from { transform: rotateY(0deg); }\n to { transform: rotateY(360deg); }\n }\n\n .award-image {\n max-width: 100%;\n max-height: 100%;\n object-fit: contain;\n transition: transform 0.3s ease;\n filter: drop-shadow(0 12px 25px rgba(0,0,0,0.15));\n image-rendering: -webkit-optimize-contrast;\n image-rendering: high-quality;\n -webkit-transform: translateZ(1px);\n transform: translateZ(1px);\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n }\n\n .carousel-item:hover .award-image {\n transform: scale(1.05) translateZ(1px);\n }\n\n \/* Platform - \u00c7ok daha geni\u015f *\/\n .platform {\n width: 700px;\n height: 32px;\n background: linear-gradient(180deg, #e0e0e0 0%, #c0c0c0 50%, #a0a0a0 100%);\n border-radius: 50%;\n margin-top: -5px;\n position: relative;\n z-index: 5;\n box-shadow:\n 0 8px 28px rgba(0,0,0,0.3),\n inset 0 3px 8px rgba(255,255,255,0.6),\n inset 0 -3px 8px rgba(0,0,0,0.2);\n }\n\n .platform::after {\n content: '';\n position: absolute;\n bottom: -12px;\n left: 50%;\n transform: translateX(-50%);\n width: 650px;\n height: 22px;\n background: radial-gradient(ellipse, rgba(0,0,0,0.3) 0%, transparent 70%);\n border-radius: 50%;\n }\n\n \/* Navigation dots *\/\n .carousel-nav {\n display: flex;\n gap: 10px;\n margin-top: 28px;\n flex-wrap: wrap;\n justify-content: center;\n max-width: 200px;\n }\n\n .nav-dot {\n width: 11px;\n height: 11px;\n border-radius: 50%;\n background: #ccc;\n cursor: pointer;\n transition: all 0.3s ease;\n border: 2px solid transparent;\n }\n\n .nav-dot:hover {\n background: #e63946;\n transform: scale(1.2);\n }\n\n .nav-dot.active {\n background: #b50203;\n transform: scale(1.3);\n border-color: rgba(181, 2, 3, 0.3);\n }\n\n \/* ============ RESPONSIVE ============ *\/\n\n \/* LARGE DESKTOP - 1400px ve alt\u0131 *\/\n @media (max-width: 1400px) {\n .awards-wrapper {\n gap: 200px;\n padding: 50px 80px 70px;\n }\n\n .info-box {\n width: 400px;\n min-width: 400px;\n padding: 35px 40px;\n }\n\n .info-title {\n font-size: 24px;\n }\n\n .info-desc {\n font-size: 15px;\n }\n\n .carousel-wrapper {\n width: 360px;\n height: 320px;\n }\n\n .carousel-item:nth-child(1) { transform: rotateY(0deg) translateZ(300px); }\n .carousel-item:nth-child(2) { transform: rotateY(40deg) translateZ(300px); }\n .carousel-item:nth-child(3) { transform: rotateY(80deg) translateZ(300px); }\n .carousel-item:nth-child(4) { transform: rotateY(120deg) translateZ(300px); }\n .carousel-item:nth-child(5) { transform: rotateY(160deg) translateZ(300px); }\n .carousel-item:nth-child(6) { transform: rotateY(200deg) translateZ(300px); }\n .carousel-item:nth-child(7) { transform: rotateY(240deg) translateZ(300px); }\n .carousel-item:nth-child(8) { transform: rotateY(280deg) translateZ(300px); }\n .carousel-item:nth-child(9) { transform: rotateY(320deg) translateZ(300px); }\n\n .platform {\n width: 650px;\n height: 30px;\n }\n }\n\n \/* DESKTOP - 1200px ve alt\u0131 *\/\n @media (max-width: 1200px) {\n .awards-wrapper {\n gap: 150px;\n padding: 50px 60px 60px;\n }\n\n .info-box {\n width: 380px;\n min-width: 380px;\n padding: 32px 38px;\n }\n\n .info-title {\n font-size: 22px;\n }\n\n .info-desc {\n font-size: 15px;\n }\n\n .info-year {\n font-size: 14px;\n padding: 10px 24px;\n }\n\n .carousel-wrapper {\n width: 340px;\n height: 300px;\n }\n\n .carousel {\n width: 200px;\n height: 260px;\n }\n\n .carousel-item {\n width: 200px;\n height: 260px;\n }\n\n .carousel-item:nth-child(1) { transform: rotateY(0deg) translateZ(280px); }\n .carousel-item:nth-child(2) { transform: rotateY(40deg) translateZ(280px); }\n .carousel-item:nth-child(3) { transform: rotateY(80deg) translateZ(280px); }\n .carousel-item:nth-child(4) { transform: rotateY(120deg) translateZ(280px); }\n .carousel-item:nth-child(5) { transform: rotateY(160deg) translateZ(280px); }\n .carousel-item:nth-child(6) { transform: rotateY(200deg) translateZ(280px); }\n .carousel-item:nth-child(7) { transform: rotateY(240deg) translateZ(280px); }\n .carousel-item:nth-child(8) { transform: rotateY(280deg) translateZ(280px); }\n .carousel-item:nth-child(9) { transform: rotateY(320deg) translateZ(280px); }\n\n .platform {\n width: 600px;\n height: 28px;\n }\n }\n\n \/* TABLET - 1024px ve alt\u0131 *\/\n @media (max-width: 1024px) {\n .awards-wrapper {\n gap: 100px;\n padding: 40px 40px 50px;\n }\n\n .info-box {\n width: 340px;\n min-width: 340px;\n min-height: 210px;\n padding: 28px 32px;\n }\n\n .info-title {\n font-size: 20px;\n min-height: 28px;\n }\n\n .info-desc {\n font-size: 14px;\n min-height: 50px;\n }\n\n .info-year {\n font-size: 13px;\n padding: 9px 20px;\n }\n\n .carousel-wrapper {\n width: 320px;\n height: 280px;\n }\n\n .carousel {\n width: 180px;\n height: 240px;\n }\n\n .carousel-item {\n width: 180px;\n height: 240px;\n }\n\n .carousel-item:nth-child(1) { transform: rotateY(0deg) translateZ(260px); }\n .carousel-item:nth-child(2) { transform: rotateY(40deg) translateZ(260px); }\n .carousel-item:nth-child(3) { transform: rotateY(80deg) translateZ(260px); }\n .carousel-item:nth-child(4) { transform: rotateY(120deg) translateZ(260px); }\n .carousel-item:nth-child(5) { transform: rotateY(160deg) translateZ(260px); }\n .carousel-item:nth-child(6) { transform: rotateY(200deg) translateZ(260px); }\n .carousel-item:nth-child(7) { transform: rotateY(240deg) translateZ(260px); }\n .carousel-item:nth-child(8) { transform: rotateY(280deg) translateZ(260px); }\n .carousel-item:nth-child(9) { transform: rotateY(320deg) translateZ(260px); }\n\n .platform {\n width: 550px;\n height: 26px;\n margin-top: -15px;\n }\n\n .nav-dot {\n width: 10px;\n height: 10px;\n }\n }\n\n \/* TABLET K\u00dc\u00c7\u00dcK - 850px ve alt\u0131 *\/\n @media (max-width: 850px) {\n .awards-section {\n min-height: auto;\n }\n\n .awards-wrapper {\n flex-direction: column;\n gap: 30px;\n padding: 40px 20px;\n min-height: auto;\n }\n\n .info-box {\n width: 100%;\n min-width: unset;\n max-width: 420px;\n min-height: auto;\n order: 2;\n padding: 28px 30px;\n }\n\n .info-title {\n font-size: 20px;\n min-height: auto;\n }\n\n .info-desc {\n font-size: 14px;\n min-height: auto;\n }\n\n .carousel-container {\n order: 1;\n }\n\n .carousel-wrapper {\n width: 100%;\n max-width: 320px;\n height: 280px;\n }\n\n .carousel {\n width: 190px;\n height: 250px;\n }\n\n .carousel-item {\n width: 190px;\n height: 250px;\n }\n\n .carousel-item:nth-child(1) { transform: rotateY(0deg) translateZ(250px); }\n .carousel-item:nth-child(2) { transform: rotateY(40deg) translateZ(250px); }\n .carousel-item:nth-child(3) { transform: rotateY(80deg) translateZ(250px); }\n .carousel-item:nth-child(4) { transform: rotateY(120deg) translateZ(250px); }\n .carousel-item:nth-child(5) { transform: rotateY(160deg) translateZ(250px); }\n .carousel-item:nth-child(6) { transform: rotateY(200deg) translateZ(250px); }\n .carousel-item:nth-child(7) { transform: rotateY(240deg) translateZ(250px); }\n .carousel-item:nth-child(8) { transform: rotateY(280deg) translateZ(250px); }\n .carousel-item:nth-child(9) { transform: rotateY(320deg) translateZ(250px); }\n\n .platform {\n width: 520px;\n height: 26px;\n margin-top: -20px;\n }\n }\n\n \/* MOB\u0130L - 480px ve alt\u0131 *\/\n @media (max-width: 480px) {\n .awards-wrapper {\n padding: 30px 15px;\n gap: 20px;\n }\n\n .info-box {\n max-width: 100%;\n padding: 22px 20px;\n border-radius: 12px;\n }\n\n .info-title {\n font-size: 18px;\n }\n\n .info-desc {\n font-size: 13px;\n line-height: 1.7;\n }\n\n .info-year {\n font-size: 12px;\n padding: 10px 20px;\n }\n\n .carousel-wrapper {\n height: 250px;\n }\n\n .carousel {\n width: 170px;\n height: 210px;\n }\n\n .carousel-item {\n width: 170px;\n height: 210px;\n }\n\n .carousel-item:nth-child(1) { transform: rotateY(0deg) translateZ(220px); }\n .carousel-item:nth-child(2) { transform: rotateY(40deg) translateZ(220px); }\n .carousel-item:nth-child(3) { transform: rotateY(80deg) translateZ(220px); }\n .carousel-item:nth-child(4) { transform: rotateY(120deg) translateZ(220px); }\n .carousel-item:nth-child(5) { transform: rotateY(160deg) translateZ(220px); }\n .carousel-item:nth-child(6) { transform: rotateY(200deg) translateZ(220px); }\n .carousel-item:nth-child(7) { transform: rotateY(240deg) translateZ(220px); }\n .carousel-item:nth-child(8) { transform: rotateY(280deg) translateZ(220px); }\n .carousel-item:nth-child(9) { transform: rotateY(320deg) translateZ(220px); }\n\n .platform {\n width: 450px;\n height: 22px;\n margin-top: -18px;\n }\n\n .nav-dot {\n width: 9px;\n height: 9px;\n }\n\n .carousel-nav {\n gap: 8px;\n max-width: 160px;\n }\n }\n\n \/* \u00c7OK K\u00dc\u00c7\u00dcK MOB\u0130L - 360px ve alt\u0131 *\/\n @media (max-width: 360px) {\n .carousel-wrapper {\n height: 220px;\n }\n\n .carousel {\n width: 150px;\n height: 180px;\n }\n\n .carousel-item {\n width: 150px;\n height: 180px;\n }\n\n .carousel-item:nth-child(1) { transform: rotateY(0deg) translateZ(190px); }\n .carousel-item:nth-child(2) { transform: rotateY(40deg) translateZ(190px); }\n .carousel-item:nth-child(3) { transform: rotateY(80deg) translateZ(190px); }\n .carousel-item:nth-child(4) { transform: rotateY(120deg) translateZ(190px); }\n .carousel-item:nth-child(5) { transform: rotateY(160deg) translateZ(190px); }\n .carousel-item:nth-child(6) { transform: rotateY(200deg) translateZ(190px); }\n .carousel-item:nth-child(7) { transform: rotateY(240deg) translateZ(190px); }\n .carousel-item:nth-child(8) { transform: rotateY(280deg) translateZ(190px); }\n .carousel-item:nth-child(9) { transform: rotateY(320deg) translateZ(190px); }\n\n .platform {\n width: 380px;\n height: 20px;\n margin-top: -15px;\n }\n\n .info-box {\n padding: 18px 15px;\n }\n\n .info-title {\n font-size: 16px;\n }\n\n .info-desc {\n font-size: 12px;\n }\n\n .info-year {\n font-size: 11px;\n }\n\n .nav-dot {\n width: 8px;\n height: 8px;\n }\n\n .carousel-nav {\n gap: 6px;\n max-width: 140px;\n }\n }\n <\/style>\n<\/head>\n<body>\n \n <section class=\"awards-section\" id=\"particles-section\">\n \n <canvas id=\"section-particles\"><\/canvas>\n\n <div class=\"awards-wrapper\" id=\"awards-wrapper\">\n \n <div class=\"info-box\" id=\"info-box\">\n <div class=\"info-title\" id=\"info-title\">HIKVISION Ak\u0131ll\u0131 Depolama \u00dcr\u00fcnleri Online Platformlarda En H\u0131zl\u0131 B\u00fcy\u00fcyen \u0130\u015f Orta\u011f\u0131 \u00d6d\u00fcl\u00fc<\/div>\n <div class=\"info-desc\" id=\"info-desc\">2023 y\u0131l\u0131nda Hikvision taraf\u0131ndan \"Ak\u0131ll\u0131 Depolama \u00dcr\u00fcnleri Online Platformlarda En H\u0131zl\u0131 B\u00fcy\u00fcyen \u0130\u015f Orta\u011f\u0131\" \u00f6d\u00fcl\u00fcne lay\u0131k g\u00f6r\u00fcld\u00fck.<\/div>\n <div class=\"info-year\" id=\"info-year\">2023 - HIKVISION<\/div>\n <\/div>\n\n \n <div class=\"carousel-container\">\n <div class=\"carousel-wrapper\">\n <div class=\"carousel\" id=\"carousel\">\n \n <div class=\"carousel-item\" data-index=\"0\">\n <img src=\"https:\/\/avasya.com.tr\/wp-content\/uploads\/2026\/02\/odul-1.webp\" alt=\"HIKVISION \u00d6d\u00fcl\u00fc\" class=\"award-image\">\n <\/div>\n \n <div class=\"carousel-item\" data-index=\"1\">\n <img src=\"https:\/\/avasya.com.tr\/wp-content\/uploads\/2026\/02\/odul-2.webp\" alt=\"Penta Te\u015fekk\u00fcr Plaketi\" class=\"award-image\">\n <\/div>\n \n <div class=\"carousel-item\" data-index=\"2\">\n <img src=\"https:\/\/avasya.com.tr\/wp-content\/uploads\/2026\/02\/odul-3.webp\" alt=\"Dell 2024 \u00d6zel Proje\" class=\"award-image\">\n <\/div>\n \n <div class=\"carousel-item\" data-index=\"3\">\n <img src=\"https:\/\/avasya.com.tr\/wp-content\/uploads\/2026\/02\/odul-4.webp\" alt=\"Dell 2024 Y\u0131l\u0131n \u0130\u015f Orta\u011f\u0131\" class=\"award-image\">\n <\/div>\n \n <div class=\"carousel-item\" data-index=\"4\">\n <img src=\"https:\/\/avasya.com.tr\/wp-content\/uploads\/2026\/02\/odul-5.webp\" alt=\"Sangfor Platinum Partner\" class=\"award-image\">\n <\/div>\n \n <div class=\"carousel-item\" data-index=\"5\">\n <img src=\"https:\/\/avasya.com.tr\/wp-content\/uploads\/2026\/02\/odul-6.webp\" alt=\"LG Electronics\" class=\"award-image\">\n <\/div>\n \n <div class=\"carousel-item\" data-index=\"6\">\n <img src=\"https:\/\/avasya.com.tr\/wp-content\/uploads\/2026\/02\/odul-7.webp\" alt=\"KIOXIA Te\u015fekk\u00fcr Plaketi\" class=\"award-image\">\n <\/div>\n \n <div class=\"carousel-item\" data-index=\"7\">\n <img src=\"https:\/\/avasya.com.tr\/wp-content\/uploads\/2026\/02\/odul-8.webp\" alt=\"Dell 2023 \u00d6zel Proje\" class=\"award-image\">\n <\/div>\n \n <div class=\"carousel-item\" data-index=\"8\">\n <img src=\"https:\/\/avasya.com.tr\/wp-content\/uploads\/2026\/02\/odul-9.webp\" alt=\"Dell 2022 Y\u0131l\u0131n \u0130\u015f Orta\u011f\u0131\" class=\"award-image\">\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"platform\"><\/div>\n\n \n <div class=\"carousel-nav\">\n <div class=\"nav-dot active\" data-index=\"0\"><\/div>\n <div class=\"nav-dot\" data-index=\"1\"><\/div>\n <div class=\"nav-dot\" data-index=\"2\"><\/div>\n <div class=\"nav-dot\" data-index=\"3\"><\/div>\n <div class=\"nav-dot\" data-index=\"4\"><\/div>\n <div class=\"nav-dot\" data-index=\"5\"><\/div>\n <div class=\"nav-dot\" data-index=\"6\"><\/div>\n <div class=\"nav-dot\" data-index=\"7\"><\/div>\n <div class=\"nav-dot\" data-index=\"8\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <script>\n \/\/ ==========================================\n \/\/ \u00d6D\u00dcL B\u0130LG\u0130LER\u0130 - 9 \u00d6D\u00dcL\n \/\/ ==========================================\n const odulBilgileri = [\n {\n baslik: \"HIKVISION Ak\u0131ll\u0131 Depolama \u00dcr\u00fcnleri Online Platformlarda En H\u0131zl\u0131 B\u00fcy\u00fcyen \u0130\u015f Orta\u011f\u0131 \u00d6d\u00fcl\u00fc\",\n aciklama: \"2023 y\u0131l\u0131nda Hikvision taraf\u0131ndan \\\"Ak\u0131ll\u0131 Depolama \u00dcr\u00fcnleri Online Platformlarda En H\u0131zl\u0131 B\u00fcy\u00fcyen \u0130\u015f Orta\u011f\u0131\\\" \u00f6d\u00fcl\u00fcne lay\u0131k g\u00f6r\u00fcld\u00fck.\",\n yil: \"2023 - HIKVISION\"\n },\n {\n baslik: \"Penta Te\u015fekk\u00fcr Plaketi\",\n aciklama: \"Penta taraf\u0131ndan, i\u015f birli\u011fimize sa\u011flad\u0131\u011f\u0131m\u0131z de\u011ferli katk\u0131lar nedeniyle te\u015fekk\u00fcr plaketi ile onurland\u0131r\u0131ld\u0131k.\",\n yil: \"PENTA\"\n },\n {\n baslik: \"Dell Technologies 2024 \u00d6zel Proje \u00d6d\u00fcl\u00fc (Do\u011fu\u015f Projesi)\",\n aciklama: \"Dell Technologies 2024 \u0130\u015f Ortaklar\u0131 \u00d6d\u00fclleri kapsam\u0131nda \\\"\u00d6zel Proje \u00d6d\u00fcl\u00fc\\\"n\u00fc Do\u011fu\u015f Projesi ile kazand\u0131k.\",\n yil: \"2024 - DELL TECHNOLOGIES\"\n },\n {\n baslik: \"Dell Technologies 2024 Y\u0131l\u0131n \u0130\u015f Orta\u011f\u0131 \u00d6d\u00fcl\u00fc\",\n aciklama: \"Dell Technologies 2024 \u0130\u015f Ortaklar\u0131 \u00d6d\u00fclleri kapsam\u0131nda \\\"Y\u0131l\u0131n \u0130\u015f Orta\u011f\u0131\\\" \u00f6d\u00fcl\u00fcne lay\u0131k g\u00f6r\u00fcld\u00fck.\",\n yil: \"2024 - DELL TECHNOLOGIES\"\n },\n {\n baslik: \"Sangfor Platinum Partner \u00d6d\u00fcl\u00fc\",\n aciklama: \"Sangfor taraf\u0131ndan Platinum Partner unvan\u0131 ile \u00f6d\u00fcllendirildik.\",\n yil: \"SANGFOR - PLATINUM PARTNER\"\n },\n {\n baslik: \"LG Electronics T\u00fcrkiye IT Partner Workshop \u00d6d\u00fcl\u00fc\",\n aciklama: \"LG Electronics T\u00fcrkiye IT Partner Workshop 2023 etkinli\u011fi kapsam\u0131nda katk\u0131lar\u0131m\u0131z ve i\u015f birli\u011fimiz i\u00e7in te\u015fekk\u00fcr plaketi ald\u0131k.\",\n yil: \"2023 - LG ELECTRONICS\"\n },\n {\n baslik: \"KIOXIA Te\u015fekk\u00fcr Plaketi\",\n aciklama: \"KIOXIA taraf\u0131ndan, i\u015f birli\u011fimize sa\u011flad\u0131\u011f\u0131m\u0131z katk\u0131lar ve de\u011fer i\u00e7in te\u015fekk\u00fcr plaketi ile onurland\u0131r\u0131ld\u0131k.\",\n yil: \"KIOXIA Tech Day 2025\"\n },\n {\n baslik: \"Dell Technologies 2023 \u00d6zel Proje \u00d6d\u00fcl\u00fc\",\n aciklama: \"Dell Technologies 2023 \u0130\u015f Ortaklar\u0131 \u00d6d\u00fclleri kapsam\u0131nda \\\"\u00d6zel Proje \u00d6d\u00fcl\u00fc\\\"ne lay\u0131k g\u00f6r\u00fcld\u00fck.\",\n yil: \"2023 - DELL TECHNOLOGIES\"\n },\n {\n baslik: \"Dell Technologies 2022 Y\u0131l\u0131n \u0130\u015f Orta\u011f\u0131 \u00d6d\u00fcl\u00fc\",\n aciklama: \"Dell Technologies 2022 \u0130\u015f Ortaklar\u0131 \u00d6d\u00fclleri kapsam\u0131nda \\\"Y\u0131l\u0131n \u0130\u015f Orta\u011f\u0131\\\" \u00f6d\u00fcl\u00fcn\u00fc kazand\u0131k.\",\n yil: \"2022 - DELL TECHNOLOGIES\"\n }\n ];\n \/\/ ==========================================\n\n \/\/ ==========================================\n \/\/ CAROUSEL KONTROL\u00dc - 9 ITEM\n \/\/ ==========================================\n const ITEM_COUNT = 9;\n const ANGLE_PER_ITEM = 360 \/ ITEM_COUNT; \/\/ 40\u00b0\n\n const carousel = document.getElementById('carousel');\n const dots = document.querySelectorAll('.nav-dot');\n const infoTitle = document.getElementById('info-title');\n const infoDesc = document.getElementById('info-desc');\n const infoYear = document.getElementById('info-year');\n\n let currentAward = 0;\n\n function updateInfo(index) {\n const odul = odulBilgileri[index];\n infoTitle.textContent = odul.baslik;\n infoDesc.textContent = odul.aciklama;\n infoYear.textContent = odul.yil;\n dots.forEach((d, i) => d.classList.toggle('active', i === index));\n }\n\n \/\/ Dot t\u0131klama\n dots.forEach((dot, index) => {\n dot.addEventListener('click', () => {\n carousel.style.animation = 'none';\n carousel.style.transform = `rotateY(${index * -ANGLE_PER_ITEM}deg)`;\n currentAward = index;\n updateInfo(index);\n });\n });\n\n \/\/ Hover'da durdur\n carousel.addEventListener('mouseenter', () => {\n carousel.style.animationPlayState = 'paused';\n });\n\n carousel.addEventListener('mouseleave', () => {\n if (carousel.style.animation !== 'none') {\n carousel.style.animationPlayState = 'running';\n }\n });\n\n \/\/ Touch deste\u011fi - mobil i\u00e7in\n let touchStarted = false;\n document.addEventListener('touchstart', (e) => {\n if (e.target.closest('.carousel-container')) {\n carousel.style.animationPlayState = 'paused';\n touchStarted = true;\n }\n });\n\n document.addEventListener('touchend', () => {\n if (touchStarted) {\n setTimeout(() => {\n if (carousel.style.animation !== 'none') {\n carousel.style.animationPlayState = 'running';\n }\n }, 2000);\n touchStarted = false;\n }\n });\n\n \/\/ Otomatik d\u00f6nerken yaz\u0131y\u0131 g\u00fcncelle - 9 item i\u00e7in\n setInterval(() => {\n const isPaused = carousel.style.animationPlayState === 'paused';\n const isNone = carousel.style.animation === 'none';\n\n if (!isPaused && !isNone) {\n const transform = getComputedStyle(carousel).transform;\n if (transform && transform !== 'none') {\n try {\n const matrix = new DOMMatrix(transform);\n const angle = Math.atan2(matrix.m13, matrix.m33) * (180 \/ Math.PI);\n const normalizedAngle = (((angle) % 360) + 360) % 360;\n\n \/\/ 9 item i\u00e7in hangi \u00f6d\u00fcl \u00f6nde\n let newAward = Math.round(normalizedAngle \/ ANGLE_PER_ITEM) % ITEM_COUNT;\n\n if (newAward !== currentAward) {\n currentAward = newAward;\n updateInfo(currentAward);\n }\n } catch(e) {}\n }\n }\n }, 100);\n\n \/\/ ==========================================\n \/\/ PARTICLE EFEKT\u0130\n \/\/ ==========================================\n document.addEventListener('DOMContentLoaded', function() {\n setTimeout(function() {\n var canvas = document.getElementById('section-particles');\n var section = document.getElementById('particles-section');\n\n if(!section || !canvas) {\n console.log('Section veya canvas bulunamad\u0131!');\n return;\n }\n\n var ctx = canvas.getContext('2d');\n var particles = [];\n var mouse = { x: null, y: null };\n\n function resizeCanvas() {\n var rect = section.getBoundingClientRect();\n canvas.width = rect.width;\n canvas.height = rect.height;\n }\n\n resizeCanvas();\n\n window.addEventListener('resize', function() {\n resizeCanvas();\n initParticles();\n });\n\n document.addEventListener('mousemove', function(e) {\n var rect = section.getBoundingClientRect();\n if(e.clientX >= rect.left && e.clientX <= rect.right &&\n e.clientY >= rect.top && e.clientY <= rect.bottom) {\n mouse.x = e.clientX - rect.left;\n mouse.y = e.clientY - rect.top;\n } else {\n mouse.x = null;\n mouse.y = null;\n }\n });\n\n function initParticles() {\n particles = [];\n var particleCount = Math.min(200, Math.floor((canvas.width * canvas.height) \/ 5500));\n\n for(var i = 0; i < particleCount; i++) {\n particles.push({\n x: Math.random() * canvas.width,\n y: Math.random() * canvas.height,\n vx: (Math.random() - 0.5) * 0.5,\n vy: (Math.random() - 0.5) * 0.5,\n radius: Math.random() * 2 + 0.8,\n opacity: Math.random() * 0.5 + 0.3\n });\n }\n }\n\n initParticles();\n\n function animate() {\n ctx.clearRect(0, 0, canvas.width, canvas.height);\n\n for(var i = 0; i < particles.length; i++) {\n var p = particles[i];\n p.x += p.vx;\n p.y += p.vy;\n\n if(p.x < 0) p.x = canvas.width;\n if(p.x > canvas.width) p.x = 0;\n if(p.y < 0) p.y = canvas.height;\n if(p.y > canvas.height) p.y = 0;\n\n ctx.beginPath();\n ctx.arc(p.x, p.y, p.radius, 0, Math.PI * 2);\n ctx.fillStyle = 'rgba(181, 2, 3, ' + (p.opacity * 0.75) + ')';\n ctx.fill();\n\n for(var j = i + 1; j < particles.length; j++) {\n var p2 = particles[j];\n var dx = p.x - p2.x;\n var dy = p.y - p2.y;\n var dist = Math.sqrt(dx*dx + dy*dy);\n\n if(dist < 140) {\n ctx.beginPath();\n ctx.moveTo(p.x, p.y);\n ctx.lineTo(p2.x, p2.y);\n var lineOpacity = (1 - dist\/140) * 0.25;\n ctx.strokeStyle = 'rgba(181, 2, 3, ' + lineOpacity + ')';\n ctx.lineWidth = 0.6;\n ctx.stroke();\n }\n }\n\n if(mouse.x !== null) {\n var dx = p.x - mouse.x;\n var dy = p.y - mouse.y;\n var dist = Math.sqrt(dx*dx + dy*dy);\n\n if(dist < 160) {\n ctx.beginPath();\n ctx.moveTo(p.x, p.y);\n ctx.lineTo(mouse.x, mouse.y);\n var mouseOpacity = (1 - dist\/160) * 0.5;\n ctx.strokeStyle = 'rgba(181, 2, 3, ' + mouseOpacity + ')';\n ctx.lineWidth = 1;\n ctx.stroke();\n }\n }\n }\n requestAnimationFrame(animate);\n }\n animate();\n }, 300);\n });\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Avasya \u00d6d\u00fcller HIKVISION Ak\u0131ll\u0131 Depolama \u00dcr\u00fcnleri Online Platformlarda En H\u0131zl\u0131 B\u00fcy\u00fcyen \u0130\u015f Orta\u011f\u0131 \u00d6d\u00fcl\u00fc 2023 y\u0131l\u0131nda Hikvision taraf\u0131ndan “Ak\u0131ll\u0131 Depolama…<\/p>","protected":false},"author":1,"featured_media":0,"parent":63,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-fullwidth.php","meta":{"footnotes":""},"class_list":["post-4372","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/avasya.com.tr\/en\/wp-json\/wp\/v2\/pages\/4372","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/avasya.com.tr\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/avasya.com.tr\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/avasya.com.tr\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/avasya.com.tr\/en\/wp-json\/wp\/v2\/comments?post=4372"}],"version-history":[{"count":114,"href":"https:\/\/avasya.com.tr\/en\/wp-json\/wp\/v2\/pages\/4372\/revisions"}],"predecessor-version":[{"id":4739,"href":"https:\/\/avasya.com.tr\/en\/wp-json\/wp\/v2\/pages\/4372\/revisions\/4739"}],"up":[{"embeddable":true,"href":"https:\/\/avasya.com.tr\/en\/wp-json\/wp\/v2\/pages\/63"}],"wp:attachment":[{"href":"https:\/\/avasya.com.tr\/en\/wp-json\/wp\/v2\/media?parent=4372"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\r\n\t\t\t\t

\n\t\t\t\t\t\n\n\n \n \n Avasya \u00d6d\u00fcller<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Funnel+Display:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n \/* Ana section - Particle i\u00e7in gerekli *\/\n .awards-section {\n position: relative;\n overflow: hidden;\n min-height: 550px;\n background: #ffffff;\n width: 100%;\n }\n\n \/* Particle Canvas *\/\n #section-particles {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 1;\n pointer-events: none;\n }\n\n .awards-wrapper {\n position: relative;\n z-index: 10;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 250px; \/* Bo\u015fluk art\u0131r\u0131ld\u0131 *\/\n padding: 60px 120px 80px;\n min-height: 550px;\n width: 100%;\n margin: 0 auto;\n font-family: 'Funnel Display', sans-serif;\n }\n\n \/* Bilgi kutusu *\/\n .info-box {\n width: 420px;\n min-width: 420px;\n min-height: 240px;\n background: rgba(240, 242, 244, 0.95);\n backdrop-filter: blur(10px);\n border-radius: 18px;\n padding: 40px 45px;\n box-shadow: 0 6px 25px rgba(0,0,0,0.08);\n flex-shrink: 0;\n text-align: center;\n transition: all 0.4s ease;\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n\n .info-title {\n font-family: 'Funnel Display', sans-serif;\n font-size: 26px;\n font-weight: 500;\n color: #000000;\n margin-bottom: 18px;\n line-height: 1.4;\n min-height: 36px;\n }\n\n .info-desc {\n font-family: 'Funnel Display', sans-serif;\n font-size: 16px;\n font-weight: 400;\n color: #333333;\n line-height: 1.8;\n margin-bottom: 24px;\n min-height: 58px;\n }\n\n .info-year {\n display: inline-block;\n background: linear-gradient(135deg, #b50203, #8a0102);\n color: #fff;\n padding: 12px 28px;\n border-radius: 28px;\n font-family: 'Funnel Display', sans-serif;\n font-size: 15px;\n font-weight: 500;\n letter-spacing: 0.5px;\n }\n\n \/* Carousel container *\/\n .carousel-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n position: relative;\n }\n\n \/* 3D Carousel - 9 ITEM *\/\n .carousel-wrapper {\n perspective: 1200px;\n width: 380px;\n height: 340px;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n flex-shrink: 0;\n z-index: 10;\n }\n\n .carousel {\n width: 220px;\n height: 280px;\n position: relative;\n transform-style: preserve-3d;\n animation: rotate 36s infinite linear; \/* 9 \u00f6d\u00fcl i\u00e7in yava\u015f *\/\n z-index: 10;\n }\n\n .carousel:hover {\n animation-play-state: paused;\n }\n\n .carousel-item {\n position: absolute;\n width: 220px;\n height: 280px;\n display: flex;\n align-items: center;\n justify-content: center;\n backface-visibility: hidden;\n cursor: pointer;\n will-change: transform;\n -webkit-transform-style: preserve-3d;\n transform-style: preserve-3d;\n }\n\n \/* 9 item: 360\/9 = 40\u00b0 aral\u0131k *\/\n .carousel-item:nth-child(1) { transform: rotateY(0deg) translateZ(320px); }\n .carousel-item:nth-child(2) { transform: rotateY(40deg) translateZ(320px); }\n .carousel-item:nth-child(3) { transform: rotateY(80deg) translateZ(320px); }\n .carousel-item:nth-child(4) { transform: rotateY(120deg) translateZ(320px); }\n .carousel-item:nth-child(5) { transform: rotateY(160deg) translateZ(320px); }\n .carousel-item:nth-child(6) { transform: rotateY(200deg) translateZ(320px); }\n .carousel-item:nth-child(7) { transform: rotateY(240deg) translateZ(320px); }\n .carousel-item:nth-child(8) { transform: rotateY(280deg) translateZ(320px); }\n .carousel-item:nth-child(9) { transform: rotateY(320deg) translateZ(320px); }\n\n @keyframes rotate {\n from { transform: rotateY(0deg); }\n to { transform: rotateY(360deg); }\n }\n\n .award-image {\n max-width: 100%;\n max-height: 100%;\n object-fit: contain;\n transition: transform 0.3s ease;\n filter: drop-shadow(0 12px 25px rgba(0,0,0,0.15));\n image-rendering: -webkit-optimize-contrast;\n image-rendering: high-quality;\n -webkit-transform: translateZ(1px);\n transform: translateZ(1px);\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n }\n\n .carousel-item:hover .award-image {\n transform: scale(1.05) translateZ(1px);\n }\n\n \/* Platform - \u00c7ok daha geni\u015f *\/\n .platform {\n width: 700px;\n height: 32px;\n background: linear-gradient(180deg, #e0e0e0 0%, #c0c0c0 50%, #a0a0a0 100%);\n border-radius: 50%;\n margin-top: -5px;\n position: relative;\n z-index: 5;\n box-shadow:\n 0 8px 28px rgba(0,0,0,0.3),\n inset 0 3px 8px rgba(255,255,255,0.6),\n inset 0 -3px 8px rgba(0,0,0,0.2);\n }\n\n .platform::after {\n content: '';\n position: absolute;\n bottom: -12px;\n left: 50%;\n transform: translateX(-50%);\n width: 650px;\n height: 22px;\n background: radial-gradient(ellipse, rgba(0,0,0,0.3) 0%, transparent 70%);\n border-radius: 50%;\n }\n\n \/* Navigation dots *\/\n .carousel-nav {\n display: flex;\n gap: 10px;\n margin-top: 28px;\n flex-wrap: wrap;\n justify-content: center;\n max-width: 200px;\n }\n\n .nav-dot {\n width: 11px;\n height: 11px;\n border-radius: 50%;\n background: #ccc;\n cursor: pointer;\n transition: all 0.3s ease;\n border: 2px solid transparent;\n }\n\n .nav-dot:hover {\n background: #e63946;\n transform: scale(1.2);\n }\n\n .nav-dot.active {\n background: #b50203;\n transform: scale(1.3);\n border-color: rgba(181, 2, 3, 0.3);\n }\n\n \/* ============ RESPONSIVE ============ *\/\n\n \/* LARGE DESKTOP - 1400px ve alt\u0131 *\/\n @media (max-width: 1400px) {\n .awards-wrapper {\n gap: 200px;\n padding: 50px 80px 70px;\n }\n\n .info-box {\n width: 400px;\n min-width: 400px;\n padding: 35px 40px;\n }\n\n .info-title {\n font-size: 24px;\n }\n\n .info-desc {\n font-size: 15px;\n }\n\n .carousel-wrapper {\n width: 360px;\n height: 320px;\n }\n\n .carousel-item:nth-child(1) { transform: rotateY(0deg) translateZ(300px); }\n .carousel-item:nth-child(2) { transform: rotateY(40deg) translateZ(300px); }\n .carousel-item:nth-child(3) { transform: rotateY(80deg) translateZ(300px); }\n .carousel-item:nth-child(4) { transform: rotateY(120deg) translateZ(300px); }\n .carousel-item:nth-child(5) { transform: rotateY(160deg) translateZ(300px); }\n .carousel-item:nth-child(6) { transform: rotateY(200deg) translateZ(300px); }\n .carousel-item:nth-child(7) { transform: rotateY(240deg) translateZ(300px); }\n .carousel-item:nth-child(8) { transform: rotateY(280deg) translateZ(300px); }\n .carousel-item:nth-child(9) { transform: rotateY(320deg) translateZ(300px); }\n\n .platform {\n width: 650px;\n height: 30px;\n }\n }\n\n \/* DESKTOP - 1200px ve alt\u0131 *\/\n @media (max-width: 1200px) {\n .awards-wrapper {\n gap: 150px;\n padding: 50px 60px 60px;\n }\n\n .info-box {\n width: 380px;\n min-width: 380px;\n padding: 32px 38px;\n }\n\n .info-title {\n font-size: 22px;\n }\n\n .info-desc {\n font-size: 15px;\n }\n\n .info-year {\n font-size: 14px;\n padding: 10px 24px;\n }\n\n .carousel-wrapper {\n width: 340px;\n height: 300px;\n }\n\n .carousel {\n width: 200px;\n height: 260px;\n }\n\n .carousel-item {\n width: 200px;\n height: 260px;\n }\n\n .carousel-item:nth-child(1) { transform: rotateY(0deg) translateZ(280px); }\n .carousel-item:nth-child(2) { transform: rotateY(40deg) translateZ(280px); }\n .carousel-item:nth-child(3) { transform: rotateY(80deg) translateZ(280px); }\n .carousel-item:nth-child(4) { transform: rotateY(120deg) translateZ(280px); }\n .carousel-item:nth-child(5) { transform: rotateY(160deg) translateZ(280px); }\n .carousel-item:nth-child(6) { transform: rotateY(200deg) translateZ(280px); }\n .carousel-item:nth-child(7) { transform: rotateY(240deg) translateZ(280px); }\n .carousel-item:nth-child(8) { transform: rotateY(280deg) translateZ(280px); }\n .carousel-item:nth-child(9) { transform: rotateY(320deg) translateZ(280px); }\n\n .platform {\n width: 600px;\n height: 28px;\n }\n }\n\n \/* TABLET - 1024px ve alt\u0131 *\/\n @media (max-width: 1024px) {\n .awards-wrapper {\n gap: 100px;\n padding: 40px 40px 50px;\n }\n\n .info-box {\n width: 340px;\n min-width: 340px;\n min-height: 210px;\n padding: 28px 32px;\n }\n\n .info-title {\n font-size: 20px;\n min-height: 28px;\n }\n\n .info-desc {\n font-size: 14px;\n min-height: 50px;\n }\n\n .info-year {\n font-size: 13px;\n padding: 9px 20px;\n }\n\n .carousel-wrapper {\n width: 320px;\n height: 280px;\n }\n\n .carousel {\n width: 180px;\n height: 240px;\n }\n\n .carousel-item {\n width: 180px;\n height: 240px;\n }\n\n .carousel-item:nth-child(1) { transform: rotateY(0deg) translateZ(260px); }\n .carousel-item:nth-child(2) { transform: rotateY(40deg) translateZ(260px); }\n .carousel-item:nth-child(3) { transform: rotateY(80deg) translateZ(260px); }\n .carousel-item:nth-child(4) { transform: rotateY(120deg) translateZ(260px); }\n .carousel-item:nth-child(5) { transform: rotateY(160deg) translateZ(260px); }\n .carousel-item:nth-child(6) { transform: rotateY(200deg) translateZ(260px); }\n .carousel-item:nth-child(7) { transform: rotateY(240deg) translateZ(260px); }\n .carousel-item:nth-child(8) { transform: rotateY(280deg) translateZ(260px); }\n .carousel-item:nth-child(9) { transform: rotateY(320deg) translateZ(260px); }\n\n .platform {\n width: 550px;\n height: 26px;\n margin-top: -15px;\n }\n\n .nav-dot {\n width: 10px;\n height: 10px;\n }\n }\n\n \/* TABLET K\u00dc\u00c7\u00dcK - 850px ve alt\u0131 *\/\n @media (max-width: 850px) {\n .awards-section {\n min-height: auto;\n }\n\n .awards-wrapper {\n flex-direction: column;\n gap: 30px;\n padding: 40px 20px;\n min-height: auto;\n }\n\n .info-box {\n width: 100%;\n min-width: unset;\n max-width: 420px;\n min-height: auto;\n order: 2;\n padding: 28px 30px;\n }\n\n .info-title {\n font-size: 20px;\n min-height: auto;\n }\n\n .info-desc {\n font-size: 14px;\n min-height: auto;\n }\n\n .carousel-container {\n order: 1;\n }\n\n .carousel-wrapper {\n width: 100%;\n max-width: 320px;\n height: 280px;\n }\n\n .carousel {\n width: 190px;\n height: 250px;\n }\n\n .carousel-item {\n width: 190px;\n height: 250px;\n }\n\n .carousel-item:nth-child(1) { transform: rotateY(0deg) translateZ(250px); }\n .carousel-item:nth-child(2) { transform: rotateY(40deg) translateZ(250px); }\n .carousel-item:nth-child(3) { transform: rotateY(80deg) translateZ(250px); }\n .carousel-item:nth-child(4) { transform: rotateY(120deg) translateZ(250px); }\n .carousel-item:nth-child(5) { transform: rotateY(160deg) translateZ(250px); }\n .carousel-item:nth-child(6) { transform: rotateY(200deg) translateZ(250px); }\n .carousel-item:nth-child(7) { transform: rotateY(240deg) translateZ(250px); }\n .carousel-item:nth-child(8) { transform: rotateY(280deg) translateZ(250px); }\n .carousel-item:nth-child(9) { transform: rotateY(320deg) translateZ(250px); }\n\n .platform {\n width: 520px;\n height: 26px;\n margin-top: -20px;\n }\n }\n\n \/* MOB\u0130L - 480px ve alt\u0131 *\/\n @media (max-width: 480px) {\n .awards-wrapper {\n padding: 30px 15px;\n gap: 20px;\n }\n\n .info-box {\n max-width: 100%;\n padding: 22px 20px;\n border-radius: 12px;\n }\n\n .info-title {\n font-size: 18px;\n }\n\n .info-desc {\n font-size: 13px;\n line-height: 1.7;\n }\n\n .info-year {\n font-size: 12px;\n padding: 10px 20px;\n }\n\n .carousel-wrapper {\n height: 250px;\n }\n\n .carousel {\n width: 170px;\n height: 210px;\n }\n\n .carousel-item {\n width: 170px;\n height: 210px;\n }\n\n .carousel-item:nth-child(1) { transform: rotateY(0deg) translateZ(220px); }\n .carousel-item:nth-child(2) { transform: rotateY(40deg) translateZ(220px); }\n .carousel-item:nth-child(3) { transform: rotateY(80deg) translateZ(220px); }\n .carousel-item:nth-child(4) { transform: rotateY(120deg) translateZ(220px); }\n .carousel-item:nth-child(5) { transform: rotateY(160deg) translateZ(220px); }\n .carousel-item:nth-child(6) { transform: rotateY(200deg) translateZ(220px); }\n .carousel-item:nth-child(7) { transform: rotateY(240deg) translateZ(220px); }\n .carousel-item:nth-child(8) { transform: rotateY(280deg) translateZ(220px); }\n .carousel-item:nth-child(9) { transform: rotateY(320deg) translateZ(220px); }\n\n .platform {\n width: 450px;\n height: 22px;\n margin-top: -18px;\n }\n\n .nav-dot {\n width: 9px;\n height: 9px;\n }\n\n .carousel-nav {\n gap: 8px;\n max-width: 160px;\n }\n }\n\n \/* \u00c7OK K\u00dc\u00c7\u00dcK MOB\u0130L - 360px ve alt\u0131 *\/\n @media (max-width: 360px) {\n .carousel-wrapper {\n height: 220px;\n }\n\n .carousel {\n width: 150px;\n height: 180px;\n }\n\n .carousel-item {\n width: 150px;\n height: 180px;\n }\n\n .carousel-item:nth-child(1) { transform: rotateY(0deg) translateZ(190px); }\n .carousel-item:nth-child(2) { transform: rotateY(40deg) translateZ(190px); }\n .carousel-item:nth-child(3) { transform: rotateY(80deg) translateZ(190px); }\n .carousel-item:nth-child(4) { transform: rotateY(120deg) translateZ(190px); }\n .carousel-item:nth-child(5) { transform: rotateY(160deg) translateZ(190px); }\n .carousel-item:nth-child(6) { transform: rotateY(200deg) translateZ(190px); }\n .carousel-item:nth-child(7) { transform: rotateY(240deg) translateZ(190px); }\n .carousel-item:nth-child(8) { transform: rotateY(280deg) translateZ(190px); }\n .carousel-item:nth-child(9) { transform: rotateY(320deg) translateZ(190px); }\n\n .platform {\n width: 380px;\n height: 20px;\n margin-top: -15px;\n }\n\n .info-box {\n padding: 18px 15px;\n }\n\n .info-title {\n font-size: 16px;\n }\n\n .info-desc {\n font-size: 12px;\n }\n\n .info-year {\n font-size: 11px;\n }\n\n .nav-dot {\n width: 8px;\n height: 8px;\n }\n\n .carousel-nav {\n gap: 6px;\n max-width: 140px;\n }\n }\n <\/style>\n<\/head>\n<body>\n \n <section class=\"awards-section\" id=\"particles-section\">\n \n <canvas id=\"section-particles\"><\/canvas>\n\n <div class=\"awards-wrapper\" id=\"awards-wrapper\">\n \n <div class=\"info-box\" id=\"info-box\">\n <div class=\"info-title\" id=\"info-title\">HIKVISION Ak\u0131ll\u0131 Depolama \u00dcr\u00fcnleri Online Platformlarda En H\u0131zl\u0131 B\u00fcy\u00fcyen \u0130\u015f Orta\u011f\u0131 \u00d6d\u00fcl\u00fc<\/div>\n <div class=\"info-desc\" id=\"info-desc\">2023 y\u0131l\u0131nda Hikvision taraf\u0131ndan \"Ak\u0131ll\u0131 Depolama \u00dcr\u00fcnleri Online Platformlarda En H\u0131zl\u0131 B\u00fcy\u00fcyen \u0130\u015f Orta\u011f\u0131\" \u00f6d\u00fcl\u00fcne lay\u0131k g\u00f6r\u00fcld\u00fck.<\/div>\n <div class=\"info-year\" id=\"info-year\">2023 - HIKVISION<\/div>\n <\/div>\n\n \n <div class=\"carousel-container\">\n <div class=\"carousel-wrapper\">\n <div class=\"carousel\" id=\"carousel\">\n \n <div class=\"carousel-item\" data-index=\"0\">\n <img src=\"https:\/\/avasya.com.tr\/wp-content\/uploads\/2026\/02\/odul-1.webp\" alt=\"HIKVISION \u00d6d\u00fcl\u00fc\" class=\"award-image\">\n <\/div>\n \n <div class=\"carousel-item\" data-index=\"1\">\n <img src=\"https:\/\/avasya.com.tr\/wp-content\/uploads\/2026\/02\/odul-2.webp\" alt=\"Penta Te\u015fekk\u00fcr Plaketi\" class=\"award-image\">\n <\/div>\n \n <div class=\"carousel-item\" data-index=\"2\">\n <img src=\"https:\/\/avasya.com.tr\/wp-content\/uploads\/2026\/02\/odul-3.webp\" alt=\"Dell 2024 \u00d6zel Proje\" class=\"award-image\">\n <\/div>\n \n <div class=\"carousel-item\" data-index=\"3\">\n <img src=\"https:\/\/avasya.com.tr\/wp-content\/uploads\/2026\/02\/odul-4.webp\" alt=\"Dell 2024 Y\u0131l\u0131n \u0130\u015f Orta\u011f\u0131\" class=\"award-image\">\n <\/div>\n \n <div class=\"carousel-item\" data-index=\"4\">\n <img src=\"https:\/\/avasya.com.tr\/wp-content\/uploads\/2026\/02\/odul-5.webp\" alt=\"Sangfor Platinum Partner\" class=\"award-image\">\n <\/div>\n \n <div class=\"carousel-item\" data-index=\"5\">\n <img src=\"https:\/\/avasya.com.tr\/wp-content\/uploads\/2026\/02\/odul-6.webp\" alt=\"LG Electronics\" class=\"award-image\">\n <\/div>\n \n <div class=\"carousel-item\" data-index=\"6\">\n <img src=\"https:\/\/avasya.com.tr\/wp-content\/uploads\/2026\/02\/odul-7.webp\" alt=\"KIOXIA Te\u015fekk\u00fcr Plaketi\" class=\"award-image\">\n <\/div>\n \n <div class=\"carousel-item\" data-index=\"7\">\n <img src=\"https:\/\/avasya.com.tr\/wp-content\/uploads\/2026\/02\/odul-8.webp\" alt=\"Dell 2023 \u00d6zel Proje\" class=\"award-image\">\n <\/div>\n \n <div class=\"carousel-item\" data-index=\"8\">\n <img src=\"https:\/\/avasya.com.tr\/wp-content\/uploads\/2026\/02\/odul-9.webp\" alt=\"Dell 2022 Y\u0131l\u0131n \u0130\u015f Orta\u011f\u0131\" class=\"award-image\">\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"platform\"><\/div>\n\n \n <div class=\"carousel-nav\">\n <div class=\"nav-dot active\" data-index=\"0\"><\/div>\n <div class=\"nav-dot\" data-index=\"1\"><\/div>\n <div class=\"nav-dot\" data-index=\"2\"><\/div>\n <div class=\"nav-dot\" data-index=\"3\"><\/div>\n <div class=\"nav-dot\" data-index=\"4\"><\/div>\n <div class=\"nav-dot\" data-index=\"5\"><\/div>\n <div class=\"nav-dot\" data-index=\"6\"><\/div>\n <div class=\"nav-dot\" data-index=\"7\"><\/div>\n <div class=\"nav-dot\" data-index=\"8\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <script>\n \/\/ ==========================================\n \/\/ \u00d6D\u00dcL B\u0130LG\u0130LER\u0130 - 9 \u00d6D\u00dcL\n \/\/ ==========================================\n const odulBilgileri = [\n {\n baslik: \"HIKVISION Ak\u0131ll\u0131 Depolama \u00dcr\u00fcnleri Online Platformlarda En H\u0131zl\u0131 B\u00fcy\u00fcyen \u0130\u015f Orta\u011f\u0131 \u00d6d\u00fcl\u00fc\",\n aciklama: \"2023 y\u0131l\u0131nda Hikvision taraf\u0131ndan \\\"Ak\u0131ll\u0131 Depolama \u00dcr\u00fcnleri Online Platformlarda En H\u0131zl\u0131 B\u00fcy\u00fcyen \u0130\u015f Orta\u011f\u0131\\\" \u00f6d\u00fcl\u00fcne lay\u0131k g\u00f6r\u00fcld\u00fck.\",\n yil: \"2023 - HIKVISION\"\n },\n {\n baslik: \"Penta Te\u015fekk\u00fcr Plaketi\",\n aciklama: \"Penta taraf\u0131ndan, i\u015f birli\u011fimize sa\u011flad\u0131\u011f\u0131m\u0131z de\u011ferli katk\u0131lar nedeniyle te\u015fekk\u00fcr plaketi ile onurland\u0131r\u0131ld\u0131k.\",\n yil: \"PENTA\"\n },\n {\n baslik: \"Dell Technologies 2024 \u00d6zel Proje \u00d6d\u00fcl\u00fc (Do\u011fu\u015f Projesi)\",\n aciklama: \"Dell Technologies 2024 \u0130\u015f Ortaklar\u0131 \u00d6d\u00fclleri kapsam\u0131nda \\\"\u00d6zel Proje \u00d6d\u00fcl\u00fc\\\"n\u00fc Do\u011fu\u015f Projesi ile kazand\u0131k.\",\n yil: \"2024 - DELL TECHNOLOGIES\"\n },\n {\n baslik: \"Dell Technologies 2024 Y\u0131l\u0131n \u0130\u015f Orta\u011f\u0131 \u00d6d\u00fcl\u00fc\",\n aciklama: \"Dell Technologies 2024 \u0130\u015f Ortaklar\u0131 \u00d6d\u00fclleri kapsam\u0131nda \\\"Y\u0131l\u0131n \u0130\u015f Orta\u011f\u0131\\\" \u00f6d\u00fcl\u00fcne lay\u0131k g\u00f6r\u00fcld\u00fck.\",\n yil: \"2024 - DELL TECHNOLOGIES\"\n },\n {\n baslik: \"Sangfor Platinum Partner \u00d6d\u00fcl\u00fc\",\n aciklama: \"Sangfor taraf\u0131ndan Platinum Partner unvan\u0131 ile \u00f6d\u00fcllendirildik.\",\n yil: \"SANGFOR - PLATINUM PARTNER\"\n },\n {\n baslik: \"LG Electronics T\u00fcrkiye IT Partner Workshop \u00d6d\u00fcl\u00fc\",\n aciklama: \"LG Electronics T\u00fcrkiye IT Partner Workshop 2023 etkinli\u011fi kapsam\u0131nda katk\u0131lar\u0131m\u0131z ve i\u015f birli\u011fimiz i\u00e7in te\u015fekk\u00fcr plaketi ald\u0131k.\",\n yil: \"2023 - LG ELECTRONICS\"\n },\n {\n baslik: \"KIOXIA Te\u015fekk\u00fcr Plaketi\",\n aciklama: \"KIOXIA taraf\u0131ndan, i\u015f birli\u011fimize sa\u011flad\u0131\u011f\u0131m\u0131z katk\u0131lar ve de\u011fer i\u00e7in te\u015fekk\u00fcr plaketi ile onurland\u0131r\u0131ld\u0131k.\",\n yil: \"KIOXIA Tech Day 2025\"\n },\n {\n baslik: \"Dell Technologies 2023 \u00d6zel Proje \u00d6d\u00fcl\u00fc\",\n aciklama: \"Dell Technologies 2023 \u0130\u015f Ortaklar\u0131 \u00d6d\u00fclleri kapsam\u0131nda \\\"\u00d6zel Proje \u00d6d\u00fcl\u00fc\\\"ne lay\u0131k g\u00f6r\u00fcld\u00fck.\",\n yil: \"2023 - DELL TECHNOLOGIES\"\n },\n {\n baslik: \"Dell Technologies 2022 Y\u0131l\u0131n \u0130\u015f Orta\u011f\u0131 \u00d6d\u00fcl\u00fc\",\n aciklama: \"Dell Technologies 2022 \u0130\u015f Ortaklar\u0131 \u00d6d\u00fclleri kapsam\u0131nda \\\"Y\u0131l\u0131n \u0130\u015f Orta\u011f\u0131\\\" \u00f6d\u00fcl\u00fcn\u00fc kazand\u0131k.\",\n yil: \"2022 - DELL TECHNOLOGIES\"\n }\n ];\n \/\/ ==========================================\n\n \/\/ ==========================================\n \/\/ CAROUSEL KONTROL\u00dc - 9 ITEM\n \/\/ ==========================================\n const ITEM_COUNT = 9;\n const ANGLE_PER_ITEM = 360 \/ ITEM_COUNT; \/\/ 40\u00b0\n\n const carousel = document.getElementById('carousel');\n const dots = document.querySelectorAll('.nav-dot');\n const infoTitle = document.getElementById('info-title');\n const infoDesc = document.getElementById('info-desc');\n const infoYear = document.getElementById('info-year');\n\n let currentAward = 0;\n\n function updateInfo(index) {\n const odul = odulBilgileri[index];\n infoTitle.textContent = odul.baslik;\n infoDesc.textContent = odul.aciklama;\n infoYear.textContent = odul.yil;\n dots.forEach((d, i) => d.classList.toggle('active', i === index));\n }\n\n \/\/ Dot t\u0131klama\n dots.forEach((dot, index) => {\n dot.addEventListener('click', () => {\n carousel.style.animation = 'none';\n carousel.style.transform = `rotateY(${index * -ANGLE_PER_ITEM}deg)`;\n currentAward = index;\n updateInfo(index);\n });\n });\n\n \/\/ Hover'da durdur\n carousel.addEventListener('mouseenter', () => {\n carousel.style.animationPlayState = 'paused';\n });\n\n carousel.addEventListener('mouseleave', () => {\n if (carousel.style.animation !== 'none') {\n carousel.style.animationPlayState = 'running';\n }\n });\n\n \/\/ Touch deste\u011fi - mobil i\u00e7in\n let touchStarted = false;\n document.addEventListener('touchstart', (e) => {\n if (e.target.closest('.carousel-container')) {\n carousel.style.animationPlayState = 'paused';\n touchStarted = true;\n }\n });\n\n document.addEventListener('touchend', () => {\n if (touchStarted) {\n setTimeout(() => {\n if (carousel.style.animation !== 'none') {\n carousel.style.animationPlayState = 'running';\n }\n }, 2000);\n touchStarted = false;\n }\n });\n\n \/\/ Otomatik d\u00f6nerken yaz\u0131y\u0131 g\u00fcncelle - 9 item i\u00e7in\n setInterval(() => {\n const isPaused = carousel.style.animationPlayState === 'paused';\n const isNone = carousel.style.animation === 'none';\n\n if (!isPaused && !isNone) {\n const transform = getComputedStyle(carousel).transform;\n if (transform && transform !== 'none') {\n try {\n const matrix = new DOMMatrix(transform);\n const angle = Math.atan2(matrix.m13, matrix.m33) * (180 \/ Math.PI);\n const normalizedAngle = (((angle) % 360) + 360) % 360;\n\n \/\/ 9 item i\u00e7in hangi \u00f6d\u00fcl \u00f6nde\n let newAward = Math.round(normalizedAngle \/ ANGLE_PER_ITEM) % ITEM_COUNT;\n\n if (newAward !== currentAward) {\n currentAward = newAward;\n updateInfo(currentAward);\n }\n } catch(e) {}\n }\n }\n }, 100);\n\n \/\/ ==========================================\n \/\/ PARTICLE EFEKT\u0130\n \/\/ ==========================================\n document.addEventListener('DOMContentLoaded', function() {\n setTimeout(function() {\n var canvas = document.getElementById('section-particles');\n var section = document.getElementById('particles-section');\n\n if(!section || !canvas) {\n console.log('Section veya canvas bulunamad\u0131!');\n return;\n }\n\n var ctx = canvas.getContext('2d');\n var particles = [];\n var mouse = { x: null, y: null };\n\n function resizeCanvas() {\n var rect = section.getBoundingClientRect();\n canvas.width = rect.width;\n canvas.height = rect.height;\n }\n\n resizeCanvas();\n\n window.addEventListener('resize', function() {\n resizeCanvas();\n initParticles();\n });\n\n document.addEventListener('mousemove', function(e) {\n var rect = section.getBoundingClientRect();\n if(e.clientX >= rect.left && e.clientX <= rect.right &&\n e.clientY >= rect.top && e.clientY <= rect.bottom) {\n mouse.x = e.clientX - rect.left;\n mouse.y = e.clientY - rect.top;\n } else {\n mouse.x = null;\n mouse.y = null;\n }\n });\n\n function initParticles() {\n particles = [];\n var particleCount = Math.min(200, Math.floor((canvas.width * canvas.height) \/ 5500));\n\n for(var i = 0; i < particleCount; i++) {\n particles.push({\n x: Math.random() * canvas.width,\n y: Math.random() * canvas.height,\n vx: (Math.random() - 0.5) * 0.5,\n vy: (Math.random() - 0.5) * 0.5,\n radius: Math.random() * 2 + 0.8,\n opacity: Math.random() * 0.5 + 0.3\n });\n }\n }\n\n initParticles();\n\n function animate() {\n ctx.clearRect(0, 0, canvas.width, canvas.height);\n\n for(var i = 0; i < particles.length; i++) {\n var p = particles[i];\n p.x += p.vx;\n p.y += p.vy;\n\n if(p.x < 0) p.x = canvas.width;\n if(p.x > canvas.width) p.x = 0;\n if(p.y < 0) p.y = canvas.height;\n if(p.y > canvas.height) p.y = 0;\n\n ctx.beginPath();\n ctx.arc(p.x, p.y, p.radius, 0, Math.PI * 2);\n ctx.fillStyle = 'rgba(181, 2, 3, ' + (p.opacity * 0.75) + ')';\n ctx.fill();\n\n for(var j = i + 1; j < particles.length; j++) {\n var p2 = particles[j];\n var dx = p.x - p2.x;\n var dy = p.y - p2.y;\n var dist = Math.sqrt(dx*dx + dy*dy);\n\n if(dist < 140) {\n ctx.beginPath();\n ctx.moveTo(p.x, p.y);\n ctx.lineTo(p2.x, p2.y);\n var lineOpacity = (1 - dist\/140) * 0.25;\n ctx.strokeStyle = 'rgba(181, 2, 3, ' + lineOpacity + ')';\n ctx.lineWidth = 0.6;\n ctx.stroke();\n }\n }\n\n if(mouse.x !== null) {\n var dx = p.x - mouse.x;\n var dy = p.y - mouse.y;\n var dist = Math.sqrt(dx*dx + dy*dy);\n\n if(dist < 160) {\n ctx.beginPath();\n ctx.moveTo(p.x, p.y);\n ctx.lineTo(mouse.x, mouse.y);\n var mouseOpacity = (1 - dist\/160) * 0.5;\n ctx.strokeStyle = 'rgba(181, 2, 3, ' + mouseOpacity + ')';\n ctx.lineWidth = 1;\n ctx.stroke();\n }\n }\n }\n requestAnimationFrame(animate);\n }\n animate();\n }, 300);\n });\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Avasya \u00d6d\u00fcller HIKVISION Ak\u0131ll\u0131 Depolama \u00dcr\u00fcnleri Online Platformlarda En H\u0131zl\u0131 B\u00fcy\u00fcyen \u0130\u015f Orta\u011f\u0131 \u00d6d\u00fcl\u00fc 2023 y\u0131l\u0131nda Hikvision taraf\u0131ndan “Ak\u0131ll\u0131 Depolama…<\/p>","protected":false},"author":1,"featured_media":0,"parent":63,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-fullwidth.php","meta":{"footnotes":""},"class_list":["post-4372","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/avasya.com.tr\/en\/wp-json\/wp\/v2\/pages\/4372","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/avasya.com.tr\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/avasya.com.tr\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/avasya.com.tr\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/avasya.com.tr\/en\/wp-json\/wp\/v2\/comments?post=4372"}],"version-history":[{"count":114,"href":"https:\/\/avasya.com.tr\/en\/wp-json\/wp\/v2\/pages\/4372\/revisions"}],"predecessor-version":[{"id":4739,"href":"https:\/\/avasya.com.tr\/en\/wp-json\/wp\/v2\/pages\/4372\/revisions\/4739"}],"up":[{"embeddable":true,"href":"https:\/\/avasya.com.tr\/en\/wp-json\/wp\/v2\/pages\/63"}],"wp:attachment":[{"href":"https:\/\/avasya.com.tr\/en\/wp-json\/wp\/v2\/media?parent=4372"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}