G-Loot DS — content card with cover image

by Augustin Hiebel

HTML

<div className='card card-cover w-96'>
  <div className='card-image'>
    <figure>
      <img src='https://res.cloudinary.com/gloot/image/upload/v1644831629/Marketing/202109_gloot2/mission-valorant_1.jpg' alt='CS:GO' />
    </figure>
  </div>
  <div className='card-body'>
    <h3 className='card-title text-2xl'>Showdown open</h3>
    <p className='text-ui-200'>Our VALORANT Showdown registration just opened. Time to suscribe!</p>
    <div className='card-actions justify-end'>
      <button type='button' className='button button-primary'><span>Learn more</span></button>
    </div>
  </div>
</div>