<!DOCTYPE html><html lang="id"><head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>RAJA189 — The Kingdom of Profit in the World of Online Gaming</title>
<link rel="canonical" href="https://www.ganardineroxinternet.net/">
<!-- SEO Meta Tags -->
<meta name="description" content="Come into the RAJA189 zone, the kingdom of profits in the world of online gaming. Enjoy exciting games and lucrative opportunities that await every player!">
<meta name="keywords" content="raja189, raja189 login, raja189 daftar.">
<meta name="author" content="RAJA189">
<meta name="robots" content="index, follow">
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:title" content="RAJA189 — The Kingdom of Profit in the World of Online Gaming">
<meta property="og:description" content="Come into the RAJA189 zone, the kingdom of profits in the world of online gaming. Enjoy exciting games and lucrative opportunities that await every player!">
<meta property="og:url" content="https://www.ganardineroxinternet.net/">
<meta property="og:image" content="images/Logo-raja189.png">
<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="RAJA189 — The Kingdom of Profit in the World of Online Gaming">
<meta name="twitter:description" content="Come into the RAJA189 zone, the kingdom of profits in the world of online gaming. Enjoy exciting games and lucrative opportunities that await every player!">
<meta name="twitter:image" content="https://www.ganardineroxinternet.net/images/Logo-raja189.png">
<!-- Favicon -->
<link rel="icon" href="https://www.ganardineroxinternet.net/images/fav-raja189.webp" type="image/x-icon">
<link rel="icon" href="https://www.ganardineroxinternet.net/images/fav-raja189.webpg" type="image/svg+xml">
<link rel="apple-touch-icon" sizes="180x180" href="https://www.ganardineroxinternet.net/images/apple-touch-icon.png">
<!-- Fonts -->
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap" rel="stylesheet">
<!-- Schema.org JSON-LD -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebSite",
"name": "RAJA189",
"url": "https://raja189.net/",
"potentialAction": {
"@type": "SearchAction",
"target": "https://raja189.net/?s={search_term_string}",
"query-input": "required name=search_term_string"
}
}
</script>
<!-- Styles -->
<style>
:root {
--bg: #fff;
--text: #111;
--overlay: rgba(0,0,0,0.55);
--button: #e74c3c;
--button-hover: #c0392b;
--nav-bg: rgba(255,255,255,0.95);
--nav-shadow: rgba(0, 0, 0, 0.1);
}
[data-theme="dark"] {
--bg: #121212;
--text: #eee;
--overlay: rgba(0,0,0,0.75);
--button: #e67e22;
--button-hover: #d35400;
--nav-bg: rgba(18,18,18,0.95);
--nav-shadow: rgba(255, 255, 255, 0.1);
}
body {
margin: 0;
font-family: 'Poppins', sans-serif;
background: var(--bg);
color: var(--text);
line-height: 1.5;
min-height: 100vh;
transition: background-color 0.3s, color 0.3s;
}
/* Skip link */
.skip-link {
position: absolute;
top: -40px;
left: 0;
background: #b71c1c; /* lebih gelap dari var(--button) */
color: #fff;
padding: 8px 12px;
z-index: 10000;
text-decoration: none;
font-weight: 600;
border-radius: 0 0 6px 0;
transition: top 0.3s ease, background-color 0.3s ease;
}
.skip-link:focus {
top: 0;
outline: 2px solid #fff;
background: #7f0000; /* lebih gelap lagi saat fokus */
}
nav {
position: fixed;
top: 0; left: 0; right: 0;
background: var(--nav-bg);
box-shadow: 0 2px 5px var(--nav-shadow);
backdrop-filter: saturate(180%) blur(10px);
display: flex;
justify-content: space-between;
align-items: center;
padding: 12px 24px;
z-index: 9999;
transition: background-color 0.3s, box-shadow 0.3s;
}
.nav-logo img {
height: 40px;
width: auto;
display: block;
}
.nav-links {
display: flex;
gap: 20px;
align-items: center;
}
.nav-links a {
color: var(--text);
text-decoration: none;
font-weight: 600;
font-size: 0.95rem;
padding: 6px 8px;
border-radius: 4px;
transition: background-color 0.25s;
}
.nav-links a:hover,
.nav-links a:focus {
background-color: var(--button);
color: white;
outline: none;
}
.nav-links a[aria-disabled="true"] {
pointer-events: none;
opacity: 0.6;
cursor: default;
}
.theme-toggle {
background: none;
border: none;
font-size: 1.2rem;
cursor: pointer;
color: var(--text);
padding: 6px 8px;
border-radius: 4px;
transition: background-color 0.25s;
}
.theme-toggle:hover,
.theme-toggle:focus {
background-color: var(--button);
color: white;
outline: none;
}
/* MOBILE NAV TOGGLE */
.nav-toggle {
display: none;
flex-direction: column;
gap: 4px;
cursor: pointer;
width: 24px;
height: 18px;
justify-content: center;
background: none;
border: none;
padding: 0;
}
.nav-toggle span {
height: 3px;
width: 100%;
background: var(--text);
border-radius: 2px;
transition: 0.3s;
display: block;
}
.nav-links.mobile-show {
position: fixed;
top: 56px;
left: 0;
right: 0;
background: var(--nav-bg);
flex-direction: column;
padding: 12px 0;
gap: 12px;
box-shadow: 0 8px 20px var(--nav-shadow);
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
transform: translateY(0);
transition: transform 0.3s ease;
z-index: 9998;
display: flex;
}
/* BANNER */
.banner-section {
position: relative;
height: 50vh;
background: url('images/banner-raja189.webp') no-repeat center;
background-size: contain;
display: flex;
align-items: center;
justify-content: center;
margin-top: 56px; /* nav height */
transition: background-color 0.3s;
}
.banner-overlay {
background: var(--overlay);
width: 100%;
height: 100%;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 0 15px;
}
.banner-overlay h1 {
color: #ffffff52;
font-size: 2.5rem;
font-weight: 700;
margin: 0;
text-shadow: 0 2px 6px rgba(0,0,0,0.6);
user-select: none;
}
/* CONTENT */
main.content {
max-width: 760px;
margin: 36px auto 60px;
padding: 28px 20px;
background: rgba(255,255,255,0.98);
border-radius: 12px;
box-shadow: 0 4px 16px rgba(0,0,0,0.08);
transition: background-color 0.3s;
}
main.content h2 {
text-align: center;
margin-bottom: 20px;
font-size: 2rem;
font-weight: 700;
letter-spacing: 0.02em;
}
main.content p {
font-size: 1rem;
margin-bottom: 16px;
line-height: 1.6;
color: var(--text);
}
.cta-buttons {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 14px;
margin-top: 18px;
}
.cta-buttons a {
background: var(--button);
color: #fff;
padding: 12px 28px;
border-radius: 6px;
font-weight: 700;
font-size: 1rem;
text-decoration: none;
user-select: none;
transition: background-color 0.25s ease, transform 0.2s ease;
box-shadow: 0 3px 7px rgba(0,0,0,0.15);
display: inline-flex;
align-items: center;
justify-content: center;
white-space: nowrap;
}
.cta-buttons a:hover,
.cta-buttons a:focus {
background: var(--button-hover);
transform: scale(1.05);
outline: none;
box-shadow: 0 6px 14px rgba(0,0,0,0.25);
}
/* FOOTER */
footer {
text-align: center;
padding: 32px 16px;
background: rgba(0,0,0,0.8);
color: #e0e0e0;
user-select: none;
transition: background-color 0.3s, color 0.3s;
}
footer img {
width: 80px;
margin-bottom: 12px;
filter: drop-shadow(0 1px 1px rgba(0,0,0,0.3));
height: auto;
}
footer a {
color: #f5f5f5;
text-decoration: underline;
}
footer a:hover,
footer a:focus {
color: #fff;
outline: none;
}
/* RESPONSIVE */
@media (max-width: 900px) {
main.content {
margin: 28px 14px 60px;
padding: 24px 16px;
}
.banner-overlay h1 {
font-size: 2rem;
}
.nav-toggle {
display: flex;
}
.nav-links {
display: none;
}
.nav-links.mobile-show {
display: flex;
}
}
</style>
</head>
<body>
<a href="#content" class="skip-link">Lewati ke Konten Utama</a>
<nav role="navigation" aria-label="Menu utama">
<div class="nav-logo">
<img src="images/Logo-raja189.png" alt="Logo RAJA189" width="160" height="40">
</div>
<button aria-controls="primary-navigation" aria-expanded="false" aria-label="Toggle menu" class="nav-toggle" id="nav-toggle" type="button">
<span></span>
<span></span>
<span></span>
</button>
<div class="nav-links" id="primary-navigation">
<a href="/" aria-current="page">Beranda</a>
<a href="https://raja189.net/">Daftar</a>
<a href="https://raja189.net/">Login</a>
<button class="theme-toggle" aria-label="Ubah tema gelap/terang" id="theme-toggle">🌙</button>
</div>
</nav>
<section class="banner-section" role="banner" aria-label="Banner utama RAJA189">
<div class="banner-overlay">
<h1>RAJA189 — The Kingdom of Profit in the World of Online Gaming</h1>
</div>
</section>
<main id="content" class="content" tabindex="-1">
<h2>The Kingdom of Profit in the World of Online Gaming</h2>
<p style="text-align: center;">Come into the <a href="https://www.ganardineroxinternet.net/"><span style="color: #000000;"><strong>RAJA189</strong></span></a> zone, the kingdom of profits in the world of online gaming. Enjoy exciting games and lucrative opportunities that await every player!</p>
<div class="cta-buttons">
<a href="https://raja189.net/" role="button" aria-label="Daftar sekarang di RAJA189">Daftar Sekarang</a>
<a href="https://raja189.net/" role="button" aria-label="Login ke RAJA189">Login</a>
</div>
</main>
<footer>
<img src="images/Logo-raja189.png" alt="Logo RAJA189">
<p>© 2025 RAJA189. Semua hak cipta dilindungi.</p>
<p>Website ini dibuat By Team RAJA189 <a href="https://www.ganardineroxinternet.net/" target="_blank" rel="noopener noreferrer">ganardineroxinternet.net</a></p>
</footer>
<script>
// Toggle mobile nav menu
const navToggle = document.getElementById('nav-toggle');
const navLinks = document.getElementById('primary-navigation');
navToggle.addEventListener('click', () => {
const expanded = navToggle.getAttribute('aria-expanded') === 'true' || false;
navToggle.setAttribute('aria-expanded', !expanded);
navLinks.classList.toggle('mobile-show');
});
// Theme toggle logic: dark/light mode saved in localStorage
const themeToggleBtn = document.getElementById('theme-toggle');
const rootElement = document.documentElement;
function setTheme(theme) {
if(theme === 'dark') {
rootElement.setAttribute('data-theme', 'dark');
themeToggleBtn.textContent = '☀️';
themeToggleBtn.setAttribute('aria-label', 'Ubah tema ke terang');
} else {
rootElement.removeAttribute('data-theme');
themeToggleBtn.textContent = '🌙';
themeToggleBtn.setAttribute('aria-label', 'Ubah tema ke gelap');
}
localStorage.setItem('theme', theme);
}
// Load saved theme on init
const savedTheme = localStorage.getItem('theme') || (window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light');
setTheme(savedTheme);
themeToggleBtn.addEventListener('click', () => {
const currentTheme = rootElement.getAttribute('data-theme') === 'dark' ? 'dark' : 'light';
setTheme(currentTheme === 'dark' ? 'light' : 'dark');
});
</script>
</body></html>