<!DOCTYPE html>
<html>
    <head>
        <title>WolveS</title>
    </head>
    <body>
         <h1>My discord bot</h1>
<p>some info about the bot</p>
<p>This is discord bot with cool commands</p>
<p>on this bot u can</p>
    <ul>
        <li>Play mini-games</li>
        <li>Use moderation commands like mute, ban, kick and etc</li>
        <li>show ur emotions</li>
    </ul>
 <p>and etc</p>
       <h1>main commmands</h1>
 <p>w!help - help menu</p>
 <p>w!cmds - all commands</p>
 <p>w!support - FAQ</p>
 <p>w!dev - developer info</p>
 <p>w!invite - invite link to my bot</p>
    </body>
  <style>
    .columns .bot-img {
     border-radius: 4px !important;
     overflow: visible !important;
     box-shadow: transparent;
     background: transparent;
     box-shadow: transparent;
}
<p>.bot-img img {
-webkit-animation: mover 0.5s infinite  alternate;
animation: mover 0.5s infinite  alternate;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
border-radius: 50%
}
.bot-img&gt;img {
border: 4px solid transparent;
background-color: transparent;
}
.bot-img img {
-webkit-animation: mover 0.5s infinite  alternate;
animation: mover 1.5s infinite  alternate;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
@-webkit-keyframes mover {
0% { transform: translateY(0); }
100% { transform: translateY(-20px); }
}<br>
@keyframes mover {
0% { transform: translateY(0); }
100% { transform: translateY(-20px); }
}
.columns .bot-img {
border-radius: 4px !important;
overflow: visible !important;
box-shadow: transparent;
background: transparent;
box-shadow: transparent;
}
.bot-name {
-webkit-animation: rainbow-text 1s infinite alternate;
animation: rainbow-text 1.0s infinite alternate;
font-weight: bold;
font-style: oblique;
}
@keyframes rainbow-text {
0% {
color: #e87d7d;
}
2% {
color: #e88a7d;
}
4% {
color: #e8977d;
}
6% {
color: #e8a47d;
}
8% {
color: #e8b07d;
}
10% {
color: #e8bd7d;
}
12% {
color: #e8ca7d;
}
14% {
color: #e8d77d;
}
16% {
color: #e8e47d;
}
18% {
color: #dfe87d;
}
20% {
color: #d3e87d;
}
22% {
color: #c6e87d;
}
24% {
color: #b9e87d;
}
26% {
color: #ace87d;
}
28% {
color: #9fe87d;
}
30% {
color: #92e87d;
}
32% {
color: #86e87d;
}
34% {
color: #7de881;
}
36% {
color: #7de88e;
}
38% {
color: #7de89b;
}
40% {
color: #7de8a8;
}
42% {
color: #7de8b5;
}
44% {
color: #7de8c1;
}
46% {
color: #7de8ce;
}
48% {
color: #7de8db;
}
50% {
color: #7de8e8;
}
52% {
color: #7ddbe8;
}
54% {
color: #7dcee8;
}
56% {
color: #7dc1e8;
}
58% {
color: #7db5e8;
}
60% {
color: #7da8e8;
}
62% {
color: #7d9be8;
}
64% {
color: #7d8ee8;
}
66% {
color: #7d81e8;
}
68% {
color: #867de8;
}
70% {
color: #927de8;
}
72% {
color: #9f7de8;
}
74% {
color: #ac7de8;
}
76% {
color: #b97de8;
}
78% {
color: #c67de8;
}
80% {
color: #d37de8;
}
82% {
color: #df7de8;
}
84% {
color: #e87de4;
}
86% {
color: #e87dd7;
}
88% {
color: #e87dca;
}
90% {
color: #e87dbd;
}
92% {
color: #e87db0;
}
94% {
color: #e87da4;
}
96% {
color: #e87d97;
}
98% {
color: #e87d8a;
}
100% {
color: #e87d7d;
}
}</p>
<p>#bot-details-page .btn-like {
    background-color:#080808;
    }   
.votebutton {
border: 4px solid transparent;
background-color: #0f0f0f;
font-weight: bold;
font-style: oblique;
    }

section.page {
    background-image: url('https://i.imgur.com/m1YlUPc.jpg') !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
    }

  </style>
</html>

التصويت لـ🐺Wolves🐺

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