Hugging Face's logo

Spaces:
2025Amplify
/
Amplify.com
Running

App Files Community
Fazbeeer commited on
Commit
0a185ac
·
verified ·
1 Parent(s): 6687ee9

put the nav bar to the right

Browse files
Files changed (6) hide show
  1. about.html +51 -3
  2. currency.html +51 -3
  3. events.html +51 -3
  4. index.html +4 -4
  5. login.html +51 -3
  6. results.html +51 -3
about.html CHANGED
@@ -28,10 +28,58 @@
28
  <body class="bg-black text-white font-['Montserrat']">
29
  <!-- Vanta.js Background -->
30
  <div id="vanta-bg" class="fixed top-0 left-0 w-full h-full z-0"></div>
31
-
32
  <!-- Navigation -->
33
- <nav class="relative z-10 bg-black bg-opacity-80 border-b border-gold-500">
34
- <div class="container mx-auto px-6 py-4">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
35
  <div class="flex justify-between items-center">
36
  <div class="flex items-center space-x-2">
37
  <i data-feather="zap" class="text-yellow-500"></i>
 
28
  <body class="bg-black text-white font-['Montserrat']">
29
  <!-- Vanta.js Background -->
30
  <div id="vanta-bg" class="fixed top-0 left-0 w-full h-full z-0"></div>
 
31
  <!-- Navigation -->
32
+ <nav class="fixed right-0 z-10 bg-black bg-opacity-80 border-l border-gold-500 h-full w-64">
33
+ <div class="p-6">
34
+ <div class="flex items-center space-x-2 mb-8">
35
+ <i data-feather="zap" class="text-yellow-500"></i>
36
+ <span class="text-2xl font-bold font-['Bebas+Neue'] tracking-wider text-yellow-500">AMPLIFY</span>
37
+ </div>
38
+
39
+ <!-- Vertical Navigation -->
40
+ <div class="flex flex-col space-y-4">
41
+ <a href="index.html" class="text-white hover:text-yellow-500 transition flex items-center space-x-2">
42
+ <i data-feather="home" class="w-5 h-5"></i>
43
+ <span>Home</span>
44
+ </a>
45
+ <a href="index.html#features" class="text-white hover:text-yellow-500 transition flex items-center space-x-2">
46
+ <i data-feather="zap" class="w-5 h-5"></i>
47
+ <span>Features</span>
48
+ </a>
49
+ <a href="index.html#pricing" class="text-white hover:text-yellow-500 transition flex items-center space-x-2">
50
+ <i data-feather="dollar-sign" class="w-5 h-5"></i>
51
+ <span>Pricing</span>
52
+ </a>
53
+ <a href="about.html" class="text-white hover:text-yellow-500 transition flex items-center space-x-2">
54
+ <i data-feather="info" class="w-5 h-5"></i>
55
+ <span>About</span>
56
+ </a>
57
+ <a href="currency.html" class="text-white hover:text-yellow-500 transition flex items-center space-x-2">
58
+ <i data-feather="dollar-sign" class="w-5 h-5"></i>
59
+ <span>Currency</span>
60
+ </a>
61
+ <a href="events.html" class="text-white hover:text-yellow-500 transition flex items-center space-x-2">
62
+ <i data-feather="calendar" class="w-5 h-5"></i>
63
+ <span>Events</span>
64
+ </a>
65
+ <a href="results.html" class="text-white hover:text-yellow-500 transition flex items-center space-x-2">
66
+ <i data-feather="award" class="w-5 h-5"></i>
67
+ <span>Results</span>
68
+ </a>
69
+ </div>
70
+
71
+ <div class="mt-8 pt-6 border-t border-gray-800">
72
+ <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 justify-center space-x-2">
73
+ <i data-feather="user" class="w-5 h-5"></i>
74
+ <span>Login</span>
75
+ </a>
76
+ </div>
77
+ </div>
78
+ </nav>
79
+
80
+ <!-- Main content needs right margin to account for sidebar -->
81
+ <main class="mr-64">
82
+ <div class="container mx-auto px-6 py-4">
83
  <div class="flex justify-between items-center">
84
  <div class="flex items-center space-x-2">
85
  <i data-feather="zap" class="text-yellow-500"></i>
currency.html CHANGED
@@ -21,10 +21,58 @@
21
  <body class="bg-black text-white font-['Montserrat']">
22
  <!-- Vanta.js Background -->
23
  <div id="vanta-bg" class="fixed top-0 left-0 w-full h-full z-0"></div>
24
-
25
  <!-- Navigation -->
26
- <nav class="relative z-10 bg-black bg-opacity-80 border-b border-gold-500">
27
- <div class="container mx-auto px-6 py-4">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
28
  <div class="flex justify-between items-center">
29
  <div class="flex items-center space-x-2">
30
  <i data-feather="zap" class="text-yellow-500"></i>
 
21
  <body class="bg-black text-white font-['Montserrat']">
22
  <!-- Vanta.js Background -->
23
  <div id="vanta-bg" class="fixed top-0 left-0 w-full h-full z-0"></div>
 
24
  <!-- Navigation -->
25
+ <nav class="fixed right-0 z-10 bg-black bg-opacity-80 border-l border-gold-500 h-full w-64">
26
+ <div class="p-6">
27
+ <div class="flex items-center space-x-2 mb-8">
28
+ <i data-feather="zap" class="text-yellow-500"></i>
29
+ <span class="text-2xl font-bold font-['Bebas+Neue'] tracking-wider text-yellow-500">AMPLIFY</span>
30
+ </div>
31
+
32
+ <!-- Vertical Navigation -->
33
+ <div class="flex flex-col space-y-4">
34
+ <a href="index.html" class="text-white hover:text-yellow-500 transition flex items-center space-x-2">
35
+ <i data-feather="home" class="w-5 h-5"></i>
36
+ <span>Home</span>
37
+ </a>
38
+ <a href="index.html#features" class="text-white hover:text-yellow-500 transition flex items-center space-x-2">
39
+ <i data-feather="zap" class="w-5 h-5"></i>
40
+ <span>Features</span>
41
+ </a>
42
+ <a href="index.html#pricing" class="text-white hover:text-yellow-500 transition flex items-center space-x-2">
43
+ <i data-feather="dollar-sign" class="w-5 h-5"></i>
44
+ <span>Pricing</span>
45
+ </a>
46
+ <a href="about.html" class="text-white hover:text-yellow-500 transition flex items-center space-x-2">
47
+ <i data-feather="info" class="w-5 h-5"></i>
48
+ <span>About</span>
49
+ </a>
50
+ <a href="currency.html" class="text-white hover:text-yellow-500 transition flex items-center space-x-2">
51
+ <i data-feather="dollar-sign" class="w-5 h-5"></i>
52
+ <span>Currency</span>
53
+ </a>
54
+ <a href="events.html" class="text-white hover:text-yellow-500 transition flex items-center space-x-2">
55
+ <i data-feather="calendar" class="w-5 h-5"></i>
56
+ <span>Events</span>
57
+ </a>
58
+ <a href="results.html" class="text-white hover:text-yellow-500 transition flex items-center space-x-2">
59
+ <i data-feather="award" class="w-5 h-5"></i>
60
+ <span>Results</span>
61
+ </a>
62
+ </div>
63
+
64
+ <div class="mt-8 pt-6 border-t border-gray-800">
65
+ <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 justify-center space-x-2">
66
+ <i data-feather="user" class="w-5 h-5"></i>
67
+ <span>Login</span>
68
+ </a>
69
+ </div>
70
+ </div>
71
+ </nav>
72
+
73
+ <!-- Main content needs right margin to account for sidebar -->
74
+ <main class="mr-64">
75
+ <div class="container mx-auto px-6 py-4">
76
  <div class="flex justify-between items-center">
77
  <div class="flex items-center space-x-2">
78
  <i data-feather="zap" class="text-yellow-500"></i>
events.html CHANGED
@@ -25,10 +25,58 @@
25
  <body class="bg-black text-white font-['Montserrat']">
26
  <!-- Vanta.js Background -->
27
  <div id="vanta-bg" class="fixed top-0 left-0 w-full h-full z-0"></div>
28
-
29
  <!-- Navigation -->
30
- <nav class="relative z-10 bg-black bg-opacity-80 border-b border-gold-500">
31
- <div class="container mx-auto px-6 py-4">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
32
  <div class="flex justify-between items-center">
33
  <div class="flex items-center space-x-2">
34
  <i data-feather="zap" class="text-yellow-500"></i>
 
25
  <body class="bg-black text-white font-['Montserrat']">
26
  <!-- Vanta.js Background -->
27
  <div id="vanta-bg" class="fixed top-0 left-0 w-full h-full z-0"></div>
 
28
  <!-- Navigation -->
29
+ <nav class="fixed right-0 z-10 bg-black bg-opacity-80 border-l border-gold-500 h-full w-64">
30
+ <div class="p-6">
31
+ <div class="flex items-center space-x-2 mb-8">
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
+
36
+ <!-- Vertical Navigation -->
37
+ <div class="flex flex-col space-y-4">
38
+ <a href="index.html" class="text-white hover:text-yellow-500 transition flex items-center space-x-2">
39
+ <i data-feather="home" class="w-5 h-5"></i>
40
+ <span>Home</span>
41
+ </a>
42
+ <a href="index.html#features" class="text-white hover:text-yellow-500 transition flex items-center space-x-2">
43
+ <i data-feather="zap" class="w-5 h-5"></i>
44
+ <span>Features</span>
45
+ </a>
46
+ <a href="index.html#pricing" class="text-white hover:text-yellow-500 transition flex items-center space-x-2">
47
+ <i data-feather="dollar-sign" class="w-5 h-5"></i>
48
+ <span>Pricing</span>
49
+ </a>
50
+ <a href="about.html" class="text-white hover:text-yellow-500 transition flex items-center space-x-2">
51
+ <i data-feather="info" class="w-5 h-5"></i>
52
+ <span>About</span>
53
+ </a>
54
+ <a href="currency.html" class="text-white hover:text-yellow-500 transition flex items-center space-x-2">
55
+ <i data-feather="dollar-sign" class="w-5 h-5"></i>
56
+ <span>Currency</span>
57
+ </a>
58
+ <a href="events.html" class="text-white hover:text-yellow-500 transition flex items-center space-x-2">
59
+ <i data-feather="calendar" class="w-5 h-5"></i>
60
+ <span>Events</span>
61
+ </a>
62
+ <a href="results.html" class="text-white hover:text-yellow-500 transition flex items-center space-x-2">
63
+ <i data-feather="award" class="w-5 h-5"></i>
64
+ <span>Results</span>
65
+ </a>
66
+ </div>
67
+
68
+ <div class="mt-8 pt-6 border-t border-gray-800">
69
+ <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 justify-center space-x-2">
70
+ <i data-feather="user" class="w-5 h-5"></i>
71
+ <span>Login</span>
72
+ </a>
73
+ </div>
74
+ </div>
75
+ </nav>
76
+
77
+ <!-- Main content needs right margin to account for sidebar -->
78
+ <main class="mr-64">
79
+ <div class="container mx-auto px-6 py-4">
80
  <div class="flex justify-between items-center">
81
  <div class="flex items-center space-x-2">
82
  <i data-feather="zap" class="text-yellow-500"></i>
index.html CHANGED
@@ -52,9 +52,9 @@
52
  </div>
53
  </div>
54
  <!-- Navigation -->
55
- <nav class="fixed z-10 bg-black bg-opacity-80 border-r border-gold-500 h-full w-64">
56
  <div class="p-6">
57
- <div class="flex items-center space-x-2 mb-8">
58
  <i data-feather="zap" class="text-yellow-500"></i>
59
  <span class="text-2xl font-bold font-['Bebas+Neue'] tracking-wider text-yellow-500">AMPLIFY</span>
60
  </div>
@@ -585,8 +585,8 @@ Start 7-Day Free Trial
585
  </div>
586
  </footer>
587
  </main>
588
- <!-- Main content needs left margin to account for sidebar -->
589
- <main class="ml-64">
590
  <!-- Add i18next libraries -->
591
  <script src="https://unpkg.com/i18next/dist/umd/i18next.min.js"></script>
592
  <script src="https://unpkg.com/i18next-browser-languagedetector/i18nextBrowserLanguageDetector.js"></script>
 
52
  </div>
53
  </div>
54
  <!-- Navigation -->
55
+ <nav class="fixed right-0 z-10 bg-black bg-opacity-80 border-l border-gold-500 h-full w-64">
56
  <div class="p-6">
57
+ <div class="flex items-center space-x-2 mb-8">
58
  <i data-feather="zap" class="text-yellow-500"></i>
59
  <span class="text-2xl font-bold font-['Bebas+Neue'] tracking-wider text-yellow-500">AMPLIFY</span>
60
  </div>
 
585
  </div>
586
  </footer>
587
  </main>
588
+ <!-- Main content needs right margin to account for sidebar -->
589
+ <main class="mr-64">
590
  <!-- Add i18next libraries -->
591
  <script src="https://unpkg.com/i18next/dist/umd/i18next.min.js"></script>
592
  <script src="https://unpkg.com/i18next-browser-languagedetector/i18nextBrowserLanguageDetector.js"></script>
login.html CHANGED
@@ -23,10 +23,58 @@
23
  <body class="bg-black text-white font-['Montserrat']">
24
  <!-- Vanta.js Background -->
25
  <div id="vanta-bg" class="fixed top-0 left-0 w-full h-full z-0"></div>
26
-
27
  <!-- Navigation -->
28
- <nav class="relative z-10 bg-black bg-opacity-80 border-b border-gold-500">
29
- <div class="container mx-auto px-6 py-4">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
30
  <div class="flex justify-between items-center">
31
  <div class="flex items-center space-x-2">
32
  <i data-feather="zap" class="text-yellow-500"></i>
 
23
  <body class="bg-black text-white font-['Montserrat']">
24
  <!-- Vanta.js Background -->
25
  <div id="vanta-bg" class="fixed top-0 left-0 w-full h-full z-0"></div>
 
26
  <!-- Navigation -->
27
+ <nav class="fixed right-0 z-10 bg-black bg-opacity-80 border-l border-gold-500 h-full w-64">
28
+ <div class="p-6">
29
+ <div class="flex items-center space-x-2 mb-8">
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
+
34
+ <!-- Vertical Navigation -->
35
+ <div class="flex flex-col space-y-4">
36
+ <a href="index.html" class="text-white hover:text-yellow-500 transition flex items-center space-x-2">
37
+ <i data-feather="home" class="w-5 h-5"></i>
38
+ <span>Home</span>
39
+ </a>
40
+ <a href="index.html#features" class="text-white hover:text-yellow-500 transition flex items-center space-x-2">
41
+ <i data-feather="zap" class="w-5 h-5"></i>
42
+ <span>Features</span>
43
+ </a>
44
+ <a href="index.html#pricing" class="text-white hover:text-yellow-500 transition flex items-center space-x-2">
45
+ <i data-feather="dollar-sign" class="w-5 h-5"></i>
46
+ <span>Pricing</span>
47
+ </a>
48
+ <a href="about.html" class="text-white hover:text-yellow-500 transition flex items-center space-x-2">
49
+ <i data-feather="info" class="w-5 h-5"></i>
50
+ <span>About</span>
51
+ </a>
52
+ <a href="currency.html" class="text-white hover:text-yellow-500 transition flex items-center space-x-2">
53
+ <i data-feather="dollar-sign" class="w-5 h-5"></i>
54
+ <span>Currency</span>
55
+ </a>
56
+ <a href="events.html" class="text-white hover:text-yellow-500 transition flex items-center space-x-2">
57
+ <i data-feather="calendar" class="w-5 h-5"></i>
58
+ <span>Events</span>
59
+ </a>
60
+ <a href="results.html" class="text-white hover:text-yellow-500 transition flex items-center space-x-2">
61
+ <i data-feather="award" class="w-5 h-5"></i>
62
+ <span>Results</span>
63
+ </a>
64
+ </div>
65
+
66
+ <div class="mt-8 pt-6 border-t border-gray-800">
67
+ <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 justify-center space-x-2">
68
+ <i data-feather="user" class="w-5 h-5"></i>
69
+ <span>Login</span>
70
+ </a>
71
+ </div>
72
+ </div>
73
+ </nav>
74
+
75
+ <!-- Main content needs right margin to account for sidebar -->
76
+ <main class="mr-64">
77
+ <div class="container mx-auto px-6 py-4">
78
  <div class="flex justify-between items-center">
79
  <div class="flex items-center space-x-2">
80
  <i data-feather="zap" class="text-yellow-500"></i>
results.html CHANGED
@@ -27,10 +27,58 @@
27
  <body class="bg-black text-white font-['Montserrat']">
28
  <!-- Vanta.js Background -->
29
  <div id="vanta-bg" class="fixed top-0 left-0 w-full h-full z-0"></div>
30
-
31
  <!-- Navigation -->
32
- <nav class="relative z-10 bg-black bg-opacity-80 border-b border-gold-500">
33
- <div class="container mx-auto px-6 py-4">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
34
  <div class="flex justify-between items-center">
35
  <div class="flex items-center space-x-2">
36
  <i data-feather="zap" class="text-yellow-500"></i>
 
27
  <body class="bg-black text-white font-['Montserrat']">
28
  <!-- Vanta.js Background -->
29
  <div id="vanta-bg" class="fixed top-0 left-0 w-full h-full z-0"></div>
 
30
  <!-- Navigation -->
31
+ <nav class="fixed right-0 z-10 bg-black bg-opacity-80 border-l border-gold-500 h-full w-64">
32
+ <div class="p-6">
33
+ <div class="flex items-center space-x-2 mb-8">
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
+
38
+ <!-- Vertical Navigation -->
39
+ <div class="flex flex-col space-y-4">
40
+ <a href="index.html" class="text-white hover:text-yellow-500 transition flex items-center space-x-2">
41
+ <i data-feather="home" class="w-5 h-5"></i>
42
+ <span>Home</span>
43
+ </a>
44
+ <a href="index.html#features" class="text-white hover:text-yellow-500 transition flex items-center space-x-2">
45
+ <i data-feather="zap" class="w-5 h-5"></i>
46
+ <span>Features</span>
47
+ </a>
48
+ <a href="index.html#pricing" class="text-white hover:text-yellow-500 transition flex items-center space-x-2">
49
+ <i data-feather="dollar-sign" class="w-5 h-5"></i>
50
+ <span>Pricing</span>
51
+ </a>
52
+ <a href="about.html" class="text-white hover:text-yellow-500 transition flex items-center space-x-2">
53
+ <i data-feather="info" class="w-5 h-5"></i>
54
+ <span>About</span>
55
+ </a>
56
+ <a href="currency.html" class="text-white hover:text-yellow-500 transition flex items-center space-x-2">
57
+ <i data-feather="dollar-sign" class="w-5 h-5"></i>
58
+ <span>Currency</span>
59
+ </a>
60
+ <a href="events.html" class="text-white hover:text-yellow-500 transition flex items-center space-x-2">
61
+ <i data-feather="calendar" class="w-5 h-5"></i>
62
+ <span>Events</span>
63
+ </a>
64
+ <a href="results.html" class="text-white hover:text-yellow-500 transition flex items-center space-x-2">
65
+ <i data-feather="award" class="w-5 h-5"></i>
66
+ <span>Results</span>
67
+ </a>
68
+ </div>
69
+
70
+ <div class="mt-8 pt-6 border-t border-gray-800">
71
+ <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 justify-center space-x-2">
72
+ <i data-feather="user" class="w-5 h-5"></i>
73
+ <span>Login</span>
74
+ </a>
75
+ </div>
76
+ </div>
77
+ </nav>
78
+
79
+ <!-- Main content needs right margin to account for sidebar -->
80
+ <main class="mr-64">
81
+ <div class="container mx-auto px-6 py-4">
82
  <div class="flex justify-between items-center">
83
  <div class="flex items-center space-x-2">
84
  <i data-feather="zap" class="text-yellow-500"></i>