<html>
   <head>
      <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat:400,500,700&amp;display=swap">
      <style>
         .all-boxes {
         display: flex;
         justify-content: center;
         flex-wrap: wrap;
         }
         .single-box {
         width: 45%;
         }
         .all-boxes div {
         padding: 10px;
         }
         .single-box > h3 {
         font-family: "montserrat-bold", sans-serif !important;
         color: #fff;
         font-size: 32px;
         }
         .single-box > p {
         font-weight: normal;
         color: #757575;
         font-size: 18px;
         }
         body {
         font-family: "montserrat-regular", sans-serif;
         }
         .page {
         background: #111111;
         }
         #menu {
         background: #111111;
         }
         .bot-name {
         color: #584d9f;
         }
         .bot-description {
         color: #fff;
         }
         .votebutton {
         background: #42f5f2;
         }
         p {
         color: #fff;
         }
         #upvotebutton {
         background: transparent;
         color: #fff;
         border-color: #fff;
         }
         #upvotebutton:hover {
         background: #fff;
         color: #111;
         }
         #details {
         margin: 20px 0 0;
         padding: 0 20px;
         }
         .columns .bot-img {
         box-shadow: none !important;
         }
         .bot-tags-title {
         display: none;
         }
         #tags {
         display: none;
         }
         code {
         border-radius: 3px;
         background: #eee;
         }
         #createdby b {
         background: transparent;
         color: #fff;
         }
         .owners a {
         color: #fff;
         }
         #libclick {
         display: none;
         }
         #bot-details-page {
         padding: 50px !important;
         }
         .longdescription > .content {
         background: none;
         box-shadow: none;
         }
         .purpleme {
         color: #42f5f2;
         }
         #bot-details-page .shapes-1 {
         background: none;
         }
         .bot-img img {
         transform: scale(0.85);
         }
         .bot-img {
         -webkit-animation: float 1.5s infinite alternate;
         animation: float 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 float {
         0%
         {
         transform: translateY(0)
         }
         100%
         {
         transform: translateY(-20px)
         }
         }
         @keyframes float
         {
         0%
         {
         transform: translateY(0)
         }
         100%
         {
         transform: translateY(-20px)
         }
         }
         .service-icon {
         float: left;
         color: #42f5f2;
         font-size: 3rem;
         margin-top: 35px;
         margin-right: 15px;
         margin-bottom: 55px;
         };
         @media only screen and (max-width: 1400px) {
         .single-box {
         width: 100%;
         }
         }
         .mobile-sponsor .button-cta-sponsor {
         border: none;
         };
         .imgrow {
         display: flex;
         flex-wrap: wrap;
         justify-content: center;
         padding: 0 4px;
         }
         .imgcolumn {
         -ms-flex: 50%;
         flex: 50%;
         padding: 0 4px;
         max-width: 528px;
         }
         .imgcolumn img {
         margin-top: 8px;
         vertical-align: middle;
         width: 100%;
         }
         @media screen and (max-width: 600px) {
         .column {
         -ms-flex: 100%;
         flex: 100%;
         max-width: 100%;
         }
         }
         .subhead-1 {
         font-family: "montserrat-bold", sans-serif;
         color: #42f5f2 !important;
         font-size: 18px !important;
         text-transform: uppercase;
         letter-spacing: .20rem;
         text-align: center;
         margin-bottom: -30px !important;
         }
         .display-1 {
         font-family: "montserrat-medium", sans-serif;
         color: #fff !important;
         font-size: 29px !important;
         margin: 0 auto;
         text-align: center;
         max-width: 560px;
         margin-bottom: 50px !important;
         }
         .subhead-2 {
         font-family: "montserrat-bold", sans-serif;
         color: #42f5f2 !important;
         font-size: 18px !important;
         text-transform: uppercase;
         letter-spacing: .20rem;
         text-align: center;
         margin-bottom: -30px !important;
         margin-top: 70px !important;
         }
         .display-2 {
         font-family: "montserrat-medium", sans-serif;
         color: #fff !important;
         font-size: 42px !important;
         margin: 0 auto;
         text-align: center;
         margin-bottom: 50px !important;
         }
      </style>
   </head>
   <body>
      <h1 class="display-1">The best All-in-one bot in Discord</h1>
      <br>
      <h3 class="subhead-1">Mattic's Features</h3>
      <br><br>
      <div class="all-boxes">
         <div class="single-box">
            <h3>Easy to use</h3>
            <p>To start just type m!help<span class="purpleme"m! &gt;help</span> and a whole list of commands will come up in the channel</p>
         </div>
         <div class="single-box">
            <h3>Moderation</h3>
            <p>using moderation commands, manage your server easily and keep away goons </p>
         </div>
         <div class="single-box">
            <h3>Point System</h3>
            <p>Chat with friends use bot commands, and redeem points at our Support Server</p>
         </div>
         <div class="single-box">
            <h3>Fun</h3>
            <p>Wide range of Fun commands to keep your community sound and excited</p>
         </div>
         <div class="single-box">
            <h3>Adminstartion</h3>
            <p>Want to keep logs of everything?, use admin commands to toggle loggings commands and toggle commands on/off</p>
         </div>
         <div class="single-box">
            <h3>Colour Roles</h3>
            <p>Comes Pre-loaded with lots of colours, which can be enabled for people to choose their coloured roles</p>
         </div>
      </div>
      <h3 class="subhead-2">More to come</h3>
      <h1 class="display-2">A closer look into Mattic's features</h1>
      <iframe src="https://matticbot.cf/" title="Mattic Bot Official Website"></iframe>
     
<iframe width="560" height="315" src="https://www.youtube.com/embed/OffUPkKF7I0" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>      
   </body>
</html>    





Mattic Bot

Mattic Bot is All-in-one Bot made for server's who need a bot which can manage everything from moderation to fun

Voting for Mattic Bot