<!DOCTYPE html>
<html>

<head>
	<title>
		SR2 | A Discord Bot
	</title>
	<link rel="icon" href="https://cdn.discordapp.com/attachments/750237403817574472/761189147724480521/bot_icon.jpg" type="image/x-icon">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
 
 <style>
body{
 background-image: url('https://cdn.discordapp.com/attachments/805003950709407756/815883398798245928/bg.jpg');
 background-repeat: no-repeat;
 background-attachment: fixed;
 background-size: cover;
}
.bot-description{
 color: #000000;
 fonst-width: bold;
 }
 .text-secondary{
 color: #000000;
 fonst-width: bold;
 }
 .columns .entity-header__image{
 border-radius: 50%;
}
 .entity-header__image{
 animation: float 3s ease-in-out infinite;
 -webkit-transition: -webkit-transform .8s ease-in-out;
 transition: transform .8s ease-in-out;
 }

 @keyframes float {
 0% {
 box-shadow: 0 10px 25px 0px rgba(0,0,0,0.6);
 transform: translatey(0px);
 }
 50% {
 box-shadow: 0 25px 15px 0px rgba(0,0,0,0.2);
 transform: translatey(-20px);
 }
 100% {
 box-shadow: 0 10px 25px 0px rgba(0,0,0,0.6);
 transform: translatey(0px);
 }
 }

.glow-on-hover {
 width: 220px;
 height: 50px;
 border: none;
 outline: none;
 color: #fff;
 background: #111;
 cursor: pointer;
 position: relative;
 z-index: 0;
 border-radius: 10px;
}

.glow-on-hover:before {
 content: '';
 background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
 position: absolute;
 top: -2px;
 left:-2px;
 background-size: 400%;
 z-index: -1;
 filter: blur(5px);
 width: calc(100% + 4px);
 height: calc(100% + 4px);
 animation: glowing 20s linear infinite;
 opacity: 0;
 transition: opacity .3s ease-in-out;
 border-radius: 10px;
}

.glow-on-hover:active {
 color: #000
}

.glow-on-hover:active:after {
 background: transparent;
}

.glow-on-hover:hover:before {
 opacity: 1;
}

.glow-on-hover:after {
 z-index: -1;
 content: '';
 position: absolute;
 width: 100%;
 height: 100%;
 background: #111;
 left: 0;
 top: 0;
 border-radius: 10px;
}

@keyframes glowing {
 0% { background-position: 0 0; }
 50% { background-position: 400% 0; }
 100% { background-position: 0 0; }
}

 
 .entity-content__description .content {
 background-image: url('https://cdn.discordapp.com/attachments/805003950709407756/815883398798245928/bg.jpg');
 background-repeat: no-repeat;
 background-attachment: fixed;
 background-size: cover;
}
.entity-content__description {
 background-image: url('https://cdn.discordapp.com/attachments/805003950709407756/815883398798245928/bg.jpg');
 background-repeat: no-repeat;
 background-attachment: fixed;
 background-size: cover;
}

.sr2-commands{
 background: linear-gradient(to right, #0099ff 0%, #ff00ff 100%);
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
}


@import url(https://fonts.googleapis.com/css?family=Signika:700,300,600);

.h1h1 {
 font-size:5em;
 font:bold 7.5vw/1.6 'Signika', sans-serif;
 user-select:none;
}

.h1h1 .span { display:inline-block; animation:float .2s ease-in-out infinite; }
 @keyframes float {
 0%,100%{ transform:none; }
 33%{ transform:translateY(-1px) rotate(-2deg); }
 66%{ transform:translateY(1px) rotate(2deg); }
}
body .span:hover { animation:bounce .6s; }
@keyframes bounce {
 0%,100%{ transform:translate(0); }
 25%{ transform:rotateX(20deg) translateY(2px) rotate(-3deg); }
 50%{ transform:translateY(-20px) rotate(3deg) scale(1.1); }
}

.span:nth-child(4n) { color:hsl(50, 75%, 55%); text-shadow:1px 1px hsl(50, 75%, 45%), 2px 2px hsl(50, 45%, 45%), 3px 3px hsl(50, 45%, 45%), 4px 4px hsl(50, 75%, 45%); }
.span:nth-child(4n-1) { color:hsl(135, 35%, 55%); text-shadow:1px 1px hsl(135, 35%, 45%), 2px 2px hsl(135, 35%, 45%), 3px 3px hsl(135, 35%, 45%), 4px 4px hsl(135, 35%, 45%); }
.span:nth-child(4n-2) { color:hsl(155, 35%, 60%); text-shadow:1px 1px hsl(155, 25%, 50%), 2px 2px hsl(155, 25%, 50%), 3px 3px hsl(155, 25%, 50%), 4px 4px hsl(140, 25%, 50%); }
.span:nth-child(4n-3) { color:hsl(30, 65%, 60%); text-shadow:1px 1px hsl(30, 45%, 50%), 2px 2px hsl(30, 45%, 50%), 3px 3px hsl(30, 45%, 50%), 4px 4px hsl(30, 45%, 50%); }

.h1h1 .span:nth-child(2){ animation-delay:.05s; }
.h1h1 .span:nth-child(3){ animation-delay:.1s; }
.h1h1 .span:nth-child(4){ animation-delay:.15s; }
.h1h1 .span:nth-child(5){ animation-delay:.2s; }
.h1h1 .span:nth-child(6){ animation-delay:.25s; }
.h1h1 .span:nth-child(7){ animation-delay:.3s; }
.h1h1 .span:nth-child(8){ animation-delay:.35s; }
.h1h1 .span:nth-child(9){ animation-delay:.4s; }
.h1h1 .span:nth-child(10){ animation-delay:.45s; }
.h1h1 .span:nth-child(11){ animation-delay:.5s; }
.h1h1 .span:nth-child(12){ animation-delay:.55s; }
.h1h1 .span:nth-child(13){ animation-delay:.6s; }
.h1h1 .span:nth-child(14){ animation-delay:.65s; }
</style>

</head>
<body>
 <center><h1 class="h1h1">SR2</h1></center>
 
  <center>SR2 is a multitasking bot which has many fun, moderation, info, general, giveaway and music commands and the list goes on. SR2 is very easy to use!!!
 You can have it right into your server, just invite it to your server!
 You are also free to get full support from the Developer!
 Invite and enjoy!!!</center>
 
 <center>Just type !help to get the command list of SR2 Bot!</center>
 
 <center><img src="https://cdn.discordapp.com/attachments/760050384659021825/771963620556931072/SR2_BOT.gif"></center>
 
<center>
 <div class="wrap">
 <a href="https://discord.com/api/oauth2/authorize?client_id=756482934533259315&permissions=8&scope=bot">
<button class="glow-on-hover" type="button">ADD TO DISCORD</button>
 </a>
 <a href="https://discord.gg/dnueJphtH9">
<button class="glow-on-hover" type="button">JOIN SUPPORT SERVER</button>
 </a>
 </div>
</center>
 
 <div class='commands' style='background-image:url(https://cdn.discordapp.com/attachments/805003950709407756/815883398798245928/bg.jpg);'>
 📜SR2 BASIC COMMAND📜 
 
 • <code>!help</code> - Gives you the list of all the commands of SR2 bot! 
 • <code>!help mod</code> - Gives you the list of Moderation commands! 
 • <code>!help general</code> - Gives you the list of general commands! 
 • <code>!help info</code> - Gives you the list of info commands! 
 • <code>!help fun</code> - Gives you the list of fun commands! 
 • <code>!help music</code> - Gives you the list of music commands! 
 • <code>!help giveaway</code> - Gives you the list of Giveaway commands! 
 
 </div> 
 <center>
 <div class="wrap">
 <a href="https://discord.com/api/oauth2/authorize?client_id=756482934533259315&permissions=8&scope=bot">
<button class="glow-on-hover" type="button">ADD TO DISCORD</button>
 </a>
 <a href="https://discord.gg/dnueJphtH9">
<button class="glow-on-hover" type="button">JOIN SUPPORT SERVER</button>
 </a>
 </div>
</center> 
 </body>
 </html>

SR2 is a multitasking bot which has many fun, moderation, info, general, giveaway and music commands and is very easy to use!!! 

التصويت لـSR2

هل ترغب في دعمنا؟