G-Loot DS — content card with labels

by Augustin Hiebel

HTML

<div className='card w-96'>
  <div className='card-image'>
    <figure>
      <img src='https://res.cloudinary.com/gloot/image/upload/v1644831543/Marketing/202109_gloot2/mission-csgo_5.jpg' alt='CS:GO' />
    </figure>
  </div>
  <div className='card-body'>
    <h3 className='card-title text-2xl flex items-center gap-2'>
      <span>New missions available </span>
      <div className='chip chip-sm chip-sliced'>
        <span>New</span>
      </div>
    </h3>
    <p className='text-ui-200'>We just released a bunch of new missions for CS:GO. Check them out.</p>
    <div className='card-actions'>
      <div className='chip chip-sm chip-secondary'>
        <span>Most kills</span>
      </div>
      <div className='chip chip-sm chip-secondary'>
        <span>Most damage</span>
      </div>
      <div className='chip chip-sm chip-secondary'>
        <span>Most double kills</span>
      </div>
    </div>
  </div>
</div>