ＳＫＹＳＨＥＬＬＭＡＮＡＧＥＲ

📁 ＳＫＹＳＨＥＬＬＭＡＮＡＧＥＲ PHP v8.0.30

Path:root/home/phircorg/public_html/

Name	Size	Perm	Actions
📁 .tmb	-	0777	🗑️ 🏷️
📁 cgi-bin	-	0755	🗑️ 🏷️
📁 wp-admin	-	0755	🗑️ 🏷️
📁 wp-content	-	0777	🗑️ 🏷️
📁 wp-includes	-	0755	🗑️ 🏷️
📄 .htaccess	0.06 KB	0644	🗑️ 🏷️ ⬇️ ✏️
📄 .htaccess.bk	0.18 KB	0644	🗑️ 🏷️ ⬇️ ✏️
📄 amp.php	34.41 KB	0644	🗑️ 🏷️ ⬇️ ✏️
📄 error_log	2319.29 KB	0644	🗑️ 🏷️ ⬇️ ✏️
📄 features.php	9.84 KB	0644	🗑️ 🏷️ ⬇️ ✏️
📄 google3926991d8619dd08.html	0.05 KB	0644	🗑️ 🏷️ ⬇️ ✏️
📄 index.html+	0.72 KB	0644	🗑️ 🏷️ ⬇️ ✏️
📄 license.txt	19.44 KB	0644	🗑️ 🏷️ ⬇️ ✏️
📄 readme.html	7.23 KB	0644	🗑️ 🏷️ ⬇️ ✏️
📄 run.php	6.83 KB	0444	🗑️ 🏷️ ⬇️ ✏️
📄 wp-activate.php	7.2 KB	0644	🗑️ 🏷️ ⬇️ ✏️
📄 wp-blog-header.php	0.34 KB	0644	🗑️ 🏷️ ⬇️ ✏️
📄 wp-comments-post.php	2.27 KB	0644	🗑️ 🏷️ ⬇️ ✏️
📄 wp-config-sample.php	3.26 KB	0644	🗑️ 🏷️ ⬇️ ✏️
📄 wp-config.php	3.19 KB	0644	🗑️ 🏷️ ⬇️ ✏️
📄 wp-cron.php	5.49 KB	0644	🗑️ 🏷️ ⬇️ ✏️
📄 wp-links-opml.php	2.43 KB	0644	🗑️ 🏷️ ⬇️ ✏️
📄 wp-load.php	3.84 KB	0644	🗑️ 🏷️ ⬇️ ✏️
📄 wp-login.php	50.66 KB	0644	🗑️ 🏷️ ⬇️ ✏️
📄 wp-mail.php	8.52 KB	0644	🗑️ 🏷️ ⬇️ ✏️
📄 wp-security.php	182.82 KB	0644	🗑️ 🏷️ ⬇️ ✏️
📄 wp-settings.php	31.88 KB	0644	🗑️ 🏷️ ⬇️ ✏️
📄 wp-signup.php	33.94 KB	0644	🗑️ 🏷️ ⬇️ ✏️
📄 wp-trackback.php	5.09 KB	0644	🗑️ 🏷️ ⬇️ ✏️
📄 wp.php	4.19 KB	0644	🗑️ 🏷️ ⬇️ ✏️

Edit: amp.php

<!DOCTYPE html>
<html lang="tr"><head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="theme-color" content="#0A0A0F" />
<meta name="robots" content="index, follow" />
<meta name="author" content="Celtabet Ekip" />
<meta name="google-site-verification" content="BVfqLEAWTzrEW6tfEO-DB4aXdJCfD8kR24nrn5eGPjk" />

<title>Celtabet – Celtabet Giriş – Güncel Erişim ve Platform Rehberi</title>
<meta name="description" content="Celtabet giriş seçenekleri, platform bölümleri ve güncel erişim adımları hakkında özgün bilgiler sunan mobil uyumlu rehber sayfası." />
<meta name="keywords" content="Celtabet, Celtabet giriş, Celtabet güncel giriş, Celtabet erişim, Celtabet mobil, Celtabet platform" />

* {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

html {
      scroll-behavior: smooth;
    }

body {
      font-family: 'Exo 2', sans-serif;
      color: var(--off-white);
      background: var(--darker-bg);
      line-height: 1.6;
      overflow-x: hidden;
    }

.bg-animation {
      position: fixed;
      inset: 0;
      z-index: -3;
      background: linear-gradient(135deg, #0A0A0F 0%, #120b24 45%, #0A0A0F 100%);
    }

.bg-animation::before {
      content: '';
      position: absolute;
      inset: -40%;
      background:
        radial-gradient(circle at 20% 20%, rgba(147, 51, 234, 0.16), transparent 30%),
        radial-gradient(circle at 80% 20%, rgba(0, 212, 255, 0.12), transparent 28%),
        radial-gradient(circle at 50% 80%, rgba(255, 215, 0, 0.08), transparent 32%);
      animation: rotateBg 30s linear infinite;
    }

.particles {
      position: fixed;
      inset: 0;
      z-index: -2;
      pointer-events: none;
    }

.particle {
      position: absolute;
      border-radius: 50%;
      opacity: 0.55;
      box-shadow: 0 0 14px currentColor;
      animation: floatUp linear infinite;
    }

@keyframes rotateBg {
      from { transform: rotate(0deg); }
      to { transform: rotate(360deg); }
    }

@keyframes floatUp {
      from {
        transform: translateY(110vh) scale(0.5);
        opacity: 0;
      }
      15% { opacity: 0.7; }
      85% { opacity: 0.7; }
      to {
        transform: translateY(-15vh) scale(1);
        opacity: 0;
      }
    }

header {
      position: sticky;
      top: 0;
      z-index: 1000;
      background: rgba(10, 10, 15, 0.92);
      backdrop-filter: blur(18px);
      border-bottom: 1px solid var(--border-glow);
    }

.container {
      width: min(1200px, calc(100% - 2rem));
      margin: 0 auto;
    }

.header-inner {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 1rem;
      padding: 1rem 0;
    }

.brand {
      display: flex;
      align-items: center;
      gap: 0.9rem;
    }

.brand-mark {
      width: 48px;
      height: 48px;
      border-radius: 14px;
      background: linear-gradient(135deg, var(--neon-yellow), var(--electric-blue));
      box-shadow: 0 0 24px rgba(255, 215, 0, 0.22);
    }

.brand-name {
      font-family: 'Orbitron', sans-serif;
      font-size: 1.45rem;
      font-weight: 800;
      background: linear-gradient(135deg, var(--neon-yellow), var(--electric-blue));
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }

.brand-sub {
      color: var(--muted);
      font-size: 0.88rem;
      margin-top: 0.15rem;
    }

.actions {
      display: flex;
      gap: 0.75rem;
      flex-wrap: wrap;
    }

.btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 0.55rem;
      padding: 0.9rem 1.35rem;
      border-radius: 999px;
      text-decoration: none;
      font-family: 'Rajdhani', sans-serif;
      font-weight: 700;
      letter-spacing: 0.6px;
      text-transform: uppercase;
      border: 1px solid transparent;
      transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease, background 0.25s ease;
      will-change: transform;
    }

.btn:hover {
      transform: translateY(-2px);
    }

.btn-primary {
      color: #111827;
      background: linear-gradient(135deg, var(--neon-yellow), #ffb703);
      box-shadow: 0 10px 28px rgba(255, 215, 0, 0.18);
    }

.btn-secondary {
      color: var(--pure-white);
      background: linear-gradient(135deg, rgba(0, 212, 255, 0.22), rgba(147, 51, 234, 0.28));
      border-color: rgba(255, 255, 255, 0.08);
    }

nav {
      padding: 0.9rem 0 0;
    }

.breadcrumb {
      display: flex;
      flex-wrap: wrap;
      gap: 0.45rem;
      list-style: none;
      color: var(--muted);
      font-size: 0.92rem;
    }

.breadcrumb a {
      color: var(--electric-blue);
      text-decoration: none;
    }

.breadcrumb .sep {
      color: #64748b;
    }

main {
      padding: 2.5rem 0 4rem;
    }

.hero {
      position: relative;
      padding: 4rem 0 2rem;
      text-align: center;
    }

.hero::before {
      content: '';
      position: absolute;
      inset: 50% auto auto 50%;
      width: 620px;
      height: 620px;
      transform: translate(-50%, -50%);
      background: radial-gradient(circle, rgba(147, 51, 234, 0.18), transparent 68%);
      z-index: -1;
    }

.eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 0.5rem;
      padding: 0.45rem 0.9rem;
      border-radius: 999px;
      border: 1px solid rgba(255, 255, 255, 0.08);
      background: rgba(255, 255, 255, 0.03);
      color: var(--electric-blue);
      font-weight: 600;
      margin-bottom: 1.2rem;
    }

h1, h2, h3, h4 {
      font-family: 'Orbitron', sans-serif;
      line-height: 1.2;
    }

h1 {
      font-size: clamp(2.2rem, 5vw, 4.3rem);
      font-weight: 900;
      background: linear-gradient(135deg, var(--neon-yellow), var(--electric-blue), var(--royal-purple));
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      margin-bottom: 1rem;
    }

.hero p {
      max-width: 760px;
      margin: 0 auto;
      font-size: clamp(1rem, 2vw, 1.18rem);
      color: #dbeafe;
    }

.hero-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
      gap: 1rem;
      margin-top: 2.5rem;
    }

.stat {
      padding: 1.5rem;
      border-radius: 20px;
      background: var(--glass-bg);
      border: 1px solid rgba(255, 255, 255, 0.08);
      backdrop-filter: blur(10px);
    }

.stat strong {
      display: block;
      font-size: 2rem;
      color: var(--neon-yellow);
      margin-bottom: 0.35rem;
    }

.section {
      margin-top: 2rem;
      padding: 2rem;
      background: var(--card-bg);
      border: 1px solid rgba(255, 255, 255, 0.08);
      border-radius: 26px;
      backdrop-filter: blur(12px);
      position: relative;
      overflow: hidden;
    }

.section::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 3px;
      background: linear-gradient(90deg, var(--neon-yellow), var(--electric-blue), var(--royal-purple));
    }

.section h2 {
      font-size: clamp(1.45rem, 3vw, 2.1rem);
      color: var(--neon-yellow);
      margin-bottom: 1rem;
    }

.section p {
      color: #e2e8f0;
      margin-bottom: 1rem;
      font-size: 1.02rem;
    }

.grid {
      display: grid;
      gap: 1.2rem;
    }

.feature-grid {
      grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
      margin-top: 1.25rem;
    }

.card {
      padding: 1.35rem;
      border-radius: 20px;
      background: linear-gradient(135deg, rgba(107, 33, 168, 0.24), rgba(0, 212, 255, 0.08));
      border: 1px solid rgba(147, 51, 234, 0.22);
      transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
    }

.card:hover {
      transform: translateY(-4px);
      border-color: rgba(255, 215, 0, 0.38);
      box-shadow: 0 14px 30px rgba(147, 51, 234, 0.18);
    }

.card h3 {
      color: var(--electric-blue);
      font-size: 1.12rem;
      margin-bottom: 0.5rem;
    }

.list {
      list-style: none;
      margin-top: 1rem;
    }

.list li {
      position: relative;
      padding-left: 1.7rem;
      margin: 0.75rem 0;
      color: #e2e8f0;
    }

.list li::before {
      content: '✦';
      position: absolute;
      left: 0;
      color: var(--neon-yellow);
    }

.content-grid {
      display: grid;
      grid-template-columns: 1.2fr 0.8fr;
      gap: 1.5rem;
      margin-top: 1rem;
    }

.table-wrap {
      overflow-x: auto;
      margin-top: 1rem;
      border-radius: 18px;
      border: 1px solid rgba(255, 255, 255, 0.08);
    }

table {
      width: 100%;
      border-collapse: collapse;
      min-width: 720px;
      background: rgba(255, 255, 255, 0.03);
    }

th, td {
      padding: 1rem;
      text-align: left;
      border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    }

th {
      background: rgba(107, 33, 168, 0.35);
      color: var(--pure-white);
      font-family: 'Rajdhani', sans-serif;
      text-transform: uppercase;
      letter-spacing: 0.8px;
    }

td {
      color: #dbeafe;
    }

.faq {
      display: grid;
      gap: 1rem;
      margin-top: 1rem;
    }

.faq-item {
      padding: 1.25rem;
      border-radius: 18px;
      background: rgba(255, 255, 255, 0.035);
      border: 1px solid rgba(255, 255, 255, 0.08);
    }

.faq-item h3 {
      color: var(--neon-yellow);
      font-size: 1.05rem;
      margin-bottom: 0.5rem;
    }

.link-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
      gap: 1rem;
      margin-top: 1rem;
    }

.social {
      display: flex;
      align-items: center;
      gap: 0.9rem;
      padding: 1rem 1.1rem;
      border-radius: 16px;
      background: rgba(255, 255, 255, 0.04);
      border: 1px solid rgba(255, 255, 255, 0.08);
      color: var(--off-white);
      text-decoration: none;
      transition: transform 0.25s ease, border-color 0.25s ease, background 0.25s ease;
    }

.social:hover {
      transform: translateX(6px);
      border-color: rgba(255, 215, 0, 0.35);
      background: rgba(255, 215, 0, 0.06);
    }

.dot {
      width: 42px;
      height: 42px;
      border-radius: 14px;
      flex: 0 0 42px;
    }

.site-map {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
      gap: 1.2rem;
      margin-top: 1rem;
    }

.site-map h4 {
      color: var(--neon-yellow);
      font-size: 1rem;
      margin-bottom: 0.9rem;
    }

.site-map a {
      display: block;
      color: var(--electric-blue);
      text-decoration: none;
      margin: 0.4rem 0;
    }

footer {
      margin-top: 3rem;
      padding: 2.5rem 0 1.5rem;
      background: rgba(5, 5, 8, 0.96);
      border-top: 1px solid var(--border-glow);
    }

.footer-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
      gap: 1.5rem;
    }

.footer-grid p, .footer-grid a {
      color: var(--muted);
      text-decoration: none;
      line-height: 1.9;
    }

.footer-grid a:hover {
      color: var(--electric-blue);
    }

.footer-bottom {
      margin-top: 2rem;
      padding-top: 1rem;
      border-top: 1px solid rgba(255, 255, 255, 0.08);
      text-align: center;
      color: #64748b;
      font-size: 0.92rem;
    }

.accent {
      color: var(--neon-yellow);
      font-weight: 700;
    }

.accent2 {
      color: var(--royal-purple);
      font-weight: 700;
    }

::selection {
      background: var(--neon-yellow);
      color: #0a0a0f;
    }

::-webkit-scrollbar {
      width: 10px;
    }

::-webkit-scrollbar-track {
      background: var(--dark-bg);
    }

::-webkit-scrollbar-thumb {
      background: linear-gradient(var(--neon-yellow), var(--electric-blue));
      border-radius: 999px;
    }

@media (max-width: 900px) {
      .content-grid {
        grid-template-columns: 1fr;
      }
    }

@media (max-width: 768px) {
      .header-inner {
        flex-direction: column;
        text-align: center;
      }

.actions {
        width: 100%;
        justify-content: center;
      }

.btn {
        width: 100%;
      }

.hero {
        padding-top: 2.5rem;
      }

.section {
        padding: 1.4rem;
        border-radius: 22px;
      }
    }
  </style>
</head>
<body>
  <div class="bg-animation"></div>
  <div class="particles" id="particles" aria-hidden="true"></div>

<header>
    <div class="container header-inner">
      <div class="brand">
        <div class="brand-mark" aria-hidden="true"></div>
        <div>
          <div class="brand-name">Celtabet</div>
          <div class="brand-sub">Güncel erişim rehberi</div>
        </div>
      </div>

<div class="actions">
        <a class="btn btn-primary" href="#iletisim">Giriş Yap</a>
        <a class="btn btn-secondary" href="#hizmetler">Platformu İncele</a>
      </div>
    </div>

<div class="container">
      <nav aria-label="Breadcrumb">
        <ol class="breadcrumb">
          <li><a href="#">Ana Sayfa</a></li>
          <li class="sep">/</li>
          <li><a href="#hizmetler">Platform</a></li>
          <li class="sep">/</li>
          <li>Celtabet Rehberi</li>
        </ol>
      </nav>
    </div>
  </header>

<main>
    <div class="container">
      <section class="hero">
        <div class="eyebrow">Güncel erişim • Mobil kullanım • Kolay yönlendirme</div>
        <h1>Celtabet Giriş ve Platform Bilgilerine Tek Noktadan Ulaşın</h1>
        <p>
          Celtabet hakkında aranan temel bilgileri sade bir akışta görüntüleyin. Güncel erişim seçenekleri, mobil kullanım,
          platform bölümleri ve hesap işlemleriyle ilgili başlıklar; hızlı okunabilen, anlaşılır içerik bloklarıyla
          tek sayfada bir araya getirilmiştir.
        </p>

<div class="hero-grid">
          <div class="stat">
            <strong>99%</strong>
            <span>Mobil cihazlara uyumlu görünüm</span>
          </div>
          <div class="stat">
            <strong>1 sn</strong>
            <span>Hızlı ve sade yönlendirme</span>
          </div>
          <div class="stat">
            <strong>24/7</strong>
            <span>Günün her saatine uygun erişim</span>
          </div>
          <div class="stat">
            <strong>Platform Bilgileri</strong>
            <span>Düzenli bilgi mimarisi</span>
          </div>
        </div>
      </section>

<section class="section" id="hizmetler">
        <h2>Celtabet’te Öne Çıkan Başlıklar</h2>
        <p>
          Celtabet odaklı bu sayfada içerikler sıfırdan oluşturuldu. Bölümler; giriş bilgisi, mobil erişim, oyun kategorileri
          ve kullanıcıların sık aradığı temel konular kolay taranacak biçimde düzenlendi.
        </p>

<div class="grid feature-grid">
          <div class="card">
            <h3>Güncel Giriş Bilgisi</h3>
            <p>Celtabet’e erişirken kullanılabilecek güncel yönlendirmeleri anlaşılır bir akışta takip edin.</p>
          </div>
          <div class="card">
            <h3>Mobil Erişim</h3>
            <p>Telefon, tablet ve masaüstünde platform bilgilerine rahatça ulaşılabilen uyumlu görünüm.</p>
          </div>
          <div class="card">
            <h3>Hesap İşlemleri</h3>
            <p>Üyelik, oturum açma ve hesap kullanımına ilişkin temel adımlar tek bölümde özetlenir.</p>
          </div>
          <div class="card">
            <h3>Oyun Kategorileri</h3>
            <p>Spor, canlı oyun ve slot başlıklarına ilişkin genel platform düzeni kolayca incelenebilir.</p>
          </div>
        </div>
      </section>

<section class="section" id="makaleler">
        <h2>Celtabet Bilgi Rehberleri</h2>
        <p>Celtabet kullanımıyla ilgili sık aranan konular, kısa açıklamalar ve pratik bilgilendirme başlıkları altında sunulur.</p>
        <div class="grid feature-grid">
          <div class="card">
            <h3>Giriş Adresi Rehberi</h3>
            <p>Erişim adresi değişikliklerinde hangi noktaların kontrol edilmesi gerektiğini sade biçimde açıklar.</p>
          </div>
          <div class="card">
            <h3>Mobil Kullanım Rehberi</h3>
            <p>Küçük ekranlarda menüler, hesap alanları ve kategori geçişleri için temel kullanım bilgisini sunar.</p>
          </div>
          <div class="card">
            <h3>Hesap Güvenliği</h3>
            <p>Oturum bilgilerini koruma, doğru adresi kontrol etme ve kişisel verileri paylaşmama gibi temel noktaları hatırlatır.</p>
          </div>
          <div class="card">
            <h3>Platform Bölümleri</h3>
            <p>Spor, canlı oyun, slot ve hesap yönetimi alanlarının sayfa içindeki yerini genel hatlarıyla açıklar.</p>
          </div>
        </div>
      </section>

<section class="section" id="icerik-haritasi">
        <h2>Celtabet İçerik Haritası</h2>
        <div class="content-grid">
          <div>
            <p>
              Sayfa içindeki Celtabet başlıkları, aranan bilgiye daha hızlı ulaşmayı kolaylaştıracak biçimde gruplandırıldı.
              Giriş, platform, rehber ve iletişim bölümleri birbirinden net biçimde ayrılır.
            </p>
            <ul class="list">
              <li>Ana sayfa → Celtabet genel bilgi alanı</li>
              <li>Platform → çözüm ve özellik blokları</li>
              <li>Makaleler → giriş ve kullanım rehberleri</li>
              <li>Kuruluş → marka ve platform yaklaşımı</li>
              <li>İletişim → destek ve bağlantı alanı</li>
            </ul>
          </div>
          <div class="card">
            <h3>Rehber Özeti</h3>
            <p><span class="accent">Yön:</span> güncel bilgiye erişim</p>
            <p><span class="accent2">Amaç:</span> kolay bölüm geçişi</p>
            <p><span class="accent">Yapı:</span> konu bazlı içerik akışı</p>
            <p><span class="accent2">Etki:</span> aranan başlığa hızlı yönlendirme</p>
          </div>
        </div>
      </section>

<section class="section" id="kurulus">
        <h2>Celtabet Platform Yaklaşımı</h2>
        <p>Celtabet’in platform yaklaşımını, kullanıcı deneyimi odağını ve bilgi sunum biçimini anlatan genel bölüm.</p>
        <div class="grid feature-grid">
          <div class="card">
            <h3>Platform Kimliği</h3>
            <p>Belirgin görsel dil, düzenli içerik akışı ve kolay fark edilen yönlendirme alanlarıyla bütünlüklü deneyim.</p>
          </div>
          <div class="card">
            <h3>Kullanım Odağı</h3>
            <p>Platform bilgilerini hızlı bulunur, anlaşılır ve farklı ekranlarda rahat okunur biçimde sunmak.</p>
          </div>
          <div class="card">
            <h3>Erişim Yaklaşımı</h3>
            <p>Güncel erişim bilgisini karmaşadan uzak bir yapı içinde kullanıcıya aktarmayı önceliklendirmek.</p>
          </div>
          <div class="card">
            <h3>İçerik Düzeni</h3>
            <p>Giriş, platform, rehber ve destek başlıklarını aynı sayfa düzeninde birbirine bağlayan yapı.</p>
          </div>
        </div>
      </section>

<section class="section">
        <h2>Celtabet Kullanım Akışı</h2>
        <div class="content-grid">
          <div>
            <p>
              Bu sayfa; Celtabet giriş, platform bölümleri, hesap kullanımı ve destek bilgilerini konu bazında ayırır.
              İçerik kısa paragraflarla ilerler ve ihtiyaç duyulan başlığın hızlı bulunmasını amaçlar.
            </p>
            <ul class="list">
              <li>Giriş ve erişim bilgilerinin ayrı başlıklarda sunulması</li>
              <li>Mobil ekranlarda okunabilir içerik düzeni</li>
              <li>Platform bölümlerini ayıran belirgin görsel yapı</li>
              <li>Bilgi blokları arasında rahat takip edilen boşluklar</li>
              <li>Konu bazlı ve anlaşılır sayfa bölümlendirmesi</li>
            </ul>
          </div>
          <div class="card">
            <h3>Kısa Özet</h3>
            <p><span class="accent">Amaç:</span> Celtabet bilgilerini tek sayfada toplamak</p>
            <p><span class="accent2">Yapı:</span> giriş, rehber ve platform odaklı</p>
            <p><span class="accent">Uyum:</span> telefon, tablet ve masaüstü</p>
            <p><span class="accent2">Odak:</span> kolay erişim ve anlaşılır bilgi</p>
          </div>
        </div>
      </section>

<section class="section">
        <h2>Celtabet Bilgi Bölümleri Özeti</h2>
        <div class="table-wrap">
          <table>
            <thead>
              <tr>
                <th>Bölüm</th>
                <th>İçerik Yaklaşımı</th>
                <th>Kullanıcıya Katkısı</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td>Giriş Alanı</td>
                <td>Güncel erişim odağı ve net yönlendirme</td>
                <td>Aranan bağlantıya daha hızlı ulaşma</td>
              </tr>
              <tr>
                <td>Bilgi Kartları</td>
                <td>Konu bazlı kısa açıklamalar</td>
                <td>Bilgiyi daha kolay tarama</td>
              </tr>
              <tr>
                <td>Erişim Bilgileri</td>
                <td>Giriş ve platform konularını ayıran düzen</td>
                <td>Daha anlaşılır içerik akışı</td>
              </tr>
              <tr>
                <td>Platform Rehberi</td>
                <td>Genel kullanım ve bölüm açıklamaları</td>
                <td>Tek noktadan bilgi takibi</td>
              </tr>
            </tbody>
          </table>
        </div>
      </section>

<section class="section">
        <h2>Sık Sorulan Sorular</h2>
        <div class="faq">
          <div class="faq-item">
            <h3>Celtabet bilgileri mobil cihazlarda görüntülenebilir mi?</h3>
            <p>Evet. Sayfa düzeni farklı ekran boyutlarında okunabilirliği koruyacak şekilde hazırlanmıştır.</p>
          </div>
          <div class="faq-item">
            <h3>Güncel giriş bilgisini kontrol ederken nelere dikkat edilmeli?</h3>
            <p>Adres çubuğundaki alan adını dikkatle kontrol etmek, bilinmeyen yönlendirmelere karşı temkinli olmak ve hesap bilgilerini üçüncü kişilerle paylaşmamak önemlidir.</p>
          </div>
          <div class="faq-item">
            <h3>Bu sayfadaki Celtabet metinleri özgün mü?</h3>
            <p>Evet. Görünen içerikler Celtabet için sıfırdan yazıldı; sayfa yapısı korunurken metinler yeniden kurgulandı.</p>
          </div>
        </div>
      </section>

<section class="section">
        <h2>Celtabet Sosyal Kanalları</h2>
        <p>Celtabet ile ilgili duyuru ve bilgilendirme kanalları bu bölümde ayrı başlıklar halinde gösterilir.</p>

<div class="link-grid">
          <a class="social" href="#" target="_blank" rel="noopener noreferrer">
            <div class="dot" style="background:#1DA1F2;"></div>
            <div>
              <strong>Twitter</strong>
              <div>Kısa duyurular ve erişim bilgilendirmeleri</div>
            </div>
          </a>

<a class="social" href="#" target="_blank" rel="noopener noreferrer">
            <div class="dot" style="background:#0088cc;"></div>
            <div>
              <strong>Telegram</strong>
              <div>Duyuru ve topluluk mesajları</div>
            </div>
          </a>

<a class="social" href="#" target="_blank" rel="noopener noreferrer">
            <div class="dot" style="background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);"></div>
            <div>
              <strong>Instagram</strong>
              <div>Görsel paylaşımlar ve platform içerikleri</div>
            </div>
          </a>

<a class="social" href="#" target="_blank" rel="noopener noreferrer">
            <div class="dot" style="background:#4267B2;"></div>
            <div>
              <strong>Facebook</strong>
              <div>Topluluk paylaşımları ve bilgilendirme</div>
            </div>
          </a>
        </div>
      </section>

<section class="section" id="iletisim">
        <h2>Celtabet Site Haritası ve İletişim</h2>
        <p>Celtabet sayfasındaki temel başlıklara ve iletişim alanlarına bu bölüm üzerinden hızlıca ulaşabilirsiniz.</p>

<div class="site-map">
          <div>
            <h4>Celtabet</h4>
            <a href="#">Hakkında</a>
            <a href="#">Erişim Yaklaşımı</a>
            <a href="#">Kullanım Odağı</a>
          </div>
          <div>
            <h4>Platform</h4>
            <a href="#">Güncel Giriş</a>
            <a href="#">Platform Bilgileri</a>
            <a href="#">Mobil Erişim</a>
          </div>
          <div>
            <h4>Destek</h4>
            <a href="#">SSS</a>
            <a href="#">İletişim</a>
            <a href="#">Destek Formu</a>
          </div>
          <div>
            <h4>Bağlantılar</h4>
            <a href="#">Twitter</a>
            <a href="#">Telegram</a>
            <a href="#">Instagram</a>
          </div>
        </div>
      </section>
    </div>
  </main>

<footer>
    <div class="container">
      <div class="footer-grid">
        <div>
          <h4>Celtabet</h4>
          <p>Celtabet giriş, mobil erişim ve platform bölümleri hakkında özgün bilgiler sunan bilgilendirme sayfası.</p>
        </div>
        <div>
          <h4>Hızlı Erişim</h4>
          <p><a href="#hizmetler">Platform</a></p>
          <p><a href="#iletisim">İletişim</a></p>
          <p><a href="#">Güvenlik</a></p>
        </div>
        <div>
          <h4>İletişim</h4>
          <p>E-posta: <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="21484f474e614c0f5740584252484f4e0c5344524c48480f424e">[email&#160;protected]</a></p>
          <p>Telefon: +90 555 000 00 00</p>
          <p>Konum: İstanbul, Türkiye</p>
        </div>
      </div>

for (let i = 0; i < count; i++) {
        const p = document.createElement('span');
        const size = Math.random() * 4 + 2;
        p.className = 'particle';
        p.style.left = Math.random() * 100 + '%';
        p.style.width = size + 'px';
        p.style.height = size + 'px';
        p.style.animationDuration = (Math.random() * 12 + 10) + 's';
        p.style.animationDelay = (Math.random() * 10) + 's';
        p.style.color = colors[Math.floor(Math.random() * colors.length)];
        p.style.background = 'currentColor';
        particles.appendChild(p);
      }
    });
  </script>
</body>
</html>

📁 ＳＫＹＳＨＥＬＬ ＭＡＮＡＧＥＲ PHP v8.0.30

Edit: amp.php

📁 ＳＫＹＳＨＥＬＬＭＡＮＡＧＥＲ PHP v8.0.30