Fazbeeer commited on
Commit
642a5cc
·
verified ·
1 Parent(s): 9a4c066

make the nav bar all the way to the left before the amplify logo. put the cart and language side by side

Browse files
Files changed (6) hide show
  1. about.html +2 -2
  2. currency.html +2 -2
  3. events.html +2 -2
  4. index.html +25 -2
  5. login.html +2 -2
  6. results.html +2 -2
about.html CHANGED
@@ -37,7 +37,7 @@
37
  <i data-feather="zap" class="text-yellow-500"></i>
38
  <span class="text-2xl font-bold font-['Bebas+Neue'] tracking-wider text-yellow-500">AMPLIFY</span>
39
  </div>
40
- <div class="hidden md:flex items-center space-x-8">
41
  <a href="index.html" class="text-white hover:text-yellow-500 transition">Home</a>
42
  <a href="index.html#features" class="text-white hover:text-yellow-500 transition">Features</a>
43
  <a href="index.html#pricing" class="text-white hover:text-yellow-500 transition">Pricing</a>
@@ -47,7 +47,7 @@
47
  <a href="results.html" class="text-white hover:text-yellow-500 transition">Results</a>
48
  </div>
49
  <div class="flex items-center space-x-4">
50
- <div class="relative group">
51
  <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">
52
  <i data-feather="globe" class="text-yellow-500 group-hover:text-black"></i>
53
  <span class="text-white group-hover:text-black">EN</span>
 
37
  <i data-feather="zap" class="text-yellow-500"></i>
38
  <span class="text-2xl font-bold font-['Bebas+Neue'] tracking-wider text-yellow-500">AMPLIFY</span>
39
  </div>
40
+ <div class="hidden md:flex items-center space-x-8 mr-auto">
41
  <a href="index.html" class="text-white hover:text-yellow-500 transition">Home</a>
42
  <a href="index.html#features" class="text-white hover:text-yellow-500 transition">Features</a>
43
  <a href="index.html#pricing" class="text-white hover:text-yellow-500 transition">Pricing</a>
 
47
  <a href="results.html" class="text-white hover:text-yellow-500 transition">Results</a>
48
  </div>
49
  <div class="flex items-center space-x-4">
50
+ <div class="relative group">
51
  <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">
52
  <i data-feather="globe" class="text-yellow-500 group-hover:text-black"></i>
53
  <span class="text-white group-hover:text-black">EN</span>
currency.html CHANGED
@@ -30,7 +30,7 @@
30
  <i data-feather="zap" class="text-yellow-500"></i>
31
  <span class="text-2xl font-bold font-['Bebas+Neue'] tracking-wider text-yellow-500">AMPLIFY</span>
32
  </div>
33
- <div class="hidden md:flex items-center space-x-8">
34
  <a href="index.html" class="text-white hover:text-yellow-500 transition">Home</a>
35
  <a href="index.html#features" class="text-white hover:text-yellow-500 transition">Features</a>
36
  <a href="index.html#pricing" class="text-white hover:text-yellow-500 transition">Pricing</a>
@@ -40,7 +40,7 @@
40
  <a href="results.html" class="text-white hover:text-yellow-500 transition">Results</a>
41
  </div>
42
  <div class="flex items-center space-x-4">
43
- <div class="relative group">
44
  <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">
45
  <i data-feather="globe" class="text-yellow-500 group-hover:text-black"></i>
46
  <span class="text-white group-hover:text-black">EN</span>
 
30
  <i data-feather="zap" class="text-yellow-500"></i>
31
  <span class="text-2xl font-bold font-['Bebas+Neue'] tracking-wider text-yellow-500">AMPLIFY</span>
32
  </div>
33
+ <div class="hidden md:flex items-center space-x-8 mr-auto">
34
  <a href="index.html" class="text-white hover:text-yellow-500 transition">Home</a>
35
  <a href="index.html#features" class="text-white hover:text-yellow-500 transition">Features</a>
36
  <a href="index.html#pricing" class="text-white hover:text-yellow-500 transition">Pricing</a>
 
40
  <a href="results.html" class="text-white hover:text-yellow-500 transition">Results</a>
41
  </div>
42
  <div class="flex items-center space-x-4">
43
+ <div class="relative group">
44
  <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">
45
  <i data-feather="globe" class="text-yellow-500 group-hover:text-black"></i>
46
  <span class="text-white group-hover:text-black">EN</span>
events.html CHANGED
@@ -34,7 +34,7 @@
34
  <i data-feather="zap" class="text-yellow-500"></i>
35
  <span class="text-2xl font-bold font-['Bebas+Neue'] tracking-wider text-yellow-500">AMPLIFY</span>
36
  </div>
37
- <div class="hidden md:flex items-center space-x-8">
38
  <a href="index.html" class="text-white hover:text-yellow-500 transition">Home</a>
39
  <a href="index.html#features" class="text-white hover:text-yellow-500 transition">Features</a>
40
  <a href="index.html#pricing" class="text-white hover:text-yellow-500 transition">Pricing</a>
@@ -44,7 +44,7 @@
44
  <a href="results.html" class="text-white hover:text-yellow-500 transition">Results</a>
45
  </div>
46
  <div class="flex items-center space-x-4">
47
- <div class="relative group">
48
  <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">
49
  <i data-feather="globe" class="text-yellow-500 group-hover:text-black"></i>
50
  <span class="text-white group-hover:text-black">EN</span>
 
34
  <i data-feather="zap" class="text-yellow-500"></i>
35
  <span class="text-2xl font-bold font-['Bebas+Neue'] tracking-wider text-yellow-500">AMPLIFY</span>
36
  </div>
37
+ <div class="hidden md:flex items-center space-x-8 mr-auto">
38
  <a href="index.html" class="text-white hover:text-yellow-500 transition">Home</a>
39
  <a href="index.html#features" class="text-white hover:text-yellow-500 transition">Features</a>
40
  <a href="index.html#pricing" class="text-white hover:text-yellow-500 transition">Pricing</a>
 
44
  <a href="results.html" class="text-white hover:text-yellow-500 transition">Results</a>
45
  </div>
46
  <div class="flex items-center space-x-4">
47
+ <div class="relative group">
48
  <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">
49
  <i data-feather="globe" class="text-yellow-500 group-hover:text-black"></i>
50
  <span class="text-white group-hover:text-black">EN</span>
index.html CHANGED
@@ -68,7 +68,7 @@
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>
@@ -78,7 +78,30 @@
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 group">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
82
  <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="globe" class="text-yellow-500 group-hover:text-black"></i>
84
  <span class="text-white group-hover:text-black">EN</span>
 
68
  </div>
69
 
70
  <!-- Desktop Navigation -->
71
+ <div class="hidden md:flex items-center space-x-8 mr-auto">
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>
 
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
+ =======
88
+ <div class="hidden md:flex items-center space-x-8 mr-auto">
89
+ <a href="index.html" class="text-white hover:text-yellow-500 transition">Home</a>
90
+ <a href="index.html#features" class="text-white hover:text-yellow-500 transition">Features</a>
91
+ <a href="index.html#pricing" class="text-white hover:text-yellow-500 transition">Pricing</a>
92
+ <a href="about.html" class="text-white hover:text-yellow-500 transition">About</a>
93
+ <a href="currency.html" class="text-white hover:text-yellow-500 transition">Currency</a>
94
+ <a href="events.html" class="text-white hover:text-yellow-500 transition">Events</a>
95
+ <a href="results.html" class="text-white hover:text-yellow-500 transition">Results</a>
96
+ </div>
97
+ <div class="flex items-center space-x-4">
98
+ <div class="relative">
99
+ <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">
100
+ <i data-feather="shopping-cart" class="text-yellow-500 hover:text-black"></i>
101
+ <span id="cart-count" class="text-white">0</span>
102
+ </button>
103
+ </div>
104
+ <div class="relative group">
105
  <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">
106
  <i data-feather="globe" class="text-yellow-500 group-hover:text-black"></i>
107
  <span class="text-white group-hover:text-black">EN</span>
login.html CHANGED
@@ -32,7 +32,7 @@
32
  <i data-feather="zap" class="text-yellow-500"></i>
33
  <span class="text-2xl font-bold font-['Bebas+Neue'] tracking-wider text-yellow-500">AMPLIFY</span>
34
  </div>
35
- <div class="hidden md:flex items-center space-x-8">
36
  <a href="index.html" class="text-white hover:text-yellow-500 transition">Home</a>
37
  <a href="index.html#features" class="text-white hover:text-yellow-500 transition">Features</a>
38
  <a href="index.html#pricing" class="text-white hover:text-yellow-500 transition">Pricing</a>
@@ -42,7 +42,7 @@
42
  <a href="results.html" class="text-white hover:text-yellow-500 transition">Results</a>
43
  </div>
44
  <div class="flex items-center space-x-4">
45
- <div class="relative group">
46
  <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">
47
  <i data-feather="globe" class="text-yellow-500 group-hover:text-black"></i>
48
  <span class="text-white group-hover:text-black">EN</span>
 
32
  <i data-feather="zap" class="text-yellow-500"></i>
33
  <span class="text-2xl font-bold font-['Bebas+Neue'] tracking-wider text-yellow-500">AMPLIFY</span>
34
  </div>
35
+ <div class="hidden md:flex items-center space-x-8 mr-auto">
36
  <a href="index.html" class="text-white hover:text-yellow-500 transition">Home</a>
37
  <a href="index.html#features" class="text-white hover:text-yellow-500 transition">Features</a>
38
  <a href="index.html#pricing" class="text-white hover:text-yellow-500 transition">Pricing</a>
 
42
  <a href="results.html" class="text-white hover:text-yellow-500 transition">Results</a>
43
  </div>
44
  <div class="flex items-center space-x-4">
45
+ <div class="relative group">
46
  <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">
47
  <i data-feather="globe" class="text-yellow-500 group-hover:text-black"></i>
48
  <span class="text-white group-hover:text-black">EN</span>
results.html CHANGED
@@ -36,7 +36,7 @@
36
  <i data-feather="zap" class="text-yellow-500"></i>
37
  <span class="text-2xl font-bold font-['Bebas+Neue'] tracking-wider text-yellow-500">AMPLIFY</span>
38
  </div>
39
- <div class="hidden md:flex items-center space-x-8">
40
  <a href="index.html" class="text-white hover:text-yellow-500 transition">Home</a>
41
  <a href="index.html#features" class="text-white hover:text-yellow-500 transition">Features</a>
42
  <a href="index.html#pricing" class="text-white hover:text-yellow-500 transition">Pricing</a>
@@ -46,7 +46,7 @@
46
  <a href="results.html" class="text-yellow-500 hover:text-yellow-400 transition">Results</a>
47
  </div>
48
  <div class="flex items-center space-x-4">
49
- <div class="relative group">
50
  <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">
51
  <i data-feather="globe" class="text-yellow-500 group-hover:text-black"></i>
52
  <span class="text-white group-hover:text-black">EN</span>
 
36
  <i data-feather="zap" class="text-yellow-500"></i>
37
  <span class="text-2xl font-bold font-['Bebas+Neue'] tracking-wider text-yellow-500">AMPLIFY</span>
38
  </div>
39
+ <div class="hidden md:flex items-center space-x-8 mr-auto">
40
  <a href="index.html" class="text-white hover:text-yellow-500 transition">Home</a>
41
  <a href="index.html#features" class="text-white hover:text-yellow-500 transition">Features</a>
42
  <a href="index.html#pricing" class="text-white hover:text-yellow-500 transition">Pricing</a>
 
46
  <a href="results.html" class="text-yellow-500 hover:text-yellow-400 transition">Results</a>
47
  </div>
48
  <div class="flex items-center space-x-4">
49
+ <div class="relative group">
50
  <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">
51
  <i data-feather="globe" class="text-yellow-500 group-hover:text-black"></i>
52
  <span class="text-white group-hover:text-black">EN</span>