Hugging Face's logo

Spaces:
enzostvs
/
deepsite
Running

App Files Community
540
Shadley501 commited on
Commit
3f53946
·
verified ·
1 Parent(s): d18fddd

Create fitness-gear.html

Browse files

Added new Fitness Gear page

Files changed (1) hide show
  1. fitness-gear.html +168 -0
fitness-gear.html ADDED
@@ -0,0 +1,168 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8" />
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6
+ <title>Fitness Gear | Fit WealthFlex</title>
7
+ <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@700;900&family=Open+Sans:wght@400;600&display=swap" rel="stylesheet">
8
+ <script src="https://cdn.tailwindcss.com"></script>
9
+ <script>
10
+ tailwind.config = {
11
+ theme: {
12
+ extend: {
13
+ colors: {
14
+ navy: '#0D1B2A',
15
+ emerald: '#00A676',
16
+ gold: '#E2B13C',
17
+ 'navy-700': '#0a1423',
18
+ 'navy-900': '#071414'
19
+ },
20
+ fontFamily: {
21
+ sans: ['Open Sans', 'ui-sans-serif', 'system-ui'],
22
+ display: ['Montserrat', 'ui-sans-serif', 'system-ui']
23
+ }
24
+ }
25
+ }
26
+ }
27
+ </script>
28
+ </head>
29
+
30
+ <body class="bg-navy text-white font-sans">
31
+
32
+ <!-- HEADER -->
33
+ <header class="p-6 bg-navy-900">
34
+ <div class="max-w-6xl mx-auto flex items-center justify-between">
35
+ <a href="/index.html" class="text-2xl font-display font-extrabold">
36
+ <span class="text-white">Fit</span><span class="text-emerald">Wealth</span><span class="text-white">Flex</span>
37
+ </a>
38
+ <nav class="hidden md:flex items-center gap-6 text-gray-300 text-sm">
39
+ <a href="/index.html" class="hover:text-emerald">Home</a>
40
+ <a href="/fitness-gear.html" class="text-emerald font-semibold">Fitness Gear</a>
41
+ <a href="/puma-picks.html" class="hover:text-emerald">Puma Picks</a>
42
+ <a href="/money-books.html" class="hover:text-emerald">Money &amp; Books</a>
43
+ <a href="/article.html" class="hover:text-emerald">Guides</a>
44
+ <a href="/blog.html" class="hover:text-emerald">Blog</a>
45
+ <a href="/about.html" class="hover:text-emerald">About</a>
46
+ <a href="/contact.html" class="hover:text-emerald">Contact</a>
47
+ </nav>
48
+ </div>
49
+ </header>
50
+
51
+ <!-- HERO SECTION -->
52
+ <section class="bg-navy py-16 md:py-20 text-center px-6">
53
+ <div class="max-w-3xl mx-auto">
54
+ <h1 class="font-display text-4xl md:text-6xl font-extrabold mb-4">
55
+ Fitness Gear That Actually Works
56
+ </h1>
57
+ <p class="text-emerald text-lg md:text-xl">
58
+ Handpicked tools for strength, mobility, and everyday performance.
59
+ </p>
60
+ </div>
61
+ </section>
62
+
63
+ <!-- PRODUCT GRID -->
64
+ <section class="bg-navy-700 text-white py-12 md:py-16 px-6">
65
+ <h2 class="font-display text-2xl md:text-3xl font-bold text-center mb-10">
66
+ Top Fitness Essentials
67
+ </h2>
68
+
69
+ <div class="grid md:grid-cols-3 gap-8 max-w-6xl mx-auto">
70
+
71
+ <!-- PRODUCT 1 -->
72
+ <div class="bg-navy-900/80 p-6 rounded-2xl shadow border border-white/5">
73
+ <img src="https://images.unsplash.com/photo-1599058917212-d750089bc07e?q=80&w=1200&auto=format&fit=crop"
74
+ alt="Adjustable Dumbbells"
75
+ class="rounded-lg mb-4 w-full h-48 object-cover">
76
+ <h3 class="text-xl font-semibold mb-2">Adjustable Dumbbells (25–50 lb)</h3>
77
+ <p class="text-gray-300 mb-4">Compact, fast-switch design perfect for home training.</p>
78
+ <a href="https://www.amazon.com/dp/B0XXXXX/?tag=fitwealthflex-20"
79
+ target="_blank" rel="nofollow sponsored"
80
+ class="bg-emerald text-white py-2 px-4 rounded-lg inline-block hover:bg-emerald/90 transition">
81
+ View on Amazon
82
+ </a>
83
+ </div>
84
+
85
+ <!-- PRODUCT 2 -->
86
+ <div class="bg-navy-900/80 p-6 rounded-2xl shadow border border-white/5">
87
+ <img src="https://images.unsplash.com/photo-1599050931443-fc4b0f9a49f2?q=80&w=1200&auto=format&fit=crop"
88
+ alt="Resistance Band Set"
89
+ class="rounded-lg mb-4 w-full h-48 object-cover">
90
+ <h3 class="text-xl font-semibold mb-2">Resistance Band Set (11-piece)</h3>
91
+ <p class="text-gray-300 mb-4">Full-body workout with door anchor, handles, and multi-level resistance.</p>
92
+ <a href="https://www.amazon.com/dp/B0XXXXX/?tag=fitwealthflex-20"
93
+ target="_blank" rel="nofollow sponsored"
94
+ class="bg-emerald text-white py-2 px-4 rounded-lg inline-block hover:bg-emerald/90 transition">
95
+ Shop Now
96
+ </a>
97
+ </div>
98
+
99
+ <!-- PRODUCT 3 -->
100
+ <div class="bg-navy-900/80 p-6 rounded-2xl shadow border border-white/5">
101
+ <img src="https://images.unsplash.com/photo-1548839140-29a749e1cf3b?q=80&w=1200&auto=format&fit=crop"
102
+ alt="Water Bottle"
103
+ class="rounded-lg mb-4 w-full h-48 object-cover">
104
+ <h3 class="text-xl font-semibold mb-2">Stainless Steel Water Bottle (1L)</h3>
105
+ <p class="text-gray-300 mb-4">Keeps drinks cold for 24h. Durable, leak-proof, and BPA-free.</p>
106
+ <a href="https://www.amazon.com/dp/B0XXXXX/?tag=fitwealthflex-20"
107
+ target="_blank" rel="nofollow sponsored"
108
+ class="bg-emerald text-white py-2 px-4 rounded-lg inline-block hover:bg-emerald/90 transition">
109
+ Buy on Amazon
110
+ </a>
111
+ </div>
112
+
113
+ <!-- PRODUCT 4 -->
114
+ <div class="bg-navy-900/80 p-6 rounded-2xl shadow border border-white/5">
115
+ <img src="https://images.unsplash.com/photo-1520974473983-0aefb6a9be5a?q=80&w=1200&auto=format&fit=crop"
116
+ alt="Yoga Mat"
117
+ class="rounded-lg mb-4 w-full h-48 object-cover">
118
+ <h3 class="text-xl font-semibold mb-2">Non-Slip Yoga Mat (10mm)</h3>
119
+ <p class="text-gray-300 mb-4">Comfortable cushioning and grip for every pose or stretch routine.</p>
120
+ <a href="https://www.amazon.com/dp/B0XXXXX/?tag=fitwealthflex-20"
121
+ target="_blank" rel="nofollow sponsored"
122
+ class="bg-emerald text-white py-2 px-4 rounded-lg inline-block hover:bg-emerald/90 transition">
123
+ View on Amazon
124
+ </a>
125
+ </div>
126
+
127
+ <!-- PRODUCT 5 -->
128
+ <div class="bg-navy-900/80 p-6 rounded-2xl shadow border border-white/5">
129
+ <img src="https://images.unsplash.com/photo-1603351154351-5f9b7d5f8d49?q=80&w=1200&auto=format&fit=crop"
130
+ alt="Massage Gun"
131
+ class="rounded-lg mb-4 w-full h-48 object-cover">
132
+ <h3 class="text-xl font-semibold mb-2">Percussion Massage Gun</h3>
133
+ <p class="text-gray-300 mb-4">Relieve tension and speed up recovery with multiple speed settings.</p>
134
+ <a href="https://www.amazon.com/dp/B0XXXXX/?tag=fitwealthflex-20"
135
+ target="_blank" rel="nofollow sponsored"
136
+ class="bg-emerald text-white py-2 px-4 rounded-lg inline-block hover:bg-emerald/90 transition">
137
+ Shop Now
138
+ </a>
139
+ </div>
140
+
141
+ <!-- PRODUCT 6 -->
142
+ <div class="bg-navy-900/80 p-6 rounded-2xl shadow border border-white/5">
143
+ <img src="https://images.unsplash.com/photo-1526403224648-8b3c8aa8d3fd?q=80&w=1200&auto=format&fit=crop"
144
+ alt="Adjustable Kettlebell"
145
+ class="rounded-lg mb-4 w-full h-48 object-cover">
146
+ <h3 class="text-xl font-semibold mb-2">Adjustable Kettlebell</h3>
147
+ <p class="text-gray-300 mb-4">Switch weights easily for strength, cardio, and endurance training.</p>
148
+ <a href="https://www.amazon.com/dp/B0XXXXX/?tag=fitwealthflex-20"
149
+ target="_blank" rel="nofollow sponsored"
150
+ class="bg-emerald text-white py-2 px-4 rounded-lg inline-block hover:bg-emerald/90 transition">
151
+ View on Amazon
152
+ </a>
153
+ </div>
154
+
155
+ </div>
156
+
157
+ <p class="text-xs text-gray-400 text-center mt-10 px-6">
158
+ *As an Amazon Associate, we earn from qualifying purchases.
159
+ </p>
160
+ </section>
161
+
162
+ <!-- FOOTER -->
163
+ <footer class="bg-navy-900 py-6 text-center text-gray-400 text-sm">
164
+ <p>© 2025 Fit WealthFlex. All Rights Reserved.</p>
165
+ </footer>
166
+
167
+ </body>
168
+ </html>