Hugging Face's logo

Spaces:
ProjectGenesis
/
new-ui-1
Running

App Files Community
ProjectGenesis commited on
Commit
001b45a
·
verified ·
1 Parent(s): 07b7577

Remove glass panel for all Payment Method icons - Follow Up Deployment

Browse files
Files changed (1) hide show
  1. index.html +18 -19
index.html CHANGED
@@ -451,49 +451,48 @@
451
  <!-- Payment Methods -->
452
  <div class="flex space-x-6 mb-2 justify-center">
453
  <div class="group">
454
- <div class="w-12 h-12 flex items-center justify-center">
455
- <i class="fab fa-cc-visa text-blue-900 text-3xl opacity-80 group-hover:opacity-100 group-hover:text-blue-800 group-hover:scale-110 transition-all"></i>
456
  </div>
457
  </div>
458
  <div class="group">
459
- <div class="w-12 h-12 flex items-center justify-center">
460
- <i class="fab fa-cc-mastercard text-red-600 text-3xl opacity-80 group-hover:opacity-100 group-hover:text-red-500 group-hover:scale-110 transition-all"></i>
461
  </div>
462
  </div>
463
  <div class="group">
464
- <div class="w-12 h-12 flex items-center justify-center">
465
- <i class="fas fa-landmark text-gray-400 text-2xl opacity-80 group-hover:opacity-100 group-hover:text-niogold group-hover:scale-110 transition-all"></i>
466
  </div>
467
  </div>
468
  <div class="group">
469
- <div class="w-12 h-12 flex items-center justify-center relative">
470
- <i class="fab fa-bitcoin text-amber-500 text-2xl opacity-80 group-hover:opacity-100 group-hover:text-yellow-300 group-hover:scale-110 transition-all"></i>
471
- <i class="fab fa-ethereum text-purple-400 text-xs absolute -bottom-1 -right-1 opacity-80 group-hover:opacity-100 transition-all"></i>
472
  </div>
473
  </div>
474
  <div class="group">
475
- <div class="w-12 h-12 flex items-center justify-center">
476
- <i class="fab fa-apple-pay text-gray-300 text-3xl opacity-80 group-hover:opacity-100 group-hover:text-white group-hover:scale-110 transition-all"></i>
477
  </div>
478
  </div>
479
  <div class="group">
480
- <div class="w-12 h-12 flex items-center justify-center">
481
- <i class="fab fa-google-pay text-gray-300 text-3xl opacity-80 group-hover:opacity-100 group-hover:text-white group-hover:scale-110 transition-all"></i>
482
  </div>
483
  </div>
484
  <div class="group">
485
- <div class="w-12 h-12 flex items-center justify-center">
486
- <i class="fab fa-cc-paypal text-blue-500 text-3xl opacity-80 group-hover:opacity-100 group-hover:text-blue-400 group-hover:scale-110 transition-all"></i>
487
  </div>
488
  </div>
489
  <div class="group">
490
- <div class="w-12 h-12 flex items-center justify-center">
491
- <span class="text-gray-400 text-sm font-medium opacity-80 group-hover:opacity-100 group-hover:scale-110 transition-all">Venmo</span>
492
  </div>
493
  </div>
494
  <div class="group">
495
- <div class="w-12 h-12 flex items-center justify-center">
496
- <span class="text-gray-400 text-sm font-medium opacity-80 group-hover:opacity-100 group-hover:scale-110 transition-all">CashApp</span>
497
  </div>
498
  </div>
499
  </div>
 
451
  <!-- Payment Methods -->
452
  <div class="flex space-x-6 mb-2 justify-center">
453
  <div class="group">
454
+ <div class="w-12 h-12 flex items-center justify-center rounded-lg">
455
+ <i class="fab fa-cc-visa text-gray-400 text-2xl group-hover:text-niogold group-hover:scale-110 transition-all"></i>
456
  </div>
457
  </div>
458
  <div class="group">
459
+ <div class="w-12 h-12 flex items-center justify-center rounded-lg">
460
+ <i class="fab fa-cc-mastercard text-gray-400 text-2xl group-hover:text-niogold group-hover:scale-110 transition-all"></i>
461
  </div>
462
  </div>
463
  <div class="group">
464
+ <div class="w-12 h-12 flex items-center justify-center rounded-lg">
465
+ <i class="fas fa-landmark text-gray-400 text-xl group-hover:text-niogold group-hover:scale-110 transition-all"></i>
466
  </div>
467
  </div>
468
  <div class="group">
469
+ <div class="w-12 h-12 flex items-center justify-center rounded-lg">
470
+ <i class="fab fa-bitcoin text-gray-400 text-xl group-hover:text-niogold group-hover:scale-110 transition-all"></i>
 
471
  </div>
472
  </div>
473
  <div class="group">
474
+ <div class="w-12 h-12 flex items-center justify-center rounded-lg">
475
+ <i class="fab fa-apple-pay text-gray-400 text-2xl group-hover:text-niogold group-hover:scale-110 transition-all"></i>
476
  </div>
477
  </div>
478
  <div class="group">
479
+ <div class="w-12 h-12 flex items-center justify-center rounded-lg">
480
+ <i class="fab fa-google-pay text-gray-400 text-2xl group-hover:text-niogold group-hover:scale-110 transition-all"></i>
481
  </div>
482
  </div>
483
  <div class="group">
484
+ <div class="w-12 h-12 flex items-center justify-center rounded-lg">
485
+ <i class="fab fa-cc-paypal text-gray-400 text-2xl group-hover:text-niogold group-hover:scale-110 transition-all"></i>
486
  </div>
487
  </div>
488
  <div class="group">
489
+ <div class="w-12 h-12 flex items-center justify-center rounded-lg">
490
+ <span class="text-gray-400 text-[0.6rem] font-medium group-hover:text-niogold group-hover:scale-110 transition-all">Venmo</span>
491
  </div>
492
  </div>
493
  <div class="group">
494
+ <div class="w-12 h-12 flex items-center justify-center rounded-lg">
495
+ <span class="text-gray-400 text-[0.6rem] font-medium group-hover:text-niogold group-hover:scale-110 transition-all">CashApp</span>
496
  </div>
497
  </div>
498
  </div>