фон темно зеленый ,а блоки чуть светлее, все сливается переделай
Browse files- index.html +19 -22
index.html
CHANGED
|
@@ -35,11 +35,10 @@
|
|
| 35 |
}
|
| 36 |
</style>
|
| 37 |
</head>
|
| 38 |
-
<body class="bg-
|
| 39 |
<!-- Animated Background -->
|
| 40 |
-
<div class="absolute inset-0 bg-green-900 opacity-
|
| 41 |
-
|
| 42 |
-
<!-- Header -->
|
| 43 |
<header class="relative z-10 py-6 px-4 sm:px-6 lg:px-8">
|
| 44 |
<div class="max-w-7xl mx-auto flex justify-between items-center">
|
| 45 |
<div class="flex items-center">
|
|
@@ -139,8 +138,8 @@
|
|
| 139 |
</div>
|
| 140 |
|
| 141 |
<div class="grid md:grid-cols-3 gap-8">
|
| 142 |
-
<div class="bg-green-
|
| 143 |
-
|
| 144 |
<i data-feather="bar-chart-2" class="w-6 h-6 text-green-300"></i>
|
| 145 |
</div>
|
| 146 |
<h3 class="text-xl font-bold mb-3">Real-time Analysis</h3>
|
|
@@ -166,16 +165,16 @@
|
|
| 166 |
</section>
|
| 167 |
|
| 168 |
<!-- Testimonials Section -->
|
| 169 |
-
<section id="testimonials" class="py-20 bg-green-900 bg-opacity-
|
| 170 |
-
|
| 171 |
<div class="text-center mb-16">
|
| 172 |
<h2 class="text-3xl md:text-4xl font-bold mb-4">What Our Users Say</h2>
|
| 173 |
<p class="text-xl text-green-100 max-w-3xl mx-auto">Join thousands of players who multiplied their bankroll</p>
|
| 174 |
</div>
|
| 175 |
|
| 176 |
<div class="grid md:grid-cols-3 gap-8">
|
| 177 |
-
<div class="bg-green-
|
| 178 |
-
|
| 179 |
<img src="http://static.photos/people/200x200/1" alt="User" class="w-12 h-12 rounded-full mr-4">
|
| 180 |
<div>
|
| 181 |
<h4 class="font-bold">Mark T.</h4>
|
|
@@ -236,8 +235,8 @@
|
|
| 236 |
</div>
|
| 237 |
|
| 238 |
<div class="grid md:grid-cols-3 gap-8 max-w-5xl mx-auto">
|
| 239 |
-
<div class="bg-green-
|
| 240 |
-
|
| 241 |
<p class="text-green-300 text-3xl font-bold mb-4">$0</p>
|
| 242 |
<ul class="space-y-3 mb-8">
|
| 243 |
<li class="flex items-center text-green-100">
|
|
@@ -257,9 +256,8 @@
|
|
| 257 |
Start Free Trial
|
| 258 |
</a>
|
| 259 |
</div>
|
| 260 |
-
|
| 261 |
-
|
| 262 |
-
<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">
|
| 263 |
MOST POPULAR
|
| 264 |
</div>
|
| 265 |
<h3 class="text-xl font-bold mb-2">Premium Monthly</h3>
|
|
@@ -286,9 +284,8 @@
|
|
| 286 |
Choose Plan
|
| 287 |
</a>
|
| 288 |
</div>
|
| 289 |
-
|
| 290 |
-
|
| 291 |
-
<h3 class="text-xl font-bold mb-2">Annual Pro</h3>
|
| 292 |
<p class="text-green-300 text-3xl font-bold mb-4">$399<span class="text-lg text-green-100">/year</span></p>
|
| 293 |
<p class="text-green-400 text-sm mb-4">Save $189 vs monthly</p>
|
| 294 |
<ul class="space-y-3 mb-8">
|
|
@@ -336,8 +333,8 @@
|
|
| 336 |
</section>
|
| 337 |
|
| 338 |
<!-- Footer -->
|
| 339 |
-
<footer class="bg-
|
| 340 |
-
|
| 341 |
<div class="grid md:grid-cols-4 gap-8">
|
| 342 |
<div class="md:col-span-2">
|
| 343 |
<div class="flex items-center mb-4">
|
|
@@ -376,8 +373,8 @@
|
|
| 376 |
</ul>
|
| 377 |
</div>
|
| 378 |
</div>
|
| 379 |
-
<div class="border-t border-
|
| 380 |
-
|
| 381 |
<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>
|
| 382 |
</div>
|
| 383 |
</div>
|
|
|
|
| 35 |
}
|
| 36 |
</style>
|
| 37 |
</head>
|
| 38 |
+
<body class="bg-gray-900 min-h-screen text-white font-sans">
|
| 39 |
<!-- Animated Background -->
|
| 40 |
+
<div class="absolute inset-0 bg-green-900 opacity-5 z-0"></div>
|
| 41 |
+
<!-- Header -->
|
|
|
|
| 42 |
<header class="relative z-10 py-6 px-4 sm:px-6 lg:px-8">
|
| 43 |
<div class="max-w-7xl mx-auto flex justify-between items-center">
|
| 44 |
<div class="flex items-center">
|
|
|
|
| 138 |
</div>
|
| 139 |
|
| 140 |
<div class="grid md:grid-cols-3 gap-8">
|
| 141 |
+
<div class="bg-green-800 bg-opacity-80 p-8 rounded-xl border border-green-600 hover:border-green-300 transition shadow-lg">
|
| 142 |
+
<div class="w-14 h-14 bg-green-800 rounded-full flex items-center justify-center mb-6">
|
| 143 |
<i data-feather="bar-chart-2" class="w-6 h-6 text-green-300"></i>
|
| 144 |
</div>
|
| 145 |
<h3 class="text-xl font-bold mb-3">Real-time Analysis</h3>
|
|
|
|
| 165 |
</section>
|
| 166 |
|
| 167 |
<!-- Testimonials Section -->
|
| 168 |
+
<section id="testimonials" class="py-20 bg-green-900 bg-opacity-30">
|
| 169 |
+
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
| 170 |
<div class="text-center mb-16">
|
| 171 |
<h2 class="text-3xl md:text-4xl font-bold mb-4">What Our Users Say</h2>
|
| 172 |
<p class="text-xl text-green-100 max-w-3xl mx-auto">Join thousands of players who multiplied their bankroll</p>
|
| 173 |
</div>
|
| 174 |
|
| 175 |
<div class="grid md:grid-cols-3 gap-8">
|
| 176 |
+
<div class="bg-green-800 bg-opacity-90 p-8 rounded-xl shadow-md">
|
| 177 |
+
<div class="flex items-center mb-4">
|
| 178 |
<img src="http://static.photos/people/200x200/1" alt="User" class="w-12 h-12 rounded-full mr-4">
|
| 179 |
<div>
|
| 180 |
<h4 class="font-bold">Mark T.</h4>
|
|
|
|
| 235 |
</div>
|
| 236 |
|
| 237 |
<div class="grid md:grid-cols-3 gap-8 max-w-5xl mx-auto">
|
| 238 |
+
<div class="bg-green-800 bg-opacity-90 p-8 rounded-xl border border-green-600 shadow-md">
|
| 239 |
+
<h3 class="text-xl font-bold mb-2">7-Day Trial</h3>
|
| 240 |
<p class="text-green-300 text-3xl font-bold mb-4">$0</p>
|
| 241 |
<ul class="space-y-3 mb-8">
|
| 242 |
<li class="flex items-center text-green-100">
|
|
|
|
| 256 |
Start Free Trial
|
| 257 |
</a>
|
| 258 |
</div>
|
| 259 |
+
<div class="bg-green-800 bg-opacity-90 p-8 rounded-xl border-2 border-green-300 relative shadow-lg">
|
| 260 |
+
<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">
|
|
|
|
| 261 |
MOST POPULAR
|
| 262 |
</div>
|
| 263 |
<h3 class="text-xl font-bold mb-2">Premium Monthly</h3>
|
|
|
|
| 284 |
Choose Plan
|
| 285 |
</a>
|
| 286 |
</div>
|
| 287 |
+
<div class="bg-green-800 bg-opacity-90 p-8 rounded-xl border border-green-600 shadow-md">
|
| 288 |
+
<h3 class="text-xl font-bold mb-2">Annual Pro</h3>
|
|
|
|
| 289 |
<p class="text-green-300 text-3xl font-bold mb-4">$399<span class="text-lg text-green-100">/year</span></p>
|
| 290 |
<p class="text-green-400 text-sm mb-4">Save $189 vs monthly</p>
|
| 291 |
<ul class="space-y-3 mb-8">
|
|
|
|
| 333 |
</section>
|
| 334 |
|
| 335 |
<!-- Footer -->
|
| 336 |
+
<footer class="bg-gray-800 py-12">
|
| 337 |
+
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
| 338 |
<div class="grid md:grid-cols-4 gap-8">
|
| 339 |
<div class="md:col-span-2">
|
| 340 |
<div class="flex items-center mb-4">
|
|
|
|
| 373 |
</ul>
|
| 374 |
</div>
|
| 375 |
</div>
|
| 376 |
+
<div class="border-t border-gray-700 mt-12 pt-8 text-center text-green-100">
|
| 377 |
+
<p>© 2023 Crash Whisperer. All rights reserved.</p>
|
| 378 |
<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>
|
| 379 |
</div>
|
| 380 |
</div>
|