G-Loot DS — tournament card Skirmish

by Augustin Hiebel

HTML

<div className="card-tournament">
  <div className="card-decoration">
    <img src="https://res.cloudinary.com/gloot/image/upload/v1653224681/Marketing/2022_prototype/Logo/Skirmish-sameheight.svg" width="auto" height="auto" alt="G-Loot Shirmish" />
    <div className="chip chip-secondary chip-xs"><span>Global</span></div>
  </div>
  <div className="card-body">
    <div className="chip chip-sliced chip-sm chip-blue"><span>Ongoing</span></div>
    <div className="card-title">G-Loot Skirmish Tournament</div>
    <div className="flex gap-2 text-sm text-ui-300 items-center">
      <span className="icon icon-calendar-date-2" />
      <span>Aug 11 • 01:00 AM</span>
    </div>
    <div className="card-meta">
      <div>
        <label>Entry</label>
        <div className="font-bold">FREE</div>
      </div>
      <div>
        <label>Prize Pool</label>
        <div>
          <div className="chip chip-reward chip-ticket chip-inverted chip-sm"><span className="icon icon-ticket"></span><span>1 ticket</span></div>
        </div>
      </div>
      <div>
        <ul>
          <li>4v4</li>
          <li>64 slots</li>
        </ul>
      </div>
    </div>
  </div>
  <div className="card-bg"><span style="background-image: url('https://res.cloudinary.com/gloot/image/upload/v1644831593/Marketing/202109_gloot2/tournament-valorant_1.jpg');"></span></div>
</div>