Jaafarsa commited on
Commit
4d60a00
·
verified ·
1 Parent(s): 07eb26a

let the buyer see where the seller location

Browse files
Files changed (1) hide show
  1. index.html +60 -36
index.html CHANGED
@@ -285,13 +285,19 @@
285
  </div>
286
  </div>
287
  <div class="p-4">
288
- <div class="flex items-center mb-1">
289
- <div class="w-6 h-6 rounded-full overflow-hidden mr-2">
290
- <img src="http://static.photos/people/200x200/1" alt="Seller" class="w-full h-full object-cover">
 
 
 
 
 
 
 
291
  </div>
292
- <span class="text-sm text-gray-300">CraftyHands</span>
293
  </div>
294
- <h3 class="font-bold mb-2">Handwoven Macrame Wall Hanging</h3>
295
  <div class="flex items-center justify-between">
296
  <div class="flex items-center text-yellow-400">
297
  <i data-feather="star" class="w-4 h-4 fill-current"></i>
@@ -323,13 +329,19 @@
323
  </div>
324
  </div>
325
  <div class="p-4">
326
- <div class="flex items-center mb-1">
327
- <div class="w-6 h-6 rounded-full overflow-hidden mr-2">
328
- <img src="http://static.photos/people/200x200/2" alt="Seller" class="w-full h-full object-cover">
 
 
 
 
 
 
 
329
  </div>
330
- <span class="text-sm text-gray-300">EarthCeramics</span>
331
  </div>
332
- <h3 class="font-bold mb-2">Hand-thrown Ceramic Mug Set</h3>
333
  <div class="flex items-center justify-between">
334
  <div class="flex items-center text-yellow-400">
335
  <i data-feather="star" class="w-4 h-4 fill-current"></i>
@@ -361,13 +373,19 @@
361
  </div>
362
  </div>
363
  <div class="p-4">
364
- <div class="flex items-center mb-1">
365
- <div class="w-6 h-6 rounded-full overflow-hidden mr-2">
366
- <img src="http://static.photos/people/200x200/3" alt="Seller" class="w-full h-full object-cover">
 
 
 
 
 
 
 
367
  </div>
368
- <span class="text-sm text-gray-300">LeatherCraft</span>
369
  </div>
370
- <h3 class="font-bold mb-2">Hand-stitched Leather Wallet</h3>
371
  <div class="flex items-center justify-between">
372
  <div class="flex items-center text-yellow-400">
373
  <i data-feather="star" class="w-4 h-4 fill-current"></i>
@@ -399,13 +417,19 @@
399
  </div>
400
  </div>
401
  <div class="p-4">
402
- <div class="flex items-center mb-1">
403
- <div class="w-6 h-6 rounded-full overflow-hidden mr-2">
404
- <img src="http://static.photos/people/200x200/4" alt="Seller" class="w-full h-full object-cover">
 
 
 
 
 
 
 
405
  </div>
406
- <span class="text-sm text-gray-300">WoodArt</span>
407
  </div>
408
- <h3 class="font-bold mb-2">Hand-carved Wooden Spoon Set</h3>
409
  <div class="flex items-center justify-between">
410
  <div class="flex items-center text-yellow-400">
411
  <i data-feather="star" class="w-4 h-4 fill-current"></i>
@@ -604,11 +628,11 @@
604
 
605
  <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
606
  <div class="bg-gray-800 p-6 rounded-xl">
607
- <div class="flex items-center mb-4">
608
- <div class="w-12 h-12 rounded-full overflow-hidden mr-4">
609
- <img src="http://static.photos/people/200x200/5" alt="User" class="w-full h-full object-cover">
610
- </div>
611
- <div>
612
  <h4 class="font-bold">Jamie L.</h4>
613
  <div class="flex items-center text-yellow-400">
614
  <i data-feather="star" class="w-4 h-4 fill-current"></i>
@@ -625,11 +649,11 @@
625
  </div>
626
 
627
  <div class="bg-gray-800 p-6 rounded-xl">
628
- <div class="flex items-center mb-4">
629
- <div class="w-12 h-12 rounded-full overflow-hidden mr-4">
630
- <img src="http://static.photos/people/200x200/6" alt="User" class="w-full h-full object-cover">
631
- </div>
632
- <div>
633
  <h4 class="font-bold">Marcus T.</h4>
634
  <div class="flex items-center text-yellow-400">
635
  <i data-feather="star" class="w-4 h-4 fill-current"></i>
@@ -646,11 +670,11 @@
646
  </div>
647
 
648
  <div class="bg-gray-800 p-6 rounded-xl">
649
- <div class="flex items-center mb-4">
650
- <div class="w-12 h-12 rounded-full overflow-hidden mr-4">
651
- <img src="http://static.photos/people/200x200/7" alt="User" class="w-full h-full object-cover">
652
- </div>
653
- <div>
654
  <h4 class="font-bold">Sophia K.</h4>
655
  <div class="flex items-center text-yellow-400">
656
  <i data-feather="star" class="w-4 h-4 fill-current"></i>
@@ -703,7 +727,7 @@
703
  <div class="w-10 h-10 rounded-full overflow-hidden mr-3">
704
  <img src="http://static.photos/people/200x200/8" alt="Seller" class="w-full h-full object-cover">
705
  </div>
706
- <div>
707
  <h4 class="font-bold">CraftyHands Studio</h4>
708
  <p class="text-sm text-gray-400">Macrame & Home Decor</p>
709
  </div>
 
285
  </div>
286
  </div>
287
  <div class="p-4">
288
+ <div class="flex items-center justify-between mb-1">
289
+ <div class="flex items-center">
290
+ <div class="w-6 h-6 rounded-full overflow-hidden mr-2">
291
+ <img src="http://static.photos/people/200x200/1" alt="Seller" class="w-full h-full object-cover">
292
+ </div>
293
+ <span class="text-sm text-gray-300">CraftyHands</span>
294
+ </div>
295
+ <div class="flex items-center text-gray-400 text-xs">
296
+ <i data-feather="map-pin" class="w-3 h-3 mr-1"></i>
297
+ <span>1.2mi</span>
298
  </div>
 
299
  </div>
300
+ <h3 class="font-bold mb-2">Handwoven Macrame Wall Hanging</h3>
301
  <div class="flex items-center justify-between">
302
  <div class="flex items-center text-yellow-400">
303
  <i data-feather="star" class="w-4 h-4 fill-current"></i>
 
329
  </div>
330
  </div>
331
  <div class="p-4">
332
+ <div class="flex items-center justify-between mb-1">
333
+ <div class="flex items-center">
334
+ <div class="w-6 h-6 rounded-full overflow-hidden mr-2">
335
+ <img src="http://static.photos/people/200x200/2" alt="Seller" class="w-full h-full object-cover">
336
+ </div>
337
+ <span class="text-sm text-gray-300">EarthCeramics</span>
338
+ </div>
339
+ <div class="flex items-center text-gray-400 text-xs">
340
+ <i data-feather="map-pin" class="w-3 h-3 mr-1"></i>
341
+ <span>0.8mi</span>
342
  </div>
 
343
  </div>
344
+ <h3 class="font-bold mb-2">Hand-thrown Ceramic Mug Set</h3>
345
  <div class="flex items-center justify-between">
346
  <div class="flex items-center text-yellow-400">
347
  <i data-feather="star" class="w-4 h-4 fill-current"></i>
 
373
  </div>
374
  </div>
375
  <div class="p-4">
376
+ <div class="flex items-center justify-between mb-1">
377
+ <div class="flex items-center">
378
+ <div class="w-6 h-6 rounded-full overflow-hidden mr-2">
379
+ <img src="http://static.photos/people/200x200/3" alt="Seller" class="w-full h-full object-cover">
380
+ </div>
381
+ <span class="text-sm text-gray-300">LeatherCraft</span>
382
+ </div>
383
+ <div class="flex items-center text-gray-400 text-xs">
384
+ <i data-feather="map-pin" class="w-3 h-3 mr-1"></i>
385
+ <span>2.5mi</span>
386
  </div>
 
387
  </div>
388
+ <h3 class="font-bold mb-2">Hand-stitched Leather Wallet</h3>
389
  <div class="flex items-center justify-between">
390
  <div class="flex items-center text-yellow-400">
391
  <i data-feather="star" class="w-4 h-4 fill-current"></i>
 
417
  </div>
418
  </div>
419
  <div class="p-4">
420
+ <div class="flex items-center justify-between mb-1">
421
+ <div class="flex items-center">
422
+ <div class="w-6 h-6 rounded-full overflow-hidden mr-2">
423
+ <img src="http://static.photos/people/200x200/4" alt="Seller" class="w-full h-full object-cover">
424
+ </div>
425
+ <span class="text-sm text-gray-300">WoodArt</span>
426
+ </div>
427
+ <div class="flex items-center text-gray-400 text-xs">
428
+ <i data-feather="map-pin" class="w-3 h-3 mr-1"></i>
429
+ <span>1.7mi</span>
430
  </div>
 
431
  </div>
432
+ <h3 class="font-bold mb-2">Hand-carved Wooden Spoon Set</h3>
433
  <div class="flex items-center justify-between">
434
  <div class="flex items-center text-yellow-400">
435
  <i data-feather="star" class="w-4 h-4 fill-current"></i>
 
628
 
629
  <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
630
  <div class="bg-gray-800 p-6 rounded-xl">
631
+ <div class="flex items-center mb-4">
632
+ <div class="w-12 h-12 rounded-full overflow-hidden mr-4">
633
+ <img src="http://static.photos/people/200x200/5" alt="User" class="w-full h-full object-cover">
634
+ </div>
635
+ <div>
636
  <h4 class="font-bold">Jamie L.</h4>
637
  <div class="flex items-center text-yellow-400">
638
  <i data-feather="star" class="w-4 h-4 fill-current"></i>
 
649
  </div>
650
 
651
  <div class="bg-gray-800 p-6 rounded-xl">
652
+ <div class="flex items-center mb-4">
653
+ <div class="w-12 h-12 rounded-full overflow-hidden mr-4">
654
+ <img src="http://static.photos/people/200x200/6" alt="User" class="w-full h-full object-cover">
655
+ </div>
656
+ <div>
657
  <h4 class="font-bold">Marcus T.</h4>
658
  <div class="flex items-center text-yellow-400">
659
  <i data-feather="star" class="w-4 h-4 fill-current"></i>
 
670
  </div>
671
 
672
  <div class="bg-gray-800 p-6 rounded-xl">
673
+ <div class="flex items-center mb-4">
674
+ <div class="w-12 h-12 rounded-full overflow-hidden mr-4">
675
+ <img src="http://static.photos/people/200x200/7" alt="User" class="w-full h-full object-cover">
676
+ </div>
677
+ <div>
678
  <h4 class="font-bold">Sophia K.</h4>
679
  <div class="flex items-center text-yellow-400">
680
  <i data-feather="star" class="w-4 h-4 fill-current"></i>
 
727
  <div class="w-10 h-10 rounded-full overflow-hidden mr-3">
728
  <img src="http://static.photos/people/200x200/8" alt="Seller" class="w-full h-full object-cover">
729
  </div>
730
+ <div>
731
  <h4 class="font-bold">CraftyHands Studio</h4>
732
  <p class="text-sm text-gray-400">Macrame & Home Decor</p>
733
  </div>