<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>!! Discord Bot</title>
    <link rel="stylesheet" href="style.css">
<meta name="theme-color" content="#0099ff">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css">
  </head>
  <style>
  ::-moz-selection {
    color: #ffffff;
    background: #0099ff;
  }

  ::selection {
    color: #ffffff;
    background: #0099ff;
  }

  ::-webkit-scrollbar {
      width: 10px;
  }

  ::-webkit-scrollbar-track {
      border-radius: 10px;
      background-color: #2e3338;
  }
  
  ::-webkit-scrollbar-thumb {
      background-color: #202225;
      border-radius: 10px;
  }

  ::-webkit-scrollbar-thumb:hover {
      background-color: #18191b;
  }

  ::-webkit-scrollbar-thumb:active {
      background-color: #101112;
  }

  html {
    height: 100%;
    background-color: #36393f;
  }

  body {
    background-color: #36393f;
    text-align: center;
    color: #ffffff;
    overflow: hidden;
    height: 100%;
    justify-content: center;
    align-items: center;
    font-family: "Whitney Medium";
  }

    @font-face {
      font-family: font;
      src: url(/font.ttf);
    }

    input.button {
      font-family: font;
      border-radius: 5px;
      height: 50px;
      width: 175px;
      margin-bottom: 20px;
      outline: none;
      background-color: #5865f2;
      color: #ffffff;
      border-color: transparent;
      cursor: pointer;
      transition-duration: .5s;
    }

    input.button:hover {
      background-color: #4752c4;
      border-radius: 10px;
    }

    input.button:active {
      background-color: #3c45a5
    }

    h1.large {
      font-family: font;
      font-size:50px;
    }

    div.topMargin {
      height: 10%;
    }
  </style>
  <body>

    <div class="topMargin"></div>
    <h1 class="large animate__animated animate__zoomIn">!!<span style="color:#aaaaaa;">#2977</span></h1>
	<h2 style="color:yellow" class="button animate__animated animate__fadeInUp">Bot Status: ONLINE</h2>
	<form action="https://bot.jacob5257.com/commands">
		<input type="submit" value="Bot Commands" class="button animate__animated animate__fadeInUp">
	</form>
	<form action="https://bot.jacob5257.com/updates">
		<input type="submit" value="Bot Changelog" class="button animate__animated animate__fadeInUp">
	</form>
	<form action="https://dsc.gg/!!-support">
		<input type="submit" value="Support Server" class="button animate__animated animate__fadeInUp">
	</form>
	<form action="https://bot.jacob5257.com/server-rules">
		<input type="submit" value="Support Server Rules" class="button animate__animated animate__fadeInUp">
	</form>
	<form action="https://bot.jacob5257.com/appeal/">
		<input type="submit" value="Ban Appeal" class="button animate__animated animate__fadeInUp">
	</form>
  </body>
</html>

A fun and moderation bot with great commands!

<h1 id="titlea" class="textShineBlack">Splash</h1>
<h3 id="ldesc">Splash is the perfect bot for every server. It has fun and useful commands for everyone. The bottom line is that Splash is no ordinary Discord bot.</h3><br><h3><a class="linka" href="https://discord.com/api/oauth2/authorize?client_id=831670225774706708&permissions=8&redirect_uri=https%3A%2F%2Fdiscord.com%2Foauth2%2Fauthorized&scope=bot%20applications.commands">Invite Now!</a>&nbsp;&nbsp;&nbsp;&nbsp;<a class="linka" href="https://discord.gg/zuZdJRzWZh">Join our support server!</a></h3><br>
<hr class="aa"><br>
<div id="comm"><b>Prefix: <code>s!</code></b><br><br>Our most popular commands: <br><code>s!color</code> - Displays an animated color wheel and a random color.<br><code>s!image</code> - Shows a random image from a vast list of professional and stunning photos.<br><code>s!covid19</code> - Gives you the latest data on COVID-19 in your country.</div><br><hr class="aa"><br><img src="https://top.gg/api/widget/831670225774706708.svg" alt="Splash" />
<style>
.aa {
border: 1px solid #69ceed;
}
#ldesc {
font-size:25px;
}
#comm {
font-size:20px;
}
#titlea {
font-size:50px;
text-align:center;
width:95%;
border:1px solid #a7dff3;
border-radius:10px;
color:#a7dff3;
  padding: 30px 0px;
}
.linka {
  padding: 10px;
color:white;
background-color:#69ceed;
border-radius: 10px;
transition-duration: .5s;
}
.linka:hover {
background-color:#a7dff3;
border-radius:20px;
color:white;
}
.textShineBlack {
background: linear-gradient(to right, #a7dff3 20%, #69ceed 30%, #69ceed 70%, #a7dff3 80%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
text-fill-color: transparent;
background-size: 200% auto;
animation: textShine 5s ease-in-out infinite alternate;
}
@keyframes textShine {
  to {
    background-position: 200%;
  }
::selection {
background-color:#69ceed;
}
</style>


Splash

The team working on Splash, the perfect bot for every server.

Bots Discord

!!

Splash