Fazbeeer commited on
Commit
f5ae99a
·
verified ·
1 Parent(s): 9ba9af9

change the language translator to another place to get it functional and switch the places of the about us and pricing

Browse files
Files changed (1) hide show
  1. 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
- <div class="relative">
82
- <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">
83
- <i data-feather="shopping-cart" class="text-yellow-500 hover:text-black"></i>
84
- <span id="cart-count" class="text-white">0</span>
85
- </button>
86
- </div>
87
- <div class="relative">
88
- <button id="language-button" class="flex items-center space-x-1 bg-yellow-500 hover:bg-yellow-600 text-black px-4 py-2 rounded-lg transition">
89
- <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>
90
- <span id="current-language">EN</span>
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
- <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">
 
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">