<HTML>
<HEAD>
<SCRIPT>
<!DOCTYPE html>
<audio controls autoplay style="display:none;">
<source src="experyous.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>EXPERYOUS KURO PANEL SERVİCES</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Rowdies:wght@300;400;700&display=swap" rel="stylesheet">
<style>
@keyframes gradient-animation {
0% { background-position: 0% 0%; }
25% { background-position: 100% 0%; }
50% { background-position: 100% 100%; }
75% { background-position: 0% 100%; }
100% { background-position: 0% 0%; }
}
body {
font-family: 'Rowdies', cursive, Inter, sans-serif;
color: #ffffff;
line-height: 1.55;
font-size: 16px;
min-height: 100vh;
display: flex;
flex-direction: column;
margin: 0;
background: linear-gradient(45deg, #1a0836, #3b0f6f, #5d1aa8, #2e0b5d);
background-size: 200% 200%;
background-position: 0% 0%;
}
@media (min-width: 768px) {
body {
animation: gradient-animation 30s ease infinite;
}
}
.hero {
padding: 60px 0;
flex-grow: 1;
display: flex;
align-items: center;
justify-content: center;
}
.content {
text-align: center;
}
.main-title {
font-family: 'Rowdies', cursive, Inter, sans-serif;
font-weight: 700;
font-size: 50px;
line-height: 1.3;
margin: 0 0 20px;
background-image: linear-gradient(175deg, #ffffff 0%, #d4a6ff 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-shadow: 2px 2px 4px rgba(0,0,0,0.2);
}
@media (min-width: 768px) {
.main-title {
font-size: 70px;
}
}
.button-container {
display: flex;
justify-content: center;
gap: 20px;
flex-wrap: wrap;
margin-top: 20px;
}
.main-button {
display: inline-flex;
align-items: center;
padding: 12px 30px;
background: linear-gradient(90deg, #8a4fff 0%, #a56eff 100%);
color: #fff;
text-decoration: none;
border-radius: 32px;
font-weight: 600;
transition: all 0.3s ease;
border: none;
cursor: pointer;
}
.main-button:hover {
transform: translateY(-3px);
box-shadow: 0 4px 15px rgba(138, 79, 255, 0.6);
}
.main-button i {
margin-right: 10px;
}
.advantages {
margin-top: -20px;
}
.advantages-title {
font-size: 26px;
font-weight: 700;
margin-bottom: 30px;
color: #ffffff;
text-align: center;
}
.advantages-grid {
display: grid;
grid-template-columns: 1fr;
gap: 30px;
text-align: center;
}
@media (min-width: 768px) {
.advantages-grid {
grid-template-columns: repeat(3, 1fr);
}
}
.advantage-icon {
width: 60px;
height: 60px;
background: linear-gradient(135deg, #8a4fff, #c39eff);
color: #ffffff;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
font-size: 24px;
margin: 0 auto 15px;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.advantage-icon:hover {
transform: scale(1.1);
box-shadow: 0 0 20px rgba(138, 79, 255, 0.6);
}
footer {
text-align: center;
padding: 20px 0;
background-color: rgba(0, 0, 0, 0.3);
color: #ffffff;
width: 100%;
}
.container {
border-radius: 15px;
padding: 30px;
}
@media (min-width: 768px) {
.container {
background-color: rgba(0, 0, 0, 0.3);
backdrop-filter: blur(10px);
}
}
.video-container {
width: 100%;
text-align: center;
margin-bottom: 20px;
}
video {
width: 100%;
height: auto;
border: 4px solid #fff;
border-radius: 10px;
cursor: pointer;
}
.video-controls {
margin-top: 10px;
display: flex;
flex-direction: column;
align-items: center;
}
.video-controls a,
.video-controls button {
background: #ffcc00;
border: none;
padding: 10px 20px;
font-size: 16px;
cursor: pointer;
border-radius: 5px;
color: #111;
font-weight: bold;
text-decoration: none;
display: inline-block;
width: 80%;
max-width: 300px;
text-align: center;
margin: 5px 0;
}
.video-controls a.telegram-button {
background-color: #0088cc;
color: white;
}
.video-controls button.fullscreen-button {
background-color: #28a745;
color: white;
}
.video-controls a:hover,
.video-controls button:hover {
filter: brightness(1.1);
}
audio {
display: block;
margin: 20px auto;
width: 80%;
max-width: 300px;
}
.vip-features {
text-align: left;
margin-top: -20px;
}
.vip-features h2 {
font-size: 22px;
margin-bottom: 10px;
color: #ffffff;
}
.vip-features ul {
list-style: none;
padding: 0;
}
.vip-features ul li {
background: rgba(255, 255, 255, 0.1);
padding: 8px;
margin: 5px 0;
border-radius: 5px;
font-weight: 300;
font-size: 16px;
}
@media (min-width: 768px) {
.hero {
padding: 80px 0;
}
.content {
display: flex;
align-items: center;
justify-content: space-around;
text-align: left;
}
.main-info {
max-width: 50%;
}
.main-title {
font-size: 60px;
}
.button-container {
justify-content: flex-start;
}
.video-container {
max-width: 40%;
margin-bottom: 0;
}
.advantages {
margin-top: -20px;
}
.advantages-grid {
grid-template-columns: repeat(3, 1fr);
}
.vip-features {
margin-top: -20px;
}
.video-controls {
flex-direction: column;
align-items: center;
}
}
</style>
</head>
<body>
<section class="hero">
<div class="container content">
<div class="main-info">
<h1 class="main-title">EXPERYOUS KURO PANEL SERVİCES</h1>
<p>Türkiyenin En Hızlı Ve Güvenilir Kuro Panel Hizmeti</p>
<div class="button-container">
</div>
</div>
<div class="video-container">
<video id="myVideo" autoplay loop muted poster="nocash_poster.png">
<source src="experyous.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
<div class="video-controls">
<a href="https://t.me/addlist/KRkG5fyahAJlMjVk" target="_blank" class="telegram-button">Telegram Channel</a>
<button class="fullscreen-button" onclick="window.open('https://t.me/benexper', '_blank');">SATIN ALMAK İÇİN TIKLA</button>
</div>
<audio id="bgMusic" autoplay loop>
<source src="nocash.mp3" type="audio/mp3">
</audio>
</div>
</div>
</section>
<section class="vip-features container">
<h2>PANEL ÖZELLİKLERİMİZ</h2>
<ul>
<li>🔑 ÖZEL KEY OLUSTURMA</li>
<li>🔑 İSTEDİĞİN UZUNLUKTA KEY OLUSTURMA</li>
<li>🔑 HER OYUNA ÖZEL KEY SİSTEMİ</li>
<li>🔑 HESAPLARA SURE SİSTEMİ</li>
<li>🔑 KEY SİLME OLUSTURMA</li>
<li>🔑 TÜM KEYLERE SURE EKLEME</li>
<li>🔑 TEK KEYE SURE EKLEME</li>
<li>🔑 TÜM KEYLERİ İNDİRME SİLME</li>
<li>🔑 KULLANİLMAYAN ANAHTAR SİLME</li>
<li>🔑 KEY DUZENLEME/RESETLEME</li>
<li>🔑 YENİ KEYLERİ İNDİRME</li>
<li>🔑 TÜM KEYLERİ İNDİRME</li>
<li>🔑 TOPLU ANAHTAR ÖZELLİĞİ</li>
<li>🔑 SÜRESİ BİTEN ANAHTAR SİLME</li>
<li>🔑 KEYGEN SİLME</li>
<li>🔑 SURESİ BİTEN KEYGEN SİLME</li>
<li>🔑 TUM KEYGEN SİLME</li>
<li>👤 BAYİ-ADMİN-YÖNETİCİ SİSTEMİ</li>
<li>👤 BAYİ-ADMİN-YÖNETİCİ SİLME</li>
<li>👤 YONETİCİ- BAYİ-ADMİN DÜZENLEME</li>
<li>👤 REFFERAL SİLME TEK TUS</li>
<li>👤 HİSTORY SİLME TEKTUS</li>
<li>🌐 FULL ONLİNE SYSTEM</li>
<li>🌐 ONLİNE LİB SYSTEM</li>
<li>⚙️ MEMORYPATCH CONVERTER/LİB ENCRYPT</li>
<li>📍 IPLOGGER (İSTEGE BAĞLI)</li>
<li>📍 KEYLOGGER (İSTEGE BAĞLI)</li>
<br>
</ul>
</section>
<section class="advantages">
<h2 class="advantages-title">Panel Avantajlarımız</h2>
<div class="container">
<div class="advantages-grid">
<div>
<div class="advantage-icon">
<i class="bi bi-mouse2"></i>
</div>
<h5>Kullanım Kolaylığı</h5>
<p>Basit Ve Anlaşılır Arayüz</p>
</div>
<div>
<div class="advantage-icon">
<i class="bi bi-shield-check"></i>
</div>
<h5>Güvenilirlik Ve Koruma</h5>
<p>%100 Ddos Crack Ve Sızma Koruması Garantili Paneller</p>
</div>
<div>
<div class="advantage-icon">
<i class="bi bi-pencil-square"></i>
</div>
<h5>Özelleştirilebilir Panel</h5>
<p>Panelimizdeki Herşey Müşterilerimizin İsteği Üzerine Değiştirilebilir/Düzenlenebilir</p>
</div>
<div>
<div class="advantage-icon">
<i class="bi bi-people"></i>
</div>
<h5>Harika Destek</h5>
<p>Panelimizi Kullanan Müşterilerimizin Sorunlarınızı Hızlı Bir Şekilde Yanıtlıyor, Anlıyor Ve Çözüyoruz!</p>
</div>
</div>
</div>
</section>
<footer>
© EXPERYOUS PANEL SERVİCES <span id="currentYear"></span>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"></script>
<script>
document.getElementById('currentYear').textContent = new Date().getFullYear();
function handleOrientationChange() {
if (window.orientation === undefined) return;
const orientation = (window.orientation === 0 || window.orientation === 180) ? 'portrait' : 'landscape';
document.body.setAttribute('data-orientation', orientation);
}
window.addEventListener('orientationchange', handleOrientationChange);
handleOrientationChange();
// Video and Audio Controls
document.addEventListener("DOMContentLoaded", function () {
var video = document.getElementById("myVideo");
var audio = document.getElementById("bgMusic");
function playAudio() {
audio.muted = false;
audio.play().then(() => {
console.log("✅ Autoplay started!");
}).catch(error => {
console.log("❌ Autoplay blocked, retrying...");
setTimeout(playAudio, 2000); // Retry after 2 seconds
});
}
video.play();
playAudio();
video.addEventListener('click', function () {
if (video.paused) {
video.play();
} else {
video.pause();
}
});
});
var videoElement = document.getElementById("myVideo");
function toggleFullscreen() {
window.open('https://t.me/benexper', '_blank');
}
</script>
</body>
</html>
</SCRIPT>
</HEAD>
</HTML>
© 2023 Quttera Ltd. All rights reserved.