Hugging Face's logo

Spaces:
Syled
/
undefined
Running

App Files Community
Syled commited on
Commit
219403d
·
verified ·
1 Parent(s): 1f0c3d7

now create the farmer portal and it's sections

Browse files
Files changed (3) hide show
  1. farmer-portal.html +445 -0
  2. index.html +2 -2
  3. programs.html +2 -2
farmer-portal.html ADDED
@@ -0,0 +1,445 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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>Farmer Portal | AgriGrow Nation</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <script>
9
+ tailwind.config = {
10
+ theme: {
11
+ extend: {
12
+ colors: {
13
+ primary: {
14
+ 50: '#f0fdf4',
15
+ 100: '#dcfce7',
16
+ 200: '#bbf7d0',
17
+ 300: '#86efac',
18
+ 400: '#4ade80',
19
+ 500: '#22c55e',
20
+ 600: '#16a34a',
21
+ 700: '#15803d',
22
+ 800: '#166534',
23
+ 900: '#14532d',
24
+ },
25
+ secondary: {
26
+ 50: '#fefce8',
27
+ 100: '#fef9c3',
28
+ 200: '#fef08a',
29
+ 300: '#fde047',
30
+ 400: '#facc15',
31
+ 500: '#eab308',
32
+ 600: '#ca8a04',
33
+ 700: '#a16207',
34
+ 800: '#854d0e',
35
+ 900: '#713f12',
36
+ }
37
+ }
38
+ }
39
+ }
40
+ }
41
+ </script>
42
+ <script src="https://unpkg.com/feather-icons"></script>
43
+ <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap">
44
+ <style>
45
+ .dashboard-card:hover {
46
+ transform: translateY(-3px);
47
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
48
+ }
49
+ .active-tab {
50
+ border-bottom: 3px solid #22c55e;
51
+ color: #166534;
52
+ }
53
+ </style>
54
+ </head>
55
+ <body class="font-['Poppins'] bg-gray-50">
56
+ <!-- Navigation -->
57
+ <nav class="bg-white shadow-sm sticky top-0 z-50">
58
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
59
+ <div class="flex justify-between h-16">
60
+ <div class="flex items-center">
61
+ <div class="flex-shrink-0 flex items-center">
62
+ <img class="h-8 w-auto" src="http://static.photos/agriculture/200x200/5" alt="AgriGrow Logo">
63
+ <span class="ml-2 text-xl font-bold text-primary-600">AgriGrow Nation</span>
64
+ </div>
65
+ </div>
66
+ <div class="hidden md:ml-6 md:flex md:items-center md:space-x-8">
67
+ <a href="index.html" class="text-gray-500 hover:text-gray-700 px-3 py-2 text-sm font-medium">Home</a>
68
+ <a href="programs.html" class="text-gray-500 hover:text-gray-700 px-3 py-2 text-sm font-medium">Programs</a>
69
+ <a href="#" class="text-gray-500 hover:text-gray-700 px-3 py-2 text-sm font-medium">Resources</a>
70
+ <a href="about.html" class="text-gray-500 hover:text-gray-700 px-3 py-2 text-sm font-medium">About</a>
71
+ <a href="#" class="text-gray-500 hover:text-gray-700 px-3 py-2 text-sm font-medium">Contact</a>
72
+ </div>
73
+ <div class="flex items-center">
74
+ <a href="farmer-portal.html" class="bg-primary-500 hover:bg-primary-600 text-white px-4 py-2 rounded-md text-sm font-medium">Farmer Portal</a>
75
+ <button class="md:hidden ml-4">
76
+ <i data-feather="menu"></i>
77
+ </button>
78
+ </div>
79
+ </div>
80
+ </div>
81
+ </nav>
82
+
83
+ <!-- Portal Header -->
84
+ <header class="bg-primary-700 text-white py-8">
85
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
86
+ <div class="flex items-center justify-between">
87
+ <div>
88
+ <h1 class="text-3xl font-bold">Farmer Dashboard</h1>
89
+ <p class="text-primary-200 mt-2">Welcome back, Rajesh Patel</p>
90
+ </div>
91
+ <div class="flex items-center space-x-4">
92
+ <div class="relative">
93
+ <i data-feather="bell" class="w-6 h-6"></i>
94
+ <span class="absolute -top-1 -right-1 bg-secondary-500 text-white rounded-full w-5 h-5 flex items-center justify-center text-xs">3</span>
95
+ </div>
96
+ <div class="flex items-center">
97
+ <img src="http://static.photos/people/200x200/10" alt="Profile" class="w-10 h-10 rounded-full object-cover">
98
+ <span class="ml-2 font-medium">My Account</span>
99
+ </div>
100
+ </div>
101
+ </div>
102
+ </div>
103
+ </header>
104
+
105
+ <!-- Portal Navigation -->
106
+ <div class="bg-white shadow-sm">
107
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
108
+ <div class="flex overflow-x-auto">
109
+ <a href="#dashboard" class="px-6 py-4 text-sm font-medium active-tab">
110
+ <i data-feather="home" class="inline mr-2 w-4 h-4"></i> Dashboard
111
+ </a>
112
+ <a href="#applications" class="px-6 py-4 text-sm font-medium text-gray-500 hover:text-gray-700">
113
+ <i data-feather="file-text" class="inline mr-2 w-4 h-4"></i> My Applications
114
+ </a>
115
+ <a href="#subsidies" class="px-6 py-4 text-sm font-medium text-gray-500 hover:text-gray-700">
116
+ <i data-feather="dollar-sign" class="inline mr-2 w-4 h-4"></i> Subsidies
117
+ </a>
118
+ <a href="#training" class="px-6 py-4 text-sm font-medium text-gray-500 hover:text-gray-700">
119
+ <i data-feather="book" class="inline mr-2 w-4 h-4"></i> Training
120
+ </a>
121
+ <a href="#marketplace" class="px-6 py-4 text-sm font-medium text-gray-500 hover:text-gray-700">
122
+ <i data-feather="shopping-cart" class="inline mr-2 w-4 h-4"></i> Marketplace
123
+ </a>
124
+ <a href="#support" class="px-6 py-4 text-sm font-medium text-gray-500 hover:text-gray-700">
125
+ <i data-feather="help-circle" class="inline mr-2 w-4 h-4"></i> Support
126
+ </a>
127
+ </div>
128
+ </div>
129
+ </div>
130
+
131
+ <!-- Main Content -->
132
+ <main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
133
+ <!-- Dashboard Section -->
134
+ <section id="dashboard" class="mb-12">
135
+ <h2 class="text-2xl font-bold text-gray-900 mb-6">Your Farming Overview</h2>
136
+
137
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mb-8">
138
+ <!-- Stats Card 1 -->
139
+ <div class="dashboard-card bg-white rounded-lg shadow p-6 transition-all duration-300">
140
+ <div class="flex items-center">
141
+ <div class="p-3 rounded-full bg-primary-100 text-primary-600 mr-4">
142
+ <i data-feather="calendar" class="w-6 h-6"></i>
143
+ </div>
144
+ <div>
145
+ <p class="text-sm text-gray-500">Active Programs</p>
146
+ <p class="text-2xl font-bold">3</p>
147
+ </div>
148
+ </div>
149
+ </div>
150
+
151
+ <!-- Stats Card 2 -->
152
+ <div class="dashboard-card bg-white rounded-lg shadow p-6 transition-all duration-300">
153
+ <div class="flex items-center">
154
+ <div class="p-3 rounded-full bg-green-100 text-green-600 mr-4">
155
+ <i data-feather="dollar-sign" class="w-6 h-6"></i>
156
+ </div>
157
+ <div>
158
+ <p class="text-sm text-gray-500">Subsidies Received</p>
159
+ <p class="text-2xl font-bold">₹42,500</p>
160
+ </div>
161
+ </div>
162
+ </div>
163
+
164
+ <!-- Stats Card 3 -->
165
+ <div class="dashboard-card bg-white rounded-lg shadow p-6 transition-all duration-300">
166
+ <div class="flex items-center">
167
+ <div class="p-3 rounded-full bg-blue-100 text-blue-600 mr-4">
168
+ <i data-feather="check-circle" class="w-6 h-6"></i>
169
+ </div>
170
+ <div>
171
+ <p class="text-sm text-gray-500">Completed Trainings</p>
172
+ <p class="text-2xl font-bold">5</p>
173
+ </div>
174
+ </div>
175
+ </div>
176
+
177
+ <!-- Stats Card 4 -->
178
+ <div class="dashboard-card bg-white rounded-lg shadow p-6 transition-all duration-300">
179
+ <div class="flex items-center">
180
+ <div class="p-3 rounded-full bg-purple-100 text-purple-600 mr-4">
181
+ <i data-feather="clock" class="w-6 h-6"></i>
182
+ </div>
183
+ <div>
184
+ <p class="text-sm text-gray-500">Pending Actions</p>
185
+ <p class="text-2xl font-bold">2</p>
186
+ </div>
187
+ </div>
188
+ </div>
189
+ </div>
190
+
191
+ <div class="grid grid-cols-1 lg:grid-cols-3 gap-6 mb-8">
192
+ <!-- Active Programs -->
193
+ <div class="lg:col-span-2 bg-white rounded-lg shadow overflow-hidden">
194
+ <div class="p-6 border-b border-gray-200">
195
+ <h3 class="text-lg font-medium text-gray-900">Active Programs</h3>
196
+ </div>
197
+ <div class="divide-y divide-gray-200">
198
+ <div class="p-6 flex items-start">
199
+ <div class="flex-shrink-0 bg-primary-100 p-3 rounded-lg text-primary-600">
200
+ <i data-feather="droplet" class="w-6 h-6"></i>
201
+ </div>
202
+ <div class="ml-4">
203
+ <h4 class="font-medium">Water Conservation Program</h4>
204
+ <p class="text-sm text-gray-500 mt-1">Status: <span class="text-green-600">Active</span></p>
205
+ <p class="text-sm text-gray-500 mt-1">Next step: Submit irrigation report by May 15</p>
206
+ <a href="#" class="inline-block mt-2 text-sm text-primary-600 hover:text-primary-700">View Details</a>
207
+ </div>
208
+ </div>
209
+ <div class="p-6 flex items-start">
210
+ <div class="flex-shrink-0 bg-secondary-100 p-3 rounded-lg text-secondary-600">
211
+ <i data-feather="leaf" class="w-6 h-6"></i>
212
+ </div>
213
+ <div class="ml-4">
214
+ <h4 class="font-medium">Organic Transition Program</h4>
215
+ <p class="text-sm text-gray-500 mt-1">Status: <span class="text-green-600">Active</span></p>
216
+ <p class="text-sm text-gray-500 mt-1">Next step: Certification inspection on May 20</p>
217
+ <a href="#" class="inline-block mt-2 text-sm text-primary-600 hover:text-primary-700">View Details</a>
218
+ </div>
219
+ </div>
220
+ <div class="p-6 flex items-start">
221
+ <div class="flex-shrink-0 bg-blue-100 p-3 rounded-lg text-blue-600">
222
+ <i data-feather="cpu" class="w-6 h-6"></i>
223
+ </div>
224
+ <div class="ml-4">
225
+ <h4 class="font-medium">Smart Farming Initiative</h4>
226
+ <p class="text-sm text-gray-500 mt-1">Status: <span class="text-yellow-600">Pending Approval</span></p>
227
+ <p class="text-sm text-gray-500 mt-1">Next step: Awaiting equipment delivery</p>
228
+ <a href="#" class="inline-block mt-2 text-sm text-primary-600 hover:text-primary-700">View Details</a>
229
+ </div>
230
+ </div>
231
+ </div>
232
+ </div>
233
+
234
+ <!-- Quick Actions -->
235
+ <div class="bg-white rounded-lg shadow overflow-hidden">
236
+ <div class="p-6 border-b border-gray-200">
237
+ <h3 class="text-lg font-medium text-gray-900">Quick Actions</h3>
238
+ </div>
239
+ <div class="p-6 space-y-4">
240
+ <a href="#" class="flex items-center p-3 border border-gray-200 rounded-lg hover:bg-gray-50">
241
+ <div class="bg-primary-100 p-2 rounded-full text-primary-600 mr-3">
242
+ <i data-feather="plus" class="w-5 h-5"></i>
243
+ </div>
244
+ <span>Apply for New Program</span>
245
+ </a>
246
+ <a href="#" class="flex items-center p-3 border border-gray-200 rounded-lg hover:bg-gray-50">
247
+ <div class="bg-green-100 p-2 rounded-full text-green-600 mr-3">
248
+ <i data-feather="file-text" class="w-5 h-5"></i>
249
+ </div>
250
+ <span>Submit Progress Report</span>
251
+ </a>
252
+ <a href="#" class="flex items-center p-3 border border-gray-200 rounded-lg hover:bg-gray-50">
253
+ <div class="bg-blue-100 p-2 rounded-full text-blue-600 mr-3">
254
+ <i data-feather="book" class="w-5 h-5"></i>
255
+ </div>
256
+ <span>View Training Materials</span>
257
+ </a>
258
+ <a href="#" class="flex items-center p-3 border border-gray-200 rounded-lg hover:bg-gray-50">
259
+ <div class="bg-purple-100 p-2 rounded-full text-purple-600 mr-3">
260
+ <i data-feather="dollar-sign" class="w-5 h-5"></i>
261
+ </div>
262
+ <span>Check Subsidy Status</span>
263
+ </a>
264
+ </div>
265
+ </div>
266
+ </div>
267
+
268
+ <!-- Recent Notifications -->
269
+ <div class="bg-white rounded-lg shadow overflow-hidden mb-8">
270
+ <div class="p-6 border-b border-gray-200">
271
+ <h3 class="text-lg font-medium text-gray-900">Recent Notifications</h3>
272
+ </div>
273
+ <div class="divide-y divide-gray-200">
274
+ <div class="p-6">
275
+ <div class="flex items-start">
276
+ <div class="flex-shrink-0 bg-yellow-100 p-2 rounded-full text-yellow-600 mr-3">
277
+ <i data-feather="alert-triangle" class="w-5 h-5"></i>
278
+ </div>
279
+ <div>
280
+ <h4 class="font-medium">Irrigation Report Due</h4>
281
+ <p class="text-sm text-gray-500 mt-1">Your monthly water usage report for the Water Conservation Program is due in 3 days.</p>
282
+ <p class="text-xs text-gray-400 mt-2">2 days ago</p>
283
+ </div>
284
+ </div>
285
+ </div>
286
+ <div class="p-6">
287
+ <div class="flex items-start">
288
+ <div class="flex-shrink-0 bg-green-100 p-2 rounded-full text-green-600 mr-3">
289
+ <i data-feather="check-circle" class="w-5 h-5"></i>
290
+ </div>
291
+ <div>
292
+ <h4 class="font-medium">Subsidy Approved</h4>
293
+ <p class="text-sm text-gray-500 mt-1">Your organic certification subsidy of ₹5,000 has been approved and will be disbursed within 7 working days.</p>
294
+ <p class="text-xs text-gray-400 mt-2">5 days ago</p>
295
+ </div>
296
+ </div>
297
+ </div>
298
+ <div class="p-6">
299
+ <div class="flex items-start">
300
+ <div class="flex-shrink-0 bg-blue-100 p-2 rounded-full text-blue-600 mr-3">
301
+ <i data-feather="bell" class="w-5 h-5"></i>
302
+ </div>
303
+ <div>
304
+ <h4 class="font-medium">New Training Available</h4>
305
+ <p class="text-sm text-gray-500 mt-1">"Advanced Soil Management Techniques" webinar is now available in your training portal.</p>
306
+ <p class="text-xs text-gray-400 mt-2">1 week ago</p>
307
+ </div>
308
+ </div>
309
+ </div>
310
+ </div>
311
+ </div>
312
+ </section>
313
+
314
+ <!-- Hidden Sections (will be shown when tabs are clicked) -->
315
+ <section id="applications" class="hidden mb-12">
316
+ <h2 class="text-2xl font-bold text-gray-900 mb-6">My Applications</h2>
317
+ <!-- Applications content would go here -->
318
+ </section>
319
+
320
+ <section id="subsidies" class="hidden mb-12">
321
+ <h2 class="text-2xl font-bold text-gray-900 mb-6">Subsidies</h2>
322
+ <!-- Subsidies content would go here -->
323
+ </section>
324
+
325
+ <section id="training" class="hidden mb-12">
326
+ <h2 class="text-2xl font-bold text-gray-900 mb-6">Training</h2>
327
+ <!-- Training content would go here -->
328
+ </section>
329
+
330
+ <section id="marketplace" class="hidden mb-12">
331
+ <h2 class="text-2xl font-bold text-gray-900 mb-6">Marketplace</h2>
332
+ <!-- Marketplace content would go here -->
333
+ </section>
334
+
335
+ <section id="support" class="hidden mb-12">
336
+ <h2 class="text-2xl font-bold text-gray-900 mb-6">Support</h2>
337
+ <!-- Support content would go here -->
338
+ </section>
339
+ </main>
340
+
341
+ <!-- Footer -->
342
+ <footer class="bg-gray-900 text-white pt-16 pb-8">
343
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
344
+ <div class="grid grid-cols-1 md:grid-cols-4 gap-8 mb-12">
345
+ <div>
346
+ <h3 class="text-lg font-semibold mb-4">AgriGrow Nation</h3>
347
+ <p class="text-gray-400">
348
+ Empowering farmers with innovative agricultural solutions for a sustainable future.
349
+ </p>
350
+ <div class="flex space-x-4 mt-4">
351
+ <a href="#" class="text-gray-400 hover:text-white">
352
+ <i data-feather="facebook" class="w-5 h-5"></i>
353
+ </a>
354
+ <a href="#" class="text-gray-400 hover:text-white">
355
+ <i data-feather="twitter" class="w-5 h-5"></i>
356
+ </a>
357
+ <a href="#" class="text-gray-400 hover:text-white">
358
+ <i data-feather="instagram" class="w-5 h-5"></i>
359
+ </a>
360
+ <a href="#" class="text-gray-400 hover:text-white">
361
+ <i data-feather="youtube" class="w-5 h-5"></i>
362
+ </a>
363
+ </div>
364
+ </div>
365
+ <div>
366
+ <h3 class="text-lg font-semibold mb-4">Quick Links</h3>
367
+ <ul class="space-y-2">
368
+ <li><a href="index.html" class="text-gray-400 hover:text-white">Home</a></li>
369
+ <li><a href="programs.html" class="text-gray-400 hover:text-white">Programs</a></li>
370
+ <li><a href="#" class="text-gray-400 hover:text-white">Resources</a></li>
371
+ <li><a href="about.html" class="text-gray-400 hover:text-white">About</a></li>
372
+ <li><a href="#" class="text-gray-400 hover:text-white">Contact</a></li>
373
+ </ul>
374
+ </div>
375
+ <div>
376
+ <h3 class="text-lg font-semibold mb-4">Farmer Portal</h3>
377
+ <ul class="space-y-2">
378
+ <li><a href="farmer-portal.html" class="text-gray-400 hover:text-white">Dashboard</a></li>
379
+ <li><a href="farmer-portal.html#applications" class="text-gray-400 hover:text-white">Applications</a></li>
380
+ <li><a href="farmer-portal.html#subsidies" class="text-gray-400 hover:text-white">Subsidies</a></li>
381
+ <li><a href="farmer-portal.html#training" class="text-gray-400 hover:text-white">Training</a></li>
382
+ <li><a href="farmer-portal.html#marketplace" class="text-gray-400 hover:text-white">Marketplace</a></li>
383
+ </ul>
384
+ </div>
385
+ <div>
386
+ <h3 class="text-lg font-semibold mb-4">Contact Us</h3>
387
+ <ul class="space-y-2 text-gray-400">
388
+ <li class="flex items-start">
389
+ <i data-feather="map-pin" class="w-5 h-5 mr-2 mt-1 flex-shrink-0"></i>
390
+ <span>Ministry of Agriculture, New Delhi, India</span>
391
+ </li>
392
+ <li class="flex items-center">
393
+ <i data-feather="phone" class="w-5 h-5 mr-2"></i>
394
+ <span>+91 1800 123 4567</span>
395
+ </li>
396
+ <li class="flex items-center">
397
+ <i data-feather="mail" class="w-5 h-5 mr-2"></i>
398
+ <span>support@agrigrow.gov.in</span>
399
+ </li>
400
+ </ul>
401
+ </div>
402
+ </div>
403
+ <div class="border-t border-gray-800 pt-8 flex flex-col md:flex-row justify-between items-center">
404
+ <p class="text-gray-400 text-sm mb-4 md:mb-0">
405
+ © 2023 AgriGrow Nation. All rights reserved.
406
+ </p>
407
+ <div class="flex space-x-6">
408
+ <a href="#" class="text-gray-400 hover:text-white text-sm">Privacy Policy</a>
409
+ <a href="#" class="text-gray-400 hover:text-white text-sm">Terms of Service</a>
410
+ <a href="#" class="text-gray-400 hover:text-white text-sm">Sitemap</a>
411
+ </div>
412
+ </div>
413
+ </div>
414
+ </footer>
415
+
416
+ <script>
417
+ feather.replace();
418
+
419
+ // Tab switching functionality
420
+ document.querySelectorAll('[href^="#"]').forEach(tab => {
421
+ tab.addEventListener('click', function(e) {
422
+ e.preventDefault();
423
+
424
+ // Hide all sections
425
+ document.querySelectorAll('main > section').forEach(section => {
426
+ section.classList.add('hidden');
427
+ });
428
+
429
+ // Show selected section
430
+ const targetId = this.getAttribute('href');
431
+ document.querySelector(targetId).classList.remove('hidden');
432
+
433
+ // Update active tab styling
434
+ document.querySelectorAll('.portal-nav a').forEach(link => {
435
+ link.classList.remove('active-tab');
436
+ link.classList.add('text-gray-500', 'hover:text-gray-700');
437
+ });
438
+
439
+ this.classList.add('active-tab');
440
+ this.classList.remove('text-gray-500', 'hover:text-gray-700');
441
+ });
442
+ });
443
+ </script>
444
+ </body>
445
+ </html>
index.html CHANGED
@@ -70,8 +70,8 @@
70
  <a href="#" class="text-gray-500 hover:text-gray-700 px-3 py-2 text-sm font-medium">Contact</a>
71
  </div>
72
  <div class="flex items-center">
73
- <a href="#" class="bg-primary-500 hover:bg-primary-600 text-white px-4 py-2 rounded-md text-sm font-medium">Farmer Portal</a>
74
- <button class="md:hidden ml-4">
75
  <i data-feather="menu"></i>
76
  </button>
77
  </div>
 
70
  <a href="#" class="text-gray-500 hover:text-gray-700 px-3 py-2 text-sm font-medium">Contact</a>
71
  </div>
72
  <div class="flex items-center">
73
+ <a href="farmer-portal.html" class="bg-primary-500 hover:bg-primary-600 text-white px-4 py-2 rounded-md text-sm font-medium">Farmer Portal</a>
74
+ <button class="md:hidden ml-4">
75
  <i data-feather="menu"></i>
76
  </button>
77
  </div>
programs.html CHANGED
@@ -70,8 +70,8 @@
70
  <a href="#" class="text-gray-500 hover:text-gray-700 px-3 py-2 text-sm font-medium">Contact</a>
71
  </div>
72
  <div class="flex items-center">
73
- <a href="#" class="bg-primary-500 hover:bg-primary-600 text-white px-4 py-2 rounded-md text-sm font-medium">Farmer Portal</a>
74
- <button class="md:hidden ml-4">
75
  <i data-feather="menu"></i>
76
  </button>
77
  </div>
 
70
  <a href="#" class="text-gray-500 hover:text-gray-700 px-3 py-2 text-sm font-medium">Contact</a>
71
  </div>
72
  <div class="flex items-center">
73
+ <a href="farmer-portal.html" class="bg-primary-500 hover:bg-primary-600 text-white px-4 py-2 rounded-md text-sm font-medium">Farmer Portal</a>
74
+ <button class="md:hidden ml-4">
75
  <i data-feather="menu"></i>
76
  </button>
77
  </div>