Spaces:

timoon811
/

crash-whisperer-telegram-predictor

Running

App Files Files Community

timoon811 commited on Oct 19

Commit

dc9b9da

verified ·

1 Parent(s): 3c4dec9

фон темно зеленый ,а блоки чуть светлее, все сливается переделай

Browse files

Files changed (1) hide show

index.html +19 -22

index.html CHANGED Viewed

@@ -35,11 +35,10 @@
         }
     </style>
 </head>
-<body class="bg-gradient-to-b from-primary to-dark min-h-screen text-white font-sans">
     <!-- Animated Background -->
-    <div class="absolute inset-0 bg-green-900 opacity-10 z-0"></div>
-    <!-- Header -->
     <header class="relative z-10 py-6 px-4 sm:px-6 lg:px-8">
         <div class="max-w-7xl mx-auto flex justify-between items-center">
             <div class="flex items-center">
@@ -139,8 +138,8 @@
             </div>
             <div class="grid md:grid-cols-3 gap-8">
-                <div class="bg-green-900 bg-opacity-30 p-8 rounded-xl border border-green-700 hover:border-green-400 transition">
-                    <div class="w-14 h-14 bg-green-800 rounded-full flex items-center justify-center mb-6">
                         <i data-feather="bar-chart-2" class="w-6 h-6 text-green-300"></i>
                     </div>
                     <h3 class="text-xl font-bold mb-3">Real-time Analysis</h3>
@@ -166,16 +165,16 @@
         </section>
         <!-- Testimonials Section -->
-        <section id="testimonials" class="py-20 bg-green-900 bg-opacity-20">
-            <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
                 <div class="text-center mb-16">
                     <h2 class="text-3xl md:text-4xl font-bold mb-4">What Our Users Say</h2>
                     <p class="text-xl text-green-100 max-w-3xl mx-auto">Join thousands of players who multiplied their bankroll</p>
                 </div>
                 <div class="grid md:grid-cols-3 gap-8">
-                    <div class="bg-green-900 bg-opacity-30 p-8 rounded-xl">
-                        <div class="flex items-center mb-4">
                             <img src="http://static.photos/people/200x200/1" alt="User" class="w-12 h-12 rounded-full mr-4">
                             <div>
                                 <h4 class="font-bold">Mark T.</h4>
@@ -236,8 +235,8 @@
             </div>
             <div class="grid md:grid-cols-3 gap-8 max-w-5xl mx-auto">
-                <div class="bg-green-900 bg-opacity-30 p-8 rounded-xl border border-green-700">
-                    <h3 class="text-xl font-bold mb-2">7-Day Trial</h3>
                     <p class="text-green-300 text-3xl font-bold mb-4">$0</p>
                     <ul class="space-y-3 mb-8">
                         <li class="flex items-center text-green-100">
@@ -257,9 +256,8 @@
                         Start Free Trial
                     </a>
                 </div>
-                <div class="bg-green-900 bg-opacity-30 p-8 rounded-xl border-2 border-green-400 relative">
-                    <div class="absolute -top-3 left-1/2 transform -translate-x-1/2 bg-green-400 text-green-900 px-4 py-1 rounded-full text-sm font-bold">
                         MOST POPULAR
                     </div>
                     <h3 class="text-xl font-bold mb-2">Premium Monthly</h3>
@@ -286,9 +284,8 @@
                         Choose Plan
                     </a>
                 </div>
-                <div class="bg-green-900 bg-opacity-30 p-8 rounded-xl border border-green-700">
-                    <h3 class="text-xl font-bold mb-2">Annual Pro</h3>
                     <p class="text-green-300 text-3xl font-bold mb-4">$399<span class="text-lg text-green-100">/year</span></p>
                     <p class="text-green-400 text-sm mb-4">Save $189 vs monthly</p>
                     <ul class="space-y-3 mb-8">
@@ -336,8 +333,8 @@
         </section>
         <!-- Footer -->
-        <footer class="bg-green-900 py-12">
-            <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
                 <div class="grid md:grid-cols-4 gap-8">
                     <div class="md:col-span-2">
                         <div class="flex items-center mb-4">
@@ -376,8 +373,8 @@
                         </ul>
                     </div>
                 </div>
-                <div class="border-t border-green-800 mt-12 pt-8 text-center text-green-100">
-                    <p>© 2023 Crash Whisperer. All rights reserved.</p>
                     <p class="text-xs mt-2 text-green-400 opacity-70">Disclaimer: Gambling involves risk. Please gamble responsibly and only bet what you can afford to lose.</p>
                 </div>
             </div>

         }
     </style>
 </head>
+<body class="bg-gray-900 min-h-screen text-white font-sans">
     <!-- Animated Background -->
+    <div class="absolute inset-0 bg-green-900 opacity-5 z-0"></div>
+<!-- Header -->
     <header class="relative z-10 py-6 px-4 sm:px-6 lg:px-8">
         <div class="max-w-7xl mx-auto flex justify-between items-center">
             <div class="flex items-center">
             </div>
             <div class="grid md:grid-cols-3 gap-8">
+                <div class="bg-green-800 bg-opacity-80 p-8 rounded-xl border border-green-600 hover:border-green-300 transition shadow-lg">
+<div class="w-14 h-14 bg-green-800 rounded-full flex items-center justify-center mb-6">
                         <i data-feather="bar-chart-2" class="w-6 h-6 text-green-300"></i>
                     </div>
                     <h3 class="text-xl font-bold mb-3">Real-time Analysis</h3>
         </section>
         <!-- Testimonials Section -->
+        <section id="testimonials" class="py-20 bg-green-900 bg-opacity-30">
+<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
                 <div class="text-center mb-16">
                     <h2 class="text-3xl md:text-4xl font-bold mb-4">What Our Users Say</h2>
                     <p class="text-xl text-green-100 max-w-3xl mx-auto">Join thousands of players who multiplied their bankroll</p>
                 </div>
                 <div class="grid md:grid-cols-3 gap-8">
+                    <div class="bg-green-800 bg-opacity-90 p-8 rounded-xl shadow-md">
+<div class="flex items-center mb-4">
                             <img src="http://static.photos/people/200x200/1" alt="User" class="w-12 h-12 rounded-full mr-4">
                             <div>
                                 <h4 class="font-bold">Mark T.</h4>
             </div>
             <div class="grid md:grid-cols-3 gap-8 max-w-5xl mx-auto">
+                <div class="bg-green-800 bg-opacity-90 p-8 rounded-xl border border-green-600 shadow-md">
+<h3 class="text-xl font-bold mb-2">7-Day Trial</h3>
                     <p class="text-green-300 text-3xl font-bold mb-4">$0</p>
                     <ul class="space-y-3 mb-8">
                         <li class="flex items-center text-green-100">
                         Start Free Trial
                     </a>
                 </div>
+                <div class="bg-green-800 bg-opacity-90 p-8 rounded-xl border-2 border-green-300 relative shadow-lg">
+<div class="absolute -top-3 left-1/2 transform -translate-x-1/2 bg-green-400 text-green-900 px-4 py-1 rounded-full text-sm font-bold">
                         MOST POPULAR
                     </div>
                     <h3 class="text-xl font-bold mb-2">Premium Monthly</h3>
                         Choose Plan
                     </a>
                 </div>
+                <div class="bg-green-800 bg-opacity-90 p-8 rounded-xl border border-green-600 shadow-md">
+<h3 class="text-xl font-bold mb-2">Annual Pro</h3>
                     <p class="text-green-300 text-3xl font-bold mb-4">$399<span class="text-lg text-green-100">/year</span></p>
                     <p class="text-green-400 text-sm mb-4">Save $189 vs monthly</p>
                     <ul class="space-y-3 mb-8">
         </section>
         <!-- Footer -->
+        <footer class="bg-gray-800 py-12">
+<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
                 <div class="grid md:grid-cols-4 gap-8">
                     <div class="md:col-span-2">
                         <div class="flex items-center mb-4">
                         </ul>
                     </div>
                 </div>
+                <div class="border-t border-gray-700 mt-12 pt-8 text-center text-green-100">
+<p>© 2023 Crash Whisperer. All rights reserved.</p>
                     <p class="text-xs mt-2 text-green-400 opacity-70">Disclaimer: Gambling involves risk. Please gamble responsibly and only bet what you can afford to lose.</p>
                 </div>
             </div>