ProjectGenesis commited on
Commit
92635df
·
verified ·
1 Parent(s): 86295fa

reduce padding on the Payment Method Section - Follow Up Deployment

Browse files
Files changed (1) hide show
  1. index.html +23 -1
index.html CHANGED
@@ -424,7 +424,29 @@
424
  </div>
425
  </div>
426
  </div>
427
-
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
428
  <!-- Live Now Marquee -->
429
  <div class="glass-panel px-3 py-4 rounded-xl mb-6">
430
  <div class="flex items-center mb-3">
 
424
  </div>
425
  </div>
426
  </div>
427
+
428
+ <!-- Payment Methods -->
429
+ <div class="flex space-x-6 mb-4 justify-center">
430
+ <div class="w-12 h-12 flex items-center justify-center group">
431
+ <img src="https://upload.wikimedia.org/wikipedia/commons/5/5e/Visa_Inc._logo.svg" class="h-6 opacity-80 group-hover:opacity-100 group-hover:scale-110 transition-all" alt="Visa">
432
+ </div>
433
+ <div class="w-12 h-12 flex items-center justify-center group">
434
+ <img src="https://upload.wikimedia.org/wikipedia/commons/2/2a/Mastercard-logo.svg" class="h-6 opacity-80 group-hover:opacity-100 group-hover:scale-110 transition-all" alt="Mastercard">
435
+ </div>
436
+ <div class="w-12 h-12 flex items-center justify-center group">
437
+ <i class="fas fa-university text-gray-400 text-2xl opacity-80 group-hover:opacity-100 group-hover:text-niogold group-hover:scale-110 transition-all"></i>
438
+ </div>
439
+ <div class="w-12 h-12 flex items-center justify-center group">
440
+ <i class="fab fa-bitcoin text-amber-400 text-2xl opacity-80 group-hover:opacity-100 group-hover:text-yellow-300 group-hover:scale-110 transition-all"></i>
441
+ </div>
442
+ <div class="w-12 h-12 flex items-center justify-center group">
443
+ <i class="fab fa-apple text-gray-300 text-2xl opacity-80 group-hover:opacity-100 group-hover:text-white group-hover:scale-110 transition-all"></i>
444
+ </div>
445
+ <div class="w-12 h-12 flex items-center justify-center group">
446
+ <i class="fab fa-paypal text-blue-400 text-2xl opacity-80 group-hover:opacity-100 group-hover:text-blue-300 group-hover:scale-110 transition-all"></i>
447
+ </div>
448
+ </div>
449
+
450
  <!-- Live Now Marquee -->
451
  <div class="glass-panel px-3 py-4 rounded-xl mb-6">
452
  <div class="flex items-center mb-3">