[css] boxes

Viewer

  1. <div class="flex p-2 justify-center space-x-4">
  2.   <div class="rounded-lg hover:border-1 h-60 w-80 hover:bg-gradient-to-r duration-300 ease-in-out from-pink-500 to-orange-500 p-0.5 transform hover:translate-y-[-2px]">
  3.     <h2 class="rounded-t-lg bg-box-red back flex font-semibold h-10 px-9 py-2 text-white text-left text-2xl w-full">OLA Protocol</h2> 
  4.     <p class="bg-box-red flex rounded-lg font-medium h-60 justify-start text-white px-8 py-4 w-full">Ozura Ledger Application is used to route payments effortlessly through traditional banking rails and blockchain.</p>
  5.   </div>
  6.   <div class="rounded-lg hover:border-1 h-60 w-80 hover:bg-gradient-to-r duration-300 ease-in-out from-blue-500 to-purple-500 p-0.5 transform hover:translate-y-[-2px]">
  7.     <h2 class="rounded-t-lg bg-box-red back flex font-semibold h-10 py-2 text-white text-2xl text-left w-full px-9">Digital Asset Receipts</h2> 
  8.     <p class="bg-box-red rounded-lg flex font-medium h-60 py-3 px-4 text-white w-full">DARs allow merchants and end-users to receive all of the benefits of blockchain—without the complexities.</p>
  9.   </div>
  10. </div>

Editor

You can edit this paste and save as new:


File Description
  • boxes
  • Paste Code
  • 23 Mar-2023
  • 1.09 Kb
You can Share it: