<!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! 


RankMaster के लिए वोट कर रहे हैं

क्या आप हमारी सहायता करना चाहते हैं?