<div class="content-box">
  <h2 class="title">24/7 Music</h2>

  <div class="widgets">
    <img src="https://top.gg/api/widget/status/684773505157431347.svg" />
    <img src="https://top.gg/api/widget/servers/684773505157431347.svg" />
    <img src="https://top.gg/api/widget/upvotes/684773505157431347.svg" />
    <img src="https://top.gg/api/widget/owner/684773505157431347.svg" />
  </div>
 
  <div class="embed">
    <h2 class="e-title">FEATURES</h2>
    <span>• DJ Role System</span>
    <span>• Easy to use</span>
    <span>• 24/7 Mode</span>
    <span>• Supports Spotify, Soundcloud, Deezer, Apple Music and more</span>
    <span>• Filters</span>
    <span>• Web Player</span>
    <span>• AutoPlay</span>
    <span>• Custom Playlist</span>
    <span>• Song Request Channel</span>
    <span>• Supports Stage Channels</span>
    <span>• Supports Radio</span>
    <span>• Fully customizable</span>
    <span
      ><a href="https://flavibot.xyz/premium" target="_blank"
        >https://flavibot.xyz/premium</a
      ></span
    >
  </div>

  <br />

  <h3 class="title">Web player for music /music-panel</h3>
  <img class="img" src="https://flavibot.xyz/images/web-player.png" />

  <br />

  <h3 class="title">Song request feature for free /controller</h3>
  <label>!controller</label>
  <img class="img" src="https://flavibot.xyz/images/discord-controller.png" />

  <br />

  <h3 class="title">FlaviBot is available in several languages</h3>
  <label>/language</label>
  <label>Grey background = 100% translated</label>
  <img class="img" src="https://flavibot.xyz/images/langs.png" />

  <br />

  <h3 class="title">Manage your playlist easily</h3>
  <img class="img" src="https://flavibot.xyz/images/playlist-info.png" />

  <br />

  <h3 class="title">Now playing image</h3>
  <label>/nowplaying</label>
  <img class="img" src="https://flavibot.xyz/images/nowplaying-cmd.png" />

  <br />

  <div class="embed">
    <h2 class="e-title">Listen High quality Music 24/7</h2>
    <span
      ><a href="https://flavibot.xyz/invite" target="_blank"
        >Add to Discord</a
      ></span
    >
  </div>

  <br />

  <h3 class="title">
    All commands are available on the website =>
    <a href="https://flavibot.xyz/commands/all" target="_blank">[Click Here]</a>
  </h3>

  <br />

  <div class="embed">
    <h2 class="e-title">Have a question ? Do you need help?</h2>
    <span
      ><a href="https://discord.gg/zJyE39J" target="_blank"
        >Join our Discord server</a
      ></span
    >
  </div>

  <iframe src="https://flavibot.xyz"></iframe>

  <style>
    :root {
      /*--flavibot-color: #7289da; /* blurple */
      /* DEFAULT */
      --flavibot-color: #947cea;
      --flavibot-hover: #7153dc;
      --text-contrast: #fff;
      --flavibot-header-margin: 0;
      --accent: var(--flavibot-color);
      --text-blue: var(--flavibot-color);
      --link: var(--flavibot-color);
      --brand: 222, 50, 104;
      --contrast-dark: var(--brand);
      --contrast-light: var(--brand);
      --top-gg-colors-brand-100: var(--flavibot-color);
      --top-gg-colors-brand-80: var(--flavibot-hover);
      --top-gg-colors-brand-60: var(--flavibot-hover);
      --top-gg-colors-brand-40: var(--flavibot-hover);
      --top-gg-colors-brand-20: var(--flavibot-hover);
    }
    .content-box {
      background-color: #363940;
      border-radius: 15px;
      padding: 10px;
      white-space: normal;
      color: white;
    }

    h2,
    h3 {
      color: white !important;
    }

    .widgets {
      display: flex;
      background-color: #23272a;
      padding: 20px;
      border-radius: 15px;
      flex-wrap: wrap;
      gap: 25px;
    }

    .embed {
      margin-top: 20px;
      max-width: 520px;
      background-color: #303136;
      border-radius: 4px;
      border-left: solid 6px #947cea;
      padding: 16px;
      display: flex;
      flex-direction: column;
    }

    .embed h2 {
      margin: 0;
      padding: 0;
      font-size: 25px;
    }

    .img {
      border-radius: 10px;
    }
    .css-1vcqbmk {
      position: relative;
      overflow: hidden;
      border-radius: var(--top-gg-radii-md);
    }
    .css-1vcqbmk:before {
      content: "";
      position: absolute;
      width: 100px;
      height: 100%;
      background-image: linear-gradient(
        120deg,
        rgba(255, 255, 255, 0) 30%,
        rgba(255, 255, 255, 0.8),
        rgba(255, 255, 255, 0) 70%
      );
      top: 0;
      left: -100px;
      animation: shine 2s infinite linear;
      z-index: 1;
      opacity: 0.5;
      pointer-events: none;
    }
    @keyframes shine {
      0% {
        left: -100px;
      }
      20% {
        left: 100%;
      }
      100% {
        left: 100%;
      }
    }
  </style>
</div>


FlaviBot

High Quality Music Bot, Supports Spotify, Soundcloud, Deezer, Tidal, Apple Music, radio, 24/7 mode, Filters, AutoPlay, Playlists, Web Player

Voting for FlaviBot