1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <meta charset="utf-8" /> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 6 <title>About - JLABS</title> 7 <meta name="description" content="JLabs hakkında daha fazla bilgi edinin. Milyonlarca oyuncuya ulaşan global mobil oyun şirketimizin vizyonunu ve değerlerini keşfedin." /> 8 <link rel="icon" type="image/png" href="https://cdn.joy.ac/JLabs/images/JLabs_3.png" /> 9 <link rel="apple-touch-icon" href="https://cdn.joy.ac/JLabs/images/JLabs_3.png" /> 10
10<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3141611033319102" 11 crossorigin="anonymous"></script>
11 12 13 <!-- Tailwind via CDN --> 14
14<script src="https://cdn.tailwindcss.com"></script>
14 15
15<script> 16 tailwind.config = { 17 theme: { 18 extend: { 19 colors: { 20 background: "#050509", 21 header: "#050509", 22 accentYellow: "#F7B733", 23 accentPink: "#F45C7A", 24 muted: "#C7C7C7", 25 }, 26 fontFamily: { 27 sans: ["Inter", "system-ui", "sans-serif"], 28 }, 29 }, 30 }, 31 }; 32 </script>
32 33 <style> 34 .glass-element { 35 position: relative; 36 overflow: hidden; 37 border-radius: 18px; 38 background: 39 radial-gradient(circle at 20% 0%, rgba(255, 255, 255, 0.06), transparent 62%), 40 radial-gradient(circle at 80% 100%, rgba(255, 255, 255, 0.02), transparent 68%); 41 backdrop-filter: blur(5px) saturate(1.18); 42 -webkit-backdrop-filter: blur(5px) saturate(1.18); 43 border: 1px solid rgba(255, 255, 255, 0.045); 44 box-shadow: 45 0 0 26px rgba(0, 0, 0, 0.45), 46 inset 0 1px 0 rgba(255, 255, 255, 0.08); 47 opacity: 0; 48 contain: layout style paint; 49 will-change: opacity; 50 } 51 52 .glass-element::before { 53 content: ""; 54 position: absolute; 55 inset: -28%; 56 border-radius: inherit; 57 background: radial-gradient( 58 circle at 0% 0%, 59 rgba(255, 255, 255, 0.12) 0%, 60 rgba(255, 255, 255, 0.03) 24%, 61 transparent 55% 62 ); 63 mix-blend-mode: screen; 64 opacity: 0.35; 65 pointer-events: none; 66 transform: translate3d(0, 0, 0); 67 animation: glass-wave 20s ease-in-out infinite alternate; 68 } 69 70 @keyframes glass-wave { 71 0% { 72 transform: translate3d(-4%, -3%, 0) rotate(-4deg); 73 opacity: 0.5; 74 } 75 50% { 76 transform: translate3d(3%, 4%, 0) rotate(3deg); 77 opacity: 0.7; 78 } 79 100% { 80 transform: translate3d(6%, -2%, 0) rotate(-2deg); 81 opacity: 0.55; 82 } 83 } 84 85 #heroGrid { 86 display: grid; 87 grid-template-columns: repeat(auto-fill, minmax(80px, 1fr)); 88 grid-auto-rows: 80px; 89 gap: 0; 90 width: 100%; 91 height: 100%; 92 } 93 94 @media (min-width: 768px) { 95 #heroGrid { 96 grid-template-columns: repeat(auto-fill, minmax(105px, 1fr)); 97 grid-auto-rows: 105px; 98 gap: 0; 99 } 100 } 101 102 @media (min-width: 1024px) { 103 #heroGrid { 104 grid-template-columns: repeat(auto-fill, minmax(115px, 1fr)); 105 grid-auto-rows: 115px; 106 gap: 0; 107 } 108 } 109 110 #tubesCanvas, 111 #privacyTubesCanvas { 112 width: 100%; 113 height: 100%; 114 display: block; 115 filter: blur(18px); 116 opacity: 0.9; 117 transform: translateZ(0); 118 will-change: contents; 119 pointer-events: none; 120 } 121 122 .inverse-on-bg { 123 mix-blend-mode: difference; 124 } 125 126 /* Mobile infinite logo marquee (Connect partners) */ 127 .logo-marquee { 128 position: relative; 129 overflow: hidden; 130 } 131 132 .logo-marquee-inner { 133 display: flex; 134 width: max-content; 135 animation: logo-scroll 12s linear infinite; 136 will-change: transform; 137 } 138 139 .logo-marquee-track { 140 display: flex; 141 align-items: center; 142 gap: 2.5rem; 143 flex: 0 0 auto; 144 } 145 146 .logo-marquee-track:first-child { 147 margin-right: 2.5rem; 148 } 149 150 .logo-marquee::before, 151 .logo-marquee::after { 152 content: ""; 153 position: absolute; 154 top: 0; 155 bottom: 0; 156 width: 30px; 157 pointer-events: none; 158 } 159 160 .logo-marquee::before { 161 left: 0; 162 background: linear-gradient( 163 to right, 164 rgba(5, 5, 9, 1), 165 rgba(5, 5, 9, 0) 166 ); 167 } 168 169 .logo-marquee::after { 170 right: 0; 171 background: linear-gradient( 172 to left, 173 rgba(5, 5, 9, 1), 174 rgba(5, 5, 9, 0) 175 ); 176 } 177 178 @keyframes logo-scroll { 179 0% { 180 transform: translateX(0); 181 } 182 100% { 183 transform: translateX(-50%); 184 } 185 } 186 187 /* Contact email copy shimmer */ 188 #emailCopyButton { 189 position: relative; 190 overflow: hidden; 191 } 192 193 #emailCopyButton::before { 194 content: ""; 195 position: absolute; 196 inset: 0; 197 background: linear-gradient( 198 120deg, 199 rgba(247, 183, 51, 0) 0%, 200 rgba(247, 183, 51, 0.5) 35%, 201 rgba(244, 92, 122, 0.7) 60%, 202 rgba(247, 183, 51, 0) 100% 203 ); 204 transform: translateX(-120%); 205 opacity: 0; 206 pointer-events: none; 207 } 208 209 #emailCopyButton.copy-active::before { 210 animation: email-copy-shimmer 650ms ease-out forwards; 211 } 212 213 @keyframes email-copy-shimmer { 214 0% { 215 transform: translateX(-120%); 216 opacity: 0; 217 } 218 30% { 219 opacity: 1; 220 } 221 100% { 222 transform: translateX(120%); 223 opacity: 0; 224 } 225 } 226 227 /* Mobil / düÅük güçlü GPU: backdrop-blur + blend + tam ekran canvas blur çok pahalı (öz. Intel iGPU) */ 228 @media (max-width: 767.98px) { 229 .glass-element { 230 backdrop-filter: none; 231 -webkit-backdrop-filter: none; 232 background: 233 radial-gradient(circle at 20% 0%, rgba(255, 255, 255, 0.07), transparent 62%), 234 radial-gradient(circle at 80% 100%, rgba(255, 255, 255, 0.03), transparent 68%), 235 rgba(255, 255, 255, 0.035); 236 will-change: auto; 237 } 238 239 .glass-element::before { 240 animation: none; 241 opacity: 0.22; 242 transform: none; 243 } 244 245 #tubesCanvas, 246 #privacyTubesCanvas { 247 display: none; 248 } 249 250 .logo-marquee-inner { 251 animation-duration: 28s; 252 } 253 254 .inverse-on-bg { 255 mix-blend-mode: normal; 256 } 257 } 258 259 @media (prefers-reduced-motion: reduce) { 260 .glass-element::before { 261 animation: none; 262 } 263 264 .logo-marquee-inner { 265 animation: none; 266 } 267 268 #emailCopyButton.copy-active::before { 269 animation: none; 270 opacity: 0; 271 } 272 } 273 </style> 274 <link 275 href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap" 276 rel="stylesheet" 277 /> 278 279</head> 280<body class="min-h-screen bg-background text-white font-sans flex flex-col"> 281 <header class="w-full border-b border-white/5 bg-header/90 backdrop-blur-md sticky top-0 z-40"> 282 <div class="max-w-6xl mx-auto px-4 lg:px-0 h-16 lg:h-20 flex items-center justify-between"> 283 <a href="/" class="flex items-center gap-3"> 284 <img src="https://cdn.joy.ac/JLabs/images/JLabs_3.png" alt="JLABS Logo" class="h-[130px] w-auto" loading="lazy" /> 285 </a> 286 287 <nav class="hidden md:flex items-center gap-8 text-sm"> 288 <a href="/hakkimizda" data-nav-key="connect" class="relative pb-1 transition-colors bg-gradient-to-r from-[#F7B733] to-[#FF8A3D] bg-clip-text text-transparent"> 289 Hakkımızda 290 </a> 291 <a href="/oyunlar" data-nav-key="games" class="relative pb-1 transition-colors text-muted hover:text-[#ff8a3d]"> 292 Oyunlar 293 </a> 294 <a href="/iletisim" data-nav-key="contact" class="group relative inline-flex rounded-full p-[1px] text-xs font-medium transition-all bg-white/15 hover:bg-gradient-to-r hover:from-[#F7B733] hover:to-[#FF8A3D]">
295 <span class="inline-flex rounded-full px-4 py-1.5 bg-[#2A2C34]"> 296 <span class="text-muted group-hover:bg-gradient-to-r group-hover:from-[#F7B733] group-hover:to-[#FF8A3D] group-hover:bg-clip-text group-hover:text-transparent"> 297 İletişim 298 </span> 299 </span> 300 </a> 301 302 <div class="relative group ml-4" id="localeSelector"> 303 <button type="button" class="inline-flex items-center gap-1 text-xs text-muted hover:text-white transition-colors" aria-expanded="false" aria-haspopup="true"> 304 <span>TR</span> 305 <svg class="w-3 h-3" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> 306 <path d="M3 4.5L6 7.5L9 4.5" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" /> 307 </svg> 308 </button> 309 <div id="localeDropdown" class="hidden absolute right-0 mt-2 min-w-[140px] bg-[#0a0a0f] border border-white/10 rounded-lg shadow-xl py-1 z-50"> 310 <form method="post" class="flex flex-col" action="/en/Locale/SetLocale"> 311 <input type="hidden" name="returnUrl" value="/hakkimizda" /> 312 <button type="submit" name="culture" value="tr" class="w-full text-left px-4 py-2 text-xs text-muted hover:text-white hover:bg-white/5 bg-white/5 text-white"> 313 Türkçe 314 </button> 315 <button type="submit" name="culture" value="en" class="w-full text-left px-4 py-2 text-xs text-muted hover:text-white hover:bg-white/5 "> 316 English 317 </button> 318 <input name="__RequestVerificationToken" type="hidden" value="CfDJ8BRedwN8WpNPuSzKMWHdCsvRC9SzB0Nk0hsvmOqo6-RtJr6hFelVOmEQCYyYoZYo_RdDM7vOio-m0arTxLX9jTAwbZmgwErjn0UHHE6j07m3zVXZ702pA17j3tpS-qtEQfu8Lm-5FRhXDSQWlipGdVQ" /></form> 319 </div> 320 </div> 321 </nav> 322 323 <button id="menuToggle" class="md:hidden fixed top-4 right-4 z-50 inline-flex items-center justify-center w-10 h-10 rounded-full border border-white/15 bg-header/90 backdrop-blur-sm text-sm" aria-label="Toggle menu" aria-controls="mobileNav" aria-expanded="false"> 324 <span class="sr-only">Menu</span> 325 <div class="space-y-1"> 326 <span class="block w-4 h-[1.5px] bg-white"></span> 327 <span class="block w-3 h-[1.5px] bg-white"></span> 328 </div> 329 </button> 330 </div> 331</header> 332 333<div id="mobileNavBackdrop" class="md:hidden fixed inset-0 z-30 bg-black/55 opacity-0 pointer-events-none transition-opacity duration-300"></div> 334<nav id="mobileNav" class="md:hidden fixed inset-y-0 left-0 z-50 w-[82vw] max-w-[360px] -translate-x-full transition-transform duration-300 ease-out border-r border-white/10 bg-[#050509] shadow-2xl"> 335 <div class="h-full px-6 py-6 flex flex-col bg-[#050509]"> 336 <div class="flex items-center justify-between"> 337 <a href="/" class="flex items-center gap-3"> 338 <img src="https://cdn.joy.ac/JLabs/images/JLabs_3.png" alt="JLABS Logo" class="h-[100px] w-auto" loading="lazy" /> 339 </a> 340 <button type="button" id="menuClose" class="inline-flex items-center justify-center w-9 h-9 rounded-full border border-white/15 text-white" aria-label="Close menu"> 341 <span class="text-lg leading-none">×</span> 342 </button> 343 </div> 344 345 <div class="mt-14 space-y-6 text-4xl font-semibold tracking-tight"> 346 <a href="/hakkimizda" data-mobile-nav-key="connect" class="block text-white hover:text-white/80 transition-colors">Hakkımızda</a> 347 <a href="/oyunlar" data-mobile-nav-key="games" class="block text-white hover:text-white/80 transition-colors">Oyunlar</a> 348 <a href="/iletisim" data-mobile-nav-key="contact" class="block text-white hover:text-white/80 transition-colors">İletişim</a> 349 </div> 350 351 <div class="mt-auto pt-6 border-t border-white/10"> 352 <form method="post" class="flex gap-4 items-center" action="/en/Locale/SetLocale"> 353 <input type="hidden" name="returnUrl" value="/hakkimizda" /> 354 <button type="submit" name="culture" value="en" class="text-2xl font-medium text-muted hover:text-white">EN</button>
355 <span class="text-muted/50">|</span> 356 <button type="submit" name="culture" value="tr" class="text-2xl font-medium text-accentPink">TR</button> 357 <input name="__RequestVerificationToken" type="hidden" value="CfDJ8BRedwN8WpNPuSzKMWHdCsvRC9SzB0Nk0hsvmOqo6-RtJr6hFelVOmEQCYyYoZYo_RdDM7vOio-m0arTxLX9jTAwbZmgwErjn0UHHE6j07m3zVXZ702pA17j3tpS-qtEQfu8Lm-5FRhXDSQWlipGdVQ" /></form> 358 </div> 359 </div> 360</nav> 361
362<script> 363 (function() { 364 function updateHeaderActiveStateFromHash() { 365 var normalizedPath = window.location.pathname.toLowerCase(); 366 var hash = (window.location.hash || '').toLowerCase(); 367 var desktopLinks = document.querySelectorAll('[data-nav-key]'); 368 var mobileLinks = document.querySelectorAll('[data-mobile-nav-key]'); 369 370 var hasServerActivePage = document.querySelector('[data-nav-key="connect"].text-white, [data-nav-key="contact"].text-white, [data-nav-key="games"].text-white'); 371 if (hasServerActivePage) return; 372 373 var activeKey = hash === '#games' ? 'games' : null; 374 if (!activeKey) return; 375 desktopLinks.forEach(function(link) { 376 if (link.dataset.navKey === activeKey) { 377 link.classList.add('text-white'); 378 } 379 }); 380 mobileLinks.forEach(function(link) { 381 if (link.dataset.mobileNavKey === activeKey) { 382 link.classList.add('text-accentPink'); 383 } 384 }); 385 } 386 387 var localeSelector = document.getElementById('localeSelector'); 388 var localeDropdown = document.getElementById('localeDropdown'); 389 if (localeSelector && localeDropdown) { 390 localeSelector.querySelector('button').addEventListener('click', function(e) { 391 e.stopPropagation(); 392 localeDropdown.classList.toggle('hidden'); 393 }); 394 document.addEventListener('click', function() { localeDropdown.classList.add('hidden'); }); 395 } 396 397 updateHeaderActiveStateFromHash(); 398 window.addEventListener('hashchange', updateHeaderActiveStateFromHash); 399 })(); 400</script>
400 401 402 403 <main b-cmhnpz2yk9 class="flex-1 min-w-0"> 404 405 406<section 407 id="landing" 408 class="relative w-full px-0 py-0 overflow-hidden min-h-[620px] md:min-h-[780px] lg:min-h-[860px]" 409> 410 <div class="absolute inset-0 -z-10"> 411 <div class="relative w-full h-full"> 412 <div class="absolute inset-0 overflow-hidden"> 413 <canvas id="tubesCanvas"></canvas> 414 </div> 415 416 417 418 <div id="heroGrid" class="relative"> 419 </div> 420 </div> 421 </div> 422 423 <div 424 class="relative max-w-6xl mx-auto px-4 lg:px-10 py-16 lg:py-28 flex flex-col items-center text-center gap-6" 425 > 426 <p class="text-xs md:text-sm uppercase tracking-[0.3em] text-[#fefefe]"> 427 Jlabs Oyun Teknoloji 428 </p> 429 <h1 430 class="text-4xl md:text-5xl lg:text-6xl font-semibold leading-tight" 431 > 432 Oyunun dilini biliyoruz, hikayesini biz yazıyoruz. 433 </h1> 434 <p 435 class="text-sm md:text-base text-[#fefefe] max-w-2xl mx-auto leading-relaxed whitespace-pre-line" 436 > 437 Mobil oyun dünyasında JLabs, milyonlarca oyuncuya ulaşmış global bir eğlence şirketidir. Oyuncuyu her şeyin merkezine koyan yaklaşımımızla, tüm kıtalardaki kullanıcılar için erişilebilir ve unutulmaz mobil oyun deneyimleri tasarlıyoruz.
Yaratıcılığı, teknolojiyi ve veri odaklı bakış açısını harmanlayarak; farklı kültürlere ve oyuncu alışkanlıklarına dokunan, uzun soluklu ve sürdürülebilir oyun deneyimleri inşa etmeyi hedefliyoruz. 438 </p> 439 </div> 440</section> 441 442 443 444<section 445 id="partners" 446 class="relative bg-background border-t border-[#222226] pt-16 lg:pt-20 pb-16 lg:pb-24" 447> 448 <div class="relative max-w-6xl mx-auto px-4 lg:px-0"> 449 <div class="text-center mb-10 lg:mb-14"> 450 <h2 451 class="text-2xl md:text-3xl lg:text-4xl font-semibold mb-3" 452 > 453 Grup Şirketlerimiz 454 </h2> 455 </div> 456 457 <div class="mt-8 md:mt-10 w-full px-4 md:px-10 lg:px-24"> 458 <div class="logo-marquee py-3"> 459 <div class="logo-marquee-inner"> 460 <div class="logo-marquee-track"> 461 <img src="https://cdn.joy.ac/JLabs/images/funjitsu.png" alt="Funjitsu" class="h-10 md:h-14 lg:h-16 w-auto max-w-[180px] object-contain opacity-95" loading="lazy" /> 462 <img src="https://cdn.joy.ac/JLabs/images/jlabs.png" alt="JLabs" class="h-10 md:h-14 lg:h-16 w-auto max-w-[180px] object-contain opacity-95" loading="lazy" /> 463 <img src="https://cdn.joy.ac/JLabs/images/joygame.png" alt="Joygame" class="h-10 md:h-14 lg:h-16 w-auto max-w-[180px] object-contain opacity-95" loading="lazy" /> 464 <img src="https://cdn.joy.ac/JLabs/images/jozzy.png" alt="Jozzy" class="h-10 md:h-14 lg:h-16 w-auto max-w-[180px] object-contain opacity-95" loading="lazy" /> 465 <img src="https://cdn.joy.ac/JLabs/images/madbyte.png" alt="Madbyte" class="h-10 md:h-14 lg:h-16 w-auto max-w-[180px] object-contain opacity-95" loading="lazy" /> 466 </div> 467 <div class="logo-marquee-track" aria-hidden="true"> 468 <img src="https://cdn.joy.ac/JLabs/images/funjitsu.png" alt="" class="h-10 md:h-14 lg:h-16 w-auto max-w-[180px] object-contain opacity-95" loading="lazy" /> 469 <img src="https://cdn.joy.ac/JLabs/images/jlabs.png" alt="" class="h-10 md:h-14 lg:h-16 w-auto max-w-[180px] object-contain opacity-95" loading="lazy" /> 470 <img src="https://cdn.joy.ac/JLabs/images/joygame.png" alt="" class="h-10 md:h-14 lg:h-16 w-auto max-w-[180px] object-contain opacity-95" loading="lazy" /> 471 <img src="https://cdn.joy.ac/JLabs/images/jozzy.png" alt="" class="h-10 md:h-14 lg:h-16 w-auto max-w-[180px] object-contain opacity-95" loading="lazy" /> 472 <img src="https://cdn.joy.ac/JLabs/images/madbyte.png" alt="" class="h-10 md:h-14 lg:h-16 w-auto max-w-[180px] object-contain opacity-95" loading="lazy" /> 473 </div> 474 </div> 475 </div> 476 </div> 477 </div> 478</section> 479 480 481<section 482 id="values" 483 class="bg-background border-t border-white/5 pt-16 lg:pt-20 pb-16 lg:pb-24" 484> 485 <div class="max-w-6xl mx-auto px-4 lg:px-0"> 486 <div class="text-center mb-10 lg:mb-14"> 487 <h2 488 class="text-2xl md:text-3xl lg:text-4xl font-semibold mb-3" 489 > 490 Değerlerimiz 491 </h2> 492 </div> 493 494 <div 495 class="grid grid-cols-1 sm:grid-cols-3 gap-4 md:gap-6 max-w-4xl mx-auto" 496 > 497 <article 498 class="glass-element opacity-100 p-5 md:p-6 text-left" 499 > 500 <h3 class="text-sm md:text-base font-semibold mb-2"> 501 Veriyle Büyüyoruz 502 </h3> 503 <p class="text-xs md:text-sm text-[#fefefe] leading-relaxed"> 504 Kararlarımızı sezgiyle değil, içgörüyle alırız. 505 </p> 506 </article> 507 508 <article 509 class="glass-element opacity-100 p-5 md:p-6 text-left" 510 > 511 <h3 class="text-sm md:text-base font-semibold mb-2"> 512 Toplulukla İnş
512a Ediyoruz 513 </h3> 514 <p class="text-xs md:text-sm text-[#fefefe] leading-relaxed"> 515 Oyuncularımızın geri bildirimleri, fikirleri ve tutkularıyla JLabs'ı birlikte şekillendiriyoruz 516 </p> 517 </article> 518 519 <article 520 class="glass-element opacity-100 p-5 md:p-6 text-left" 521 > 522 <h3 class="text-sm md:text-base font-semibold mb-2"> 523 Sınır Tanımıyoruz 524 </h3> 525 <p class="text-xs md:text-sm text-[#fefefe] leading-relaxed"> 526 Coğrafya, dil veya kültür bizi durduramaz. Tüm kıtalardaki oyunculara ulaşmak için her engeli aşıyoruz. 527 </p> 528 </article> 529 </div> 530 </div> 531</section> 532 533 534 535<section 536 id="download" 537 class="relative bg-[#111114] border-t border-white/5 py-16 lg:py-20 overflow-hidden" 538> 539 <div 540 class="pointer-events-none absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 w-[460px] md:w-[620px] h-[210px] md:h-[250px] rounded-[999px] bg-[radial-gradient(circle_at_30%_50%,#F7B733,transparent_65%),radial-gradient(circle_at_80%_50%,#F45C7A,transparent_70%)] opacity-70 blur-3xl" 541 ></div> 542 543 <div class="relative max-w-6xl mx-auto px-4 lg:px-0 text-center"> 544 <h2 545 class="text-2xl md:text-3xl lg:text-4xl font-semibold mb-3" 546 > 547 Oyunlarımızı deneyimlemeye hazır mısınız? 548 </h2> 549 <p 550 class="text-sm md:text-base text-muted max-w-xl mx-auto mb-8 leading-relaxed" 551 > 552 En sevilen oyunlarımıza göz atın ve eğlenceye dilediğiniz her yerden ortak olun. Hemen indirin ve maceraya başlayın! 553 </p> 554 555 <div 556 class="flex flex-wrap items-center justify-center gap-4" 557 > 558 <a 559 href="https://apps.apple.com/tr/developer/j-labs-teknoloji-anonim-sirketi/id1700262942?l=tr" 560 target="_blank" 561 rel="noopener noreferrer" 562 class="inline-flex items-center gap-3 px-5 py-3 rounded-full bg-white text-black text-xs md:text-sm font-medium shadow-lg hover:bg-white/90 transition" 563 > 564 <span class="flex h-9 w-9 shrink-0 items-center justify-center"> 565 <img src="/jlabs/apple-logo.svg" alt="" class="h-8 w-8 object-contain" width="32" height="32" aria-hidden="true" /> 566 </span> 567 <span class="flex flex-col items-start leading-tight"> 568 <span class="text-base font-semibold"> 569 App Store'dan İndirin 570 </span> 571 </span> 572 </a> 573 574 <a 575 href="https://play.google.com/store/apps/developer?id=JLabs+Games&hl=tr" 576 target="_blank" 577 rel="noopener noreferrer" 578 class="inline-flex items-center gap-3 px-5 py-3 rounded-full bg-white text-black text-xs md:text-sm font-medium shadow-lg hover:bg-white/90 transition" 579 > 580 <span class="flex h-9 w-9 shrink-0 items-center justify-center"> 581 <img src="/jlabs/google-play-icon.svg" alt="" class="h-8 w-8 object-contain" width="32" height="32" aria-hidden="true" /> 582 </span> 583 <span class="flex flex-col items-start leading-tight"> 584 <span class="text-base font-semibold"> 585 Google Play'den İndirin 586 </span> 587 </span> 588 </a> 589 </div> 590 </div> 591</section> 592 593 594 595 596 </main> 597 598 <footer class="border-t border-white/5 mt-12 py-10 text-xs text-muted bg-background"> 599 <div class="max-w-6xl mx-auto px-4 lg:px-0 flex flex-col gap-8"> 600 <div class="flex flex-col md:flex-row md:items-center md:justify-between gap-8"> 601 <div class="max-w-sm space-y-3"> 602 <img src="https://cdn.joy.ac/JLabs/images/JLabs_3.png" alt="JLABS Logo" class="h-[160px] w-auto" loading="lazy" /> 603 </div> 604 605 <nav class="flex flex-wrap items-center gap-4 md:gap-6 text-xs order-3 md:order-2"> 606 <a href="/hakkimizda" class="hover:text-white transition-colors">Hakkımızda</a> 607 <a href="/oyunlar" class="hover:text-white transition-colors">Oyunlar</a> 608 <a href="/iletisim" class="hover:text-white transition-colors">İletişim</a> 609 <a href="/gizlilik-politikasi" class="hover:text-white transition-colors">Gizlilik</a> 610 <a href="/cerez-politikasi" class="hover:text-white transition-colors">Çerez Politikası</a> 611 <a href="/kullanici-sozlesmesi" class="hover:text-white transition-colors">Kullanıcı Sözleşmesi</a> 612 </nav> 613 614 </div> 615 616 </div> 617</footer> 618 619 620 621
621<script type="module" src="/jlabs/connect.js"></script>
621 622
623<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"e5653cac4612440983b98f47d50845aa","r":1,"spa":2}' crossorigin="anonymous"></script>
623 624</body> 625</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.