Hugging Face's logo

Spaces:
nattywar
/
apptax
Running

App Files Community
nattywar commited on
Commit
b491bf8
·
verified ·
1 Parent(s): 3a1ca4e

Add 2 files

Browse files
Files changed (2) hide show
  1. README.md +7 -5
  2. index.html +1176 -19
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Apptax
3
- emoji: 📉
4
- colorFrom: purple
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: apptax
3
+ emoji: 🐳
4
+ colorFrom: blue
5
+ colorTo: blue
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,1176 @@
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>TaxPro Maximizer | Boost Your Tax Side Business</title>
7
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
8
+ <style>
9
+ :root {
10
+ --primary: #4361ee;
11
+ --secondary: #3f37c9;
12
+ --accent: #4895ef;
13
+ --light: #f8f9fa;
14
+ --dark: #212529;
15
+ --success: #4cc9f0;
16
+ --warning: #f72585;
17
+ --gray: #6c757d;
18
+ --light-gray: #e9ecef;
19
+ }
20
+
21
+ * {
22
+ margin: 0;
23
+ padding: 0;
24
+ box-sizing: border-box;
25
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
26
+ }
27
+
28
+ body {
29
+ background-color: #f5f7fb;
30
+ color: var(--dark);
31
+ }
32
+
33
+ .container {
34
+ max-width: 1200px;
35
+ margin: 0 auto;
36
+ padding: 0 20px;
37
+ }
38
+
39
+ header {
40
+ background: linear-gradient(135deg, var(--primary), var(--secondary));
41
+ color: white;
42
+ padding: 20px 0;
43
+ box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
44
+ position: sticky;
45
+ top: 0;
46
+ z-index: 100;
47
+ }
48
+
49
+ .header-inner {
50
+ display: flex;
51
+ justify-content: space-between;
52
+ align-items: center;
53
+ }
54
+
55
+ .logo {
56
+ font-size: 24px;
57
+ font-weight: bold;
58
+ display: flex;
59
+ align-items: center;
60
+ }
61
+
62
+ .logo i {
63
+ margin-right: 10px;
64
+ font-size: 28px;
65
+ }
66
+
67
+ nav ul {
68
+ display: flex;
69
+ list-style: none;
70
+ }
71
+
72
+ nav ul li {
73
+ margin-left: 25px;
74
+ }
75
+
76
+ nav ul li a {
77
+ color: white;
78
+ text-decoration: none;
79
+ font-weight: 500;
80
+ transition: all 0.3s ease;
81
+ display: flex;
82
+ align-items: center;
83
+ }
84
+
85
+ nav ul li a:hover {
86
+ opacity: 0.8;
87
+ }
88
+
89
+ nav ul li a i {
90
+ margin-right: 8px;
91
+ }
92
+
93
+ .mobile-menu {
94
+ display: none;
95
+ font-size: 24px;
96
+ cursor: pointer;
97
+ }
98
+
99
+ .dashboard {
100
+ padding: 40px 0;
101
+ }
102
+
103
+ .dashboard-header {
104
+ display: flex;
105
+ justify-content: space-between;
106
+ align-items: center;
107
+ margin-bottom: 30px;
108
+ }
109
+
110
+ .dashboard-title {
111
+ font-size: 28px;
112
+ color: var(--dark);
113
+ }
114
+
115
+ .quick-stats {
116
+ display: grid;
117
+ grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
118
+ gap: 20px;
119
+ margin-bottom: 40px;
120
+ }
121
+
122
+ .stat-card {
123
+ background: white;
124
+ border-radius: 10px;
125
+ padding: 25px;
126
+ box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
127
+ transition: transform 0.3s ease, box-shadow 0.3s ease;
128
+ }
129
+
130
+ .stat-card:hover {
131
+ transform: translateY(-5px);
132
+ box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
133
+ }
134
+
135
+ .stat-card.primary {
136
+ border-top: 4px solid var(--primary);
137
+ }
138
+
139
+ .stat-card.warning {
140
+ border-top: 4px solid var(--warning);
141
+ }
142
+
143
+ .stat-card.success {
144
+ border-top: 4px solid var(--success);
145
+ }
146
+
147
+ .stat-card.accent {
148
+ border-top: 4px solid var(--accent);
149
+ }
150
+
151
+ .stat-title {
152
+ font-size: 14px;
153
+ color: var(--gray);
154
+ margin-bottom: 10px;
155
+ display: flex;
156
+ align-items: center;
157
+ }
158
+
159
+ .stat-title i {
160
+ margin-right: 8px;
161
+ }
162
+
163
+ .stat-value {
164
+ font-size: 28px;
165
+ font-weight: bold;
166
+ margin-bottom: 5px;
167
+ }
168
+
169
+ .stat-change {
170
+ font-size: 14px;
171
+ display: flex;
172
+ align-items: center;
173
+ }
174
+
175
+ .stat-change.positive {
176
+ color: #28a745;
177
+ }
178
+
179
+ .stat-change.negative {
180
+ color: #dc3545;
181
+ }
182
+
183
+ .features-grid {
184
+ display: grid;
185
+ grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
186
+ gap: 25px;
187
+ margin-bottom: 40px;
188
+ }
189
+
190
+ .feature-card {
191
+ background: white;
192
+ border-radius: 10px;
193
+ padding: 25px;
194
+ box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
195
+ transition: all 0.3s ease;
196
+ cursor: pointer;
197
+ }
198
+
199
+ .feature-card:hover {
200
+ transform: translateY(-5px);
201
+ box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
202
+ }
203
+
204
+ .feature-header {
205
+ display: flex;
206
+ align-items: center;
207
+ margin-bottom: 15px;
208
+ }
209
+
210
+ .feature-icon {
211
+ width: 50px;
212
+ height: 50px;
213
+ border-radius: 12px;
214
+ display: flex;
215
+ align-items: center;
216
+ justify-content: center;
217
+ font-size: 20px;
218
+ color: white;
219
+ margin-right: 15px;
220
+ }
221
+
222
+ .feature-icon.client-manager {
223
+ background: linear-gradient(135deg, #ff6b6b, #ff8787);
224
+ }
225
+
226
+ .feature-icon.deduction-finder {
227
+ background: linear-gradient(135deg, #4cc9f0, #4895ef);
228
+ }
229
+
230
+ .feature-icon.tax-calculator {
231
+ background: linear-gradient(135deg, #f72585, #b5179e);
232
+ }
233
+
234
+ .feature-icon.document-organizer {
235
+ background: linear-gradient(135deg, #4361ee, #3a0ca3);
236
+ }
237
+
238
+ .feature-icon.marketing-tools {
239
+ background: linear-gradient(135deg, #38b000, #70e000);
240
+ }
241
+
242
+ .feature-icon.expense-tracker {
243
+ background: linear-gradient(135deg, #ff9e00, #ffaa00);
244
+ }
245
+
246
+ .feature-title {
247
+ font-size: 18px;
248
+ font-weight: 600;
249
+ margin-bottom: 5px;
250
+ }
251
+
252
+ .feature-desc {
253
+ color: var(--gray);
254
+ font-size: 14px;
255
+ line-height: 1.5;
256
+ margin-bottom: 15px;
257
+ }
258
+
259
+ .feature-link {
260
+ color: var(--primary);
261
+ font-weight: 500;
262
+ text-decoration: none;
263
+ display: flex;
264
+ align-items: center;
265
+ font-size: 14px;
266
+ }
267
+
268
+ .feature-link i {
269
+ margin-left: 5px;
270
+ transition: transform 0.3s ease;
271
+ }
272
+
273
+ .feature-card:hover .feature-link i {
274
+ transform: translateX(3px);
275
+ }
276
+
277
+ .recent-clients {
278
+ background: white;
279
+ border-radius: 10px;
280
+ padding: 25px;
281
+ box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
282
+ margin-bottom: 40px;
283
+ }
284
+
285
+ .section-header {
286
+ display: flex;
287
+ justify-content: space-between;
288
+ align-items: center;
289
+ margin-bottom: 20px;
290
+ }
291
+
292
+ .section-title {
293
+ font-size: 20px;
294
+ font-weight: 600;
295
+ }
296
+
297
+ .view-all {
298
+ color: var(--primary);
299
+ text-decoration: none;
300
+ font-weight: 500;
301
+ font-size: 14px;
302
+ display: flex;
303
+ align-items: center;
304
+ }
305
+
306
+ .view-all i {
307
+ margin-left: 5px;
308
+ }
309
+
310
+ table {
311
+ width: 100%;
312
+ border-collapse: collapse;
313
+ }
314
+
315
+ th, td {
316
+ padding: 12px 15px;
317
+ text-align: left;
318
+ border-bottom: 1px solid var(--light-gray);
319
+ }
320
+
321
+ th {
322
+ font-weight: 600;
323
+ color: var(--gray);
324
+ font-size: 14px;
325
+ }
326
+
327
+ td {
328
+ font-size: 15px;
329
+ }
330
+
331
+ .status {
332
+ padding: 6px 12px;
333
+ border-radius: 20px;
334
+ font-size: 12px;
335
+ font-weight: 500;
336
+ }
337
+
338
+ .status.pending {
339
+ background-color: #fff3cd;
340
+ color: #856404;
341
+ }
342
+
343
+ .status.completed {
344
+ background-color: #d4edda;
345
+ color: #155724;
346
+ }
347
+
348
+ .status.review {
349
+ background-color: #cce5ff;
350
+ color: #004085;
351
+ }
352
+
353
+ .client-avatar {
354
+ width: 36px;
355
+ height: 36px;
356
+ border-radius: 50%;
357
+ margin-right: 10px;
358
+ object-fit: cover;
359
+ }
360
+
361
+ .client-cell {
362
+ display: flex;
363
+ align-items: center;
364
+ }
365
+
366
+ .client-name {
367
+ font-weight: 500;
368
+ }
369
+
370
+ .action-btn {
371
+ background: none;
372
+ border: none;
373
+ cursor: pointer;
374
+ color: var(--gray);
375
+ transition: color 0.3s ease;
376
+ }
377
+
378
+ .action-btn:hover {
379
+ color: var(--primary);
380
+ }
381
+
382
+ .tax-tips {
383
+ background: white;
384
+ border-radius: 10px;
385
+ padding: 25px;
386
+ box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
387
+ }
388
+
389
+ .tips-header {
390
+ display: flex;
391
+ align-items: center;
392
+ margin-bottom: 20px;
393
+ }
394
+
395
+ .tips-icon {
396
+ width: 40px;
397
+ height: 40px;
398
+ border-radius: 10px;
399
+ background: linear-gradient(135deg, var(--warning), #b5179e);
400
+ display: flex;
401
+ align-items: center;
402
+ justify-content: center;
403
+ color: white;
404
+ font-size: 18px;
405
+ margin-right: 15px;
406
+ }
407
+
408
+ .tip-card {
409
+ padding: 15px;
410
+ border-radius: 8px;
411
+ background-color: #f8f9fa;
412
+ margin-bottom: 15px;
413
+ border-left: 4px solid var(--accent);
414
+ }
415
+
416
+ .tip-title {
417
+ font-weight: 600;
418
+ margin-bottom: 8px;
419
+ }
420
+
421
+ .tip-desc {
422
+ font-size: 14px;
423
+ color: var(--gray);
424
+ line-height: 1.5;
425
+ }
426
+
427
+ footer {
428
+ background-color: var(--dark);
429
+ color: white;
430
+ padding: 30px 0;
431
+ margin-top: 50px;
432
+ }
433
+
434
+ .footer-content {
435
+ display: flex;
436
+ justify-content: space-between;
437
+ }
438
+
439
+ .footer-logo {
440
+ font-size: 20px;
441
+ font-weight: bold;
442
+ margin-bottom: 15px;
443
+ }
444
+
445
+ .footer-links h4 {
446
+ margin-bottom: 15px;
447
+ font-size: 16px;
448
+ }
449
+
450
+ .footer-links ul {
451
+ list-style: none;
452
+ }
453
+
454
+ .footer-links ul li {
455
+ margin-bottom: 8px;
456
+ }
457
+
458
+ .footer-links ul li a {
459
+ color: #adb5bd;
460
+ text-decoration: none;
461
+ font-size: 14px;
462
+ transition: color 0.3s ease;
463
+ }
464
+
465
+ .footer-links ul li a:hover {
466
+ color: white;
467
+ }
468
+
469
+ .footer-social {
470
+ margin-top: 20px;
471
+ }
472
+
473
+ .footer-social a {
474
+ color: white;
475
+ margin-right: 15px;
476
+ font-size: 18px;
477
+ transition: color 0.3s ease;
478
+ }
479
+
480
+ .footer-social a:hover {
481
+ color: var(--accent);
482
+ }
483
+
484
+ .copyright {
485
+ text-align: center;
486
+ margin-top: 30px;
487
+ padding-top: 20px;
488
+ border-top: 1px solid #495057;
489
+ color: #adb5bd;
490
+ font-size: 14px;
491
+ }
492
+
493
+ /* Modal styles */
494
+ .modal {
495
+ display: none;
496
+ position: fixed;
497
+ top: 0;
498
+ left: 0;
499
+ width: 100%;
500
+ height: 100%;
501
+ background-color: rgba(0, 0, 0, 0.5);
502
+ z-index: 200;
503
+ justify-content: center;
504
+ align-items: center;
505
+ }
506
+
507
+ .modal-content {
508
+ background: white;
509
+ border-radius: 10px;
510
+ width: 90%;
511
+ max-width: 600px;
512
+ max-height: 80vh;
513
+ overflow-y: auto;
514
+ padding: 30px;
515
+ position: relative;
516
+ }
517
+
518
+ .close-modal {
519
+ position: absolute;
520
+ top: 20px;
521
+ right: 20px;
522
+ font-size: 24px;
523
+ cursor: pointer;
524
+ color: var(--gray);
525
+ }
526
+
527
+ .modal-title {
528
+ font-size: 22px;
529
+ margin-bottom: 20px;
530
+ color: var(--primary);
531
+ }
532
+
533
+ .form-group {
534
+ margin-bottom: 20px;
535
+ }
536
+
537
+ .form-group label {
538
+ display: block;
539
+ margin-bottom: 8px;
540
+ font-weight: 500;
541
+ }
542
+
543
+ .form-group input,
544
+ .form-group select,
545
+ .form-group textarea {
546
+ width: 100%;
547
+ padding: 12px 15px;
548
+ border: 1px solid var(--light-gray);
549
+ border-radius: 6px;
550
+ font-size: 15px;
551
+ }
552
+
553
+ .form-actions {
554
+ display: flex;
555
+ justify-content: flex-end;
556
+ gap: 15px;
557
+ }
558
+
559
+ .btn {
560
+ padding: 10px 20px;
561
+ border-radius: 6px;
562
+ font-weight: 500;
563
+ cursor: pointer;
564
+ border: none;
565
+ transition: all 0.3s ease;
566
+ }
567
+
568
+ .btn-primary {
569
+ background-color: var(--primary);
570
+ color: white;
571
+ }
572
+
573
+ .btn-primary:hover {
574
+ background-color: var(--secondary);
575
+ }
576
+
577
+ .btn-outline {
578
+ background-color: transparent;
579
+ border: 1px solid var(--gray);
580
+ color: var(--dark);
581
+ }
582
+
583
+ .btn-outline:hover {
584
+ background-color: var(--light-gray);
585
+ }
586
+
587
+ /* Responsive styles */
588
+ @media (max-width: 992px) {
589
+ .quick-stats {
590
+ grid-template-columns: repeat(2, 1fr);
591
+ }
592
+ }
593
+
594
+ @media (max-width: 768px) {
595
+ nav ul {
596
+ display: none;
597
+ }
598
+
599
+ .mobile-menu {
600
+ display: block;
601
+ }
602
+
603
+ .quick-stats {
604
+ grid-template-columns: 1fr;
605
+ }
606
+
607
+ .features-grid {
608
+ grid-template-columns: 1fr;
609
+ }
610
+
611
+ .footer-content {
612
+ flex-direction: column;
613
+ }
614
+
615
+ .footer-links {
616
+ margin-bottom: 30px;
617
+ }
618
+
619
+ table {
620
+ display: block;
621
+ overflow-x: auto;
622
+ }
623
+ }
624
+ </style>
625
+ </head>
626
+ <body>
627
+ <header>
628
+ <div class="container header-inner">
629
+ <div class="logo">
630
+ <i class="fas fa-calculator"></i>
631
+ <span>TaxPro Maximizer</span>
632
+ </div>
633
+ <nav>
634
+ <ul>
635
+ <li><a href="#"><i class="fas fa-home"></i> Dashboard</a></li>
636
+ <li><a href="#"><i class="fas fa-users"></i> Clients</a></li>
637
+ <li><a href="#"><i class="fas fa-file-invoice-dollar"></i> Filings</a></li>
638
+ <li><a href="#"><i class="fas fa-chart-line"></i> Reports</a></li>
639
+ <li><a href="#"><i class="fas fa-cog"></i> Settings</a></li>
640
+ <li><a href="#" class="user-profile"><i class="fas fa-user-circle"></i></a></li>
641
+ </ul>
642
+ </nav>
643
+ <div class="mobile-menu">
644
+ <i class="fas fa-bars"></i>
645
+ </div>
646
+ </div>
647
+ </header>
648
+
649
+ <main class="dashboard">
650
+ <div class="container">
651
+ <div class="dashboard-header">
652
+ <h1 class="dashboard-title">Dashboard Overview</h1>
653
+ <button class="btn btn-primary" id="addClientBtn">
654
+ <i class="fas fa-plus"></i> Add New Client
655
+ </button>
656
+ </div>
657
+
658
+ <div class="quick-stats">
659
+ <div class="stat-card primary">
660
+ <div class="stat-title">
661
+ <i class="fas fa-users"></i> Total Clients
662
+ </div>
663
+ <div class="stat-value">142</div>
664
+ <div class="stat-change positive">
665
+ <i class="fas fa-arrow-up"></i> 12% from last month
666
+ </div>
667
+ </div>
668
+
669
+ <div class="stat-card warning">
670
+ <div class="stat-title">
671
+ <i class="fas fa-file-invoice"></i> Active Filings
672
+ </div>
673
+ <div class="stat-value">24</div>
674
+ <div class="stat-change positive">
675
+ <i class="fas fa-arrow-up"></i> 3 more than yesterday
676
+ </div>
677
+ </div>
678
+
679
+ <div class="stat-card success">
680
+ <div class="stat-title">
681
+ <i class="fas fa-check-circle"></i> Completed Returns
682
+ </div>
683
+ <div class="stat-value">78</div>
684
+ <div class="stat-change positive">
685
+ <i class="fas fa-arrow-up"></i> 20% from last season
686
+ </div>
687
+ </div>
688
+
689
+ <div class="stat-card accent">
690
+ <div class="stat-title">
691
+ <i class="fas fa-dollar-sign"></i> Revenue YTD
692
+ </div>
693
+ <div class="stat-value">$14,820</div>
694
+ <div class="stat-change positive">
695
+ <i class="fas fa-arrow-up"></i> 35% increase
696
+ </div>
697
+ </div>
698
+ </div>
699
+
700
+ <div class="features-grid">
701
+ <div class="feature-card" onclick="openFeatureModal('clientModal')">
702
+ <div class="feature-header">
703
+ <div class="feature-icon client-manager">
704
+ <i class="fas fa-users"></i>
705
+ </div>
706
+ <div>
707
+ <h3 class="feature-title">Client Manager</h3>
708
+ <p class="feature-desc">Track all client information, deadlines, and documents in one place.</p>
709
+ </div>
710
+ </div>
711
+ <a href="#" class="feature-link">Open Client Manager <i class="fas fa-chevron-right"></i></a>
712
+ </div>
713
+
714
+ <div class="feature-card" onclick="openFeatureModal('deductionModal')">
715
+ <div class="feature-header">
716
+ <div class="feature-icon deduction-finder">
717
+ <i class="fas fa-search-dollar"></i>
718
+ </div>
719
+ <div>
720
+ <h3 class="feature-title">Deduction Finder</h3>
721
+ <p class="feature-desc">Discover every possible deduction and credit for your clients.</p>
722
+ </div>
723
+ </div>
724
+ <a href="#" class="feature-link">Find Deductions <i class="fas fa-chevron-right"></i></a>
725
+ </div>
726
+
727
+ <div class="feature-card" onclick="openFeatureModal('calculatorModal')">
728
+ <div class="feature-header">
729
+ <div class="feature-icon tax-calculator">
730
+ <i class="fas fa-calculator"></i>
731
+ </div>
732
+ <div>
733
+ <h3 class="feature-title">Tax Calculator</h3>
734
+ <p class="feature-desc">Estimate tax liability quickly with real-time calculations.</p>
735
+ </div>
736
+ </div>
737
+ <a href="#" class="feature-link">Calculate Now <i class="fas fa-chevron-right"></i></a>
738
+ </div>
739
+
740
+ <div class="feature-card" onclick="openFeatureModal('documentsModal')">
741
+ <div class="feature-header">
742
+ <div class="feature-icon document-organizer">
743
+ <i class="fas fa-folder-open"></i>
744
+ </div>
745
+ <div>
746
+ <h3 class="feature-title">Document Organizer</h3>
747
+ <p class="feature-desc">Securely store and categorize all tax documents.</p>
748
+ </div>
749
+ </div>
750
+ <a href="#" class="feature-link">Manage Documents <i class="fas fa-chevron-right"></i></a>
751
+ </div>
752
+
753
+ <div class="feature-card" onclick="openFeatureModal('marketingModal')">
754
+ <div class="feature-header">
755
+ <div class="feature-icon marketing-tools">
756
+ <i class="fas fa-bullhorn"></i>
757
+ </div>
758
+ <div>
759
+ <h3 class="feature-title">Marketing Tools</h3>
760
+ <p class="feature-desc">Templates and tools to grow your client base.</p>
761
+ </div>
762
+ </div>
763
+ <a href="#" class="feature-link">Boost Your Business <i class="fas fa-chevron-right"></i></a>
764
+ </div>
765
+
766
+ <div class="feature-card" onclick="openFeatureModal('expenseModal')">
767
+ <div class="feature-header">
768
+ <div class="feature-icon expense-tracker">
769
+ <i class="fas fa-receipt"></i>
770
+ </div>
771
+ <div>
772
+ <h3 class="feature-title">Expense Tracker</h3>
773
+ <p class="feature-desc">Track your business expenses and deductions.</p>
774
+ </div>
775
+ </div>
776
+ <a href="#" class="feature-link">Track Expenses <i class="fas fa-chevron-right"></i></a>
777
+ </div>
778
+ </div>
779
+
780
+ <div class="recent-clients">
781
+ <div class="section-header">
782
+ <h2 class="section-title">Recent Client Activity</h2>
783
+ <a href="#" class="view-all">View All <i class="fas fa-chevron-right"></i></a>
784
+ </div>
785
+
786
+ <table>
787
+ <thead>
788
+ <tr>
789
+ <th>Client</th>
790
+ <th>Filing Type</th>
791
+ <th>Due Date</th>
792
+ <th>Status</th>
793
+ <th>Action</th>
794
+ </tr>
795
+ </thead>
796
+ <tbody>
797
+ <tr>
798
+ <td>
799
+ <div class="client-cell">
800
+ <img src="https://randomuser.me/api/portraits/women/44.jpg" alt="Sarah Johnson" class="client-avatar">
801
+ <span class="client-name">Sarah Johnson</span>
802
+ </div>
803
+ </td>
804
+ <td>1040 + Schedule C</td>
805
+ <td>Apr 15, 2023</td>
806
+ <td><span class="status completed">Completed</span></td>
807
+ <td><button class="action-btn"><i class="fas fa-ellipsis-h"></i></button></td>
808
+ </tr>
809
+ <tr>
810
+ <td>
811
+ <div class="client-cell">
812
+ <img src="https://randomuser.me/api/portraits/men/32.jpg" alt="Michael Chen" class="client-avatar">
813
+ <span class="client-name">Michael Chen</span>
814
+ </div>
815
+ </td>
816
+ <td>1040 + Schedule E</td>
817
+ <td>Apr 15, 2023</td>
818
+ <td><span class="status pending">Pending Docs</span></td>
819
+ <td><button class="action-btn"><i class="fas fa-ellipsis-h"></i></button></td>
820
+ </tr>
821
+ <tr>
822
+ <td>
823
+ <div class="client-cell">
824
+ <img src="https://randomuser.me/api/portraits/women/68.jpg" alt="Emily Rodriguez" class="client-avatar">
825
+ <span class="client-name">Emily Rodriguez</span>
826
+ </div>
827
+ </td>
828
+ <td>1120-S</td>
829
+ <td>Mar 15, 2023</td>
830
+ <td><span class="status completed">Completed</span></td>
831
+ <td><button class="action-btn"><i class="fas fa-ellipsis-h"></i></button></td>
832
+ </tr>
833
+ <tr>
834
+ <td>
835
+ <div class="client-cell">
836
+ <img src="https://randomuser.me/api/portraits/men/75.jpg" alt="David Kim" class="client-avatar">
837
+ <span class="client-name">David Kim</span>
838
+ </div>
839
+ </td>
840
+ <td>1040 + Schedule D</td>
841
+ <td>Apr 15, 2023</td>
842
+ <td><span class="status review">Review Needed</span></td>
843
+ <td><button class="action-btn"><i class="fas fa-ellipsis-h"></i></button></td>
844
+ </tr>
845
+ <tr>
846
+ <td>
847
+ <div class="client-cell">
848
+ <img src="https://randomuser.me/api/portraits/women/63.jpg" alt="Lisa Wong" class="client-avatar">
849
+ <span class="client-name">Lisa Wong</span>
850
+ </div>
851
+ </td>
852
+ <td>1065 (Partnership)</td>
853
+ <td>Mar 15, 2023</td>
854
+ <td><span class="status completed">Completed</span></td>
855
+ <td><button class="action-btn"><i class="fas fa-ellipsis-h"></i></button></td>
856
+ </tr>
857
+ </tbody>
858
+ </table>
859
+ </div>
860
+
861
+ <div class="tax-tips">
862
+ <div class="tips-header">
863
+ <div class="tips-icon">
864
+ <i class="fas fa-lightbulb"></i>
865
+ </div>
866
+ <h2 class="section-title">Maximization Tips & Reminders</h2>
867
+ </div>
868
+
869
+ <div class="tip-card">
870
+ <h3 class="tip-title">Quarterly Estimated Payments Due Soon (Sep 15)</h3>
871
+ <p class="tip-desc">Remind your self-employed clients about their upcoming estimated tax payment deadline. Consider helping them calculate the exact amount to avoid underpayment penalties.</p>
872
+ </div>
873
+
874
+ <div class="tip-card">
875
+ <h3 class="tip-title">Education Credits Often Overlooked</h3>
876
+ <p class="tip-desc">Review if clients with college expenses qualify for American Opportunity Credit or Lifetime Learning Credit. Even small expenses can lead to significant savings.</p>
877
+ </div>
878
+
879
+ <div class="tip-card">
880
+ <h3 class="tip-title">Home Office Deduction Multiplier</h3>
881
+ <p class="tip-desc">For clients working from home, you can now deduct $5/sq ft (max 300 sq ft) under the simplified method, or calculate actual expenses for potentially larger deductions.</p>
882
+ </div>
883
+ </div>
884
+ </div>
885
+ </main>
886
+
887
+ <!-- Add Client Modal -->
888
+ <div class="modal" id="addClientModal">
889
+ <div class="modal-content">
890
+ <span class="close-modal" onclick="closeModal('addClientModal')">&times;</span>
891
+ <h2 class="modal-title"><i class="fas fa-user-plus"></i> Add New Client</h2>
892
+
893
+ <div class="form-group">
894
+ <label for="clientName">Full Name</label>
895
+ <input type="text" id="clientName" placeholder="John Doe">
896
+ </div>
897
+
898
+ <div class="form-group">
899
+ <label for="clientEmail">Email Address</label>
900
+ <input type="email" id="clientEmail" placeholder="john@example.com">
901
+ </div>
902
+
903
+ <div class="form-group">
904
+ <label for="clientPhone">Phone Number</label>
905
+ <input type="tel" id="clientPhone" placeholder="(555) 123-4567">
906
+ </div>
907
+
908
+ <div class="form-group">
909
+ <label for="clientType">Client Type</label>
910
+ <select id="clientType">
911
+ <option value="individual">Individual</option>
912
+ <option value="business">Business</option>
913
+ <option value="family">Family Package</option>
914
+ <option value="estate">Estate/Trust</option>
915
+ </select>
916
+ </div>
917
+
918
+ <div class="form-group">
919
+ <label for="taxForms">Expected Tax Forms</label>
920
+ <select id="taxForms" multiple>
921
+ <option value="1040">1040 (Individual)</option>
922
+ <option value="schedule-c">Schedule C (Business)</option>
923
+ <option value="schedule-e">Schedule E (Rental)</option>
924
+ <option value="schedule-d">Schedule D (Capital Gains)</option>
925
+ <option value="1120">1120 (Corporation)</option>
926
+ <option value="1065">1065 (Partnership)</option>
927
+ </select>
928
+ </div>
929
+
930
+ <div class="form-group">
931
+ <label for="clientNotes">Notes</label>
932
+ <textarea id="clientNotes" rows="3" placeholder="Any special considerations or notes about this client..."></textarea>
933
+ </div>
934
+
935
+ <div class="form-actions">
936
+ <button class="btn btn-outline" onclick="closeModal('addClientModal')">Cancel</button>
937
+ <button class="btn btn-primary">Add Client</button>
938
+ </div>
939
+ </div>
940
+ </div>
941
+
942
+ <!-- Client Manager Modal -->
943
+ <div class="modal" id="clientModal">
944
+ <div class="modal-content">
945
+ <span class="close-modal" onclick="closeModal('clientModal')">&times;</span>
946
+ <h2 class="modal-title"><i class="fas fa-users"></i> Client Manager</h2>
947
+
948
+ <div class="feature-desc" style="margin-bottom: 20px;">
949
+ Manage all your clients efficiently with our comprehensive client management tools.
950
+ Track deadlines, documents, communications, and more in one centralized location.
951
+ </div>
952
+
953
+ <div class="form-group">
954
+ <label>Search Clients</label>
955
+ <input type="text" placeholder="Search by name, email, or tax ID">
956
+ </div>
957
+
958
+ <div style="background: #f8f9fa; padding: 15px; border-radius: 8px; margin-bottom: 20px;">
959
+ <h4 style="margin-bottom: 10px;">Client Management Features:</h4>
960
+ <ul style="padding-left: 20px; line-height: 1.8;">
961
+ <li>Client profile with all details and tax history</li>
962
+ <li>Document tracking and secure uploads</li>
963
+ <li>Deadline reminders and calendar integration</li>
964
+ <li>Client communication log</li>
965
+ <li>Custom questionnaire for tax preparation</li>
966
+ <li>Secure client portal for document exchange</li>
967
+ </ul>
968
+ </div>
969
+
970
+ <div class="form-actions">
971
+ <button class="btn btn-outline" onclick="closeModal('clientModal')">Close</button>
972
+ <button class="btn btn-primary">Open Client Manager</button>
973
+ </div>
974
+ </div>
975
+ </div>
976
+
977
+ <!-- Deduction Finder Modal -->
978
+ <div class="modal" id="deductionModal">
979
+ <div class="modal-content">
980
+ <span class="close-modal" onclick="closeModal('deductionModal')">&times;</span>
981
+ <h2 class="modal-title"><i class="fas fa-search-dollar"></i> Deduction Finder</h2>
982
+
983
+ <div class="feature-desc" style="margin-bottom: 20px;">
984
+ Never miss a deduction again! Our smart deduction finder analyzes client profiles to identify every possible
985
+ tax break they may qualify for, even ones they might not know about.
986
+ </div>
987
+
988
+ <div class="form-group">
989
+ <label>Select Client</label>
990
+ <select>
991
+ <option value="">Select a client to analyze</option>
992
+ <option value="1">Sarah Johnson</option>
993
+ <option value="2">Michael Chen</option>
994
+ <option value="3">Emily Rodriguez</option>
995
+ <option value="4">David Kim</option>
996
+ </select>
997
+ </div>
998
+
999
+ <div style="display: flex; gap: 15px; margin-bottom: 20px;">
1000
+ <div style="flex: 1; background: #e6f7ff; padding: 15px; border-radius: 8px;">
1001
+ <h4 style="margin-bottom: 10px; color: #0066cc;">Standard Detection</h4>
1002
+ <ul style="padding-left: 20px; line-height: 1.8;">
1003
+ <li>Common deductions (mortgage, charity, etc.)</li>
1004
+ <li>Basic credits and adjustments</li>
1005
+ <li>Quick overview of potential savings</li>
1006
+ </ul>
1007
+ </div>
1008
+ <div style="flex: 1; background: #f0fff0; padding: 15px; border-radius: 8px;">
1009
+ <h4 style="margin-bottom: 10px; color: #008000;">Advanced Detection</h4>
1010
+ <ul style="padding-left: 20px; line-height: 1.8;">
1011
+ <li>Industry-specific deductions</li>
1012
+ <li>Overlooked niche credits</li>
1013
+ <li>State-specific tax breaks</li>
1014
+ <li>Retirement account strategies</li>
1015
+ </ul>
1016
+ </div>
1017
+ </div>
1018
+
1019
+ <div class="form-actions">
1020
+ <button class="btn btn-outline" onclick="closeModal('deductionModal')">Close</button>
1021
+ <button class="btn btn-primary">Find Deductions</button>
1022
+ </div>
1023
+ </div>
1024
+ </div>
1025
+
1026
+ <!-- Calculator Modal -->
1027
+ <div class="modal" id="calculatorModal">
1028
+ <div class="modal-content">
1029
+ <span class="close-modal" onclick="closeModal('calculatorModal')">&times;</span>
1030
+ <h2 class="modal-title"><i class="fas fa-calculator"></i> Tax Calculator</h2>
1031
+
1032
+ <div class="feature-desc" style="margin-bottom: 20px;">
1033
+ Quickly estimate tax liability for yourself or your clients with our real-time tax calculator.
1034
+ Adjust variables to see how different decisions affect the bottom line.
1035
+ </div>
1036
+
1037
+ <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 20px;">
1038
+ <div class="form-group">
1039
+ <label>Filing Status</label>
1040
+ <select>
1041
+ <option>Single</option>
1042
+ <option>Married Filing Jointly</option>
1043
+ <option>Married Filing Separately</option>
1044
+ <option>Head of Household</option>
1045
+ <option>Qualifying Widow(er)</option>
1046
+ </select>
1047
+ </div>
1048
+
1049
+ <div class="form-group">
1050
+ <label>Income</label>
1051
+ <input type="number" placeholder="$">
1052
+ </div>
1053
+ </div>
1054
+
1055
+ <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 20px;">
1056
+ <div class="form-group">
1057
+ <label>Deductions</label>
1058
+ <input type="number" placeholder="$">
1059
+ </div>
1060
+
1061
+ <div class="form-group">
1062
+ <label>Credits</label>
1063
+ <input type="number" placeholder="$">
1064
+ </div>
1065
+ </div>
1066
+
1067
+ <div style="background: #f8f9fa; padding: 15px; border-radius: 8px; margin-bottom: 20px; text-align: center;">
1068
+ <h4 style="margin-bottom: 5px;">Estimated Tax Liability</h4>
1069
+ <div style="font-size: 24px; font-weight: bold;">$0.00</div>
1070
+ <div style="font-size: 14px; color: #666;">Based on standard assumptions</div>
1071
+ </div>
1072
+
1073
+ <div class="form-actions">
1074
+ <button class="btn btn-outline" onclick="closeModal('calculatorModal')">Close</button>
1075
+ <button class="btn btn-primary">Calculate</button>
1076
+ </div>
1077
+ </div>
1078
+ </div>
1079
+
1080
+ <footer>
1081
+ <div class="container">
1082
+ <div class="footer-content">
1083
+ <div>
1084
+ <div class="footer-logo">TaxPro Maximizer</div>
1085
+ <p style="color: #adb5bd; margin-bottom: 20px; font-size: 14px; max-width: 300px;">
1086
+ Empowering tax professionals to maximize their side business with smart tools and insights.
1087
+ </p>
1088
+ <div class="footer-social">
1089
+ <a href="#"><i class="fab fa-twitter"></i></a>
1090
+ <a href="#"><i class="fab fa-facebook-f"></i></a>
1091
+ <a href="#"><i class="fab fa-linkedin-in"></i></a>
1092
+ <a href="#"><i class="fab fa-instagram"></i></a>
1093
+ </div>
1094
+ </div>
1095
+
1096
+ <div class="footer-links">
1097
+ <h4>Features</h4>
1098
+ <ul>
1099
+ <li><a href="#">Client Manager</a></li>
1100
+ <li><a href="#">Deduction Finder</a></li>
1101
+ <li><a href="#">Tax Calculator</a></li>
1102
+ <li><a href="#">Document Organizer</a></li>
1103
+ </ul>
1104
+ </div>
1105
+
1106
+ <div class="footer-links">
1107
+ <h4>Resources</h4>
1108
+ <ul>
1109
+ <li><a href="#">Tax Law Updates</a></li>
1110
+ <li><a href="#">Document Templates</a></li>
1111
+ <li><a href="#">Marketing Tools</a></li>
1112
+ <li><a href="#">Training Videos</a></li>
1113
+ </ul>
1114
+ </div>
1115
+
1116
+ <div class="footer-links">
1117
+ <h4>Support</h4>
1118
+ <ul>
1119
+ <li><a href="#">Help Center</a></li>
1120
+ <li><a href="#">Live Chat</a></li>
1121
+ <li><a href="#">Contact Us</a></li>
1122
+ <li><a href="#">Feedback</a></li>
1123
+ </ul>
1124
+ </div>
1125
+ </div>
1126
+
1127
+ <div class="copyright">
1128
+ &copy; 2023 TaxPro Maximizer. All rights reserved.
1129
+ </div>
1130
+ </div>
1131
+ </footer>
1132
+
1133
+ <script>
1134
+ // Mobile menu toggle
1135
+ document.querySelector('.mobile-menu').addEventListener('click', function() {
1136
+ const nav = document.querySelector('nav ul');
1137
+ nav.style.display = nav.style.display === 'flex' ? 'none' : 'flex';
1138
+ });
1139
+
1140
+ // Modal functions
1141
+ document.getElementById('addClientBtn').addEventListener('click', function() {
1142
+ document.getElementById('addClientModal').style.display = 'flex';
1143
+ });
1144
+
1145
+ function openFeatureModal(modalId) {
1146
+ document.getElementById(modalId).style.display = 'flex';
1147
+ }
1148
+
1149
+ function closeModal(modalId) {
1150
+ document.getElementById(modalId).style.display = 'none';
1151
+ }
1152
+
1153
+ // Close modals when clicking outside
1154
+ window.addEventListener('click', function(event) {
1155
+ if (event.target.classList.contains('modal')) {
1156
+ event.target.style.display = 'none';
1157
+ }
1158
+ });
1159
+
1160
+ // Simple tax calculator functionality
1161
+ const calculatorModal = document.getElementById('calculatorModal');
1162
+ calculatorModal.addEventListener('click', function(e) {
1163
+ if (e.target.innerHTML === 'Calculate') {
1164
+ const calculatorResult = calculatorModal.querySelector('h4');
1165
+ calculatorResult.textContent = 'Estimated Tax Liability';
1166
+
1167
+ // This would be replaced with actual calculation logic
1168
+ const randomTax = (Math.random() * 5000 + 500).toFixed(2);
1169
+ calculatorModal.querySelector('div > div:nth-child(2)').textContent = '$' + randomTax;
1170
+
1171
+ alert('Full calculation would be performed here based on inputs');
1172
+ }
1173
+ });
1174
+ </script>
1175
+ <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 <a href="https://enzostvs-deepsite.hf.space" style="color: #fff;" target="_blank" >DeepSite</a> <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;"></p></body>
1176
+ </html>