<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>RankMaster</title>
  <link href="https://api.fontshare.com/v2/css?f[]=switzer@600,800,900,700,400,500&display=swap" rel="stylesheet" />
  
<style>
  body {
    direction: ltr;
  }

  .info-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    padding: 20px;
    color: var(--top-gg-colors-contrast-60);
  }

  .info-text > p {
    margin-top: 40px;
    max-width: 600px;
    margin: 0 auto 40px;
    font-size: 14pt;
    line-height: 1.8rem;
    color: var(--top-gg-colors-contrast-60);
  }

  .info-text > p > span {
    color: var(--top-gg-colors-brand-100);
  }

  .info-text > span {
    color: var(--top-gg-colors-brand-100);
    margin-bottom: 3em;
    font-size: 20px;
  }

  .info-text > h1 {
    text-align: center;
    display: inline-block;
    font-size: 30px;
    font-weight: 700;
    border-bottom: 2px solid #242424;
    margin: 0 auto 20px;
    padding-bottom: 10px;
    width: 100%!important;
    max-width: 3000px;
    color: var(--top-gg-colors-text-100);
  }

  .is-half {
    width: 70%;
  }

  .is-part {
    width: 20%; /* Reduced width for Premium Access */
  }
  
  .is-part p{
    font-size: 11px;
  }

  .is-centered {
    text-align: center;
    display: flex;
    justify-content: center;
  }

  .content > .columns {
    padding: 40px 20px;
    margin: 0;
    display: flex;
  }

  .footer-buttons {
    display: flex;
  }

  .footer-btn {
    background: var(--top-gg-colors-brand-100);
    color: #ffffff;
    margin: 8px 12px;
    border-radius: 10px;
    transition: all .12s!important display: inline-block;
    height: 36px;
    line-height: 36px;
    font-size: 20px;
    padding: 12px;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .footer-btn:hover {
    opacity: 1;
    background: var(--top-gg-colors-brand-80)!important
  }

  .bot-btnss {
    text-align: center;
  }

  @media screen and (min-width: 769px) {
    .reversed {
      flex-direction: row-reverse;
    }
  }

  .entity-content__divider {
    display: none
  }

  .entity-owner,
  .entity-owner * {
    background: transparent !important;
    border: none !important;
    border-radius: 999pt !important;
  }

  .entity-table__cell {
    border-top: 1px;
  }

  .entity-table {
    border-radius: 7px;
    overflow: hidden;
  }

  .entity-tag {
    border-radius: 999pt !important;
    padding: 4pt 12pt !important;
  }

  .entity-button--primary {
    border-radius: 999pt;
    padding: 2pt 5pt;
  }

  .entity-header__button {
    border: none;
  }

  .entity-button {
    border-radius: 999pt !important;
    width: fit-content;
    display: inline-block;
    padding: 4pt 12pt !important;
    background: var(--background-secondary);
  }

  .rounded {
    border-radius: 10px;
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
  }
</style>
</head>

<body>
  <div class="columns is-centered">
    <div class="info-text">
      <h1>The #1 Role Management Bot</h1>
      <span>Trusted by more than 800 server owners.</span>
    </div>
  </div>

  <div class="columns is-centered reversed">
    <div class="column is-part">
      <center><img src="https://cdn.discordapp.com/attachments/1195558073276825673/1205964617675833424/image.png?ex=65da4912&is=65c7d412&hm=1f38c82fd399df89a03aae94704495b909d7db22bf35f5b2c285679391faef60&" width="600" height="350" class="rounded"></center>
    </div>
    <div class="column is-half info-text">
      <h1>💹 Ranking</h1>
      <p>Assign roles to parent roles and <span>make them only assignable</span> via RankMaster, along with logging and optional revoking of the action.</p>
    </div>
  </div>

  <div class="columns is-centered ">
    <div class="info-text">
      <h3>⭐ Premium Access</h3>
      <p>Unlock unlimited ranks, reaction roles, sticky roles, and temproles with RankMaster Premium! Purchase now for enhanced server management.</p>
    </div>
  </div>

  <div class="columns is-centered">
    <div class="column is-part">
      <center><img src="https://cdn.discordapp.com/attachments/1188386270787948553/1201981369605951548/Untitled.png?ex=65cbcb62&is=65b95662&hm=82757f01a4481693fe5a043d990e91ea87ee534b4d4b4656c2d7c25a490dbe27&" width="400" height="250" class="rounded"></center>
    </div>
    <div class="column is-half info-text">
      <h1>🕶 Reaction Roles</h1>
      <p>RankMaster also offers <span>reaction roles</span> feature to allow your members to receive roles by reacting to messages with emojis.</p>
    </div>
  </div>

  <div class="columns is-centered reversed">
    <div class="column is-part">
      <center><img src="https://cdn.discordapp.com/attachments/1097135048806899852/1201986399289737287/image.png?ex=65cbd011&is=65b95b11&hm=7e39df116b40d57d8969d9b68a22b1ac50e74d682a834a3d9e09595944391016&" width="700" height="250" class="rounded"></center>
    </div>

    <div class="column is-half info-text">
        <h1>🛠 Moderation</h1>
        <p>Need some moderation? RankMaster has it! Use our seamless moderation features and <span>keep a full overview of your moderators.</span></p>
      </div>
    </div>
  </div>

  <div class="columns is-centered">
    <div class="column is-part">
      <center><img src="https://cdn.discordapp.com/attachments/1195558073276825673/1205964428017672242/image.png?ex=65da48e5&is=65c7d3e5&hm=26f2b5d9e5866fd54f7a88a1be254a6bf8c8b1da4849ed6293b515c76864414d&" width="400" height="275" class="rounded"></center>
    </div>
    <div class="column is-half info-text">
      <h1>📙 Logging</h1>
      <p>RankMaster also offers comprehensive logging for <span>seamless server management</span>, know what's happening in your server.</p>
    </div>
  </div>

  <div class="columns is-centered reversed">
    <div class="column is-part">
      <center><img src="https://cdn.discordapp.com/attachments/1192285936730517627/1201985809193107466/image.png?ex=65cbcf84&is=65b95a84&hm=c56a6e965a1c613c3e345a76632b9c96be4794e6e855183dff759a741de183b2&" width="500" height="250" class="rounded"></center>
    </div>
    <div class="column is-half info-text">
      <h1>🤪 Sticky Roles</h1>
      <p>Take advantage of our sticky roles! Have a strike or warning system in your server? Use the sticky roles feature and ensure the role stays regardless of if they leave your server or not.</p>
    </div>
  </div>

  <div class="columns is-centered">
    <div class="column is-part">
    </div>
    <div class="column is-half info-text">
      <h1>🎁 Miscellaneous features</h1>
      <p>RankMaster offers other miscellaneous features such as an embed builder, welcoming, and more!</p>
    </div>
  </div>
</body>

</html>
<iframe src="https://discord.com/widget?id=1188386269890351124&theme=dark" width="350" height="500" allowtransparency="true" frameborder="0" sandbox="allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts"></iframe>


RankMaster

Multipurpose bot that specializes in UNIQUE controlled role management, reaction roles, welcoming, antiraid, and many more features! 


Voting for RankMaster

Do you want to support us?