Spaces:
Running
Running
change the language translator to another place to get it functional and switch the places of the about us and pricing
Browse files- index.html +22 -22
index.html
CHANGED
|
@@ -66,37 +66,35 @@
|
|
| 66 |
<i data-feather="menu"></i>
|
| 67 |
</button>
|
| 68 |
</div>
|
| 69 |
-
|
| 70 |
<!-- Desktop Navigation -->
|
| 71 |
<div class="hidden md:flex items-center space-x-8">
|
| 72 |
<a href="index.html" class="text-white hover:text-yellow-500 transition">Home</a>
|
| 73 |
<a href="index.html#features" class="text-white hover:text-yellow-500 transition">Features</a>
|
| 74 |
-
<a href="index.html#pricing" class="text-white hover:text-yellow-500 transition">Pricing</a>
|
| 75 |
<a href="about.html" class="text-white hover:text-yellow-500 transition">About</a>
|
|
|
|
| 76 |
<a href="currency.html" class="text-white hover:text-yellow-500 transition">Currency</a>
|
| 77 |
<a href="events.html" class="text-white hover:text-yellow-500 transition">Events</a>
|
| 78 |
<a href="results.html" class="text-white hover:text-yellow-500 transition">Results</a>
|
| 79 |
</div>
|
| 80 |
-
<div class="flex items-center space-x-4">
|
| 81 |
-
|
| 82 |
-
|
| 83 |
-
|
| 84 |
-
|
| 85 |
-
|
| 86 |
-
<
|
| 87 |
-
|
| 88 |
-
<
|
| 89 |
-
|
| 90 |
-
|
| 91 |
-
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-down ml-1"><polyline points="6 9 12 15 18 9"></polyline></svg>
|
| 92 |
-
</button>
|
| 93 |
-
<div id="language-dropdown" class="hidden absolute right-0 mt-2 w-48 bg-black border border-yellow-500 rounded-lg shadow-lg py-1 z-50">
|
| 94 |
-
<a href="#" class="language-switch block px-4 py-2 text-white hover:bg-yellow-500 hover:text-black" data-lang="en">English</a>
|
| 95 |
-
<a href="#" class="language-switch block px-4 py-2 text-white hover:bg-yellow-500 hover:text-black" data-lang="es">Español</a>
|
| 96 |
-
<a href="#" class="language-switch block px-4 py-2 text-white hover:bg-yellow-500 hover:text-black" data-lang="fr">Français</a>
|
| 97 |
-
<a href="#" class="language-switch block px-4 py-2 text-white hover:bg-yellow-500 hover:text-black" data-lang="de">Deutsch</a>
|
| 98 |
-
</div>
|
| 99 |
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 100 |
<a href="login.html" class="bg-yellow-500 hover:bg-yellow-600 text-black font-bold px-4 py-2 rounded-lg transition flex items-center">
|
| 101 |
<i data-feather="user" class="mr-2"></i> Login
|
| 102 |
</a>
|
|
@@ -243,13 +241,15 @@ Get Started
|
|
| 243 |
</div>
|
| 244 |
</div>
|
| 245 |
</section>
|
|
|
|
|
|
|
| 246 |
<!-- Features Section -->
|
| 247 |
<section id="features" class="relative z-10 py-20 bg-black bg-opacity-90">
|
| 248 |
<div class="container mx-auto px-6">
|
| 249 |
<h2 class="text-4xl font-bold text-center mb-16 font-['Bebas+Neue'] tracking-wider">
|
| 250 |
<span class="text-yellow-500">TRAIN</span> <span class="text-red-500">YOUR</span> <span class="text-white">MIND</span>
|
| 251 |
</h2>
|
| 252 |
-
|
| 253 |
<!-- Feature 1 -->
|
| 254 |
<div class="bg-gradient-to-br from-black to-gray-900 p-8 rounded-xl border border-yellow-500 transform hover:scale-105 transition h-full flex flex-col">
|
| 255 |
<div class="w-16 h-16 bg-yellow-500 rounded-full flex items-center justify-center mb-6 mx-auto">
|
|
|
|
| 66 |
<i data-feather="menu"></i>
|
| 67 |
</button>
|
| 68 |
</div>
|
|
|
|
| 69 |
<!-- Desktop Navigation -->
|
| 70 |
<div class="hidden md:flex items-center space-x-8">
|
| 71 |
<a href="index.html" class="text-white hover:text-yellow-500 transition">Home</a>
|
| 72 |
<a href="index.html#features" class="text-white hover:text-yellow-500 transition">Features</a>
|
|
|
|
| 73 |
<a href="about.html" class="text-white hover:text-yellow-500 transition">About</a>
|
| 74 |
+
<a href="index.html#pricing" class="text-white hover:text-yellow-500 transition">Pricing</a>
|
| 75 |
<a href="currency.html" class="text-white hover:text-yellow-500 transition">Currency</a>
|
| 76 |
<a href="events.html" class="text-white hover:text-yellow-500 transition">Events</a>
|
| 77 |
<a href="results.html" class="text-white hover:text-yellow-500 transition">Results</a>
|
| 78 |
</div>
|
| 79 |
+
<div class="flex items-center space-x-4">
|
| 80 |
+
<div class="relative">
|
| 81 |
+
<button id="language-button" class="flex items-center space-x-1 bg-black bg-opacity-50 px-3 py-2 rounded-lg border border-yellow-500 hover:bg-yellow-500 hover:text-black transition">
|
| 82 |
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-globe mr-1"><circle cx="12" cy="12" r="10"></circle><line x1="2" y1="12" x2="22" y2="12"></line><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"></path></svg>
|
| 83 |
+
<span id="current-language">EN</span>
|
| 84 |
+
</button>
|
| 85 |
+
<div id="language-dropdown" class="hidden absolute right-0 mt-2 w-48 bg-black border border-yellow-500 rounded-lg shadow-lg py-1 z-50">
|
| 86 |
+
<a href="#" class="language-switch block px-4 py-2 text-white hover:bg-yellow-500 hover:text-black" data-lang="en">English</a>
|
| 87 |
+
<a href="#" class="language-switch block px-4 py-2 text-white hover:bg-yellow-500 hover:text-black" data-lang="es">Español</a>
|
| 88 |
+
<a href="#" class="language-switch block px-4 py-2 text-white hover:bg-yellow-500 hover:text-black" data-lang="fr">Français</a>
|
| 89 |
+
<a href="#" class="language-switch block px-4 py-2 text-white hover:bg-yellow-500 hover:text-black" data-lang="de">Deutsch</a>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 90 |
</div>
|
| 91 |
+
</div>
|
| 92 |
+
<div class="relative">
|
| 93 |
+
<button id="cart-button" class="flex items-center space-x-1 bg-black bg-opacity-50 px-3 py-2 rounded-lg border border-yellow-500 hover:bg-yellow-500 hover:text-black transition">
|
| 94 |
+
<i data-feather="shopping-cart" class="text-yellow-500 hover:text-black"></i>
|
| 95 |
+
<span id="cart-count" class="text-white">0</span>
|
| 96 |
+
</button>
|
| 97 |
+
</div>
|
| 98 |
<a href="login.html" class="bg-yellow-500 hover:bg-yellow-600 text-black font-bold px-4 py-2 rounded-lg transition flex items-center">
|
| 99 |
<i data-feather="user" class="mr-2"></i> Login
|
| 100 |
</a>
|
|
|
|
| 241 |
</div>
|
| 242 |
</div>
|
| 243 |
</section>
|
| 244 |
+
<!-- Pricing Section -->
|
| 245 |
+
<section id="pricing" class="relative z-10 py-20 bg-gradient-to-b from-black to-gray-900">
|
| 246 |
<!-- Features Section -->
|
| 247 |
<section id="features" class="relative z-10 py-20 bg-black bg-opacity-90">
|
| 248 |
<div class="container mx-auto px-6">
|
| 249 |
<h2 class="text-4xl font-bold text-center mb-16 font-['Bebas+Neue'] tracking-wider">
|
| 250 |
<span class="text-yellow-500">TRAIN</span> <span class="text-red-500">YOUR</span> <span class="text-white">MIND</span>
|
| 251 |
</h2>
|
| 252 |
+
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
|
| 253 |
<!-- Feature 1 -->
|
| 254 |
<div class="bg-gradient-to-br from-black to-gray-900 p-8 rounded-xl border border-yellow-500 transform hover:scale-105 transition h-full flex flex-col">
|
| 255 |
<div class="w-16 h-16 bg-yellow-500 rounded-full flex items-center justify-center mb-6 mx-auto">
|