Bot playground

<html><head><style>
  @import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap");

  * {
    margin: 0;
    padding: 0;
    color: white;
    font-family: "Manrope", sans-serif;
  }

  .giftify-bg {
    padding-top: 25px;
    border-radius: 25px;
    background: linear-gradient(to right, #833ab4, #fd1d1d);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .giftify-logo {
    height: 80px;
    cursor: pointer;
  }

  .giftify-heading {
    margin-top: 10px;
    text-align: center;
    font-weight: bolder;
    font-size: 36px;
  }

  .giftify-subheading {
    margin-top: 5px;
  }

  .giftify-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    max-width: 900px;
    margin: 10px auto;
    padding: 20px;
    text-align: center;
  }

  .giftify-card {
    background-color: #060d13;
    color: white;
    padding: 15px;
    border: 1px solid #757b88;
    border-radius: 10px;
    cursor: pointer;
    transition: transform 0.3s ease-in-out;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
  }

  .giftify-card p {
    color: #757b88;
    font-size: 13px;
    margin-top: 10px;
  }

  .giftify-card:hover {
    transform: scale(1.05);
  }

  .giftify-icon {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
    border-radius: 50%;
    background-image: linear-gradient(to right, #0040ff, #00ccff);
  }

  .giftify-link {
    text-decoration: none;
    color: #cb3045;
  }
</style>
</head><body><div class="giftify-bg">
  <img src="https://external-cdn.top.gg/i/aHR0cHM6Ly9pLmltZ3VyLmNvbS9aSU9oU2FOLnBuZw" alt="Giftify" class="giftify-logo" referrerpolicy="no-referrer" loading="lazy">
  <h2 class="giftify-heading">About Giftify</h2>
  <div class="giftify-container">
    <div class="giftify-card">
      <div class="giftify-icon">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
          <path stroke-linecap="round" stroke-linejoin="round" d="M19 7.5v3m0 0v3m0-3h3m-3 0h-3m-2.25-4.125a3.375 3.375 0 11-6.75 0 3.375 3.375 0 016.75 0zM4 19.235v-.11a6.375 6.375 0 0112.75 0v.109A12.318 12.318 0 0110.374 21c-2.331 0-4.512-.645-6.374-1.766z"></path>
        </svg>
      </div>
      <p>
        Join the
        <a href="https://giftifybot.vercel.app/support" class="giftify-link">support server</a>
        for more information.
      </p>
    </div>
    <div class="giftify-card">
      <div class="giftify-icon">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
          <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 1.5H8.25A2.25 2.25 0 006 3.75v16.5a2.25 2.25 0 002.25 2.25h7.5A2.25 2.25 0 0018 20.25V3.75a2.25 2.25 0 00-2.25-2.25H13.5m-3 0V3h3V1.5m-3 0h3m-3 18.75h3"></path>
        </svg>
      </div>
      <p>
        Check out the
        <a href="https://giftifybot.vercel.app/" class="giftify-link">bot's website</a>
        for more details.
      </p>
    </div>
    <div class="giftify-card">
      <div class="giftify-icon">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
          <path stroke-linecap="round" stroke-linejoin="round" d="M4.5 15.75l7.5-7.5 7.5 7.5"></path>
        </svg>
      </div>
      <p>
        <a href="https://giftifybot.vercel.app/vote" class="giftify-link">Vote for the bot</a>
        to support its development.
      </p>
    </div>
    <div class="giftify-card">
      <div class="giftify-icon">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
          <path stroke-linecap="round" stroke-linejoin="round" d="M16.5 3.75V16.5L12 14.25 7.5 16.5V3.75m9 0H18A2.25 2.25 0 0120.25 6v12A2.25 2.25 0 0118 20.25H6A2.25 2.25 0 013.75 18V6A2.25 2.25 0 016 3.75h1.5m9 0h-9"></path>
        </svg>
      </div>
      <p>
        Check out the
        <a href="https://giftifybot.vercel.app/documentation" class="giftify-link">bot's documentation</a>.
      </p>
    </div>
    <div class="giftify-card">
      <div class="giftify-icon">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
          <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 18L9 11.25l4.306 4.307a11.95 11.95 0 015.814-5.519l2.74-1.22m0 0l-5.94-2.28m5.94 2.28l-2.28 5.941"></path>
        </svg>
      </div>
      <p>
        Check out the
        <a href="https://giftifybot.vercel.app/status" class="giftify-link">bot's status</a>.
      </p>
    </div>
    <div class="giftify-card">
      <div class="giftify-icon">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
          <path stroke-linecap="round" stroke-linejoin="round" d="M12 9v6m3-3H9m12 0a9 9 0 11-18 0 9 9 0 0118 0z"></path>
        </svg>
      </div>
      <p>Elevate the server experience by adding Giftify.</p>
    </div>
  </div>
  <h2 class="giftify-heading">Features</h2>
  <div class="giftify-container">
    <div class="giftify-card">
      <div class="giftify-icon">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
          <path stroke-linecap="round" stroke-linejoin="round" d="M21 11.25v8.25a1.5 1.5 0 01-1.5 1.5H5.25a1.5 1.5 0 01-1.5-1.5v-8.25M12 4.875A2.625 2.625 0 109.375 7.5H12m0-2.625V7.5m0-2.625A2.625 2.625 0 1114.625 7.5H12m0 0V21m-8.625-9.75h18c.621 0 1.125-.504 1.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125h-18c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125z"></path>
        </svg>
      </div>
      <h3 class="giftify-subheading">Giveaways</h3>
      <p>
        Giftify streamlines hosting giveaways with a user-friendly interface and
        an enjoyable experience for all participants.
      </p>
    </div>
    <div class="giftify-card">
      <div class="giftify-icon">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
          <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 11-18 0 9 9 0 0118 0z"></path>
        </svg>
      </div>
      <h3 class="giftify-subheading">Timers</h3>
      <p>
        Giftify automates giveaway durations with built-in timers, ensuring
        fairness and efficiency without manual monitoring.
      </p>
    </div>
    <div class="giftify-card">
      <div class="giftify-icon">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
          <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 8.25h19.5M2.25 9h19.5m-16.5 5.25h6m-6 2.25h3m-3.75 3h15a2.25 2.25 0 002.25-2.25V6.75A2.25 2.25 0 0019.5 4.5h-15a2.25 2.25 0 00-2.25 2.25v10.5A2.25 2.25 0 004.5 19.5z"></path>
        </svg>
      </div>
      <h3 class="giftify-subheading">Donations</h3>
      <p>
        Giftify offers donation tracking capabilities by effortlessly tracking
        and displaying contributions.
      </p>
    </div>
  </div>
</div></body></html>

Bot playground

Tham gia server này

Tham gia

Vote (0)

Tham gia server này

Tham gia

Vote (0)

Tổng quan

About Giftify

Features

Giveaways

Timers

Donations

Đánh giá & Nhận xét