<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Musix - Home</title>
    <meta charset="UTF-8" />
    <link href="https://fonts.googleapis.com/css?family=Ubuntu:300,300i,400,400i,500,500i,700,700i&display=swap" rel="stylesheet" />
    <link rel="stylesheet" href="./public/css/main.css" />
    <link rel="stylesheet" href="./public/css/nav.css" />
    <link rel="stylesheet" href="./public/css/footer.css" />
  </head>

  <body>
    <header>
      <nav id="nav">
        <div id="navLogo">
          <a href="./"></a>
        </div>
        <div class="dropdown">
          <button class="dropbtn">Menu</button>
          <div class="dropdown-content">
            <a href="https://discord.com/api/oauth2/authorize?client_id=607266889537945605&permissions=3427328&scope=bot%20applications.commands" target="_blank">Invite Bot</a>
            <a href="./releases">Releases</a>
            <a href="./terms">Terms</a>
            <a href="./privacy-policy">Privacy Policy</a>
            <a href="https://discord.gg/rvHuJt" target="_blank">Discord</a>
          </div>
        </div>
      </nav>

      <h1>Home</h1>
    </header>
    <div id="phrase">
      <div id="logo"></div>
      Musix has all the features you would expect from a Discord music bot.<br>
      But whats even better is that you can get it all for absolutely free!<br>
      <button id="invite">
        <a
          href="https://discord.com/api/oauth2/authorize?client_id=607266889537945605&permissions=3427328&scope=bot%20applications.commands"
          >Add to Discord</a
        >
      </button>
    </div>
    <div id="wrapper">
      <div id="space"></div>
      <div id="items">
        <div class="item">
          <img src="./public/images/icons/uptodate.png" />
          <br>Always being updated and worked on to deliver the best music
          experience possible.
        </div>
        <div class="item">
          <img src="./public/images/icons/easytouse.png" />
          <br>
          Easy to use. No setup needed. Play music using a single command.
        </div>
        <div class="item">
          <img src="./public/images/icons/servers.png" /><br>We assure that
          there is always enough capacity for all servers to have the best
          quality possible.
        </div>
        <div class="item">
          <img src="./public/images/icons/sound.png" /><br>We have multiple
          audio modifiers that you can use free of charge.
        </div>
      </div>
    </div>
    <footer>
      <div class="footerItem">
        <div class="footerDiscordLogo">
          <a href="https://discord.gg/rvHuJtB" target="_blank"></a>
        </div>
      </div>
      <div class="footerItem">
        <br><br>Matte<br>Project Lead<br>Discord: mvzg
        <div class="footerGithubLogo">
          <a href="https://github.com/MatteZ02" target="_blank"></a>
        </div>
      </div>
      <div class="footerItem">
        <br><br>cwchristerw<br>Developer<br>Discord: cwchristerw
        <div class="footerGithubLogo">
          <a href="https://github.com/cwchristerw" target="_blank"></a>
        </div>
      </div>
      <div class="footerItem">
        <button id="footerInvite">
          <a
            href="https://discord.com/api/oauth2/authorize?client_id=607266889537945605&permissions=3427328&scope=bot%20applications.commands"
            target="_blank"
            >Add to Discord</a
          >
        </button>
      </div>
    </footer>
    <div class="underFooter">
        ©2019-2024 Musix
    </div>
  </body>
</html>