Stor8

<!------------------------------------

      Server Snippet - Misc
      by HTMLobster

------------------------------------->
<div class="mx-auto my-3" style="max-width:350px;">
  <div class="card" style="border-radius:20px; overflow:hidden; border-color:#e1e1e3; color:#737376;">
    <!-- heading image -->
    <div class="card-header p-4" style="background:url(https://file.garden/aFarvj252RRgqJKd/tkbanner.png) center; background-size:cover; height:80px;"></div>
    <div class="card-body px-3 pb-3" style="background:#fffefe;">
      <!-- icon -->
      <div class="p-1" style="background:#fffefe; border-radius:25px; height:80px; width:80px; margin-top:-40px; overflow:hidden;">
        <!-- image -->
        <div style="background:url(https://f2.toyhou.se/file/f2-toyhou-se/groups/156504?1694051120) center; background-size:cover; border-radius:20px;" class="h-100 w-100"></div>
      </div>
      <!-- server info -->
      <h3 class="mt-2 mb-0 font-weight-bold" style="color:#333337;">
        <!-- name -->
        Server Name
      </h3>
      <div>
        <i class="fa-solid fa-circle-small" style="color:#4c8549;"></i>
        <!-- online -->
        60 online
        <i class="fa-solid fa-circle-small ml-2"></i>
        <!-- member count -->
        300 members
      </div>
      <div>
        <!-- date created -->
        Est. Oct 2025
      </div>
      <div>
        <!-- tag -->
        <span class="badge badge-pill p-2 font-weight-normal mt-2" style="font-size:1em; border:1px solid #e1e1e3; color:#737376;">
          🎈 Tag
        </span>
        <!-- tag -->
        <span class="badge badge-pill p-2 font-weight-normal mt-2" style="font-size:1em; border:1px solid #e1e1e3; color:#737376;">
          ✨ Longer Tag
        </span>
      </div>
      <div class="mt-3">
        <!-- join link -->
        <a href="discord_link" class="btn btn-outline-success text-center text-white d-block font-weight-bold" style="border-radius:10px; border-color:#468148; background-color:#397639;">
        Join
        </a>
      </div>
    </div>
  </div>
</div>

<!------------------------------------

      Server Snippet - Misc
      by HTMLobster

------------------------------------->
<div class="mx-auto my-3" style="max-width:350px;">
  <div class="card bg-faded" style="border-radius:20px; overflow:hidden;">
    <!-- heading image -->
    <div class="card-header p-4" style="background:url(https://file.garden/aFarvj252RRgqJKd/tkbanner.png) center; background-size:cover; height:80px;"></div>
    <div class="card-body px-3 pb-3">
      <!-- icon -->
      <div class="p-1 bg-faded" style="border-radius:25px; height:80px; width:80px; margin-top:-40px; overflow:hidden;">
        <!-- image -->
        <div style="background:url(https://f2.toyhou.se/file/f2-toyhou-se/groups/156504?1694051120) center; background-size:cover; border-radius:20px;" class="h-100 w-100"></div>
      </div>
      <!-- server info -->
      <h3 class="mt-2 mb-0 font-weight-bold">
        <!-- name -->
        Server Name
      </h3>
      <div>
        <i class="fa-solid fa-circle-small text-success"></i>
        <!-- online -->
        60 online
        <i class="fa-solid fa-circle-small ml-2"></i>
        <!-- member count -->
        300 members
      </div>
      <div>
        <!-- date created -->
        Est. Oct 2025
      </div>
      <div>
        <!-- tag -->
        <span class="badge badge-pill text-body p-2 font-weight-normal mt-2" style="font-size:1em; border:1px solid var(--input-border-color);">
          🎈 Tag
        </span>
        <!-- tag -->
        <span class="badge badge-pill text-body p-2 font-weight-normal mt-2" style="font-size:1em; border:1px solid var(--input-border-color);">
          ✨ Longer Tag
        </span>
      </div>
      <div class="mt-3">
        <!-- join link -->
        <a href="discord_link" class="btn btn-success text-center text-white d-block font-weight-bold" style="border-radius:10px;">
        Join
        </a>
      </div>
    </div>
  </div>
</div>