Hugging Face's logo

Spaces:
SaranRaj-12
/
lms
Running

App Files Community
SaranRaj-12 commited on
Commit
24b7973
·
verified ·
1 Parent(s): f19e581

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +656 -19
  3. prompts.txt +0 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Lms
3
- emoji: 💻
4
- colorFrom: blue
5
- colorTo: indigo
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
1
  ---
2
+ title: lms
3
+ emoji: 🐳
4
+ colorFrom: green
5
+ colorTo: red
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
index.html CHANGED
@@ -1,19 +1,656 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
19
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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>NACIN LMS - Capacity Building for Customs Officers</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
9
+ <style>
10
+ @keyframes pulse {
11
+ 0%, 100% { opacity: 1; }
12
+ 50% { opacity: 0.5; }
13
+ }
14
+
15
+ .animate-pulse {
16
+ animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
17
+ }
18
+
19
+ .progress-ring__circle {
20
+ transition: stroke-dashoffset 0.35s;
21
+ transform: rotate(-90deg);
22
+ transform-origin: 50% 50%;
23
+ }
24
+
25
+ .sidebar-item.active {
26
+ background-color: rgba(79, 70, 229, 0.1);
27
+ border-left: 4px solid #4f46e5;
28
+ }
29
+
30
+ .sidebar-item:hover:not(.active) {
31
+ background-color: rgba(79, 70, 229, 0.05);
32
+ }
33
+
34
+ .course-card:hover {
35
+ transform: translateY(-5px);
36
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
37
+ }
38
+
39
+ .navy-gradient {
40
+ background: linear-gradient(135deg, #1e3a8a 0%, #1e40af 100%);
41
+ }
42
+
43
+ .gold-gradient {
44
+ background: linear-gradient(135deg, #f59e0b 0%, #fbbf24 100%);
45
+ }
46
+ </style>
47
+ </head>
48
+ <body class="bg-gray-50 font-sans">
49
+ <!-- Top Navigation -->
50
+ <nav class="navy-gradient text-white">
51
+ <div class="container mx-auto px-4">
52
+ <div class="flex justify-between items-center py-4">
53
+ <div class="flex items-center space-x-4">
54
+ <img src="https://upload.wikimedia.org/wikipedia/en/thumb/4/41/Flag_of_India.svg/1200px-Flag_of_India.svg.png" alt="India Flag" class="h-8">
55
+ <div>
56
+ <div class="font-bold text-lg">NACIN LMS</div>
57
+ <div class="text-xs text-blue-200">National Academy of Customs & Indirect Taxes</div>
58
+ </div>
59
+ </div>
60
+ <div class="hidden md:flex items-center space-x-6">
61
+ <a href="#" class="hover:text-blue-200 transition">Home</a>
62
+ <a href="#" class="hover:text-blue-200 transition">Courses</a>
63
+ <a href="#" class="hover:text-blue-200 transition">Resources</a>
64
+ <a href="#" class="hover:text-blue-200 transition">Help</a>
65
+ <div class="relative">
66
+ <button id="notification-btn" class="relative">
67
+ <i class="fas fa-bell"></i>
68
+ <span class="absolute -top-1 -right-1 h-3 w-3 bg-red-500 rounded-full"></span>
69
+ </button>
70
+ <div id="notification-dropdown" class="hidden absolute right-0 mt-2 w-64 bg-white rounded-md shadow-lg py-1 z-50">
71
+ <a href="#" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">New course available: Customs Valuation</a>
72
+ <a href="#" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">Quiz results for Risk Management</a>
73
+ <a href="#" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">Mentor message received</a>
74
+ </div>
75
+ </div>
76
+ <div class="flex items-center space-x-2">
77
+ <img src="https://randomuser.me/api/portraits/men/32.jpg" alt="User" class="h-8 w-8 rounded-full">
78
+ <span>Officer Rajesh</span>
79
+ </div>
80
+ </div>
81
+ <button id="mobile-menu-btn" class="md:hidden text-xl">
82
+ <i class="fas fa-bars"></i>
83
+ </button>
84
+ </div>
85
+ </div>
86
+ </nav>
87
+
88
+ <!-- Mobile Menu -->
89
+ <div id="mobile-menu" class="hidden md:hidden bg-white shadow-lg">
90
+ <div class="container mx-auto px-4 py-2">
91
+ <a href="#" class="block py-2 text-gray-700 hover:bg-gray-100">Home</a>
92
+ <a href="#" class="block py-2 text-gray-700 hover:bg-gray-100">Courses</a>
93
+ <a href="#" class="block py-2 text-gray-700 hover:bg-gray-100">Resources</a>
94
+ <a href="#" class="block py-2 text-gray-700 hover:bg-gray-100">Help</a>
95
+ <a href="#" class="block py-2 text-gray-700 hover:bg-gray-100">Notifications</a>
96
+ <a href="#" class="block py-2 text-gray-700 hover:bg-gray-100">Profile</a>
97
+ </div>
98
+ </div>
99
+
100
+ <!-- Main Content -->
101
+ <div class="flex">
102
+ <!-- Sidebar -->
103
+ <div class="hidden md:block w-64 bg-white shadow-md h-screen sticky top-0">
104
+ <div class="p-4 border-b">
105
+ <div class="flex items-center space-x-3">
106
+ <img src="https://randomuser.me/api/portraits/men/32.jpg" alt="User" class="h-10 w-10 rounded-full">
107
+ <div>
108
+ <div class="font-medium">Rajesh Kumar</div>
109
+ <div class="text-xs text-gray-500">Customs Officer (Grade II)</div>
110
+ </div>
111
+ </div>
112
+ </div>
113
+ <nav class="p-4">
114
+ <ul class="space-y-1">
115
+ <li><a href="#" class="sidebar-item active block px-4 py-2 rounded-md text-gray-700"><i class="fas fa-home mr-3"></i> Dashboard</a></li>
116
+ <li><a href="#" class="sidebar-item block px-4 py-2 rounded-md text-gray-700"><i class="fas fa-book-open mr-3"></i> My Courses</a></li>
117
+ <li><a href="#" class="sidebar-item block px-4 py-2 rounded-md text-gray-700"><i class="fas fa-tasks mr-3"></i> Assignments</a></li>
118
+ <li><a href="#" class="sidebar-item block px-4 py-2 rounded-md text-gray-700"><i class="fas fa-question-circle mr-3"></i> Quizzes</a></li>
119
+ <li><a href="#" class="sidebar-item block px-4 py-2 rounded-md text-gray-700"><i class="fas fa-chart-line mr-3"></i> Performance</a></li>
120
+ <li><a href="#" class="sidebar-item block px-4 py-2 rounded-md text-gray-700"><i class="fas fa-user-tie mr-3"></i> Mentor</a></li>
121
+ <li><a href="#" class="sidebar-item block px-4 py-2 rounded-md text-gray-700"><i class="fas fa-certificate mr-3"></i> Certificates</a></li>
122
+ <li><a href="#" class="sidebar-item block px-4 py-2 rounded-md text-gray-700"><i class="fas fa-cog mr-3"></i> Settings</a></li>
123
+ </ul>
124
+ </nav>
125
+ <div class="absolute bottom-0 w-full p-4 border-t">
126
+ <button class="w-full bg-blue-600 text-white py-2 rounded-md hover:bg-blue-700 transition">
127
+ <i class="fas fa-sign-out-alt mr-2"></i> Logout
128
+ </button>
129
+ </div>
130
+ </div>
131
+
132
+ <!-- Main Content Area -->
133
+ <div class="flex-1 p-6">
134
+ <!-- Welcome Banner -->
135
+ <div class="gold-gradient text-white rounded-xl p-6 mb-6 shadow-md">
136
+ <div class="flex flex-col md:flex-row justify-between items-start md:items-center">
137
+ <div>
138
+ <h1 class="text-2xl font-bold mb-2">Welcome back, Officer Rajesh</h1>
139
+ <p class="mb-4">Continue your learning journey to enhance your customs expertise</p>
140
+ <button class="bg-white text-yellow-800 px-4 py-2 rounded-md font-medium hover:bg-opacity-90 transition">
141
+ <i class="fas fa-play mr-2"></i> Resume Last Course
142
+ </button>
143
+ </div>
144
+ <img src="https://cdn-icons-png.flaticon.com/512/4775/4775991.png" alt="Learning" class="h-24 mt-4 md:mt-0">
145
+ </div>
146
+ </div>
147
+
148
+ <!-- Dashboard Stats -->
149
+ <div class="grid grid-cols-1 md:grid-cols-4 gap-6 mb-6">
150
+ <div class="bg-white p-4 rounded-xl shadow-sm">
151
+ <div class="flex justify-between items-start">
152
+ <div>
153
+ <div class="text-gray-500 text-sm">Active Courses</div>
154
+ <div class="text-2xl font-bold mt-1">3</div>
155
+ </div>
156
+ <div class="bg-blue-100 p-2 rounded-md">
157
+ <i class="fas fa-book text-blue-600"></i>
158
+ </div>
159
+ </div>
160
+ </div>
161
+ <div class="bg-white p-4 rounded-xl shadow-sm">
162
+ <div class="flex justify-between items-start">
163
+ <div>
164
+ <div class="text-gray-500 text-sm">Completed Courses</div>
165
+ <div class="text-2xl font-bold mt-1">5</div>
166
+ </div>
167
+ <div class="bg-green-100 p-2 rounded-md">
168
+ <i class="fas fa-check-circle text-green-600"></i>
169
+ </div>
170
+ </div>
171
+ </div>
172
+ <div class="bg-white p-4 rounded-xl shadow-sm">
173
+ <div class="flex justify-between items-start">
174
+ <div>
175
+ <div class="text-gray-500 text-sm">Average Score</div>
176
+ <div class="text-2xl font-bold mt-1">82%</div>
177
+ </div>
178
+ <div class="bg-purple-100 p-2 rounded-md">
179
+ <i class="fas fa-star text-purple-600"></i>
180
+ </div>
181
+ </div>
182
+ </div>
183
+ <div class="bg-white p-4 rounded-xl shadow-sm">
184
+ <div class="flex justify-between items-start">
185
+ <div>
186
+ <div class="text-gray-500 text-sm">Mentor Sessions</div>
187
+ <div class="text-2xl font-bold mt-1">2</div>
188
+ </div>
189
+ <div class="bg-yellow-100 p-2 rounded-md">
190
+ <i class="fas fa-user-tie text-yellow-600"></i>
191
+ </div>
192
+ </div>
193
+ </div>
194
+ </div>
195
+
196
+ <!-- Current Courses -->
197
+ <div class="bg-white rounded-xl shadow-sm p-6 mb-6">
198
+ <div class="flex justify-between items-center mb-6">
199
+ <h2 class="text-xl font-bold">Your Current Courses</h2>
200
+ <a href="#" class="text-blue-600 hover:underline">View All</a>
201
+ </div>
202
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
203
+ <!-- Course 1 -->
204
+ <div class="course-card bg-white border border-gray-200 rounded-xl overflow-hidden transition duration-300">
205
+ <div class="relative">
206
+ <img src="https://images.unsplash.com/photo-1454165804606-c3aa57cac58a?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1170&q=80" alt="Risk Management" class="w-full h-40 object-cover">
207
+ <div class="absolute top-2 right-2 bg-blue-600 text-white text-xs px-2 py-1 rounded">Ongoing</div>
208
+ </div>
209
+ <div class="p-4">
210
+ <h3 class="font-bold mb-1">Risk Management in Customs</h3>
211
+ <p class="text-gray-600 text-sm mb-3">Advanced techniques for identifying and mitigating risks in customs operations</p>
212
+ <div class="flex items-center justify-between">
213
+ <div class="w-full bg-gray-200 rounded-full h-2">
214
+ <div class="bg-blue-600 h-2 rounded-full" style="width: 65%"></div>
215
+ </div>
216
+ <span class="text-xs text-gray-500 ml-2">65%</span>
217
+ </div>
218
+ <div class="flex justify-between items-center mt-3">
219
+ <div class="flex items-center text-sm text-gray-500">
220
+ <i class="fas fa-calendar-alt mr-1"></i>
221
+ <span>12 Sessions</span>
222
+ </div>
223
+ <button class="text-blue-600 text-sm font-medium hover:underline">Continue</button>
224
+ </div>
225
+ </div>
226
+ </div>
227
+
228
+ <!-- Course 2 -->
229
+ <div class="course-card bg-white border border-gray-200 rounded-xl overflow-hidden transition duration-300">
230
+ <div class="relative">
231
+ <img src="https://images.unsplash.com/photo-1551288049-bebda4e38f71?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1170&q=80" alt="Customs Valuation" class="w-full h-40 object-cover">
232
+ <div class="absolute top-2 right-2 bg-blue-600 text-white text-xs px-2 py-1 rounded">Ongoing</div>
233
+ </div>
234
+ <div class="p-4">
235
+ <h3 class="font-bold mb-1">Customs Valuation Methods</h3>
236
+ <p class="text-gray-600 text-sm mb-3">Comprehensive guide to valuation techniques as per WTO agreements</p>
237
+ <div class="flex items-center justify-between">
238
+ <div class="w-full bg-gray-200 rounded-full h-2">
239
+ <div class="bg-blue-600 h-2 rounded-full" style="width: 42%"></div>
240
+ </div>
241
+ <span class="text-xs text-gray-500 ml-2">42%</span>
242
+ </div>
243
+ <div class="flex justify-between items-center mt-3">
244
+ <div class="flex items-center text-sm text-gray-500">
245
+ <i class="fas fa-calendar-alt mr-1"></i>
246
+ <span>8 Sessions</span>
247
+ </div>
248
+ <button class="text-blue-600 text-sm font-medium hover:underline">Continue</button>
249
+ </div>
250
+ </div>
251
+ </div>
252
+
253
+ <!-- Course 3 -->
254
+ <div class="course-card bg-white border border-gray-200 rounded-xl overflow-hidden transition duration-300">
255
+ <div class="relative">
256
+ <img src="https://images.unsplash.com/photo-1554224155-6726b3ff858f?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1011&q=80" alt="Trade Facilitation" class="w-full h-40 object-cover">
257
+ <div class="absolute top-2 right-2 bg-blue-600 text-white text-xs px-2 py-1 rounded">Ongoing</div>
258
+ </div>
259
+ <div class="p-4">
260
+ <h3 class="font-bold mb-1">Trade Facilitation & Compliance</h3>
261
+ <p class="text-gray-600 text-sm mb-3">Implementing WTO Trade Facilitation Agreement in Indian context</p>
262
+ <div class="flex items-center justify-between">
263
+ <div class="w-full bg-gray-200 rounded-full h-2">
264
+ <div class="bg-blue-600 h-2 rounded-full" style="width: 28%"></div>
265
+ </div>
266
+ <span class="text-xs text-gray-500 ml-2">28%</span>
267
+ </div>
268
+ <div class="flex justify-between items-center mt-3">
269
+ <div class="flex items-center text-sm text-gray-500">
270
+ <i class="fas fa-calendar-alt mr-1"></i>
271
+ <span>10 Sessions</span>
272
+ </div>
273
+ <button class="text-blue-600 text-sm font-medium hover:underline">Continue</button>
274
+ </div>
275
+ </div>
276
+ </div>
277
+ </div>
278
+ </div>
279
+
280
+ <!-- Performance & Mentor Section -->
281
+ <div class="grid grid-cols-1 lg:grid-cols-3 gap-6 mb-6">
282
+ <!-- Performance Overview -->
283
+ <div class="lg:col-span-2 bg-white rounded-xl shadow-sm p-6">
284
+ <h2 class="text-xl font-bold mb-6">Your Performance Overview</h2>
285
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
286
+ <!-- Strength -->
287
+ <div>
288
+ <h3 class="font-medium mb-3 text-green-600"><i class="fas fa-check-circle mr-2"></i>Strengths</h3>
289
+ <ul class="space-y-2">
290
+ <li class="flex items-start">
291
+ <div class="bg-green-100 p-1 rounded-full mr-2 mt-1">
292
+ <i class="fas fa-check text-green-600 text-xs"></i>
293
+ </div>
294
+ <span>Customs Classification (HS Codes)</span>
295
+ </li>
296
+ <li class="flex items-start">
297
+ <div class="bg-green-100 p-1 rounded-full mr-2 mt-1">
298
+ <i class="fas fa-check text-green-600 text-xs"></i>
299
+ </div>
300
+ <span>Document Verification</span>
301
+ </li>
302
+ <li class="flex items-start">
303
+ <div class="bg-green-100 p-1 rounded-full mr-2 mt-1">
304
+ <i class="fas fa-check text-green-600 text-xs"></i>
305
+ </div>
306
+ <span>Basic Risk Assessment</span>
307
+ </li>
308
+ </ul>
309
+ </div>
310
+
311
+ <!-- Improvement Areas -->
312
+ <div>
313
+ <h3 class="font-medium mb-3 text-red-600"><i class="fas fa-exclamation-circle mr-2"></i>Areas for Improvement</h3>
314
+ <ul class="space-y-2">
315
+ <li class="flex items-start">
316
+ <div class="bg-red-100 p-1 rounded-full mr-2 mt-1">
317
+ <i class="fas fa-exclamation text-red-600 text-xs"></i>
318
+ </div>
319
+ <span>Valuation of Imported Goods</span>
320
+ </li>
321
+ <li class="flex items-start">
322
+ <div class="bg-red-100 p-1 rounded-full mr-2 mt-1">
323
+ <i class="fas fa-exclamation text-red-600 text-xs"></i>
324
+ </div>
325
+ <span>Rules of Origin Determination</span>
326
+ </li>
327
+ <li class="flex items-start">
328
+ <div class="bg-red-100 p-1 rounded-full mr-2 mt-1">
329
+ <i class="fas fa-exclamation text-red-600 text-xs"></i>
330
+ </div>
331
+ <span>Advanced Risk Management</span>
332
+ </li>
333
+ </ul>
334
+ </div>
335
+ </div>
336
+
337
+ <!-- Performance Chart -->
338
+ <div class="mt-8">
339
+ <div class="flex justify-between items-center mb-4">
340
+ <h3 class="font-medium">Your Progress Over Time</h3>
341
+ <select class="border border-gray-300 rounded-md px-3 py-1 text-sm">
342
+ <option>Last 3 Months</option>
343
+ <option>Last 6 Months</option>
344
+ <option>Last Year</option>
345
+ </select>
346
+ </div>
347
+ <div class="bg-gray-50 p-4 rounded-lg">
348
+ <img src="https://via.placeholder.com/600x200?text=Performance+Chart" alt="Performance Chart" class="w-full h-auto">
349
+ </div>
350
+ </div>
351
+ </div>
352
+
353
+ <!-- Mentor Section -->
354
+ <div class="bg-white rounded-xl shadow-sm p-6">
355
+ <div class="flex justify-between items-center mb-6">
356
+ <h2 class="text-xl font-bold">Your Mentor</h2>
357
+ <button class="text-blue-600 hover:underline">Message</button>
358
+ </div>
359
+
360
+ <div class="flex flex-col items-center mb-6">
361
+ <img src="https://randomuser.me/api/portraits/men/54.jpg" alt="Mentor" class="h-20 w-20 rounded-full mb-3 border-2 border-blue-500">
362
+ <h3 class="font-bold">Dr. Amit Sharma</h3>
363
+ <p class="text-gray-600 text-sm">Chief Commissioner (Retd.)</p>
364
+ <div class="flex space-x-1 mt-2">
365
+ <i class="fas fa-star text-yellow-400"></i>
366
+ <i class="fas fa-star text-yellow-400"></i>
367
+ <i class="fas fa-star text-yellow-400"></i>
368
+ <i class="fas fa-star text-yellow-400"></i>
369
+ <i class="fas fa-star-half-alt text-yellow-400"></i>
370
+ </div>
371
+ </div>
372
+
373
+ <div class="bg-blue-50 rounded-lg p-4 mb-4">
374
+ <h4 class="font-medium text-blue-800 mb-2">Latest Feedback</h4>
375
+ <p class="text-sm text-gray-700">"Rajesh, your understanding of HS classification is excellent. Let's focus more on valuation methods in our next session. I've shared some case studies in your resources."</p>
376
+ </div>
377
+
378
+ <div class="space-y-3">
379
+ <div class="flex items-start">
380
+ <div class="bg-blue-100 p-2 rounded-full mr-3">
381
+ <i class="fas fa-calendar-check text-blue-600"></i>
382
+ </div>
383
+ <div>
384
+ <h4 class="font-medium text-sm">Next Session</h4>
385
+ <p class="text-xs text-gray-600">Wed, 15 Nov 2023 • 3:00 PM</p>
386
+ </div>
387
+ </div>
388
+
389
+ <div class="flex items-start">
390
+ <div class="bg-purple-100 p-2 rounded-full mr-3">
391
+ <i class="fas fa-bullseye text-purple-600"></i>
392
+ </div>
393
+ <div>
394
+ <h4 class="font-medium text-sm">Focus Area</h4>
395
+ <p class="text-xs text-gray-600">Customs Valuation Methods</p>
396
+ </div>
397
+ </div>
398
+ </div>
399
+
400
+ <button class="w-full mt-6 bg-blue-600 text-white py-2 rounded-md hover:bg-blue-700 transition flex items-center justify-center">
401
+ <i class="fas fa-video mr-2"></i> Join Mentor Session
402
+ </button>
403
+ </div>
404
+ </div>
405
+
406
+ <!-- Recommended Courses -->
407
+ <div class="bg-white rounded-xl shadow-sm p-6">
408
+ <div class="flex justify-between items-center mb-6">
409
+ <h2 class="text-xl font-bold">Recommended For You</h2>
410
+ <a href="#" class="text-blue-600 hover:underline">Browse All Courses</a>
411
+ </div>
412
+
413
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
414
+ <!-- Course 1 -->
415
+ <div class="course-card bg-white border border-gray-200 rounded-xl overflow-hidden transition duration-300">
416
+ <div class="relative">
417
+ <img src="https://images.unsplash.com/photo-1600267165477-6d4cc741f379?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1170&q=80" alt="Rules of Origin" class="w-full h-40 object-cover">
418
+ <div class="absolute top-2 right-2 bg-yellow-500 text-white text-xs px-2 py-1 rounded">Recommended</div>
419
+ </div>
420
+ <div class="p-4">
421
+ <h3 class="font-bold mb-1">Rules of Origin</h3>
422
+ <p class="text-gray-600 text-sm mb-3">Understanding preferential and non-preferential rules under FTAs</p>
423
+ <div class="flex justify-between items-center mt-3">
424
+ <div class="flex items-center text-sm text-gray-500">
425
+ <i class="fas fa-chalkboard-teacher mr-1"></i>
426
+ <span>Dr. Neha Patel</span>
427
+ </div>
428
+ <button class="text-blue-600 text-sm font-medium hover:underline">Enroll</button>
429
+ </div>
430
+ </div>
431
+ </div>
432
+
433
+ <!-- Course 2 -->
434
+ <div class="course-card bg-white border border-gray-200 rounded-xl overflow-hidden transition duration-300">
435
+ <div class="relative">
436
+ <img src="https://images.unsplash.com/photo-1581092921461-39b2f2c8f0e6?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1170&q=80" alt="IPR Enforcement" class="w-full h-40 object-cover">
437
+ <div class="absolute top-2 right-2 bg-yellow-500 text-white text-xs px-2 py-1 rounded">Recommended</div>
438
+ </div>
439
+ <div class="p-4">
440
+ <h3 class="font-bold mb-1">IPR Enforcement at Borders</h3>
441
+ <p class="text-gray-600 text-sm mb-3">Identifying and dealing with counterfeit goods at customs checkpoints</p>
442
+ <div class="flex justify-between items-center mt-3">
443
+ <div class="flex items-center text-sm text-gray-500">
444
+ <i class="fas fa-chalkboard-teacher mr-1"></i>
445
+ <span>Adv. Ramesh Iyer</span>
446
+ </div>
447
+ <button class="text-blue-600 text-sm font-medium hover:underline">Enroll</button>
448
+ </div>
449
+ </div>
450
+ </div>
451
+
452
+ <!-- Course 3 -->
453
+ <div class="course-card bg-white border border-gray-200 rounded-xl overflow-hidden transition duration-300">
454
+ <div class="relative">
455
+ <img src="https://images.unsplash.com/photo-1554224155-8a6e1b1a1c9f?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1170&q=80" alt="Excise & GST" class="w-full h-40 object-cover">
456
+ <div class="absolute top-2 right-2 bg-yellow-500 text-white text-xs px-2 py-1 rounded">Recommended</div>
457
+ </div>
458
+ <div class="p-4">
459
+ <h3 class="font-bold mb-1">Excise & GST Integration</h3>
460
+ <p class="text-gray-600 text-sm mb-3">Transition from central excise to GST regime for customs officers</p>
461
+ <div class="flex justify-between items-center mt-3">
462
+ <div class="flex items-center text-sm text-gray-500">
463
+ <i class="fas fa-chalkboard-teacher mr-1"></i>
464
+ <span>CA Vikram Mehta</span>
465
+ </div>
466
+ <button class="text-blue-600 text-sm font-medium hover:underline">Enroll</button>
467
+ </div>
468
+ </div>
469
+ </div>
470
+ </div>
471
+ </div>
472
+
473
+ <!-- Upcoming Quizzes -->
474
+ <div class="bg-white rounded-xl shadow-sm p-6 mt-6">
475
+ <div class="flex justify-between items-center mb-6">
476
+ <h2 class="text-xl font-bold">Upcoming Quizzes</h2>
477
+ <a href="#" class="text-blue-600 hover:underline">View All</a>
478
+ </div>
479
+
480
+ <div class="overflow-x-auto">
481
+ <table class="min-w-full divide-y divide-gray-200">
482
+ <thead class="bg-gray-50">
483
+ <tr>
484
+ <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Quiz</th>
485
+ <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Course</th>
486
+ <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Date</th>
487
+ <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Duration</th>
488
+ <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Action</th>
489
+ </tr>
490
+ </thead>
491
+ <tbody class="bg-white divide-y divide-gray-200">
492
+ <tr>
493
+ <td class="px-6 py-4 whitespace-nowrap">
494
+ <div class="font-medium">Valuation Methods</div>
495
+ </td>
496
+ <td class="px-6 py-4 whitespace-nowrap">
497
+ <div class="text-sm text-gray-500">Customs Valuation</div>
498
+ </td>
499
+ <td class="px-6 py-4 whitespace-nowrap">
500
+ <div class="text-sm text-gray-500">15 Nov 2023</div>
501
+ </td>
502
+ <td class="px-6 py-4 whitespace-nowrap">
503
+ <div class="text-sm text-gray-500">30 mins</div>
504
+ </td>
505
+ <td class="px-6 py-4 whitespace-nowrap">
506
+ <button class="text-blue-600 hover:underline">Prepare</button>
507
+ </td>
508
+ </tr>
509
+ <tr>
510
+ <td class="px-6 py-4 whitespace-nowrap">
511
+ <div class="font-medium">Risk Indicators</div>
512
+ </td>
513
+ <td class="px-6 py-4 whitespace-nowrap">
514
+ <div class="text-sm text-gray-500">Risk Management</div>
515
+ </td>
516
+ <td class="px-6 py-4 whitespace-nowrap">
517
+ <div class="text-sm text-gray-500">22 Nov 2023</div>
518
+ </td>
519
+ <td class="px-6 py-4 whitespace-nowrap">
520
+ <div class="text-sm text-gray-500">45 mins</div>
521
+ </td>
522
+ <td class="px-6 py-4 whitespace-nowrap">
523
+ <button class="text-blue-600 hover:underline">Prepare</button>
524
+ </td>
525
+ </tr>
526
+ <tr>
527
+ <td class="px-6 py-4 whitespace-nowrap">
528
+ <div class="font-medium">FTA Provisions</div>
529
+ </td>
530
+ <td class="px-6 py-4 whitespace-nowrap">
531
+ <div class="text-sm text-gray-500">Trade Facilitation</div>
532
+ </td>
533
+ <td class="px-6 py-4 whitespace-nowrap">
534
+ <div class="text-sm text-gray-500">30 Nov 2023</div>
535
+ </td>
536
+ <td class="px-6 py-4 whitespace-nowrap">
537
+ <div class="text-sm text-gray-500">60 mins</div>
538
+ </td>
539
+ <td class="px-6 py-4 whitespace-nowrap">
540
+ <button class="text-blue-600 hover:underline">Prepare</button>
541
+ </td>
542
+ </tr>
543
+ </tbody>
544
+ </table>
545
+ </div>
546
+ </div>
547
+ </div>
548
+ </div>
549
+
550
+ <!-- Footer -->
551
+ <footer class="bg-gray-800 text-white py-8">
552
+ <div class="container mx-auto px-6">
553
+ <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
554
+ <div>
555
+ <h3 class="text-lg font-bold mb-4">NACIN LMS</h3>
556
+ <p class="text-gray-400">National Academy of Customs, Indirect Taxes and Narcotics (NACIN) is the apex training institution of the Central Board of Indirect Taxes and Customs (CBIC).</p>
557
+ </div>
558
+ <div>
559
+ <h3 class="text-lg font-bold mb-4">Quick Links</h3>
560
+ <ul class="space-y-2">
561
+ <li><a href="#" class="text-gray-400 hover:text-white transition">Home</a></li>
562
+ <li><a href="#" class="text-gray-400 hover:text-white transition">Courses</a></li>
563
+ <li><a href="#" class="text-gray-400 hover:text-white transition">Resources</a></li>
564
+ <li><a href="#" class="text-gray-400 hover:text-white transition">Help Center</a></li>
565
+ </ul>
566
+ </div>
567
+ <div>
568
+ <h3 class="text-lg font-bold mb-4">Contact Us</h3>
569
+ <ul class="space-y-2 text-gray-400">
570
+ <li class="flex items-start">
571
+ <i class="fas fa-map-marker-alt mr-3 mt-1"></i>
572
+ <span>NACIN Campus, 4th Floor, GST Bhavan, New Delhi - 110001</span>
573
+ </li>
574
+ <li class="flex items-center">
575
+ <i class="fas fa-phone-alt mr-3"></i>
576
+ <span>011-23456789</span>
577
+ </li>
578
+ <li class="flex items-center">
579
+ <i class="fas fa-envelope mr-3"></i>
580
+ <span>[email protected]</span>
581
+ </li>
582
+ </ul>
583
+ </div>
584
+ <div>
585
+ <h3 class="text-lg font-bold mb-4">Connect With Us</h3>
586
+ <div class="flex space-x-4 mb-4">
587
+ <a href="#" class="h-10 w-10 rounded-full bg-gray-700 flex items-center justify-center hover:bg-blue-600 transition">
588
+ <i class="fab fa-facebook-f"></i>
589
+ </a>
590
+ <a href="#" class="h-10 w-10 rounded-full bg-gray-700 flex items-center justify-center hover:bg-blue-400 transition">
591
+ <i class="fab fa-twitter"></i>
592
+ </a>
593
+ <a href="#" class="h-10 w-10 rounded-full bg-gray-700 flex items-center justify-center hover:bg-red-600 transition">
594
+ <i class="fab fa-youtube"></i>
595
+ </a>
596
+ <a href="#" class="h-10 w-10 rounded-full bg-gray-700 flex items-center justify-center hover:bg-blue-700 transition">
597
+ <i class="fab fa-linkedin-in"></i>
598
+ </a>
599
+ </div>
600
+ <p class="text-gray-400 text-sm">Subscribe to our newsletter for updates</p>
601
+ <div class="mt-2 flex">
602
+ <input type="email" placeholder="Your email" class="px-3 py-2 bg-gray-700 text-white rounded-l-md focus:outline-none focus:ring-1 focus:ring-blue-500 w-full">
603
+ <button class="bg-blue-600 hover:bg-blue-700 px-4 py-2 rounded-r-md">
604
+ <i class="fas fa-paper-plane"></i>
605
+ </button>
606
+ </div>
607
+ </div>
608
+ </div>
609
+ <div class="border-t border-gray-700 mt-8 pt-6 text-center text-gray-400 text-sm">
610
+ <p>© 2023 NACIN LMS. All rights reserved. | Designed for Customs & Indirect Taxes Officers</p>
611
+ </div>
612
+ </div>
613
+ </footer>
614
+
615
+ <script>
616
+ // Mobile menu toggle
617
+ document.getElementById('mobile-menu-btn').addEventListener('click', function() {
618
+ document.getElementById('mobile-menu').classList.toggle('hidden');
619
+ });
620
+
621
+ // Notification dropdown toggle
622
+ document.getElementById('notification-btn').addEventListener('click', function() {
623
+ document.getElementById('notification-dropdown').classList.toggle('hidden');
624
+ });
625
+
626
+ // Close dropdown when clicking outside
627
+ window.addEventListener('click', function(e) {
628
+ if (!e.target.matches('#notification-btn')) {
629
+ var dropdown = document.getElementById('notification-dropdown');
630
+ if (!dropdown.classList.contains('hidden')) {
631
+ dropdown.classList.add('hidden');
632
+ }
633
+ }
634
+ });
635
+
636
+ // FAQ toggle functionality
637
+ document.querySelectorAll('.faq-toggle').forEach(button => {
638
+ button.addEventListener('click', () => {
639
+ const content = button.nextElementSibling;
640
+ const icon = button.querySelector('i');
641
+
642
+ content.classList.toggle('hidden');
643
+ icon.classList.toggle('transform');
644
+ icon.classList.toggle('rotate-180');
645
+ });
646
+ });
647
+
648
+ // Simulate loading for demo purposes
649
+ setTimeout(() => {
650
+ document.querySelectorAll('.animate-pulse').forEach(el => {
651
+ el.classList.remove('animate-pulse');
652
+ });
653
+ }, 2000);
654
+ </script>
655
+ <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=SaranRaj-12/lms" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
656
+ </html>
prompts.txt ADDED
File without changes