Hugging Face's logo

Spaces:
sarim
/
pix
Running

App Files Community
sarim commited on
Commit
5862c85
·
verified ·
1 Parent(s): 03c3684

Upload portfolio.html

Browse files
Files changed (1) hide show
  1. portfolio.html +288 -983
portfolio.html CHANGED
@@ -1,983 +1,288 @@
1
- <div class="col-sm-12 tab-pane inner-content-table automobile-div active" id="marketmainboard">
2
-
3
- <div class="col-sm-12 padding-zero">
4
- <div class="col-xs-6 col-sm-8 padding-zero">
5
- <h4 style="margin-top: 0;display: inline-block;height: auto;"> Data refreshes in 5 minutes</h4>
6
- </div>
7
- <div class="col-xs-6 col-sm-4 text-right">
8
- <h4 style="margin-top: 0;display: inline-block;height: auto;">* LDCP represents Last Day Close Price</h4>
9
- </div>
10
-
11
- </div>
12
- <div class="table-responsive">
13
- <table>
14
- <thead>
15
- <tr>
16
- <th colspan="8">
17
- <h4> AUTOMOBILE ASSEMBLER</h4>
18
- </th>
19
- </tr>
20
- </thead>
21
- <tbody><tr>
22
- <td>SCRIP</td>
23
- <td>LDCP</td>
24
- <td>OPEN</td>
25
- <td>HIGH</td>
26
- <td>LOW</td>
27
- <td>CURRENT</td>
28
- <td>CHANGE</td>
29
- <td>VOLUME</td>
30
- </tr>
31
- <tr class="red-text-td">
32
-
33
- <!-- <td></td> -->
34
- <td class="dataportal" data-srip="AGTL">AL-Ghazi Tractors</td>
35
-
36
- <td>406.18</td>
37
- <td>407.0</td>
38
- <td>409.9</td>
39
- <td>405.0</td>
40
- <td>406.0</td>
41
- <td> <span class="decrease-rate"></span> -0.18</td>
42
-
43
- <td>15,203</td>
44
- </tr>
45
- <tr class="green-text-td">
46
-
47
- <!-- <td></td> -->
48
- <td class="dataportal" data-srip="ATLH">Atlas Honda Ltd</td>
49
-
50
- <td>1,494.00</td>
51
- <td>1549.99</td>
52
- <td>1549.99</td>
53
- <td>1496.0</td>
54
- <td>1519.85</td>
55
- <td> <span class="increase-rate"></span> 25.85</td>
56
-
57
- <td>6,604</td>
58
- </tr>
59
- <tr class="red-text-td">
60
-
61
- <!-- <td></td> -->
62
- <td class="dataportal" data-srip="DFML">Dewan Motors</td>
63
-
64
- <td>27.27</td>
65
- <td>28.5</td>
66
- <td>29.2</td>
67
- <td>26.6</td>
68
- <td>26.85</td>
69
- <td> <span class="decrease-rate"></span> -0.42</td>
70
-
71
- <td>10,524,635</td>
72
- </tr>
73
- <tr class="green-text-td">
74
-
75
- <!-- <td></td> -->
76
- <td class="dataportal" data-srip="GAL">Ghandhara Automobile</td>
77
-
78
- <td>564.58</td>
79
- <td>564.58</td>
80
- <td>568.0</td>
81
- <td>563.8</td>
82
- <td>565.7</td>
83
- <td> <span class="increase-rate"></span> 1.12</td>
84
-
85
- <td>192,274</td>
86
- </tr>
87
- <tr class="green-text-td">
88
-
89
- <!-- <td></td> -->
90
- <td class="dataportal" data-srip="GHNI">Ghandhara Ind.</td>
91
-
92
- <td>852.47</td>
93
- <td>858.0</td>
94
- <td>866.0</td>
95
- <td>856.0</td>
96
- <td>861.16</td>
97
- <td> <span class="increase-rate"></span> 8.69</td>
98
-
99
- <td>260,546</td>
100
- </tr>
101
- <tr class="green-text-td">
102
-
103
- <!-- <td></td> -->
104
- <td class="dataportal" data-srip="HINO">Hinopak Motor</td>
105
-
106
- <td>477.82</td>
107
- <td>477.82</td>
108
- <td>487.0</td>
109
- <td>466.07</td>
110
- <td>480.0</td>
111
- <td> <span class="increase-rate"></span> 2.18</td>
112
-
113
- <td>8,143</td>
114
- </tr>
115
- <tr class="green-text-td">
116
-
117
- <!-- <td></td> -->
118
- <td class="dataportal" data-srip="HCAR">Honda Atlas Cars</td>
119
-
120
- <td>278.41</td>
121
- <td>279.49</td>
122
- <td>279.49</td>
123
- <td>278.0</td>
124
- <td>278.49</td>
125
- <td> <span class="increase-rate"></span> 0.08</td>
126
-
127
- <td>114,105</td>
128
- </tr>
129
- <tr class="green-text-td">
130
-
131
- <!-- <td></td> -->
132
- <td class="dataportal" data-srip="INDU">Indus Motor Co.</td>
133
-
134
- <td>2,181.88</td>
135
- <td>2200.0</td>
136
- <td>2219.0</td>
137
- <td>2183.05</td>
138
- <td>2200.0</td>
139
- <td> <span class="increase-rate"></span> 18.12</td>
140
-
141
- <td>11,292</td>
142
- </tr>
143
- <tr class="green-text-td">
144
-
145
- <!-- <td></td> -->
146
- <td class="dataportal" data-srip="MTL">Millat Tractors</td>
147
-
148
- <td>531.21</td>
149
- <td>531.4</td>
150
- <td>539.0</td>
151
- <td>531.4</td>
152
- <td>534.83</td>
153
- <td> <span class="increase-rate"></span> 3.62</td>
154
-
155
- <td>42,078</td>
156
- </tr>
157
- <tr class="green-text-td">
158
-
159
- <!-- <td></td> -->
160
- <td class="dataportal" data-srip="SAZEW">Sazgar Engineering</td>
161
-
162
- <td>1,838.26</td>
163
- <td>1845.0</td>
164
- <td>1899.75</td>
165
- <td>1844.97</td>
166
- <td>1896.01</td>
167
- <td> <span class="increase-rate"></span> 57.75</td>
168
-
169
- <td>154,002</td>
170
- </tr>
171
- </tbody></table>
172
-
173
- </div>
174
-
175
- <div class="table-responsive">
176
- <table>
177
- <thead>
178
- <tr>
179
- <th colspan="8">
180
- <h4> AUTOMOBILE PARTS &amp; ACCESSORIES</h4>
181
- </th>
182
- </tr>
183
- </thead>
184
- <tbody><tr>
185
- <td>SCRIP</td>
186
- <td>LDCP</td>
187
- <td>OPEN</td>
188
- <td>HIGH</td>
189
- <td>LOW</td>
190
- <td>CURRENT</td>
191
- <td>CHANGE</td>
192
- <td>VOLUME</td>
193
- </tr>
194
- <tr class="green-text-td">
195
-
196
- <!-- <td></td> -->
197
- <td class="dataportal" data-srip="AGIL">Agriautos Ind.</td>
198
-
199
- <td>172.75</td>
200
- <td>174.0</td>
201
- <td>176.49</td>
202
- <td>172.9</td>
203
- <td>173.5</td>
204
- <td> <span class="increase-rate"></span> 0.75</td>
205
-
206
- <td>29,105</td>
207
- </tr>
208
- <tr class="green-text-td">
209
-
210
- <!-- <td></td> -->
211
- <td class="dataportal" data-srip="ATBA">Atlas Battery</td>
212
-
213
- <td>245.38</td>
214
- <td>247.49</td>
215
- <td>247.98</td>
216
- <td>244.0</td>
217
- <td>246.0</td>
218
- <td> <span class="increase-rate"></span> 0.62</td>
219
-
220
- <td>16,769</td>
221
- </tr>
222
- <tr class="green-text-td">
223
-
224
- <!-- <td></td> -->
225
- <td class="dataportal" data-srip="BWHL">Bal.Wheels</td>
226
-
227
- <td>213.15</td>
228
- <td>219.98</td>
229
- <td>234.47</td>
230
- <td>219.98</td>
231
- <td>234.47</td>
232
- <td> <span class="increase-rate"></span> 21.32</td>
233
-
234
- <td>338,803</td>
235
- </tr>
236
- <tr class="green-text-td">
237
-
238
- <!-- <td></td> -->
239
- <td class="dataportal" data-srip="BELA">Bela Automotive</td>
240
-
241
- <td>92.99</td>
242
- <td>93.5</td>
243
- <td>93.5</td>
244
- <td>88.25</td>
245
- <td>93.0</td>
246
- <td> <span class="increase-rate"></span> 0.01</td>
247
-
248
- <td>1,055</td>
249
- </tr>
250
- <tr class="green-text-td">
251
-
252
- <!-- <td></td> -->
253
- <td class="dataportal" data-srip="DWAE">Dewan Auto Engg</td>
254
-
255
- <td>26.58</td>
256
- <td>29.24</td>
257
- <td>29.24</td>
258
- <td>29.24</td>
259
- <td>29.24</td>
260
- <td> <span class="increase-rate"></span> 2.66</td>
261
-
262
- <td>42,926</td>
263
- </tr>
264
- <tr class="red-text-td">
265
-
266
- <!-- <td></td> -->
267
- <td class="dataportal" data-srip="EXIDE">Exide (PAK)</td>
268
-
269
- <td>627.22</td>
270
- <td>630.0</td>
271
- <td>633.99</td>
272
- <td>620.0</td>
273
- <td>623.1</td>
274
- <td> <span class="decrease-rate"></span> -4.12</td>
275
-
276
- <td>10,153</td>
277
- </tr>
278
- <tr class="green-text-td">
279
-
280
- <!-- <td></td> -->
281
- <td class="dataportal" data-srip="GTYR">Ghandhara Tyre</td>
282
-
283
- <td>39.91</td>
284
- <td>40.0</td>
285
- <td>40.45</td>
286
- <td>39.67</td>
287
- <td>40.45</td>
288
- <td> <span class="increase-rate"></span> 0.54</td>
289
-
290
- <td>164,122</td>
291
- </tr>
292
- <tr class="green-text-td">
293
-
294
- <!-- <td></td> -->
295
- <td class="dataportal" data-srip="LOADS">Loads Limited</td>
296
-
297
- <td>18.14</td>
298
- <td>18.2</td>
299
- <td>18.42</td>
300
- <td>18.12</td>
301
- <td>18.29</td>
302
- <td> <span class="increase-rate"></span> 0.15</td>
303
-
304
- <td>1,138,235</td>
305
- </tr>
306
- <tr class="red-text-td">
307
-
308
- <!-- <td></td> -->
309
- <td class="dataportal" data-srip="PTL">Panther Tyres Ltd.</td>
310
-
311
- <td>57.00</td>
312
- <td>57.7</td>
313
- <td>57.7</td>
314
- <td>56.61</td>
315
- <td>57.0</td>
316
- <td> <span class="decrease-rate"></span> </td>
317
-
318
- <td>9,531</td>
319
- </tr>
320
- <tr class="green-text-td">
321
-
322
- <!-- <td></td> -->
323
- <td class="dataportal" data-srip="THALL">Thal Limited</td>
324
-
325
- <td>560.00</td>
326
- <td>556.0</td>
327
- <td>592.99</td>
328
- <td>556.0</td>
329
- <td>580.0</td>
330
- <td> <span class="increase-rate"></span> 20.0</td>
331
-
332
- <td>19,798</td>
333
- </tr>
334
- <tr class="green-text-td">
335
-
336
- <!-- <td></td> -->
337
- <td class="dataportal" data-srip="TBL">Treet Battery Ltd.</td>
338
-
339
- <td>12.43</td>
340
- <td>12.52</td>
341
- <td>12.62</td>
342
- <td>12.43</td>
343
- <td>12.57</td>
344
- <td> <span class="increase-rate"></span> 0.14</td>
345
-
346
- <td>1,535,900</td>
347
- </tr>
348
- </tbody></table>
349
-
350
- </div>
351
-
352
- <div class="table-responsive">
353
- <table>
354
- <thead>
355
- <tr>
356
- <th colspan="8">
357
- <h4> CABLE &amp; ELECTRICAL GOODS</h4>
358
- </th>
359
- </tr>
360
- </thead>
361
- <tbody><tr>
362
- <td>SCRIP</td>
363
- <td>LDCP</td>
364
- <td>OPEN</td>
365
- <td>HIGH</td>
366
- <td>LOW</td>
367
- <td>CURRENT</td>
368
- <td>CHANGE</td>
369
- <td>VOLUME</td>
370
- </tr>
371
- <tr class="green-text-td">
372
-
373
- <!-- <td></td> -->
374
- <td class="dataportal" data-srip="EMCO">EMCO Industries</td>
375
-
376
- <td>58.62</td>
377
- <td>59.5</td>
378
- <td>59.5</td>
379
- <td>57.0</td>
380
- <td>58.69</td>
381
- <td> <span class="increase-rate"></span> 0.07</td>
382
-
383
- <td>48,057</td>
384
- </tr>
385
- <tr class="green-text-td">
386
-
387
- <!-- <td></td> -->
388
- <td class="dataportal" data-srip="FCL">Fast Cables Ltd.</td>
389
-
390
- <td>26.76</td>
391
- <td>26.56</td>
392
- <td>26.85</td>
393
- <td>26.52</td>
394
- <td>26.8</td>
395
- <td> <span class="increase-rate"></span> 0.04</td>
396
-
397
- <td>1,094,764</td>
398
- </tr>
399
- <tr class="green-text-td">
400
-
401
- <!-- <td></td> -->
402
- <td class="dataportal" data-srip="PAEL">Pak Elektron</td>
403
-
404
- <td>58.58</td>
405
- <td>58.83</td>
406
- <td>59.3</td>
407
- <td>58.3</td>
408
- <td>59.0</td>
409
- <td> <span class="increase-rate"></span> 0.42</td>
410
-
411
- <td>5,579,159</td>
412
- </tr>
413
- <tr class="green-text-td">
414
-
415
- <!-- <td></td> -->
416
- <td class="dataportal" data-srip="PCAL">Pakistan Cables-</td>
417
-
418
- <td>208.95</td>
419
- <td>213.75</td>
420
- <td>213.75</td>
421
- <td>207.5</td>
422
- <td>209.0</td>
423
- <td> <span class="increase-rate"></span> 0.05</td>
424
-
425
- <td>15,681</td>
426
- </tr>
427
- <tr class="red-text-td">
428
-
429
- <!-- <td></td> -->
430
- <td class="dataportal" data-srip="SIEM">Siemens Pak.</td>
431
-
432
- <td>1,525.00</td>
433
- <td>1533.0</td>
434
- <td>1535.0</td>
435
- <td>1524.0</td>
436
- <td>1524.0</td>
437
- <td> <span class="decrease-rate"></span> -1.0</td>
438
-
439
- <td>27</td>
440
- </tr>
441
- <tr class="red-text-td">
442
-
443
- <!-- <td></td> -->
444
- <td class="dataportal" data-srip="WAVES">Waves Corp Ltd.</td>
445
-
446
- <td>14.33</td>
447
- <td>14.31</td>
448
- <td>14.5</td>
449
- <td>14.2</td>
450
- <td>14.3</td>
451
- <td> <span class="decrease-rate"></span> -0.03</td>
452
-
453
- <td>1,394,116</td>
454
- </tr>
455
- <tr class="green-text-td">
456
-
457
- <!-- <td></td> -->
458
- <td class="dataportal" data-srip="WAVESAPP">Waves Home App</td>
459
-
460
- <td>9.50</td>
461
- <td>9.5</td>
462
- <td>9.57</td>
463
- <td>9.4</td>
464
- <td>9.54</td>
465
- <td> <span class="increase-rate"></span> 0.04</td>
466
-
467
- <td>359,553</td>
468
- </tr>
469
- </tbody></table>
470
-
471
- </div>
472
-
473
- <div class="table-responsive">
474
- <table>
475
- <thead>
476
- <tr>
477
- <th colspan="8">
478
- <h4> CEMENT</h4>
479
- </th>
480
- </tr>
481
- </thead>
482
- <tbody><tr>
483
- <td>SCRIP</td>
484
- <td>LDCP</td>
485
- <td>OPEN</td>
486
- <td>HIGH</td>
487
- <td>LOW</td>
488
- <td>CURRENT</td>
489
- <td>CHANGE</td>
490
- <td>VOLUME</td>
491
- </tr>
492
- <tr class="green-text-td">
493
-
494
- <!-- <td></td> -->
495
- <td class="dataportal" data-srip="ACPL">Attock Cement</td>
496
-
497
- <td>280.99</td>
498
- <td>280.96</td>
499
- <td>283.89</td>
500
- <td>280.93</td>
501
- <td>282.0</td>
502
- <td> <span class="increase-rate"></span> 1.01</td>
503
-
504
- <td>26,044</td>
505
- </tr>
506
- <tr class="green-text-td">
507
-
508
- <!-- <td></td> -->
509
- <td class="dataportal" data-srip="BWCL">Bestway Cement</td>
510
-
511
- <td>528.35</td>
512
- <td>533.4</td>
513
- <td>534.0</td>
514
- <td>529.0</td>
515
- <td>530.0</td>
516
- <td> <span class="increase-rate"></span> 1.65</td>
517
-
518
- <td>633,382</td>
519
- </tr>
520
- <tr class="green-text-td">
521
-
522
- <!-- <td></td> -->
523
- <td class="dataportal" data-srip="CHCC">Cherat Cement</td>
524
-
525
- <td>334.52</td>
526
- <td>335.23</td>
527
- <td>353.0</td>
528
- <td>335.23</td>
529
- <td>348.0</td>
530
- <td> <span class="increase-rate"></span> 13.48</td>
531
-
532
- <td>1,047,045</td>
533
- </tr>
534
- <tr class="green-text-td">
535
-
536
- <!-- <td></td> -->
537
- <td class="dataportal" data-srip="DGKC">D.G.K.Cement</td>
538
-
539
- <td>226.12</td>
540
- <td>227.0</td>
541
- <td>229.5</td>
542
- <td>226.01</td>
543
- <td>228.66</td>
544
- <td> <span class="increase-rate"></span> 2.54</td>
545
-
546
- <td>2,183,177</td>
547
- </tr>
548
- <tr class="green-text-td">
549
-
550
- <!-- <td></td> -->
551
- <td class="dataportal" data-srip="DBCI">Dadabhoy Cement</td>
552
-
553
- <td>7.87</td>
554
- <td>7.94</td>
555
- <td>7.94</td>
556
- <td>7.75</td>
557
- <td>7.9</td>
558
- <td> <span class="increase-rate"></span> 0.03</td>
559
-
560
- <td>24,929</td>
561
- </tr>
562
- <tr class="green-text-td">
563
-
564
- <!-- <td></td> -->
565
- <td class="dataportal" data-srip="DNCC">Dandot Cement</td>
566
-
567
- <td>22.09</td>
568
- <td>22.5</td>
569
- <td>24.25</td>
570
- <td>22.0</td>
571
- <td>23.81</td>
572
- <td> <span class="increase-rate"></span> 1.72</td>
573
-
574
- <td>2,226,779</td>
575
- </tr>
576
- <tr class="green-text-td">
577
-
578
- <!-- <td></td> -->
579
- <td class="dataportal" data-srip="DCL">Dewan Cement</td>
580
-
581
- <td>13.24</td>
582
- <td>13.24</td>
583
- <td>13.53</td>
584
- <td>13.02</td>
585
- <td>13.43</td>
586
- <td> <span class="increase-rate"></span> 0.19</td>
587
-
588
- <td>3,583,195</td>
589
- </tr>
590
- <tr class="green-text-td">
591
-
592
- <!-- <td></td> -->
593
- <td class="dataportal" data-srip="FCCL">Fauji Cement</td>
594
-
595
- <td>58.02</td>
596
- <td>58.11</td>
597
- <td>59.35</td>
598
- <td>58.01</td>
599
- <td>59.0</td>
600
- <td> <span class="increase-rate"></span> 0.98</td>
601
-
602
- <td>7,306,186</td>
603
- </tr>
604
- <tr class="green-text-td">
605
-
606
- <!-- <td></td> -->
607
- <td class="dataportal" data-srip="FECTC">Fecto Cement</td>
608
-
609
- <td>146.52</td>
610
- <td>146.52</td>
611
- <td>159.98</td>
612
- <td>145.55</td>
613
- <td>159.1</td>
614
- <td> <span class="increase-rate"></span> 12.58</td>
615
-
616
- <td>1,507,590</td>
617
- </tr>
618
- <tr class="green-text-td">
619
-
620
- <!-- <td></td> -->
621
- <td class="dataportal" data-srip="FLYNG">Flying Cement</td>
622
-
623
- <td>57.07</td>
624
- <td>57.19</td>
625
- <td>58.8</td>
626
- <td>57.19</td>
627
- <td>58.5</td>
628
- <td> <span class="increase-rate"></span> 1.43</td>
629
-
630
- <td>455,993</td>
631
- </tr>
632
- <tr class="green-text-td">
633
-
634
- <!-- <td></td> -->
635
- <td class="dataportal" data-srip="GWLC">Gharibwal Cement</td>
636
-
637
- <td>65.76</td>
638
- <td>66.01</td>
639
- <td>68.89</td>
640
- <td>65.85</td>
641
- <td>68.0</td>
642
- <td> <span class="increase-rate"></span> 2.24</td>
643
-
644
- <td>1,121,786</td>
645
- </tr>
646
- <tr class="green-text-td">
647
-
648
- <!-- <td></td> -->
649
- <td class="dataportal" data-srip="KOHC">Kohat Cement</td>
650
-
651
- <td>112.80</td>
652
- <td>112.85</td>
653
- <td>116.25</td>
654
- <td>112.0</td>
655
- <td>115.56</td>
656
- <td> <span class="increase-rate"></span> 2.76</td>
657
-
658
- <td>1,400,490</td>
659
- </tr>
660
- <tr class="green-text-td">
661
-
662
- <!-- <td></td> -->
663
- <td class="dataportal" data-srip="LUCK">Lucky Cement</td>
664
-
665
- <td>508.80</td>
666
- <td>508.8</td>
667
- <td>515.0</td>
668
- <td>506.01</td>
669
- <td>510.24</td>
670
- <td> <span class="increase-rate"></span> 1.44</td>
671
-
672
- <td>1,222,651</td>
673
- </tr>
674
- <tr class="green-text-td">
675
-
676
- <!-- <td></td> -->
677
- <td class="dataportal" data-srip="MLCF">Maple Leaf</td>
678
-
679
- <td>118.76</td>
680
- <td>118.76</td>
681
- <td>122.25</td>
682
- <td>118.76</td>
683
- <td>121.64</td>
684
- <td> <span class="increase-rate"></span> 2.88</td>
685
-
686
- <td>7,687,224</td>
687
- </tr>
688
- <tr class="green-text-td">
689
-
690
- <!-- <td></td> -->
691
- <td class="dataportal" data-srip="PIOC">Pioneer Cement</td>
692
-
693
- <td>394.96</td>
694
- <td>396.0</td>
695
- <td>399.0</td>
696
- <td>390.15</td>
697
- <td>397.0</td>
698
- <td> <span class="increase-rate"></span> 2.04</td>
699
-
700
- <td>759,587</td>
701
- </tr>
702
- <tr class="green-text-td">
703
-
704
- <!-- <td></td> -->
705
- <td class="dataportal" data-srip="POWER">Power Cement</td>
706
-
707
- <td>17.68</td>
708
- <td>17.75</td>
709
- <td>17.85</td>
710
- <td>17.6</td>
711
- <td>17.79</td>
712
- <td> <span class="increase-rate"></span> 0.11</td>
713
-
714
- <td>1,158,808</td>
715
- </tr>
716
- <tr class="green-text-td">
717
-
718
- <!-- <td></td> -->
719
- <td class="dataportal" data-srip="SMCPL">Safe Mix Con.Ltd</td>
720
-
721
- <td>46.34</td>
722
- <td>47.49</td>
723
- <td>48.5</td>
724
- <td>46.0</td>
725
- <td>47.55</td>
726
- <td> <span class="increase-rate"></span> 1.21</td>
727
-
728
- <td>109,729</td>
729
- </tr>
730
- <tr class="green-text-td">
731
-
732
- <!-- <td></td> -->
733
- <td class="dataportal" data-srip="THCCL">Thatta Cement</td>
734
-
735
- <td>82.98</td>
736
- <td>83.17</td>
737
- <td>83.7</td>
738
- <td>82.4</td>
739
- <td>83.41</td>
740
- <td> <span class="increase-rate"></span> 0.43</td>
741
-
742
- <td>1,324,596</td>
743
- </tr>
744
- </tbody></table>
745
-
746
- </div>
747
-
748
- <div class="table-responsive">
749
- <table>
750
- <thead>
751
- <tr>
752
- <th colspan="8">
753
- <h4> CHEMICAL</h4>
754
- </th>
755
- </tr>
756
- </thead>
757
- <tbody><tr>
758
- <td>SCRIP</td>
759
- <td>LDCP</td>
760
- <td>OPEN</td>
761
- <td>HIGH</td>
762
- <td>LOW</td>
763
- <td>CURRENT</td>
764
- <td>CHANGE</td>
765
- <td>VOLUME</td>
766
- </tr>
767
- <tr class="red-text-td">
768
-
769
- <!-- <td></td> -->
770
- <td class="dataportal" data-srip="AGLNCPS">Agritechn-v(PRE</td>
771
-
772
- <td>31.88</td>
773
- <td>0</td>
774
- <td>0</td>
775
- <td>0</td>
776
- <td>0</td>
777
- <td> <span class="decrease-rate"></span> </td>
778
-
779
- <td>5</td>
780
- </tr>
781
- <tr class="green-text-td">
782
-
783
- <!-- <td></td> -->
784
- <td class="dataportal" data-srip="ARPL">Archroma Pak</td>
785
-
786
- <td>450.37</td>
787
- <td>451.0</td>
788
- <td>457.0</td>
789
- <td>450.5</td>
790
- <td>456.0</td>
791
- <td> <span class="increase-rate"></span> 5.63</td>
792
-
793
- <td>17,548</td>
794
- </tr>
795
- <tr class="red-text-td">
796
-
797
- <!-- <td></td> -->
798
- <td class="dataportal" data-srip="BAPL">Bawany Air Prod</td>
799
-
800
- <td>42.97</td>
801
- <td>43.01</td>
802
- <td>44.3</td>
803
- <td>42.6</td>
804
- <td>42.6</td>
805
- <td> <span class="decrease-rate"></span> -0.37</td>
806
-
807
- <td>50,423</td>
808
- </tr>
809
- <tr class="green-text-td">
810
-
811
- <!-- <td></td> -->
812
- <td class="dataportal" data-srip="BERG">Berger Paints</td>
813
-
814
- <td>104.18</td>
815
- <td>104.66</td>
816
- <td>106.44</td>
817
- <td>103.61</td>
818
- <td>105.94</td>
819
- <td> <span class="increase-rate"></span> 1.76</td>
820
-
821
- <td>78,914</td>
822
- </tr>
823
- <tr class="green-text-td">
824
-
825
- <!-- <td></td> -->
826
- <td class="dataportal" data-srip="BIFO">Biafo Industries</td>
827
-
828
- <td>166.31</td>
829
- <td>166.89</td>
830
- <td>169.0</td>
831
- <td>164.17</td>
832
- <td>167.59</td>
833
- <td> <span class="increase-rate"></span> 1.28</td>
834
-
835
- <td>53,871</td>
836
- </tr>
837
- <tr class="red-text-td">
838
-
839
- <!-- <td></td> -->
840
- <td class="dataportal" data-srip="BUXL">Buxly Paints</td>
841
-
842
- <td>162.66</td>
843
- <td>156.0</td>
844
- <td>165.49</td>
845
- <td>155.05</td>
846
- <td>162.51</td>
847
- <td> <span class="decrease-rate"></span> -0.15</td>
848
-
849
- <td>3,182</td>
850
- </tr>
851
- <tr class="red-text-td">
852
-
853
- <!-- <td></td> -->
854
- <td class="dataportal" data-srip="DAAG">Data Agro</td>
855
-
856
- <td>88.28</td>
857
- <td>89.89</td>
858
- <td>90.9</td>
859
- <td>88.0</td>
860
- <td>88.0</td>
861
- <td> <span class="decrease-rate"></span> -0.28</td>
862
-
863
- <td>2,237</td>
864
- </tr>
865
- <tr class="green-text-td">
866
-
867
- <!-- <td></td> -->
868
- <td class="dataportal" data-srip="DOL">Descon Oxychem</td>
869
-
870
- <td>33.32</td>
871
- <td>33.33</td>
872
- <td>33.5</td>
873
- <td>33.06</td>
874
- <td>33.4</td>
875
- <td> <span class="increase-rate"></span> 0.08</td>
876
-
877
- <td>198,873</td>
878
- </tr>
879
- <tr class="red-text-td">
880
-
881
- <!-- <td></td> -->
882
- <td class="dataportal" data-srip="DYNO">Dynea Pakistan</td>
883
-
884
- <td>305.30</td>
885
- <td>305.0</td>
886
- <td>305.0</td>
887
- <td>300.0</td>
888
- <td>302.5</td>
889
- <td> <span class="decrease-rate"></span> -2.8</td>
890
-
891
- <td>14,295</td>
892
- </tr>
893
- <tr class="red-text-td">
894
-
895
- <!-- <td></td> -->
896
- <td class="dataportal" data-srip="EPCLPS">Engro Poly (Pref)</td>
897
-
898
- <td>12.77</td>
899
- <td>13.2</td>
900
- <td>13.2</td>
901
- <td>12.11</td>
902
- <td>12.65</td>
903
- <td> <span class="decrease-rate"></span> -0.12</td>
904
-
905
- <td>1,771</td>
906
- </tr>
907
- <tr class="red-text-td">
908
-
909
- <!-- <td></td> -->
910
- <td class="dataportal" data-srip="EPCL">Engro Polymer</td>
911
-
912
- <td>32.87</td>
913
- <td>32.87</td>
914
- <td>33.34</td>
915
- <td>32.68</td>
916
- <td>32.85</td>
917
- <td> <span class="decrease-rate"></span> -0.02</td>
918
-
919
- <td>1,204,911</td>
920
- </tr>
921
- <tr class="green-text-td">
922
-
923
- <!-- <td></td> -->
924
- <td class="dataportal" data-srip="GCIL">Ghani Chemical</td>
925
-
926
- <td>35.73</td>
927
- <td>35.8</td>
928
- <td>36.98</td>
929
- <td>35.8</td>
930
- <td>36.25</td>
931
- <td> <span class="increase-rate"></span> 0.52</td>
932
-
933
- <td>1,454,477</td>
934
- </tr>
935
- <tr class="green-text-td">
936
-
937
- <!-- <td></td> -->
938
- <td class="dataportal" data-srip="GCWL">Ghani Chemworld</td>
939
-
940
- <td>20.27</td>
941
- <td>20.35</td>
942
- <td>20.97</td>
943
- <td>20.2</td>
944
- <td>20.6</td>
945
- <td> <span class="increase-rate"></span> 0.33</td>
946
-
947
- <td>5,495,905</td>
948
- </tr>
949
- <tr class="green-text-td">
950
-
951
- <!-- <td></td> -->
952
- <td class="dataportal" data-srip="GGL">Ghani Glo Hol</td>
953
-
954
- <td>25.57</td>
955
- <td>25.88</td>
956
- <td>26.19</td>
957
- <td>25.66</td>
958
- <td>26.08</td>
959
- <td> <span class="increase-rate"></span> 0.51</td>
960
-
961
- <td>1,008,577</td>
962
- </tr>
963
- <tr class="green-text-td">
964
-
965
- <!-- <td></td> -->
966
- <td class="dataportal" data-srip="ICL">Ittehad Chemicals</td>
967
-
968
- <td>156.74</td>
969
- <td>157.0</td>
970
- <td>159.79</td>
971
- <td>156.5</td>
972
- <td>159.0</td>
973
- <td> <span class="increase-rate"></span> 2.26</td>
974
-
975
- <td>202,818</td>
976
- </tr>
977
- <tr class="green-text-td">
978
-
979
-
980
-
981
-
982
- </div>
983
- </div>
 
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>Sarim Khan | Portfolio</title>
7
+ <meta name="description" content="Sarim Khan – Mobile & AI Software Developer (Flutter, SwiftUI, LLMs, RAG)" />
8
+ <link rel="preconnect" href="https://fonts.googleapis.com">
9
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
10
+ <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
11
+ <style>
12
+ :root {
13
+ --bg: #0b0d10;
14
+ --card: #12151b;
15
+ --text: #e6e6e6;
16
+ --muted: #9aa4b2;
17
+ --accent: #4f8cff;
18
+ --border: #1f2430;
19
+ }
20
+
21
+ * {
22
+ margin: 0;
23
+ padding: 0;
24
+ box-sizing: border-box;
25
+ }
26
+
27
+ body {
28
+ font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
29
+ background: linear-gradient(180deg, #0b0d10, #0e1220);
30
+ color: var(--text);
31
+ line-height: 1.6;
32
+ }
33
+
34
+ a {
35
+ color: var(--accent);
36
+ text-decoration: none;
37
+ }
38
+
39
+ a:hover {
40
+ text-decoration: underline;
41
+ }
42
+
43
+ .container {
44
+ max-width: 1100px;
45
+ margin: 0 auto;
46
+ padding: 3rem 1.5rem;
47
+ }
48
+
49
+ header {
50
+ display: grid;
51
+ grid-template-columns: 1fr;
52
+ gap: 1.5rem;
53
+ margin-bottom: 3rem;
54
+ }
55
+
56
+ header h1 {
57
+ font-size: 2.5rem;
58
+ font-weight: 700;
59
+ }
60
+
61
+ header p {
62
+ color: var(--muted);
63
+ max-width: 800px;
64
+ }
65
+
66
+ .links {
67
+ display: flex;
68
+ flex-wrap: wrap;
69
+ gap: 1rem;
70
+ font-size: 0.95rem;
71
+ }
72
+
73
+ section {
74
+ margin-bottom: 3rem;
75
+ }
76
+
77
+ section h2 {
78
+ font-size: 1.6rem;
79
+ margin-bottom: 1.2rem;
80
+ border-bottom: 1px solid var(--border);
81
+ padding-bottom: 0.5rem;
82
+ }
83
+
84
+ .grid {
85
+ display: grid;
86
+ grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
87
+ gap: 1.5rem;
88
+ }
89
+
90
+ .card {
91
+ background: var(--card);
92
+ border: 1px solid var(--border);
93
+ border-radius: 14px;
94
+ padding: 1.5rem;
95
+ transition: transform 0.2s ease, border 0.2s ease;
96
+ }
97
+
98
+ .card:hover {
99
+ transform: translateY(-4px);
100
+ border-color: var(--accent);
101
+ }
102
+
103
+ .card h3 {
104
+ margin-bottom: 0.4rem;
105
+ font-size: 1.1rem;
106
+ }
107
+
108
+ .card p {
109
+ font-size: 0.95rem;
110
+ color: var(--muted);
111
+ margin-bottom: 0.8rem;
112
+ }
113
+
114
+ .tags {
115
+ display: flex;
116
+ flex-wrap: wrap;
117
+ gap: 0.4rem;
118
+ }
119
+
120
+ .tag {
121
+ font-size: 0.75rem;
122
+ padding: 0.25rem 0.6rem;
123
+ background: #1a2030;
124
+ border-radius: 999px;
125
+ color: #cdd6f4;
126
+ }
127
+
128
+ .experience-item {
129
+ margin-bottom: 1.5rem;
130
+ }
131
+
132
+ .experience-item h3 {
133
+ font-size: 1.05rem;
134
+ }
135
+
136
+ .experience-item span {
137
+ font-size: 0.85rem;
138
+ color: var(--muted);
139
+ }
140
+
141
+ footer {
142
+ text-align: center;
143
+ font-size: 0.85rem;
144
+ color: var(--muted);
145
+ margin-top: 4rem;
146
+ }
147
+
148
+ @media (max-width: 600px) {
149
+ header h1 {
150
+ font-size: 2rem;
151
+ }
152
+ }
153
+ </style>
154
+ </head>
155
+ <body>
156
+ <div class="container">
157
+ <header>
158
+ <h1>Sarim Khan</h1>
159
+ <p>
160
+ Versatile mobile and AI-driven software developer specializing in Flutter, SwiftUI, and cross-platform development.
161
+ Experienced in LLM integration, RAG pipelines, FastAPI backends, and real-time analytics.
162
+ </p>
163
+ <div class="links">
164
+ <a href="tel:+923213735925">📞 +92 321 3735925</a>
165
+ <a href="mailto:sarimk80@gmail.com">✉️ Email</a>
166
+ <a href="https://www.linkedin.com/in/sarim-khan-595214130/" target="_blank">LinkedIn</a>
167
+ <a href="https://github.com/sarimk80" target="_blank">GitHub</a>
168
+ <a href="https://medium.com/@sarimk80" target="_blank">Medium</a>
169
+ <a href="https://www.youtube.com/channel/UCLCtTsl5ndKcnZ8pexG4CRQ" target="_blank">YouTube</a>
170
+ </div>
171
+ </header>
172
+
173
+ <section>
174
+ <h2>Highlighted Projects</h2>
175
+ <div class="grid">
176
+
177
+ <div class="card">
178
+ <h3>Xpence</h3>
179
+ <p>Smart business spend platform with integrated payment cards for freelancers, corporates, and everyone in between.</p>
180
+ <a href="https://xpence.com" target="_blank">Link →</a>
181
+ <div class="tags">
182
+ <span class="tag">Flutter</span><span class="tag">Bloc</span><span class="tag">Provider</span><span class="tag">Riverpod</span>
183
+ </div>
184
+ </div>
185
+
186
+ <div class="card">
187
+ <h3>PSX AI Assistant</h3>
188
+ <p>AI-powered financial analytics platform with LLM insights, RAG retrieval, and interactive charts.</p>
189
+ <a href="https://github.com/sarimk80/psx_ai" target="_blank">GitHub →</a>
190
+ <div class="tags">
191
+ <span class="tag">SwiftUI</span><span class="tag">FastAPI</span><span class="tag">LLM</span><span class="tag">RAG</span>
192
+ </div>
193
+ </div>
194
+
195
+ <div class="card">
196
+ <h3>PSX StockApp (Real-Time)</h3>
197
+ <p>Real-time iOS stock tracking app using WebSockets and live PSX data.</p>
198
+ <a href="https://github.com/sarimk80/psx_sockets" target="_blank">GitHub →</a>
199
+ <div class="tags">
200
+ <span class="tag">SwiftUI</span><span class="tag">WebSockets</span><span class="tag">Combine</span>
201
+ </div>
202
+ </div>
203
+
204
+ <div class="card">
205
+ <h3>NutriFit AI</h3>
206
+ <p>AI-powered diet planner integrating HealthKit with LLM-based recommendations.</p>
207
+ <a href="https://github.com/sarimk80/NutriFit-AI" target="_blank">GitHub →</a>
208
+ <div class="tags">
209
+ <span class="tag">SwiftUI</span><span class="tag">HealthKit</span><span class="tag">FastAPI</span>
210
+ </div>
211
+ </div>
212
+
213
+ <div class="card">
214
+ <h3>RAG Platform</h3>
215
+ <p>Custom document ingestion and vector-based retrieval system using Ollama.</p>
216
+ <a href="https://github.com/sarimk80/ollama_RAG" target="_blank">GitHub →</a>
217
+ <div class="tags">
218
+ <span class="tag">Python</span><span class="tag">Streamlit</span><span class="tag">Vector DB</span>
219
+ </div>
220
+ </div>
221
+
222
+ <div class="card">
223
+ <h3>Supabase Auth App </h3>
224
+ <p>Authentication starter kit using Supabase and SwiftUI. </p>
225
+ <a href="https://github.com/sarimk80/Supa_base_app " target="_blank">GitHub →</a>
226
+ <div class="tags">
227
+ <span class="tag">SwiftUI</span><span class="tag">Supabase</span>
228
+ </div>
229
+ </div>
230
+
231
+ <div class="card">
232
+ <h3>PSX (Android) </h3>
233
+ <p>Android application for monitoring Pakistan Stock Exchange.</p>
234
+ <a href="https://github.com/sarimk80/Psx" target="_blank">GitHub →</a>
235
+ <div class="tags">
236
+ <span class="tag">Kotlin</span><span class="tag">Android</span>
237
+ </div>
238
+ </div>
239
+
240
+ <div class="card">
241
+ <h3>MacAI Clipboard Assistant</h3>
242
+ <p>A macOS application that supercharges your clipboard using AI!
243
+ Whether you're copying non-English text or code snippets, this app steps in to help—instantly.</p>
244
+ <a href="https://github.com/sarimk80/code_assistance" target="_blank">GitHub →</a>
245
+ <div class="tags">
246
+ <span class="tag">SwiftUI</span><span class="tag">Python</span><span class="tag">FastAPI</span><span class="tag">Ollama</span>
247
+ </div>
248
+ </div>
249
+
250
+
251
+ </div>
252
+ </section>
253
+
254
+ <section>
255
+ <h2>Experience</h2>
256
+ <div class="experience-item">
257
+ <h3>XPENCE — Software Developer</h3>
258
+ <span>Jun 2020 – Present · Remote (Dubai)</span>
259
+ <p>Developed cross-platform mobile apps, reusable Flutter components, and collaborated in agile global teams.</p>
260
+ </div>
261
+ <div class="experience-item">
262
+ <h3>10 Pearls — Trainee Software Engineer</h3>
263
+ <span>Dec 2019 – Feb 2020 · Karachi</span>
264
+ <p>Worked on Flutter development using BLoC architecture and reusable UI widgets.</p>
265
+ </div>
266
+ <div class="experience-item">
267
+ <h3>Kumba Africa — Flutter Developer</h3>
268
+ <span>Sep 2019 – Apr 2020 · Remote</span>
269
+ <p>Built a multi-platform travel application with flexible and responsive UI layouts.</p>
270
+ </div>
271
+ </section>
272
+
273
+ <section>
274
+ <h2>Skills</h2>
275
+ <div class="tags">
276
+ <span class="tag">Flutter</span><span class="tag">SwiftUI</span><span class="tag">Android</span>
277
+ <span class="tag">Dart</span><span class="tag">Swift</span><span class="tag">Kotlin</span>
278
+ <span class="tag">FastAPI</span><span class="tag">LLMs</span><span class="tag">RAG</span>
279
+ <span class="tag">Agile</span>
280
+ </div>
281
+ </section>
282
+
283
+ <footer>
284
+ © 2025 Sarim Khan · Built with HTML & CSS
285
+ </footer>
286
+ </div>
287
+ </body>
288
+ </html>