Spaces:

2026casino
/

undefined

Running

App Files Files Community

Aleksandr Sashka commited on Oct 10, 2025

Commit

cd90fb9

verified ·

1 Parent(s): 093304e

сделай адаптацию и убери смещения макета

Browse files

Files changed (1) hide show

index.html +29 -23

index.html CHANGED Viewed

@@ -23,10 +23,16 @@
             max-width: 1200px;
             margin: 0 auto;
             position: relative;
         }
         .header-container {
-            width: 1200px;
             margin: 0 auto;
         }
 .bebas {
             font-family: 'Montserrat', sans-serif;
@@ -36,14 +42,15 @@
             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);
         }
-        .btn-gold {
             background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);
             color: #000;
             font-weight: 700;
@@ -135,7 +142,7 @@
     </style>
 </head>
 <body class="text-white">
-    <div class="site-wrapper">
 <!-- Header -->
     <header class="fixed top-0 w-full z-50 bg-black/90 backdrop-blur-md border-b border-yellow-600">
         <nav class="header-container px-4 py-4">
@@ -146,41 +153,40 @@
                     </div>
                     <h1 class="bebas text-3xl gold-text">AZINO 777</h1>
                 </div>
-                <div class="hidden md:flex items-center space-x-8">
-                    <a href="#games" class="nav-link hover:text-yellow-400">Игры</a>
                     <a href="#bonuses" class="nav-link hover:text-yellow-400">Бонусы</a>
                     <a href="#mobile" class="nav-link hover:text-yellow-400">Мобильная версия</a>
                     <a href="#support" class="nav-link hover:text-yellow-400">Поддержка</a>
                 </div>
                 <div class="flex items-center space-x-4">
-                    <button class="btn-gold">Войти</button>
-                    <button class="bg-gradient-to-r from-red-600 to-red-800 px-6 py-3 rounded-full font-bold hover:from-red-700 hover:to-red-900 transition-all">
-                        Регистрация
-                    </button>
-                </div>
             </div>
         </nav>
     </header>
     <!-- Hero Section -->
     <section class="pt-24 pb-16 relative overflow-hidden">
-        <div class="absolute inset-0 opacity-20">
-            <div class="absolute top-10 left-10 w-32 h-32 border-4 border-yellow-500 rounded-full floating"></div>
-            <div class="absolute bottom-10 right-10 w-24 h-24 border-4 border-yellow-500 rotate-45 floating" style="animation-delay: 1s;"></div>
         </div>
-        <div class="site-wrapper px-4 relative z-10">
 <div class="grid md:grid-cols-2 gap-12 items-center">
                 <div>
                     <h2 class="bebas text-5xl md:text-7xl gold-text mb-6">
                         АЗИНО 777
                     </h2>
-                    <p class="text-xl mb-8 text-gray-300">
-                        Официальное казино с бонусами, играми и максимальной безопасностью для вашего удовольствия
                     </p>
-                    <div class="flex flex-wrap gap-4 mb-8">
-                        <div class="flex items-center space-x-2">
                             <i data-feather="shield" class="w-5 h-5 text-yellow-400"></i>
                             <span>100% Безопасно</span>
                         </div>
@@ -193,8 +199,8 @@
                             <span>Мобильная версия</span>
                         </div>
                     </div>
-                    <div class="flex flex-wrap gap-4">
-                        <button class="btn-gold text-lg pulse-gold">
                             Играть сейчас
                         </button>
                         <button class="border-2 border-yellow-500 px-8 py-3 rounded-full font-bold hover:bg-yellow-500 hover:text-black transition-all">

             max-width: 1200px;
             margin: 0 auto;
             position: relative;
+            padding: 0 15px;
+            width: 100%;
+            box-sizing: border-box;
         }
         .header-container {
+            max-width: 1200px;
             margin: 0 auto;
+            width: 100%;
+            padding: 0 15px;
+            box-sizing: border-box;
         }
 .bebas {
             font-family: 'Montserrat', sans-serif;
             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;
     </style>
 </head>
 <body class="text-white">
+    <div class="site-wrapper w-full">
 <!-- Header -->
     <header class="fixed top-0 w-full z-50 bg-black/90 backdrop-blur-md border-b border-yellow-600">
         <nav class="header-container px-4 py-4">
                     </div>
                     <h1 class="bebas text-3xl gold-text">AZINO 777</h1>
                 </div>
+                <div class="hidden lg:flex items-center space-x-8">
+<a href="#games" class="nav-link hover:text-yellow-400">Игры</a>
                     <a href="#bonuses" class="nav-link hover:text-yellow-400">Бонусы</a>
                     <a href="#mobile" class="nav-link hover:text-yellow-400">Мобильная версия</a>
                     <a href="#support" class="nav-link hover:text-yellow-400">Поддержка</a>
                 </div>
                 <div class="flex items-center space-x-4">
+                <button class="btn-gold whitespace-nowrap">Войти</button>
+                <button class="bg-gradient-to-r from-red-600 to-red-800 px-4 md:px-6 py-2 md:py-3 rounded-full font-bold hover:from-red-700 hover:to-red-900 transition-all whitespace-nowrap">
+                    Регистрация
+                </button>
+</div>
             </div>
         </nav>
     </header>
     <!-- Hero Section -->
     <section class="pt-24 pb-16 relative overflow-hidden">
+        <div class="absolute inset-0 opacity-20 overflow-hidden">
+            <div class="absolute top-10 left-10 w-32 h-32 border-4 border-yellow-500 rounded-full floating hidden md:block"></div>
+            <div class="absolute bottom-10 right-10 w-24 h-24 border-4 border-yellow-500 rotate-45 floating hidden md:block" style="animation-delay: 1s;"></div>
         </div>
+<div class="site-wrapper px-4 relative z-10">
 <div class="grid md:grid-cols-2 gap-12 items-center">
                 <div>
                     <h2 class="bebas text-5xl md:text-7xl gold-text mb-6">
                         АЗИНО 777
                     </h2>
+                    <p class="text-lg md:text-xl mb-8 text-gray-300">
+Официальное казино с бонусами, играми и максимальной безопасностью для вашего удовольствия
                     </p>
+                    <div class="flex flex-wrap gap-2 md:gap-4 mb-8 justify-center md:justify-start">
+<div class="flex items-center space-x-2">
                             <i data-feather="shield" class="w-5 h-5 text-yellow-400"></i>
                             <span>100% Безопасно</span>
                         </div>
                             <span>Мобильная версия</span>
                         </div>
                     </div>
+                    <div class="flex flex-wrap gap-2 md:gap-4 justify-center md:justify-start">
+<button class="btn-gold text-lg pulse-gold">
                             Играть сейчас
                         </button>
                         <button class="border-2 border-yellow-500 px-8 py-3 rounded-full font-bold hover:bg-yellow-500 hover:text-black transition-all">