G-Loot DS — tournament card showdown

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/Showdown-sameheight.svg" width="auto" height="auto" alt="G-Loot Showdown" />
    <div className="chip chip-secondary chip-sm chip-xs"><span>Valorant europe</span></div>
  </div>
  <div className="card-body">
    <div className="chip chip-sliced"><span>Open</span></div>
    <div className="card-title">G-Loot Monthly Showdown</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>
          <div className="chip chip-reward chip-ticket chip-inverted chip-sm"><span class="icon icon-ticket"></span><span>1 ticket</span></div>
        </div>
      </div>
      <div>
        <label>Prize Pool</label>
        <div className="font-bold text-gradient bg-gradient-to-b from-premium-700 via-premium-300 to-premium-700">$50 000</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-apexlegends_1.jpg');"></span></div>
</div>