<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Zephyr Operations - Situs Bermain Game IONTOGEL yang Paling Terpercaya Sejak 1995</title>
<meta name="description" content="Zephyr Operations mempersembahkan platform terdepan untuk permainan game IONTOGEL. Terpercaya sejak 1995 dengan pasaran terlengkap dan keamanan terjamin.">
<meta name="keywords" content="zephyr operations, iontogel, situs togel, daftar togel, login togel, togel terpercaya, game iontogel">
<link rel="canonical" href="https://www.zephyroperations.com/">
<link rel="icon" href="/img/icon.png" type="image/x-icon">
<link rel="amphtml" href="https://www.zephyroperations.com/ion/">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<style>
:root {
--primary-color: #f0b90b; /* Warna Emas/Kuning cerah */
--secondary-color: #1e1e1e; /* Warna Background Gelap */
--dark-color: #121212; /* Warna Background lebih gelap */
--light-color: #ffffff; /* Warna Teks Putih */
--gray-color: #adb5bd; /* Warna Teks Abu-abu */
}
.text-secondary-emphasis {
color: #adb5bd !important;
}
body {
font-family: 'Poppins', sans-serif;
background-color: var(--dark-color);
color: var(--light-color);
padding-top: 70px; /* Add padding to body to prevent content from being hidden by fixed navbar */
}
/* --- Animations --- */
.fade-in {
opacity: 0;
transform: translateY(30px);
transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
.fade-in.visible {
opacity: 1;
transform: translateY(0);
}
/* --- Navbar --- */
.navbar {
background-color: rgba(30, 30, 30, 0.85);
backdrop-filter: blur(10px);
transition: background-color 0.3s ease;
}
.navbar-brand {
font-weight: 700;
color: var(--primary-color) !important;
font-size: 1.5rem;
display: flex;
align-items: center;
}
.navbar-brand img {
margin-right: 10px;
height: 40px; /* Adjust logo height */
}
.nav-link {
color: var(--light-color) !important;
font-weight: 400;
transition: color 0.3s;
}
.nav-link:hover, .nav-link.active {
color: var(--primary-color) !important;
}
.btn-outline-primary {
border-color: var(--primary-color);
color: var(--primary-color);
}
.btn-outline-primary:hover {
background-color: var(--primary-color);
border-color: var(--primary-color);
color: var(--dark-color);
}
.btn-primary {
background-color: var(--primary-color);
border: none;
color: var(--dark-color);
font-weight: 600;
}
.btn-primary:hover {
background-color: #d8a60a;
}
/* --- Hero Section --- */
#hero {
background: linear-gradient(rgba(18, 18, 18, 0.7), rgba(18, 18, 18, 0.7)), url('https://images.unsplash.com/photo-1605371630730-183d2c44244a?q=80&w=2070&auto=format&fit=crop') no-repeat center center;
background-size: cover;
padding: 80px 0;
min-height: calc(100vh - 70px); /* Adjust based on navbar height */
display: flex;
align-items: center;
}
.hero-text h1 {
font-size: 3.2rem;
font-weight: 700;
}
.hero-text h1 span {
color: var(--primary-color);
}
.hero-text p {
font-size: 1.1rem;
color: var(--gray-color);
margin: 20px 0 30px 0;
}
.hero-banner img {
max-width: 100%;
height: auto;
border-radius: 15px;
box-shadow: 0 10px 30px rgba(0,0,0,0.5);
}
/* --- Sections --- */
.section-padding {
padding: 80px 0;
}
.section-title {
font-weight: 700;
font-size: 2.5rem;
margin-bottom: 15px;
}
.section-title span {
color: var(--primary-color);
}
.section-subtitle {
color: var(--gray-color);
margin-bottom: 50px;
}
/* --- Cards --- */
.feature-card, .market-card {
background-color: var(--secondary-color);
border: 1px solid #2a2a2a;
border-radius: 10px;
transition: transform 0.3s, box-shadow 0.3s;
height: 100%;
}
.feature-card:hover, .market-card:hover {
transform: translateY(-10px);
box-shadow: 0 10px 30px rgba(240, 185, 11, 0.1);
}
.feature-card { padding: 30px; }
.feature-icon {
font-size: 3rem;
color: var(--primary-color);
margin-bottom: 20px;
}
.market-card .card-img-top {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.market-card .card-title {
color: var(--primary-color);
font-weight: 600;
}
/* --- Promo Section --- */
#promo .promo-box {
background-color: var(--secondary-color);
padding: 40px;
border-radius: 15px;
}
/* --- FAQ Accordion --- */
.accordion-item {
background-color: var(--secondary-color);
border: 1px solid #2a2a2a;
}
.accordion-header .accordion-button {
background-color: var(--secondary-color);
color: var(--light-color);
font-weight: 600;
}
.accordion-header .accordion-button:not(.collapsed) {
background-color: var(--primary-color);
color: var(--dark-color);
}
.accordion-button:focus { box-shadow: none; }
.accordion-body { color: var(--gray-color); }
/* --- Footer --- */
footer {
background-color: var(--secondary-color);
padding: 40px 0 20px 0;
}
.footer-brand {
font-weight: 700;
color: var(--primary-color);
font-size: 1.8rem;
margin-bottom: 15px;
}
.social-icons a {
color: var(--gray-color);
font-size: 1.5rem;
margin: 0 10px;
transition: color 0.3s;
}
.social-icons a:hover { color: var(--primary-color); }
@media (max-width: 991.98px) {
.hero-text { text-align: center; }
.hero-banner { margin-top: 40px; }
}
@media (max-width: 768px) {
body { padding-top: 60px; }
.hero-text h1 { font-size: 2.5rem; }
}
</style>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark fixed-top">
<div class="container">
<a class="navbar-brand" href="#">
<img src="https://imagebank.b-cdn.net/AgentFolder/iontogel/logo-iontogel.png" alt="Zephyr Operations Logo">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav mx-auto">
<li class="nav-item">
<a class="nav-link" href="#keunggulan">Keunggulan</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#permainan">Permainan</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#vip">Akun Vip</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#faq">FAQ</a>
</li>
</ul>
<div class="d-flex">
<a href="https://milc.io/iontogel" class="btn btn-outline-primary me-2">Masuk</a>
<a href="https://milc.io/daftariontogel" class="btn btn-primary">Daftar</a>
</div>
</div>
</div>
</nav>
<section id="hero">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6 hero-text fade-in">
<h1>Rasakan Sensasi Kemenangan Game <span>IONTOGEL</span></h1>
<p>Platform terpercaya sejak 1995, mempersembahkan pengalaman bermain paling aman dengan hadiah terbesar.</p>
<a href="https://milc.io/daftariontogel" class="btn btn-primary btn-lg me-2">DAFTAR SEKARANG</a>
<a href="https://milc.io/iontogel" class="btn btn-outline-primary btn-lg">LOGIN</a>
</div>
<div class="col-lg-6 hero-banner text-center fade-in" style="transition-delay: 0.2s;">
<img src="/img/banner.gif" alt="Banner IONTOGEL" class="img-fluid" style="max-width: 500px;">
</div>
</div>
</div>
</section>
<main>
<section id="keunggulan" class="section-padding">
<div class="container">
<div class="text-center fade-in">
<h2 class="section-title"><span>Keunggulan</span> Kami</h2>
<p class="section-subtitle">Kami memberikan pengalaman bermain terbaik dengan jaminan kualitas dan keamanan.</p>
</div>
<div class="row g-4">
<div class="col-lg-4 col-md-6 fade-in" style="transition-delay: 0.2s;">
<div class="feature-card text-center">
<i class="fas fa-shield-alt feature-icon"></i>
<h3 class="h5">Terpercaya Sejak 1995</h3>
<p class="text-secondary-emphasis">Pengalaman puluhan tahun membuktikan komitmen kami pada permainan yang adil dan aman.</p>
</div>
</div>
<div class="col-lg-4 col-md-6 fade-in" style="transition-delay: 0.4s;">
<div class="feature-card text-center">
<i class="fas fa-bolt feature-icon"></i>
<h3 class="h5">Proses Cepat & Mudah</h3>
<p class="text-secondary-emphasis">Proses deposit dan withdraw diproses dalam hitungan menit, tanpa ribet dan tanpa penundaan.</p>
</div>
</div>
<div class="col-lg-4 col-md-6 fade-in" style="transition-delay: 0.6s;">
<div class="feature-card text-center">
<i class="fas fa-headset feature-icon"></i>
<h3 class="h5">Layanan Pelanggan 24/7</h3>
<p class="text-secondary-emphasis">Tim support profesional kami siap membantu Anda kapan saja melalui Live Chat dan kontak lainnya.</p>
</div>
</div>
</div>
</div>
</section>
<section id="permainan" class="section-padding bg-dark">
<div class="container">
<div class="text-center fade-in">
<h2 class="section-title">Pasaran <span>IONTOGEL Populer</span></h2>
<p class="section-subtitle">Pilih dari berbagai pasaran togel resmi dan terpopuler di dunia.</p>
</div>
<div class="row g-4">
<div class="col-lg-3 col-md-6 fade-in" style="transition-delay: 0.2s;">
<div class="card market-card text-white">
<img src="/img/sydney.png" class="card-img-top" alt="Pasaran Sydney">
<div class="card-body">
<h5 class="card-title">TOGEL SYDNEY</h5>
<p class="card-text">Hasil result langsung dari Sydney Pools setiap hari.</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 fade-in" style="transition-delay: 0.4s;">
<div class="card market-card text-white">
<img src="/img/singapore.png" class="card-img-top" alt="Pasaran Singapore">
<div class="card-body">
<h5 class="card-title">TOGEL SINGAPORE</h5>
<p class="card-text">Pasaran resmi favorit para pemain di Asia Tenggara.</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 fade-in" style="transition-delay: 0.6s;">
<div class="card market-card text-white">
<img src="/img/hongkong.png" class="card-img-top" alt="Pasaran Hong Kong">
<div class="card-body">
<h5 class="card-title">TOGEL HONG KONG</h5>
<p class="card-text">Nikmati permainan di malam hari dengan result terpercaya.</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 fade-in" style="transition-delay: 0.8s;">
<div class="card market-card text-white">
<img src="/img/totomacau.png" class="card-img-top" alt="Pasaran Toto Macau">
<div class="card-body">
<h5 class="card-title">TOTO MACAU</h5>
<p class="card-text">Result 4 kali sehari memberikan peluang menang lebih besar.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="vip" class="section-padding">
<div class="container fade-in">
<div class="row align-items-center promo-box">
<div class="col-lg-8">
<h2 class="section-title">Daftar <span>Akun VIP IONTOGEL</span></h2>
<p class="section-subtitle mb-0">Daftar sekarang dan rasakan pengalaman bermain dengan akun VIP yang memiliki peluang kemenangan yang tinggi.</p>
</div>
<div class="col-lg-4 text-lg-end mt-4 mt-lg-0">
<a href="https://milc.io/daftariontogel" class="btn btn-primary btn-lg">DAFTAR SEKARANG</a>
</div>
</div>
</div>
</section>
<section id="faq" class="section-padding bg-dark">
<div class="container">
<div class="text-center fade-in">
<h2 class="section-title">Pertanyaan yang Sering <span>Ditanyakan (FAQ)</span></h2>
<p class="section-subtitle">Temukan jawaban cepat untuk pertanyaan umum.</p>
</div>
<div class="accordion accordion-flush w-100 mx-auto fade-in" style="max-width: 800px;" id="faqAccordion">
<div class="accordion-item mb-3">
<h2 class="accordion-header" id="flush-headingOne">
<button class="accordion-button collapsed rounded" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseOne">
Apakah IONTOGEL aman?
</button>
</h2>
<div id="flush-collapseOne" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">
<div class="accordion-body">Tentu saja. IONTOGEL menggunakan sistem enkripsi canggih untuk melindungi semua data member. Sebagai operator berpengalaman sejak 1995, kami menjamin kerahasiaan dan keamanan data Anda 100%.</div>
</div>
</div>
<div class="accordion-item mb-3">
<h2 class="accordion-header" id="flush-headingTwo">
<button class="accordion-button collapsed rounded" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseTwo">
Bagaimana cara melakukan deposit?
</button>
</h2>
<div id="flush-collapseTwo" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">
<div class="accordion-body">Kami menyediakan berbagai metode deposit, termasuk transfer bank lokal (BCA, BNI, BRI, Mandiri), E-Wallet (Dana, OVO, Gopay), QRIS dan Pulsa. Silakan login ke akun Anda dan masuk ke menu deposit untuk informasi lebih lanjut.</div>
</div>
</div>
<div class="accordion-item mb-3">
<h2 class="accordion-header" id="flush-headingThree">
<button class="accordion-button collapsed rounded" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseThree">
Berapa lama proses penarikan dana (withdraw)?
</button>
</h2>
<div id="flush-collapseThree" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">
<div class="accordion-body">Proses withdraw kami sangat cepat. Dalam kondisi normal dan bank tidak offline, proses penarikan dana hanya membutuhkan waktu sekitar 3-5 menit setelah Anda mengisi formulir withdraw.</div>
</div>
</div>
</div>
</div>
</section>
</main>
<footer class="text-center">
<div class="container">
<h3 class="footer-brand fade-in">Zephyr Operations</h3>
<p class="text-secondary-emphasis fade-in">Operator hiburan digital terdepan yang mengutamakan kepuasan dan kepercayaan pemain.</p>
<div class="social-icons my-4 fade-in">
<a href="/"><i class="fab fa-facebook-f"></i></a>
<a href="/"><i class="fab fa-instagram"></i></a>
<a href="/"><i class="fab fa-x-twitter"></i></a>
<a href="/"><i class="fab fa-telegram-plane"></i></a>
</div>
<hr style="border-color: #2a2a2a;">
<p class="text-secondary-emphasis pt-3">© 2025 Zephyr Operations. All Rights Reserved.</p>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
<script>
document.addEventListener("DOMContentLoaded", function() {
// Smooth scroll for nav links
document.querySelectorAll('a.nav-link').forEach(anchor => {
anchor.addEventListener('click', function (e) {
e.preventDefault();
document.querySelector(this.getAttribute('href')).scrollIntoView({
behavior: 'smooth'
});
});
});
// Fade-in animation on scroll
const fadeInElements = document.querySelectorAll('.fade-in');
const observer = new IntersectionObserver(entries => {
entries.forEach(entry => {
if (entry.isIntersecting) {
entry.target.classList.add('visible');
}
});
}, {
threshold: 0.1
});
fadeInElements.forEach(el => {
observer.observe(el);
});
});
</script>
</body>
</html>