Spaces:
Running
Running
Aleksandr Sashka
перед самым футером создай блок с текстом ,раздел - О нас. и напиши небольшой текст на 500-700 слов о Азино777
cfd092f verified | <html lang="ru"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Azino 777 – Официальный сайт казино</title> | |
| <meta name="description" content="Официальный сайт казино Azino 777 - играйте в популярные слоты, получайте бонусы и выигрывайте крупные джекпоты"> | |
| <meta name="keywords" content="казино, азино 777, слоты, игровые автоматы, бонусы, рулетка, live казино"> | |
| <link rel="canonical" href="https://tvoidomen.com"> | |
| <meta property="og:title" content="Azino 777 – Официальный сайт казино"> | |
| <meta property="og:description" content="Официальный сайт казино Azino 777 - играйте в популярные слоты, получайте бонусы и выигрывайте крупные джекпоты"> | |
| <meta property="og:url" content="https://tvoidomen.com"> | |
| <meta property="og:type" content="website"> | |
| <meta property="og:image" content="https://tvoidomen.com/static/images/og-image.jpg"> | |
| <meta name="twitter:card" content="summary_large_image"> | |
| <meta name="twitter:title" content="Azino 777 – Официальный сайт казино"> | |
| <meta name="twitter:description" content="Официальный сайт казино Azino 777 - играйте в популярные слоты, получайте бонусы и выигрывайте крупные джекпоты"> | |
| <meta name="twitter:image" content="https://tvoidomen.com/static/images/twitter-card.jpg"> | |
| <link rel="icon" type="image/x-icon" href="/favicon.ico"> | |
| <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> | |
| <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> | |
| <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> | |
| <meta name="theme-color" content="#8B0000"> | |
| <script src="https://cdn.tailwindcss.com"> | |
| // Polyfill for older browsers | |
| if (!Element.prototype.matches) { | |
| Element.prototype.matches = | |
| Element.prototype.msMatchesSelector || | |
| Element.prototype.webkitMatchesSelector; | |
| } | |
| if (!Element.prototype.closest) { | |
| Element.prototype.closest = function(s) { | |
| var el = this; | |
| do { | |
| if (el.matches(s)) return el; | |
| el = el.parentElement || el.parentNode; | |
| } while (el !== null && el.nodeType === 1); | |
| return null; | |
| }; | |
| } | |
| </script> | |
| <!-- Combined Feather Icons from both CDN and npm for maximum compatibility --> | |
| <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script> | |
| <script> | |
| document.addEventListener('DOMContentLoaded', function() { | |
| if(typeof feather !== 'undefined') { | |
| feather.replace(); | |
| } else { | |
| // Load from alternative CDN if primary fails | |
| const script = document.createElement('script'); | |
| script.src = 'https://unpkg.com/feather-icons'; | |
| script.onload = function() { | |
| feather.replace(); | |
| }; | |
| document.head.appendChild(script); | |
| } | |
| }); | |
| </script> | |
| <style> | |
| @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;700;900&display=swap'); | |
| :root { | |
| --primary-gold: #FFD700; | |
| --dark-red: #8B0000; | |
| --card-bg: rgba(139, 0, 0, 0.9); | |
| } | |
| body { | |
| font-family: 'Montserrat', sans-serif; | |
| background: url('https://testsite.casino-ya.ru/azino/images/2.jpg') center top repeat-y; | |
| background-size: 100% auto; | |
| min-height: 100vh; | |
| background-attachment: scroll; | |
| } | |
| @media (max-width: 768px) { | |
| body { | |
| background: #000000; | |
| background-image: none; | |
| } | |
| } | |
| .site-wrapper { | |
| max-width: 1000px; | |
| margin: 0 auto; | |
| position: relative; | |
| padding: 0 15px; | |
| width: 100%; | |
| box-sizing: border-box; | |
| overflow-x: hidden; | |
| /* Mobile Responsive Styles */ | |
| @media (max-width: 768px) { | |
| .site-wrapper { | |
| padding: 0 12px; | |
| overflow-x: hidden; | |
| } | |
| body { | |
| overflow-x: hidden; | |
| position: relative; | |
| width: 100%; | |
| } | |
| .bebas { | |
| font-size: 2.5rem ; | |
| } | |
| .card-gradient { | |
| margin: 0 auto; | |
| max-width: 100%; | |
| } | |
| /* Hero section */ | |
| .hero-grid { | |
| grid-template-columns: 1fr ; | |
| text-align: center; | |
| } | |
| /* Games section */ | |
| .games-grid { | |
| grid-template-columns: 1fr ; | |
| } | |
| /* Bonuses section */ | |
| .bonuses-grid { | |
| grid-template-columns: repeat(2, 1fr) ; | |
| gap: 15px; | |
| } | |
| /* Mobile section */ | |
| .mobile-grid { | |
| grid-template-columns: 1fr ; | |
| } | |
| /* Security section */ | |
| .security-grid { | |
| grid-template-columns: 1fr ; | |
| } | |
| /* Footer */ | |
| .footer-grid { | |
| grid-template-columns: 1fr ; | |
| gap: 20px; | |
| } | |
| /* Buttons */ | |
| .btn-gold { | |
| padding: 10px 20px; | |
| font-size: 14px; | |
| } | |
| } | |
| @media (max-width: 480px) { | |
| .bebas { | |
| font-size: 2rem ; | |
| } | |
| /* Smaller padding for mobile */ | |
| .site-wrapper { | |
| padding: 0 8px; | |
| } | |
| /* Adjust card padding */ | |
| .card-gradient { | |
| padding: 1rem ; | |
| } | |
| /* Smaller buttons */ | |
| .btn-gold { | |
| padding: 10px 20px; | |
| font-size: 14px; | |
| } | |
| /* Adjust hero section spacing */ | |
| .hero-grid { | |
| padding-top: 1rem ; | |
| } | |
| .bonuses-grid { | |
| grid-template-columns: 1fr ; | |
| } | |
| .hero-buttons { | |
| flex-direction: column; | |
| gap: 10px; | |
| } | |
| .btn-gold { | |
| width: 100%; | |
| text-align: center; | |
| } | |
| } | |
| .bebas { | |
| font-family: 'Montserrat', sans-serif; | |
| font-weight: 900; | |
| } | |
| .gold-text { | |
| color: var(--primary-gold); | |
| text-shadow: 2px 2px 4px rgba(0,0,0,0.5); | |
| } | |
| .card-gradient { | |
| background: linear-gradient(135deg, rgba(139, 0, 0, 0.95) 0%, rgba(255, 0, 0, 0.95) 100%); | |
| border: 2px solid var(--primary-gold); | |
| box-shadow: 0 10px 30px rgba(0,0,0,0.5), inset 0 0 20px rgba(255, 215, 0, 0.1); | |
| margin: 0 auto; | |
| max-width: 100%; | |
| box-sizing: border-box; | |
| } | |
| .btn-gold { | |
| background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%); | |
| color: #000; | |
| font-weight: 700; | |
| padding: 12px 30px; | |
| border-radius: 50px; | |
| box-shadow: 0 5px 15px rgba(255, 215, 0, 0.3); | |
| transition: all 0.3s ease; | |
| } | |
| .btn-gold:hover { | |
| transform: translateY(-2px); | |
| box-shadow: 0 8px 25px rgba(255, 215, 0, 0.5); | |
| } | |
| .game-card { | |
| transition: all 0.3s ease; | |
| cursor: pointer; | |
| } | |
| .game-card:hover { | |
| transform: scale(1.05); | |
| box-shadow: 0 15px 40px rgba(255, 215, 0, 0.3); | |
| } | |
| .floating { | |
| animation: floating 3s ease-in-out infinite; | |
| } | |
| @keyframes floating { | |
| 0% { transform: translateY(0px); } | |
| 50% { transform: translateY(-10px); } | |
| 100% { transform: translateY(0px); } | |
| } | |
| .pulse-gold { | |
| animation: pulse 2s infinite; | |
| } | |
| @keyframes pulse { | |
| 0% { box-shadow: 0 0 0 0 rgba(255, 215, 0, 0.7); } | |
| 70% { box-shadow: 0 0 0 20px rgba(255, 215, 0, 0); } | |
| 100% { box-shadow: 0 0 0 0 rgba(255, 215, 0, 0); } | |
| } | |
| .slot-machine { | |
| background: linear-gradient(180deg, #2a0000 0%, #4a0000 100%); | |
| border: 3px solid var(--primary-gold); | |
| border-radius: 15px; | |
| padding: 20px; | |
| } | |
| .reel { | |
| background: #000; | |
| border: 2px solid var(--primary-gold); | |
| border-radius: 10px; | |
| overflow: hidden; | |
| height: 80px; | |
| position: relative; | |
| } | |
| .reel-content { | |
| animation: spin 3s linear infinite; | |
| } | |
| @keyframes spin { | |
| 0% { transform: translateY(0); } | |
| 100% { transform: translateY(calc(-100% + 80px)); } | |
| } | |
| /* Header styles */ | |
| .nav-link { | |
| position: relative; | |
| font-weight: 500; | |
| transition: color 0.3s ease; | |
| } | |
| .nav-link::after { | |
| content: ''; | |
| position: absolute; | |
| left: 0; | |
| bottom: -4px; | |
| width: 0; | |
| height: 2px; | |
| background: var(--primary-gold); | |
| transition: width 0.3s ease; | |
| } | |
| .nav-link:hover::after { | |
| width: 100%; | |
| } | |
| .nav-link-mobile { | |
| display: block; | |
| padding: 0.75rem 0; | |
| font-weight: 500; | |
| transition: color 0.3s ease; | |
| } | |
| .nav-link-mobile:hover { | |
| color: var(--primary-gold); | |
| } | |
| #mobile-menu { | |
| transition: max-height 0.5s ease-in-out; | |
| } | |
| @media (max-width: 768px) { | |
| #mobile-menu { | |
| background: rgba(0, 0, 0, 0.95); | |
| backdrop-filter: blur(10px); | |
| } | |
| } | |
| </style> | |
| </head> | |
| <body class="text-white bg-black"> | |
| <!-- Modern Header --> | |
| <header id="main-header" class="fixed top-0 left-0 right-0 z-50 bg-black/80 backdrop-blur-lg border-b border-yellow-500/30 shadow-lg h-20"> | |
| <div class="site-wrapper w-full max-w-[1000px] mx-auto px-4"> | |
| <div class="flex items-center justify-between h-20 md:h-20"> | |
| <!-- Logo --> | |
| <a href="/" class="flex items-center space-x-3 group"> | |
| <img src="http://testsite.casino-ya.ru/azino/images/3.png" alt="Azino 777" class="h-10 w-auto transition-transform duration-300 group-hover:scale-110"> | |
| </a> | |
| <!-- Desktop Nav --> | |
| <nav class="hidden md:flex items-center space-x-8"> | |
| <a href="#tvoiref" class="nav-link">Игры</a> | |
| <a href="#tvoiref" class="nav-link">Бонусы</a> | |
| <a href="#tvoiref" class="nav-link">Мобильная</a> | |
| <a href="#tvoiref" class="nav-link">Поддержка</a> | |
| </nav> | |
| <!-- Right Side --> | |
| <div class="flex items-center space-x-4"> | |
| <button class="hidden md:inline-flex items-center space-x-2 bg-yellow-500 hover:bg-yellow-400 text-black px-5 py-2 rounded-full font-bold transition-all duration-300 hover:scale-105" onclick="window.location.href='#refka'"> | |
| <i data-feather="log-in" class="w-4 h-4"></i> | |
| <span>Войти</span> | |
| </button> | |
| <button class="md:hidden inline-flex items-center space-x-2 bg-yellow-500 hover:bg-yellow-400 text-black px-3 py-2 rounded-full font-bold transition-all duration-300 hover:scale-105 text-sm" onclick="window.location.href='#refka'"> | |
| <i data-feather="log-in" class="w-4 h-4"></i> | |
| <span>Войти</span> | |
| </button> | |
| <button id="menu-toggle" class="md:hidden p-2 rounded-lg hover:bg-yellow-500/20 transition-colors"> | |
| <i data-feather="menu" class="w-6 h-6"></i> | |
| </button> | |
| </div> | |
| </div> | |
| <!-- Mobile Menu --> | |
| <div id="mobile-menu" class="md:hidden overflow-hidden max-h-0 transition-all duration-500 ease-in-out"> | |
| <nav class="flex flex-col space-y-4 py-6 bg-black/90 backdrop-blur-sm"> | |
| <a href="#tvoiref" class="nav-link-mobile">Игры</a> | |
| <a href="#tvoiref" class="nav-link-mobile">Бонусы</a> | |
| <a href="#tvoiref" class="nav-link-mobile">Мобильная</a> | |
| <a href="#tvoiref" class="nav-link-mobile">Поддержка</a> | |
| </nav> | |
| </div> | |
| </div> | |
| </header> | |
| <!-- Hero offset --> | |
| <div class="h-20"></div> | |
| <div class="site-wrapper w-full max-w-[1200px] mx-auto px-4"> | |
| <div class="site-wrapper w-full max-w-[1200px] mx-auto px-4"> | |
| <!-- Hero Section --> | |
| <section class="pt-12 pb-16 relative overflow-hidden"> | |
| <div class="absolute inset-0 bg-cover bg-center opacity-30 bg-[length:70%]" style="background-image: url('https://testsite.casino-ya.ru/azino/images/59.jpg')"></div> | |
| <div class="absolute inset-0 overflow-hidden"></div> | |
| <div class="site-wrapper px-4 relative z-10"> | |
| <div class="grid md:grid-cols-2 gap-8 md:gap-12 items-center hero-grid"> | |
| <div> | |
| <h1 class="bebas text-4xl md:text-7xl gold-text mb-6 relative z-10 text-center md:text-left"> | |
| AZINO777 | |
| </h1> | |
| <p class="text-base md:text-lg lg:text-xl mb-8 text-gray-300 relative z-10 text-center md:text-left"> | |
| Официальное казино с бонусами, играми и максимальной безопасностью для вашего удовольствия | |
| </p> | |
| <div class="flex flex-wrap gap-2 md:gap-4 mb-8 justify-center md:justify-start relative z-10"> | |
| <div class="flex items-center space-x-2"> | |
| <i data-feather="shield" class="w-4 h-4 md:w-5 md:h-5 text-yellow-400"></i> | |
| <span class="text-sm md:text-base">100% Безопасно</span> | |
| </div> | |
| <div class="flex items-center space-x-2"> | |
| <i data-feather="gift" class="w-4 h-4 md:w-5 md:h-5 text-yellow-400"></i> | |
| <span class="text-sm md:text-base">Щедрые бонусы</span> | |
| </div> | |
| <div class="flex items-center space-x-2"> | |
| <i data-feather="smartphone" class="w-4 h-4 md:w-5 md:h-5 text-yellow-400"></i> | |
| <span class="text-sm md:text-base">Мобильная версия</span> | |
| </div> | |
| </div> | |
| <div class="flex flex-wrap gap-3 md:gap-4 justify-center md:justify-start relative z-10 hero-buttons"> | |
| <button class="btn-gold text-base md:text-lg pulse-gold" onclick="window.location.href='#refka'"> | |
| Играть сейчас | |
| </button> | |
| <button class="border-2 border-yellow-500 px-6 md:px-8 py-2 md:py-3 rounded-full font-bold hover:bg-yellow-500 hover:text-black transition-all text-sm md:text-base"> | |
| Демо игры | |
| </button> | |
| </div> | |
| </div> | |
| <div class="relative mt-8 md:mt-0"> | |
| <img src="https://testsite.casino-ya.ru/azino/images/jp.png" | |
| alt="Azino Bonus" | |
| class="rounded-lg shadow-2xl w-full md:w-3/4 mx-auto relative z-10" style="transform: scale(0.5); transform-origin: center;"> | |
| <div class="absolute -bottom-4 -right-4 md:-bottom-6 md:-right-6 bg-gradient-to-r from-yellow-400 to-yellow-600 text-black px-4 py-2 md:px-6 md:py-3 rounded-lg font-bold transform rotate-3 text-sm md:text-base"> | |
| 1.967.678.87 RUB | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Games Section --> | |
| <!-- Slots Grid Section --> | |
| <section class="py-12"> | |
| <div class="container mx-auto px-4"> | |
| <h2 class="bebas text-4xl md:text-5xl text-center gold-text mb-8">ПОПУЛЯРНЫЕ СЛОТЫ</h2> | |
| <div class="grid grid-cols-2 md:grid-cols-4 gap-4 mb-8"> | |
| <!-- Row 1 --> | |
| <div class="card-gradient rounded-lg overflow-hidden transition-transform hover:scale-105"> | |
| <img src="https://testsite.casino-ya.ru/azino/images/0ce7765aba5f4b4345c0b1ec455b1f8c06f1c2dc.jpg" alt="Book of Ra" class="w-full h-40 object-cover"> | |
| <div class="p-4"> | |
| <p class="text-gray-300 text-sm mb-2">Novomatic</p> | |
| <div class="flex justify-between items-center"> | |
| <span class="text-yellow-400 text-sm">96.5% RTP</span> | |
| <button class="bg-yellow-500 text-black px-3 py-1 rounded text-xs font-bold" onclick="window.location.href='#refka'">Играть</button> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="card-gradient rounded-lg overflow-hidden transition-transform hover:scale-105"> | |
| <img src="https://testsite.casino-ya.ru/azino/images/1d7d09228567bc72616312b5a608975a60b3d204.jpg" alt="Starburst" class="w-full h-40 object-cover"> | |
| <div class="p-4"> | |
| <p class="text-gray-300 text-sm mb-2">NetEnt</p> | |
| <div class="flex justify-between items-center"> | |
| <span class="text-yellow-400 text-sm">96.1% RTP</span> | |
| <button class="bg-yellow-500 text-black px-3 py-1 rounded text-xs font-bold" onclick="window.location.href='#refka'">Играть</button> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="card-gradient rounded-lg overflow-hidden transition-transform hover:scale-105"> | |
| <img src="https://testsite.casino-ya.ru/azino/images/2e1e6aa9929ff8b85730d227779f71f7f7d1627c.jpg" alt="Gonzo's Quest" class="w-full h-40 object-cover"> | |
| <div class="p-4"> | |
| <p class="text-gray-300 text-sm mb-2">NetEnt</p> | |
| <div class="flex justify-between items-center"> | |
| <span class="text-yellow-400 text-sm">95.7% RTP</span> | |
| <button class="bg-yellow-500 text-black px-3 py-1 rounded text-xs font-bold" onclick="window.location.href='#refka'">Играть</button> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="card-gradient rounded-lg overflow-hidden transition-transform hover:scale-105"> | |
| <img src="https://testsite.casino-ya.ru/azino/images/71.png" alt="Mega Moolah" class="w-full h-40 object-cover"> | |
| <div class="p-4"> | |
| <p class="text-gray-300 text-sm mb-2">Microgaming</p> | |
| <div class="flex justify-between items-center"> | |
| <span class="text-yellow-400 text-sm">88.1% RTP</span> | |
| <button class="bg-yellow-500 text-black px-3 py-1 rounded text-xs font-bold" onclick="window.location.href='#refka'">Играть</button> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="grid grid-cols-2 md:grid-cols-4 gap-4 mb-8"> | |
| <!-- Row 2 --> | |
| <div class="card-gradient rounded-lg overflow-hidden transition-transform hover:scale-105"> | |
| <img src="https://testsite.casino-ya.ru/azino/images/70.png" alt="Dead or Alive" class="w-full h-40 object-cover"> | |
| <div class="p-4"> | |
| <p class="text-gray-300 text-sm mb-2">NetEnt</p> | |
| <div class="flex justify-between items-center"> | |
| <span class="text-yellow-400 text-sm">96.8% RTP</span> | |
| <button class="bg-yellow-500 text-black px-3 py-1 rounded text-xs font-bold" onclick="window.location.href='#refka'">Играть</button> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="card-gradient rounded-lg overflow-hidden transition-transform hover:scale-105"> | |
| <img src="https://testsite.casino-ya.ru/azino/images/69.png" alt="Bonanza" class="w-full h-40 object-cover"> | |
| <div class="p-4"> | |
| <p class="text-gray-300 text-sm mb-2">Big Time Gaming</p> | |
| <div class="flex justify-between items-center"> | |
| <span class="text-yellow-400 text-sm">96.0% RTP</span> | |
| <button class="bg-yellow-500 text-black px-3 py-1 rounded text-xs font-bold" onclick="window.location.href='#refka'">Играть</button> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="card-gradient rounded-lg overflow-hidden transition-transform hover:scale-105"> | |
| <img src="https://testsite.casino-ya.ru/azino/images/68.png" alt="Jammin' Jars" class="w-full h-40 object-cover"> | |
| <div class="p-4"> | |
| <p class="text-gray-300 text-sm mb-2">Push Gaming</p> | |
| <div class="flex justify-between items-center"> | |
| <span class="text-yellow-400 text-sm">96.8% RTP</span> | |
| <button class="bg-yellow-500 text-black px-3 py-1 rounded text-xs font-bold" onclick="window.location.href='#refka'">Играть</button> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="card-gradient rounded-lg overflow-hidden transition-transform hover:scale-105"> | |
| <img src="https://testsite.casino-ya.ru/azino/images/67.png" alt="Reactoonz" class="w-full h-40 object-cover"> | |
| <div class="p-4"> | |
| <p class="text-gray-300 text-sm mb-2">Play'n GO</p> | |
| <div class="flex justify-between items-center"> | |
| <span class="text-yellow-400 text-sm">96.5% RTP</span> | |
| <button class="bg-yellow-500 text-black px-3 py-1 rounded text-xs font-bold" onclick="window.location.href='#refka'">Играть</button> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="grid grid-cols-2 md:grid-cols-4 gap-4"> | |
| <!-- Row 3 --> | |
| <div class="card-gradient rounded-lg overflow-hidden transition-transform hover:scale-105"> | |
| <img src="https://testsite.casino-ya.ru/azino/images/66.png" alt="Wolf Gold" class="w-full h-40 object-cover"> | |
| <div class="p-4"> | |
| <p class="text-gray-300 text-sm mb-2">Pragmatic Play</p> | |
| <div class="flex justify-between items-center"> | |
| <span class="text-yellow-400 text-sm">96.0% RTP</span> | |
| <button class="bg-yellow-500 text-black px-3 py-1 rounded text-xs font-bold">Играть</button> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="card-gradient rounded-lg overflow-hidden transition-transform hover:scale-105"> | |
| <img src="https://testsite.casino-ya.ru/azino/images/65.png" alt="Book of Dead" class="w-full h-40 object-cover"> | |
| <div class="p-4"> | |
| <p class="text-gray-300 text-sm mb-2">Play'n GO</p> | |
| <div class="flex justify-between items-center"> | |
| <span class="text-yellow-400 text-sm">96.2% RTP</span> | |
| <button class="bg-yellow-500 text-black px-3 py-1 rounded text-xs font-bold">Играть</button> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="card-gradient rounded-lg overflow-hidden transition-transform hover:scale-105"> | |
| <img src="https://testsite.casino-ya.ru/azino/images/64.png" alt="Sweet Bonanza" class="w-full h-40 object-cover"> | |
| <div class="p-4"> | |
| <p class="text-gray-300 text-sm mb-2">Pragmatic Play</p> | |
| <div class="flex justify-between items-center"> | |
| <span class="text-yellow-400 text-sm">96.5% RTP</span> | |
| <button class="bg-yellow-500 text-black px-3 py-1 rounded text-xs font-bold">Играть</button> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="card-gradient rounded-lg overflow-hidden transition-transform hover:scale-105"> | |
| <img src="https://testsite.casino-ya.ru/azino/images/2838857e4454438a132556b5fbdca4cf.png" alt="Fire Joker" class="w-full h-40 object-cover"> | |
| <div class="p-4"> | |
| <p class="text-gray-300 text-sm mb-2">Play'n GO</p> | |
| <div class="flex justify-between items-center"> | |
| <span class="text-yellow-400 text-sm">96.1% RTP</span> | |
| <button class="bg-yellow-500 text-black px-3 py-1 rounded text-xs font-bold">Играть</button> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <section id="games" class="py-16 bg-gradient-to-b from-transparent to-black/50"> | |
| <div class="site-wrapper px-4"> | |
| <h2 class="bebas text-5xl text-center gold-text mb-12"> | |
| ИГРОВАЯ БИБЛИОТЕКА | |
| </h2> | |
| <div class="grid md:grid-cols-3 gap-6 md:gap-8 mb-12 games-grid"> | |
| <div class="card-gradient rounded-xl p-6 game-card"> | |
| <div class="flex items-center justify-between mb-4"> | |
| <i data-feather="zap" class="w-8 h-8 text-yellow-400"></i> | |
| <span class="bg-yellow-500 text-black px-3 py-1 rounded-full text-sm font-bold">HOT</span> | |
| </div> | |
| <h3 class="text-2xl font-bold mb-2">Слоты</h3> | |
| <p class="text-gray-300 mb-4">Более 500 игровых автоматов</p> | |
| <div class="flex flex-wrap gap-2"> | |
| <span class="text-xs bg-black/30 px-2 py-1 rounded">Book of Ra</span> | |
| <span class="text-xs bg-black/30 px-2 py-1 rounded">Gonzo's Quest</span> | |
| <span class="text-xs bg-black/30 px-2 py-1 rounded">Starburst</span> | |
| </div> | |
| </div> | |
| <div class="card-gradient rounded-xl p-6 game-card"> | |
| <div class="flex items-center justify-between mb-4"> | |
| <i data-feather="users" class="w-8 h-8 text-yellow-400"></i> | |
| <span class="bg-green-500 text-black px-3 py-1 rounded-full text-sm font-bold">LIVE</span> | |
| </div> | |
| <h3 class="text-2xl font-bold mb-2">Живое казино</h3> | |
| <p class="text-gray-300 mb-4">Игры с реальными дилерами</p> | |
| <div class="flex flex-wrap gap-2"> | |
| <span class="text-xs bg-black/30 px-2 py-1 rounded">Блэкджек</span> | |
| <span class="text-xs bg-black/30 px-2 py-1 rounded">Рулетка</span> | |
| <span class="text-xs bg-black/30 px-2 py-1 rounded">Баккара</span> | |
| </div> | |
| </div> | |
| <div class="card-gradient rounded-xl p-6 game-card"> | |
| <div class="flex items-center justify-between mb-4"> | |
| <i data-feather="target" class="w-8 h-8 text-yellow-400"></i> | |
| <span class="bg-blue-500 text-black px-3 py-1 rounded-full text-sm font-bold">NEW</span> | |
| </div> | |
| <h3 class="text-2xl font-bold mb-2">Карточные игры</h3> | |
| <p class="text-gray-300 mb-4">Покер, блэкджек и другие</p> | |
| <div class="flex flex-wrap gap-2"> | |
| <span class="text-xs bg-black/30 px-2 py-1 rounded">Техасский холдем</span> | |
| <span class="text-xs bg-black/30 px-2 py-1 rounded">Омаха</span> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Slot Machine Demo --> | |
| <div class="slot-machine max-w-md mx-auto"> | |
| <h3 class="text-center text-xl font-bold mb-4 gold-text">Попробуй удачу!</h3> | |
| <div class="flex justify-center space-x-2 mb-4"> | |
| <div class="reel w-20 overflow-hidden"> | |
| <div class="reel-content"> | |
| <div class="h-20 flex items-center justify-center text-3xl">🍒</div> | |
| <div class="h-20 flex items-center justify-center text-3xl">🍋</div> | |
| <div class="h-20 flex items-center justify-center text-3xl">🍊</div> | |
| <div class="h-20 flex items-center justify-center text-3xl">🍇</div> | |
| <div class="h-20 flex items-center justify-center text-3xl">💎</div> | |
| <div class="h-20 flex items-center justify-center text-3xl">7️⃣</div> | |
| <!-- Duplicate first symbol for smooth loop --> | |
| <div class="h-20 flex items-center justify-center text-3xl">🍒</div> | |
| </div> | |
| </div> | |
| <div class="reel w-20 overflow-hidden"> | |
| <div class="reel-content"> | |
| <div class="h-20 flex items-center justify-center text-3xl">🍋</div> | |
| <div class="h-20 flex items-center justify-center text-3xl">🍊</div> | |
| <div class="h-20 flex items-center justify-center text-3xl">🍇</div> | |
| <div class="h-20 flex items-center justify-center text-3xl">💎</div> | |
| <div class="h-20 flex items-center justify-center text-3xl">7️⃣</div> | |
| <div class="h-20 flex items-center justify-center text-3xl">🍒</div> | |
| <!-- Duplicate first symbol for smooth loop --> | |
| <div class="h-20 flex items-center justify-center text-3xl">🍋</div> | |
| </div> | |
| </div> | |
| <div class="reel w-20 overflow-hidden"> | |
| <div class="reel-content"> | |
| <div class="h-20 flex items-center justify-center text-3xl">🍊</div> | |
| <div class="h-20 flex items-center justify-center text-3xl">🍇</div> | |
| <div class="h-20 flex items-center justify-center text-3xl">💎</div> | |
| <div class="h-20 flex items-center justify-center text-3xl">7️⃣</div> | |
| <div class="h-20 flex items-center justify-center text-3xl">🍒</div> | |
| <div class="h-20 flex items-center justify-center text-3xl">🍋</div> | |
| <!-- Duplicate first symbol for smooth loop --> | |
| <div class="h-20 flex items-center justify-center text-3xl">🍊</div> | |
| </div> | |
| </div> | |
| </div> | |
| <button class="w-full btn-gold font-bold mt-4" onclick="window.location.href='#refka'"> | |
| КРУТИТЬ (БЕСПЛАТНО) | |
| </button> | |
| <p class="text-center text-xs text-yellow-300 mt-2"> | |
| Попробуйте удачу! Совпадение 3 символов - выигрыш! | |
| </p> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Bonuses Section --> | |
| <section id="bonuses" class="py-16 bg-gradient-to-b from-black/50 to-transparent"> | |
| <div class="site-wrapper px-4"> | |
| <h2 class="bebas text-5xl text-center gold-text mb-12"> | |
| БОНУСЫ И АКЦИИ | |
| </h2> | |
| <div class="grid md:grid-cols-2 lg:grid-cols-4 gap-4 md:gap-6 bonuses-grid"> | |
| <div class="text-center"> | |
| <div class="w-24 h-24 mx-auto mb-4 bg-gradient-to-br from-yellow-400 to-yellow-600 rounded-full flex items-center justify-center"> | |
| <span class="text-3xl font-bold text-black">200%</span> | |
| </div> | |
| <h3 class="text-xl font-bold mb-2">Приветственный бонус</h3> | |
| <p class="text-gray-400">На первый депозит</p> | |
| </div> | |
| <div class="text-center"> | |
| <div class="w-24 h-24 mx-auto mb-4 bg-gradient-to-br from-yellow-400 to-yellow-600 rounded-full flex items-center justify-center"> | |
| <i data-feather="gift" class="w-10 h-10 text-black"></i> | |
| </div> | |
| <h3 class="text-xl font-bold mb-2">Фриспины</h3> | |
| <p class="text-gray-400">50 бесплатных вращений</p> | |
| </div> | |
| <div class="text-center"> | |
| <div class="w-24 h-24 mx-auto mb-4 bg-gradient-to-br from-yellow-400 to-yellow-600 rounded-full flex items-center justify-center"> | |
| <i data-feather="refresh-cw" class="w-10 h-10 text-black"></i> | |
| </div> | |
| <h3 class="text-xl font-bold mb-2">Кэшбэк</h3> | |
| <p class="text-gray-400">До 15% возврата</p> | |
| </div> | |
| <div class="text-center"> | |
| <div class="w-24 h-24 mx-auto mb-4 bg-gradient-to-br from-yellow-400 to-yellow-600 rounded-full flex items-center justify-center"> | |
| <i data-feather="star" class="w-10 h-10 text-black"></i> | |
| </div> | |
| <h3 class="text-xl font-bold mb-2">VIP программа</h3> | |
| <p class="text-gray-400">Эксклюзивные привилегии</p> | |
| </div> | |
| </div> | |
| <div class="mt-12 max-w-4xl mx-auto"> | |
| <img src="https://testsite.casino-ya.ru/azino/images/0026d4cb7ca211ececf9a4745d2fd9c7.png" | |
| alt="Играть онлайн Азино777" | |
| class="rounded-lg shadow-2xl w-full"> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Registration Process --> | |
| <section class="py-16"> | |
| <div class="site-wrapper px-4"> | |
| <h2 class="bebas text-5xl text-center gold-text mb-12"> | |
| РЕГИСТРАЦИЯ ЗА 1 МИНУТУ | |
| </h2> | |
| <div class="max-w-2xl mx-auto"> | |
| <div class="card-gradient rounded-xl p-8"> | |
| <div class="space-y-6"> | |
| <div class="flex items-start space-x-4"> | |
| <div class="w-10 h-10 bg-yellow-500 text-black rounded-full flex items-center justify-center font-bold flex-shrink-0"> | |
| 1 | |
| </div> | |
| <div> | |
| <h3 class="text-xl font-bold mb-2">Перейдите на сайт</h3> | |
| <p class="text-gray-300">Нажмите кнопку "Регистрация" вверху страницы</p> | |
| </div> | |
| </div> | |
| <div class="flex items-start space-x-4"> | |
| <div class="w-10 h-10 bg-yellow-500 text-black rounded-full flex items-center justify-center font-bold flex-shrink-0"> | |
| 2 | |
| </div> | |
| <div> | |
| <h3 class="text-xl font-bold mb-2">Заполните данные</h3> | |
| <p class="text-gray-300">Укажите email, пароль и выберите валюту счета</p> | |
| </div> | |
| </div> | |
| <div class="flex items-start space-x-4"> | |
| <div class="w-10 h-10 bg-yellow-500 text-black rounded-full flex items-center justify-center font-bold flex-shrink-0"> | |
| 3 | |
| </div> | |
| <div> | |
| <h3 class="text-xl font-bold mb-2">Подтвердите email</h3> | |
| <p class="text-gray-300">Перейдите по ссылке в письме для активации аккаунта</p> | |
| </div> | |
| </div> | |
| <div class="flex items-start space-x-4"> | |
| <div class="w-10 h-10 bg-yellow-500 text-black rounded-full flex items-center justify-center font-bold flex-shrink-0"> | |
| 4 | |
| </div> | |
| <div> | |
| <h3 class="text-xl font-bold mb-2">Получите бонус!</h3> | |
| <p class="text-gray-300">Пополните счет и получите приветственный бонус 200%</p> | |
| </div> | |
| </div> | |
| </div> | |
| <button class="w-full btn-gold text-lg mt-8" onclick="window.location.href='#refka'"> | |
| ЗАРЕГИСТРИРОВАТЬСЯ | |
| </button> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <section class="py-16"> | |
| <div class="site-wrapper px-4"> | |
| <h2 class="bebas text-5xl text-center gold-text mb-12"> | |
| СПОСОБЫ ПОПОЛНЕНИЯ | |
| </h2> | |
| <div class="max-w-4xl mx-auto"> | |
| <div class="overflow-x-auto"> | |
| <table class="w-full card-gradient rounded-xl overflow-hidden"> | |
| <thead> | |
| <tr class="border-b border-yellow-600"> | |
| <th class="px-6 py-4 text-left">Способ</th> | |
| <th class="px-6 py-4 text-left">Минимум</th> | |
| <th class="px-6 py-4 text-left">Зачисление</th> | |
| <th class="px-6 py-4 text-left">Бонус</th> | |
| </tr> | |
| </thead> | |
| <tbody> | |
| <tr class="border-b border-yellow-600/30"> | |
| <td class="px-6 py-4 flex items-center space-x-2"> | |
| <i data-feather="credit-card" class="w-5 h-5 text-yellow-400"></i> | |
| <span>Банковская карта</span> | |
| </td> | |
| <td class="px-6 py-4">500 ₽</td> | |
| <td class="px-6 py-4">Мгновенно</td> | |
| <td class="px-6 py-4 text-green-400">+100%</td> | |
| </tr> | |
| <tr class="border-b border-yellow-600/30"> | |
| <td class="px-6 py-4 flex items-center space-x-2"> | |
| <i data-feather="smartphone" class="w-5 h-5 text-yellow-400"></i> | |
| <span>Мобильный платеж</span> | |
| </td> | |
| <td class="px-6 py-4">100 ₽</td> | |
| <td class="px-6 py-4">До 10 мин</td> | |
| <td class="px-6 py-4 text-green-400">+50%</td> | |
| </tr> | |
| <tr> | |
| <td class="px-6 py-4 flex items-center space-x-2"> | |
| <i data-feather="briefcase" class="w-5 h-5 text-yellow-400"></i> | |
| <span>Электронный кошелек</span> | |
| </td> | |
| <td class="px-6 py-4">300 ₽</td> | |
| <td class="px-6 py-4">Мгновенно</td> | |
| <td class="px-6 py-4 text-green-400">+75%</td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Mobile Version --> | |
| <section id="mobile" class="py-16 bg-gradient-to-b from-transparent to-black/50"> | |
| <div class="site-wrapper px-4"> | |
| <h2 class="bebas text-5xl text-center gold-text mb-12"> | |
| МОБИЛЬНАЯ ВЕРСИЯ | |
| </h2> | |
| <div class="grid md:grid-cols-2 gap-8 md:gap-12 items-center mobile-grid"> | |
| <div> | |
| <div class="flex items-center space-x-4 mb-6"> | |
| <i data-feather="smartphone" class="w-12 h-12 text-yellow-400"></i> | |
| <h3 class="text-3xl font-bold">Играйте где угодно</h3> | |
| </div> | |
| <p class="text-gray-300 mb-6"> | |
| Мобильная версия Azino777 позволяет наслаждаться любимыми играми на смартфоне или планшете. | |
| Полная функциональность, адаптированный интерфейс и быстрая загрузка. | |
| </p> | |
| <div class="space-y-4"> | |
| <div class="flex items-center space-x-3"> | |
| <i data-feather="check-circle" class="w-6 h-6 text-green-400"></i> | |
| <span>Полная совместимость с iOS и Android</span> | |
| </div> | |
| <div class="flex items-center space-x-3"> | |
| <i data-feather="check-circle" class="w-6 h-6 text-green-400"></i> | |
| <span>Быстрый доступ к всем играм</span> | |
| </div> | |
| <div class="flex items-center space-x-3"> | |
| <i data-feather="check-circle" class="w-6 h-6 text-green-400"></i> | |
| <span>Безопасные транзакции</span> | |
| </div> | |
| <div class="flex items-center space-x-3"> | |
| <i data-feather="check-circle" class="w-6 h-6 text-green-400"></i> | |
| <span>Специальные мобильные бонусы</span> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="relative"> | |
| <div class="bg-gradient-to-br from-gray-800 to-gray-900 rounded-3xl p-4 shadow-2xl transform rotate-3"> | |
| <div class="bg-black rounded-2xl p-2"> | |
| <div class="bg-gradient-to-b from-red-900 to-red-950 rounded-xl p-4"> | |
| <div class="flex justify-between items-center mb-4"> | |
| <span class="text-xs">9:41</span> | |
| <div class="flex space-x-1"> | |
| <div class="w-4 h-4 bg-white rounded-sm"></div> | |
| <div class="w-4 h-4 bg-white rounded-sm"></div> | |
| <div class="w-4 h-4 bg-white rounded-sm"></div> | |
| </div> | |
| </div> | |
| <div class="text-center mb-4"> | |
| <div class="text-yellow-400 text-xs mb-2"> </div> | |
| <div class="text-2xl font-bold gold-text">МОБИЛЬНОЕ</div> | |
| </div> | |
| <div class="grid grid-cols-3 gap-2"> | |
| <div class="bg-black/50 rounded p-2 text-center"> | |
| <div class="text-2xl mb-1">🎰</div> | |
| <div class="text-xs">Слоты</div> | |
| </div> | |
| <div class="bg-black/50 rounded p-2 text-center"> | |
| <div class="text-2xl mb-1">♠️</div> | |
| <div class="text-xs">Карты</div> | |
| </div> | |
| <div class="bg-black/50 rounded p-2 text-center"> | |
| <div class="text-2xl mb-1">🎲</div> | |
| <div class="text-xs">Рулетка</div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Security --> | |
| <section class="py-16"> | |
| <div class="site-wrapper px-4"> | |
| <h2 class="bebas text-5xl text-center gold-text mb-12"> | |
| БЕЗОПАСНОСТЬ И ЗАЩИТА | |
| </h2> | |
| <div class="grid md:grid-cols-3 gap-6 md:gap-8 max-w-5xl mx-auto security-grid"> | |
| <div class="text-center"> | |
| <div class="w-20 h-20 mx-auto mb-4 bg-gradient-to-br from-green-400 to-green-600 rounded-full flex items-center justify-center"> | |
| <i data-feather="shield" class="w-10 h-10 text-white"></i> | |
| </div> | |
| <h3 class="text-xl font-bold mb-2">SSL шифрование</h3> | |
| <p class="text-gray-400">Все данные защищены 256-битным шифрованием</p> | |
| </div> | |
| <div class="text-center"> | |
| <div class="w-20 h-20 mx-auto mb-4 bg-gradient-to-br from-blue-400 to-blue-600 rounded-full flex items-center justify-center"> | |
| <i data-feather="lock" class="w-10 h-10 text-white"></i> | |
| </div> | |
| <h3 class="text-xl font-bold mb-2">Лицензионное ПО</h3> | |
| <p class="text-gray-400">Только сертифицированные игры от проверенных провайдеров</p> | |
| </div> | |
| <div class="text-center"> | |
| <div class="w-20 h-20 mx-auto mb-4 bg-gradient-to-br from-purple-400 to-purple-600 rounded-full flex items-center justify-center"> | |
| <i data-feather="eye-off" class="w-10 h-10 text-white"></i> | |
| </div> | |
| <h3 class="text-xl font-bold mb-2">Конфиденциальность</h3> | |
| <p class="text-gray-400">Полная защита личных данных игроков</p> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Support --> | |
| <section id="support" class="py-16 bg-gradient-to-b from-transparent to-black/50"> | |
| <div class="site-wrapper px-4"> | |
| <h2 class="bebas text-5xl text-center gold-text mb-12"> | |
| СЛУЖБА ПОДДЕРЖКИ 24/7 | |
| </h2> | |
| <div class="max-w-4xl mx-auto"> | |
| <div class="card-gradient rounded-xl p-8"> | |
| <p class="text-center text-xl mb-8"> | |
| Наша команда поддержки всегда готова помочь вам с любыми вопросами | |
| </p> | |
| <div class="grid md:grid-cols-3 gap-4 md:gap-6"> | |
| <a href="#tvoiref" class="text-center group"> | |
| <div class="w-16 h-16 mx-auto mb-3 bg-yellow-500 text-black rounded-full flex items-center justify-center group-hover:scale-110 transition-transform"> | |
| <i data-feather="message-circle" class="w-8 h-8"></i> | |
| </div> | |
| <h3 class="font-bold mb-1">Онлайн чат</h3> | |
| <p class="text-sm text-gray-400">Мгновенный ответ</p> | |
| </a> | |
| <a href="#tvoiref" class="text-center group"> | |
| <div class="w-16 h-16 mx-auto mb-3 bg-yellow-500 text-black rounded-full flex items-center justify-center group-hover:scale-110 transition-transform"> | |
| <i data-feather="mail" class="w-8 h-8"></i> | |
| </div> | |
| <h3 class="font-bold mb-1">Email</h3> | |
| <p class="text-sm text-gray-400">support@azino777</p> | |
| </a> | |
| <a href="#tvoiref" class="text-center group"> | |
| <div class="w-16 h-16 mx-auto mb-3 bg-yellow-500 text-black rounded-full flex items-center justify-center group-hover:scale-110 transition-transform"> | |
| <i data-feather="phone" class="w-8 h-8"></i> | |
| </div> | |
| <h3 class="font-bold mb-1">Телефон</h3> | |
| <p class="text-sm text-gray-400">8-800-777-77-77</p> | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- About Section --> | |
| <section class="py-16 bg-gradient-to-b from-black/50 to-transparent"> | |
| <div class="site-wrapper px-4"> | |
| <h2 class="bebas text-5xl text-center gold-text mb-12"> | |
| О НАС | |
| </h2> | |
| <div class="card-gradient rounded-xl p-8 max-w-4xl mx-auto"> | |
| <div class="prose prose-invert max-w-none"> | |
| <p class="text-lg mb-6"> | |
| Azino777 - это ведущее онлайн-казино, которое уже более 10 лет предоставляет игрокам из России и других стран лучшие азартные развлечения. | |
| Наша платформа сочетает в себе богатый выбор игр, щедрые бонусы и высочайший уровень безопасности. | |
| </p> | |
| <h3 class="text-2xl font-bold mb-4 text-yellow-400">Наша история</h3> | |
| <p class="mb-6"> | |
| Казино Azino777 было основано в 2010 году и с тех пор заслужило репутацию одного из самых надежных и честных онлайн-казино. | |
| Начиная с небольшой коллекции слотов, мы постоянно расширяли наш ассортимент и сегодня предлагаем более 1000 игр от ведущих разработчиков. | |
| </p> | |
| <h3 class="text-2xl font-bold mb-4 text-yellow-400">Наши преимущества</h3> | |
| <ul class="mb-6 space-y-3"> | |
| <li class="flex items-start"> | |
| <i data-feather="check-circle" class="w-5 h-5 text-green-400 mr-2 mt-1 flex-shrink-0"></i> | |
| <span>Более 1000 лицензионных игр от топовых провайдеров</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i data-feather="check-circle" class="w-5 h-5 text-green-400 mr-2 mt-1 flex-shrink-0"></i> | |
| <span>Щедрые бонусы для новых и постоянных игроков</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i data-feather="check-circle" class="w-5 h-5 text-green-400 mr-2 mt-1 flex-shrink-0"></i> | |
| <span>Быстрые выплаты выигрышей</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i data-feather="check-circle" class="w-5 h-5 text-green-400 mr-2 mt-1 flex-shrink-0"></i> | |
| <span>Круглосуточная поддержка на русском языке</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i data-feather="check-circle" class="w-5 h-5 text-green-400 mr-2 mt-1 flex-shrink-0"></i> | |
| <span>Полностью адаптированная мобильная версия</span> | |
| </li> | |
| </ul> | |
| <h3 class="text-2xl font-bold mb-4 text-yellow-400">Наша миссия</h3> | |
| <p class="mb-6"> | |
| Мы стремимся предоставить нашим игрокам незабываемые эмоции от азартных игр в комфортной и безопасной среде. | |
| Наша цель - сделать каждый визит в Azino777 особенным, предлагая не только качественные игры, но и индивидуальный подход к каждому клиенту. | |
| </p> | |
| <h3 class="text-2xl font-bold mb-4 text-yellow-400">Ответственная игра</h3> | |
| <p class="mb-6"> | |
| В Azino777 мы придерживаемся принципов ответственной игры. Мы предоставляем игрокам инструменты для контроля над своей игровой активностью, | |
| такие как лимиты на депозиты, таймеры сессий и возможность самоисключения. Азартные игры должны приносить удовольствие, а не создавать проблемы. | |
| </p> | |
| <h3 class="text-2xl font-bold mb-4 text-yellow-400">Технологии и безопасность</h3> | |
| <p class="mb-6"> | |
| Наша платформа использует современные технологии шифрования данных (256-bit SSL), что гарантирует полную конфиденциальность | |
| и защиту всех транзакций. Все игры проходят регулярные проверки на честность и соответствие стандартам RNG (генерации случайных чисел). | |
| </p> | |
| <div class="text-center mt-8"> | |
| <button class="btn-gold text-lg" onclick="window.location.href='#refka'"> | |
| ПРИСОЕДИНИТЬСЯ К НАМ | |
| </button> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Footer CTA --> | |
| <section class="py-20 bg-gradient-to-r from-yellow-600 to-yellow-500"> | |
| <div class="site-wrapper px-4 text-center"> | |
| <h2 class="bebas text-5xl text-black mb-4"> | |
| ГОТОВЫ К ВЫИГРЫШУ? | |
| </h2> | |
| <p class="text-xl text-black/80 mb-8"> | |
| Присоединяйтесь к тысячам игроков уже сегодня! | |
| </p> | |
| <div class="flex flex-wrap justify-center gap-4"> | |
| <button class="bg-black text-yellow-500 px-8 py-4 rounded-full font-bold text-lg hover:bg-gray-900 transition-all" onclick="window.location.href='#refka'"> | |
| ЗАРЕГИСТРИРОВАТЬСЯ | |
| </button> | |
| <button class="border-2 border-black text-black px-8 py-4 rounded-full font-bold text-lg hover:bg-black hover:text-yellow-500 transition-all" onclick="window.location.href='#refka'"> | |
| ПОЛУЧИТЬ БОНУС | |
| </button> | |
| </div> | |
| <div id="win-message" class="text-center text-yellow-400 font-bold text-xl mt-4 hidden"> | |
| Поздравляем с выигрышем! | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Footer --> | |
| <footer class="bg-black py-12 border-t border-yellow-600 w-full"> | |
| <div class="site-wrapper px-4"> | |
| <div class="grid md:grid-cols-4 gap-6 md:gap-8 footer-grid"> | |
| <div> | |
| <div class="flex items-center space-x-2 mb-4"> | |
| <img src="http://testsite.casino-ya.ru/azino/images/3.png" alt="Azino 777 Logo" class="h-10 w-auto"> | |
| </div> | |
| <p class="text-gray-400 text-sm"> | |
| Официальное казино с 2010 года | |
| </p> | |
| </div> | |
| <div> | |
| <h4 class="font-bold mb-4 text-yellow-400">Игры</h4> | |
| <ul class="space-y-2 text-gray-400 text-sm"> | |
| <li><a href="#tvoiref" class="hover:text-yellow-400">Слоты</a></li> | |
| <li><a href="#tvoiref" class="hover:text-yellow-400">Живое казино</a></li> | |
| <li><a href="#tvoiref" class="hover:text-yellow-400">Карточные игры</a></li> | |
| <li><a href="#tvoiref" class="hover:text-yellow-400">Рулетки</a></li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h4 class="font-bold mb-4 text-yellow-400">Информация</h4> | |
| <ul class="space-y-2 text-gray-400 text-sm"> | |
| <li><a href="#tvoiref" class="hover:text-yellow-400">Бонусы</a></li> | |
| <li><a href="#tvoiref" class="hover:text-yellow-400">Турниры</a></li> | |
| <li><a href="#tvoiref" class="hover:text-yellow-400">VIP программа</a></li> | |
| <li><a href="#tvoiref" class="hover:text-yellow-400">Правила</a></li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h4 class="font-bold mb-4 text-yellow-400">Поддержка</h4> | |
| <ul class="space-y-2 text-gray-400 text-sm"> | |
| <li><a href="#tvoiref" class="hover:text-yellow-400">FAQ</a></li> | |
| <li><a href="#tvoiref" class="hover:text-yellow-400">Контакты</a></li> | |
| <li><a href="#tvoiref" class="hover:text-yellow-400">Отзывы</a></li> | |
| <li><a href="#tvoiref" class="hover:text-yellow-400">Безопасность</a></li> | |
| </ul> | |
| </div> | |
| </div> | |
| <div class="mt-8 pt-8 border-t border-gray-800 text-center text-gray-400 text-sm"> | |
| <p>© 2024 Azino777. Все права защищены. 18+</p> | |
| <p class="mt-2">Ответственная игра - играйте с умом</p> | |
| </div> | |
| </div> | |
| </footer> | |
| </div> | |
| <script> | |
| // Icon replacement on dynamic content changes | |
| function replaceIcons() { | |
| if(typeof feather !== 'undefined') { | |
| feather.replace(); | |
| } | |
| } | |
| // Initial icon replacement | |
| document.addEventListener('DOMContentLoaded', replaceIcons); | |
| // Smooth scrolling for navigation links | |
| document.querySelectorAll('a[href^="#"]').forEach(anchor => { | |
| anchor.addEventListener('click', function (e) { | |
| e.preventDefault(); | |
| const target = document.querySelector(this.getAttribute('href')); | |
| if (target) { | |
| target.scrollIntoView({ | |
| behavior: 'smooth', | |
| block: 'start' | |
| }); | |
| } | |
| }); | |
| }); | |
| // Interactive slot machine with null checks | |
| const slotButton = document.querySelector('.slot-machine button'); | |
| if(slotButton) { | |
| slotButton.addEventListener('click', function() { | |
| const reels = document.querySelectorAll('.reel-content'); | |
| const reelSymbols = ['🍒', '🍋', '🍊', '🍇', '💎', '7️⃣']; | |
| this.disabled = true; | |
| this.textContent = 'КРУТИМ...'; | |
| // Reset animation | |
| reels.forEach(reel => { | |
| reel.style.animation = 'none'; | |
| reel.offsetHeight; // Trigger reflow | |
| }); | |
| // Randomize symbols | |
| reels.forEach(reel => { | |
| const symbols = reel.querySelectorAll('div'); | |
| symbols.forEach((symbol, index) => { | |
| symbol.textContent = reelSymbols[Math.floor(Math.random() * reelSymbols.length)]; | |
| }); | |
| }); | |
| // Start spinning animation | |
| reels.forEach((reel, index) => { | |
| reel.style.animation = `spin 3s cubic-bezier(0.1, 0.7, 0.1, 1) ${index * 0.3}s forwards`; | |
| }); | |
| setTimeout(() => { | |
| this.disabled = false; | |
| this.textContent = 'КРУТИТЬ'; | |
| // Check for win | |
| const finalSymbols = Array.from(reels).map(reel => { | |
| return reel.querySelector('div').textContent; | |
| }); | |
| if (new Set(finalSymbols).size === 1) { // All symbols match | |
| alert(`Поздравляем! Вы выиграли с комбинацией ${finalSymbols[0]}!`); | |
| } | |
| }, 3500); | |
| }); | |
| // Header scroll effect with null check | |
| const header = document.getElementById('main-header'); | |
| if(header) { | |
| window.addEventListener('scroll', function() { | |
| if (window.scrollY > 20) { | |
| header.classList.add('bg-black/95', 'border-yellow-500/50'); | |
| header.classList.remove('bg-black/80'); | |
| } else { | |
| header.classList.remove('bg-black/95', 'border-yellow-500/50'); | |
| header.classList.add('bg-black/80'); | |
| } | |
| }); | |
| // Mobile menu toggle with null checks | |
| const menuToggle = document.getElementById('menu-toggle'); | |
| const mobileMenu = document.getElementById('mobile-menu'); | |
| if(menuToggle && mobileMenu) { | |
| let menuOpen = false; | |
| menuToggle.addEventListener('click', () => { | |
| menuOpen = !menuOpen; | |
| if (menuOpen) { | |
| mobileMenu.style.maxHeight = mobileMenu.scrollHeight + 'px'; | |
| menuToggle.innerHTML = '<i data-feather="x" class="w-6 h-6"></i>'; | |
| } else { | |
| mobileMenu.style.maxHeight = '0'; | |
| menuToggle.innerHTML = '<i data-feather="menu" class="w-6 h-6"></i>'; | |
| } | |
| replaceIcons(); | |
| }); | |
| // Close mobile menu on link click with null check | |
| const mobileLinks = document.querySelectorAll('.nav-link-mobile'); | |
| if(mobileLinks.length > 0) { | |
| mobileLinks.forEach(link => { | |
| link.addEventListener('click', () => { | |
| menuOpen = false; | |
| mobileMenu.style.maxHeight = '0'; | |
| menuToggle.innerHTML = '<i data-feather="menu" class="w-6 h-6"></i>'; | |
| replaceIcons(); | |
| }); | |
| }); | |
| // Nav-link hover animation with null check | |
| const navLinks = document.querySelectorAll('.nav-link'); | |
| if(navLinks.length > 0) { | |
| navLinks.forEach(link => { | |
| link.addEventListener('mouseenter', () => { | |
| link.classList.add('text-yellow-400'); | |
| }); | |
| link.addEventListener('mouseleave', () => { | |
| link.classList.remove('text-yellow-400'); | |
| }); | |
| }); | |
| } | |
| // Responsive viewport handling with null checks | |
| function handleViewport() { | |
| if(document.body) { | |
| document.body.style.minHeight = '100vh'; | |
| } | |
| const siteWrapper = document.querySelector('.site-wrapper'); | |
| if(siteWrapper) { | |
| siteWrapper.style.minHeight = 'calc(100vh - 70px)'; // Account for header | |
| } | |
| // Adjust table display on small screens | |
| const paymentTable = document.querySelector('.card-gradient table'); | |
| if (paymentTable) { | |
| if (window.innerWidth < 768) { | |
| paymentTable.classList.add('responsive-table'); | |
| } else { | |
| paymentTable.classList.remove('responsive-table'); | |
| } | |
| } | |
| } | |
| // Initialize only when DOM is fully loaded | |
| document.addEventListener('DOMContentLoaded', function() { | |
| // Initial call | |
| handleViewport(); | |
| // Update on resize with debounce | |
| let resizeTimer; | |
| window.addEventListener('resize', function() { | |
| clearTimeout(resizeTimer); | |
| resizeTimer = setTimeout(handleViewport, 250); | |
| }); | |
| // Responsive table handling | |
| const paymentTable = document.querySelector('.card-gradient table'); | |
| if (paymentTable && window.innerWidth < 768) { | |
| paymentTable.classList.add('payment-table'); | |
| } | |
| }); | |
| </script> | |
| </body> | |