<!DOCTYPE html>
<html>
  <head>
    <link href="https://fonts.googleapis.com/css?family=Montserrat|Poppins&display=swap" rel="stylesheet">
    <style>
@media only screen and (max-width: 600px) {
   ._CARD{
      width: 100%;
  }
}
._HEADER {
    text-align: center !important;
    font-weight: 700;
    padding: 60px 30px 170px;
    background-image: url("http://www.autumnbot.net/images/background.svg") !important;
    background-position: bottom !important;
    background-size: 200% !important;
    background-repeat: no-repeat !important;
    border-top: 6px #f13128 solid !important;
    background-color: #23272A;
}
._DESCRIPTION {
    font-family: 'Poppins', sans-serif !important;
    background: #f13128 !important;
    color: #fff;
    margin: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font-size: 24px;
}
._TITLE {
    margin-bottom: -2px !important;
    font-size: 60px !important;
    color: white !important;
    padding: 10px 10px;
    margin-bottom: -2px !important;
    font-size: 45px !important
}
._SUBTITLE {
    font-family: 'Montserrat', sans !important;
    color: rgba(255, 255, 255, 0.61) !important;
    font-size: 16px !important;
    font-weight: 300;
}
._FEATURES {
    text-align: center !important;
    background: #f13128 !important;
    padding: 60px 50px !important
}
._FEATURES ._TITLE {
    font-size: 40px !important;
    color: #ffffff !important;
    line-height: 70px !important;
}
._FEATURES ._SUBTITLE {
    font-size: 20px !important;
    color: #a2a8bd;
}
._CARDS {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    user-select: none;
  	display: inline-block;
    padding: 10% 0px;
}
._CARD {
    flex: 1;
    background-color: #fff;
    background-clip: border-box;
    border: 0;
    border-radius: 5px !important;
    box-shadow: none !important;
    display: inline-block;
    position: relative;
    width: 80%;
    margin-bottom: 30px;
    box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2);
    vertical-align: middle;
}
._CARD_BODY {
    flex: 1 1 auto;
    padding: 1.25rem;
}
._CARD_TITLE {
    font-size: 24px !important;
    font-weight: 600 !important;
    color: #f13128 !important;
    padding: 0;
}
._CARD_TEXT {
    line-height: 1.61em;
    font-weight: 300;
    font-size: 16px !important;
    color: #2c2c2c;
    padding: 0;
}      
._CARD_IMAGE{
    border-radius: 20px;
    max-height: 400px;
}
._BTN {
    border-width: 2px;
    padding: 15px 48px;
    border-radius: 5px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    line-height: 1.35em;
    margin: 10px 1px;
    border: none;
    cursor: pointer;
    border-radius: 5px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    user-select: none;
}
._BTN_PRIMARY {
    background-color: #f13128 !important;
    color: #FFFFFF !important;
    box-shadow: none;
}
._BTN_SECONDARY {
    background-color: #2C2F33 !important;
    color: #FFFFFF !important;
    box-shadow: none;
}
    </style>
    
    <style>
body {
    font-family: 'Montserrat', sans-serif !important;
    background: #23272A !important;
    color: white !important;
}
.blog_card {
 	background-color: #000;     
}
.shapes-background {
    display: none;
}
.serversshards {
    font: 600 25px 'Montserrat', sans-serif !important;
    color: #23272A;
}
.btn-orange {
    background: #f13128;
    background-image: initial;
    background-position-x: initial;
    background-position-y: initial;
    background-size: initial;
    background-repeat-x: initial;
    background-repeat-y: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: #f13128;
    cursor: default;
}
.botpagebutton {
    color: #FFFFFF !important;
    background-color: #2C2F33 !important;
  	transition: 0.3s;
}
.botpagebutton:hover {
    background-color: #f13128 !important;
}
#menu {
    background-color: #f13128 !important;
}
.bot-description {
    color: #FFFFFF !important;
}
.btn-like {
    color: #f13128 !important;
    border: none;
}
.btn-like img{
    color: #FFFFFF !important;
    border: none;
	content:url("https://raw.githubusercontent.com/GwenBebe/autumn-bot-dashboard/master/public/images/like.svg");
}
.btn-name{
    color: #f13128 !important;
}
.atag {
    color: #FFFFFF !important;
    background: #2C2F33 !important;
  	transition: 0.3s;
}
.atag:hover {
    background-color: #f13128 !important;
}
.atag::after {
    color: #FFFFFF !important;
   	border-left-color: #2C2F33;
  	transition: 0.3s;
}
.atag:hover::after {
   border-left-color: #f13128;
}
.bot-name{
    color: #f13128 !important;
}
.lib a{
    color: #FFF !important;
}
#createdby b{
    background-color: #2C2F33 !important;
}
.owners a{
    color: #FFFFFF !important;
}
#createdby i{
    color: grey !important;
    font-style: none;
}
code{
    background-color: #2C2F33;
    color: white;
}
.longdescription{
    background-color: #23272A;
}
.longdescription .content{
    border: 6px #2C2F33 solid !important;
    padding: 0;
    margin: 0;
}
.columns .bot-img {
    box-shadow: 0px 0px 0px 0px !important;
    -webkit-animation:vibrate-1 .3s linear infinite both;
    animation:vibrate-1 .3s linear infinite both
}
.bot-img img{
    border-radius: 50%;
}
/* ----------------------------------------------
 * Generated by Animista on 2020-8-18 0:6:8
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

@-webkit-keyframes vibrate-1{0%{-webkit-transform:translate(0);transform:translate(0)}20%{-webkit-transform:translate(-2px,2px);transform:translate(-2px,2px)}40%{-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}60%{-webkit-transform:translate(2px,2px);transform:translate(2px,2px)}80%{-webkit-transform:translate(2px,-2px);transform:translate(2px,-2px)}100%{-webkit-transform:translate(0);transform:translate(0)}}@keyframes vibrate-1{0%{-webkit-transform:translate(0);transform:translate(0)}20%{-webkit-transform:translate(-2px,2px);transform:translate(-2px,2px)}40%{-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}60%{-webkit-transform:translate(2px,2px);transform:translate(2px,2px)}80%{-webkit-transform:translate(2px,-2px);transform:translate(2px,-2px)}100%{-webkit-transform:translate(0);transform:translate(0)}}
    </style>
  </head>
  <div class="_DESCRIPTION"> 
    <div class="_HEADER">
      	<p class="_TITLE">Autumn Bot</p>
      	<p class="_SUBTITLE">Protect your server against raids, bot accounts, and trolls.</p>
      	<a class="btn _BTN _BTN_PRIMARY" href="https://discord.com/api/oauth2/authorize?client_id=672548437346222110&permissions=1576397911&scope=bot">Invite Bot</a>
      	<a class="btn _BTN _BTN_SECONDARY" href="https://www.autumnbot.net/">Dashboard</a>
      	<a class="btn _BTN _BTN_SECONDARY" href="http://autm.fr/autumnbotsupport">Support Server</a>
	</div>
    <div class="_FEATURES">
      	<p class="_TITLE">Features</p>
      	<div class="_CARDS">
      		<div class="_CARD">
            	<div class="_CARD_BODY">
          			<p class="_CARD_TITLE">Verification</p>
          			<p class="_CARD_TEXT">Verify new users when they join your server! Protect against unwanted raids, bot accounts, and trolls. Either manually verify new users, or let the bot do it for you.</p>
                  	<img class="_CARD_IMAGE" src="https://www.autumnbot.net/assets/images/verification.png"/>
                </div>
      		</div>
      		<div class="_CARD">
            	<div class="_CARD_BODY">
          			<p class="_CARD_TITLE">Customizeable Welcome Cards</p>
          			<p class="_CARD_TEXT">Greet new users to your server with customizable welcome cards! Change the text color, background color, or even the background image!</p>
                  	<img class="_CARD_IMAGE" src="https://www.autumnbot.net/assets/images/welcomecard.png"/>
                </div>
      		</div>
      		<div class="_CARD">
            	<div class="_CARD_BODY">
          			<p class="_CARD_TITLE">Custom Embeds</p>
          			<p class="_CARD_TEXT">Spice up your server with 100% customize-able (and FREE… <em>I'm looking at you, Dyno 👀</em>) embedded messages. If discord.js has a function for it, its in the embed command.</p>
                  	<img class="_CARD_IMAGE" src="https://www.autumnbot.net/assets/images/customembed.png"/>
                </div>
      		</div>
      		<div class="_CARD">
            	<div class="_CARD_BODY">
          			<p class="_CARD_TITLE">Moderation</p>
          			<p class="_CARD_TEXT">Is someone spamming pogchamp in the chat? Mute them! Is someone mass pinging people? Kick them! Is someone making dad jokes? Ban them! You can do anything you want with the easy to use moderation commands.</p>
                  	<img class="_CARD_IMAGE" src="https://www.autumnbot.net/assets/images/moderation.png"/>
              	</div>
      		</div>
      		<div class="_CARD">
            	<div class="_CARD_BODY">
          			<p class="_CARD_TITLE">Polls</p>
          			<p class="_CARD_TEXT">Poll your server members with pretty embedded polls. Yes/No polls feature Reddit (not sponsored) upvote/downvote reactions. Option polls allow for up to 20 options (and no less than 1).</p>
                  	<img class="_CARD_IMAGE" src="https://www.autumnbot.net/assets/images/polls.png"/>
              	</div>
      		</div>
      		<div class="_CARD">
            	<div class="_CARD_BODY">
          			<p class="_CARD_TITLE">Reaction Roles</p>
          			<p class="_CARD_TEXT">Allow users to easily choose what roles they have with simple Reaction Roles. React to gain the role, and un-react(?) to get rid of it.</p>
                  	<img class="_CARD_IMAGE" src="https://www.autumnbot.net/assets/images/reactionroles.png"/>
              	</div>
      		</div>
      		<div class="_CARD">
            	<div class="_CARD_BODY">
          			<p class="_CARD_TITLE">Fun</p>
          			<p class="_CARD_TEXT">Autumn has everything from the typical weeb commands (hug, slap, poke, etc) to Chuck Norris commands. Run into a situation that requires KEKW? There's a command for that too!</p>
                  	<img class="_CARD_IMAGE" src="https://www.autumnbot.net/assets/images/fun.png"/>
              	</div>
      		</div>
      	</div>
  	</div>
</html>

Autumn Bot

Verification | Custom Embeds | Fun Commands | Welcome Cards

Vote cho Autumn Bot

Bạn muốn hỗ trợ chúng tôi?