<div class="container">
            <hr class="divider" style="margin-bottom: 60px" />

            <div>
               <span class="logo-header">
                  <img src="https://imgur.com/ukPYTqI.png" class="logo" alt="Bump4You Logo" draggable="false" />
                  <div class="main-heading">Welcome to Bump<span class="highlight">4</span>You</div>
               </span>
               <p class="intro">
Bump4You, on the forefront of innovative server promotion that will take your server to new heights! Start promoting your server like never before, giving your server the recognition it deserves.
               </p>
            </div>

            <div>
               <h2 class="heading">What is a bump bot?</h2>
               <div class="text-block">
                  Bump Bots are bots designed to help promote and advertise Discord servers by periodically "bumping" them. A server owner "bumps" their server typically using the <span class="command">/bump</span> command which will share their server to other servers who also use the same bump bot. Sharing your server across other servers will increase your server's visibility to allow more joins on your server. Essentially, the higher your server's visibility, the more members you will receive.
               </div>
            </div>

            <div>
               <h2 class="heading">Why choose Bump4You?</h2>
               <span class="text-block">
                  Bump4You is a high-end verified Discord bump bot with over 2,000 servers and 1,000,000 users at your disposal. Unlike most bump bots, Bump4You will share your adverts across to 100% of Bump4You's servers, increasing your server's visibility.
                  <ul class="features-list">
                     <li>
                        <span class="feature">
                           <img src="https://imgur.com/iTF1Uq4.png" class="icon" />Easy one command configuration <span class="command">/setup</span>.
                        </span>
                     </li>
                     <li>
                        <span class="feature">
                           <img src="https://imgur.com/lA6W2Tj.png" class="icon" />Configure your server on
                           <a href="https://bump4you.com/profile" target="_blank" class="link">Bump4You's Dashboard</a>.
                        </span>
                     </li>
                     <li>
                        <span class="feature">
                           <img src="https://imgur.com/Igo1IeE.png" class="icon" />List your server on
                           <a href="https://bump4you.com/servers" target="_blank" class="link">Bump4You's Website</a>.
                        </span>
                     </li>
                     <li>
                        <span class="feature"><img src="https://imgur.com/nAGrqTn.png" class="icon" />Bump your server every 2 hours.</span>
                     </li>
                     <li>
                        <span class="feature">
                           <img src="https://imgur.com/iTF1Uq4.png" class="icon" />Highly customizable features for your advert.
                        </span>
                     </li>
                     <li>
                        <span class="feature"><img src="https://imgur.com/63ddi98.png" class="icon" />Server rating and voting.</span>
                     </li>
                     <li>
                        <span class="feature"><img src="https://imgur.com/KQGXa7m.png" class="icon" />Online 24/7 with minimal downtime.</span>
                     </li>
                     <li>
                        <span class="feature"
                           ><img src="https://imgur.com/MHGaOhD.png" class="icon" />24/7 support from our friendly staff team.</span
                        >
                     </li>
                  </ul>

Bump4You is constantly monitoring and verifying all bumps to comply with <a href="https://support.discord.com/hc/en-us/articles/25516720403223-Ads-Policy" target="_blank" class="link"
                     >Discord's Advert Policies</a
                  >, ensuring a safe space in your server.
               </span>
            </div>

            <div>
               <h2 class="heading">Some of Bump4You's Awesome Commands</h2>
               <ul class="commands">
                  <li><span class="command">/setup</span> - Configure your server's advert. Make sure to make your advert good looking!</li>
                  <li><span class="command">/bump</span> - Send your advert across other servers!</li>
                  <li><span class="command">/preview</span> - Test out your bump message to make sure it looks good.</li>
                  <li><span class="command">/set-reminder</span> - Don't like notifications? Turn them off using this command.</li>
                  <li><span class="command">/leaderboard</span> - View the tops servers using Bump4You.</li>
                  <li><span class="command">/language</span> - Change Bump4You's language on your server.</li>
               </ul>
            </div>

            <div>
               <h2 class="subheading">Supported Languages</h2>
               <div class="language-section">
                  <ul class="language-list">
                     <li>
                        <span class="flag-item"><img src="https://imgur.com/4z5v2fb.png" class="flag" />Afrikaans</span>
                     </li>
                     <li>
                        <span class="flag-item"><img src="https://imgur.com/Ka490c0.png" class="flag" />Dutch</span>
                     </li>
                     <li>
                        <span class="flag-item"><img src="https://imgur.com/5aWM7Om.png" class="flag" />French</span>
                     </li>
                     <li>
                        <span class="flag-item"><img src="https://imgur.com/qHtKm75.png" class="flag" />Russian</span>
                     </li>
                     <li>
                        <span class="flag-item"><img src="https://imgur.com/xWC2icx.png" class="flag" />Turkish</span>
                     </li>
                  </ul>
                  <ul class="language-list">
                     <li>
                        <span class="flag-item"><img src="https://imgur.com/z5I0kei.png" class="flag" />Chinese</span>
                     </li>
                     <li>
                        <span class="flag-item"><img src="https://imgur.com/VNzmSOD.png" class="flag" />English</span>
                     </li>
                     <li>
                        <span class="flag-item"><img src="https://imgur.com/iXLEdjk.png" class="flag" />German</span>
                     </li>
                     <li>
                        <span class="flag-item"><img src="https://imgur.com/Pe8wwwT.png" class="flag" />Spanish</span>
                     </li>
                     <li>
                        <span class="flag-item"><img src="https://imgur.com/hTvZvU4.png" class="flag" />Ukrainian</span>
                     </li>
                  </ul>
               </div>
            </div>

            <div>
               <div class="heading">Check out our YouTube Tutorial</div>
               <div class="video-wrapper">
                  <iframe src="https://www.youtube.com/embed/-rJRDUE7oKM" title="How to set up Bump4You" frameborder="0" allowfullscreen></iframe>
               </div>
            </div>

            <div class="cta-banner">
               <div class="cta-content">
                  <div class="cta-heading">Let's start promoting!</div>
                  <div class="cta-subheading">
Join us today and let's start promoting your server like never before giving your server the recognition it deserves.
                  </div>
                  <div class="cta-buttons">
                     <a
                        href="https://discord.com/oauth2/authorize?client_id=1089935069927456849&permissions=281633&integration_type=0&scope=bot+applications.commands"
                        target="_blank"
                     >
                        <div class="cta-button">Get Started</div></a
                     >
                     <a href="https://discord.com/invite/hxJ84pr9Fg" target="_blank">
                        <div class="cta-button">Join our Discord</div>
                     </a>
                  </div>
               </div>
               <div class="cta-rings-container">
                  <div class="cta-rings-1"></div>
                  <div class="cta-rings-2"></div>
                  <div class="cta-rings-3"></div>
                  <div class="cta-rings-4"></div>
                  <div class="cta-rings-5"></div>
                  <div class="cta-rings-6"></div>
               </div>

               <style>
                  a,
                  a:visited {
                     color: #00ff8b;
                     opacity: 85%;
                     text-decoration: none;
                  }
                  .cta-banner {
                     display: flex;
                     justify-content: space-between;
                     align-items: center;
                     background: #282c31;
                     border-radius: 12px;
                     overflow: hidden;
                     box-shadow: 0 4px 20px rgba(0, 255, 139, 0.2);
                     max-height: 360px;
                  }
                  .cta-content {
                     max-height: 360px;
                     max-width: 60%;
                     z-index: 1;
                     padding: 40px;
                     gap: 20px;
                     display: grid;
                  }
                  .cta-heading {
                     font-size: 40px;
                     font-weight: bold;
                     color: white;
                  }
                  .cta-subheading {
                     font-size: 16px;
                     color: #cccccc;
                     line-height: 1.6;
                  }
                  .cta-buttons {
                     display: flex;
                     gap: 20px;
                  }
                  .cta-button {
                     background-color: transparent;
                     border-style: solid;
                     border-color: #00ff8b;
                     border-width: 1px;
                     color: white;
                     text-decoration: none;
                     padding: 12px 24px;
                     border-radius: 10px;
                     font-weight: bold;
                     box-shadow: 0 0 5px rgba(0, 178, 115, 0.4);
                     transition: all 0.3s ease;
                  }
                  .cta-button:hover {
                     background-color: #00ff8b;
                     color: black;
                     box-shadow: 0 0 5px #00ff8b, 0 0 20px rgba(0, 255, 139, 0.5);
                     transform: translateY(-2px);
                     text-decoration: none;
                  }
                  .cta-rings-container {
                     position: relative;
                     height: 100%;
                     width: 150px;
                  }
                  .cta-rings-1 {
                     top: 50%;
                     transform: translate(50%, -50%);
                     width: 80px;
                     height: 80px;
                     position: absolute;
                     right: -0px;
                     border-radius: 50%;
                     background-color: #00ff8b;
                     flex-shrink: 0;
                  }
                  .cta-rings-2 {
                     top: 50%;
                     transform: translate(50%, -50%);
                     width: 160px;
                     height: 160px;
                     position: absolute;
                     right: -0px;
                     border-radius: 50%;
                     background-color: #00ff8b;
                     opacity: 80%;
                     flex-shrink: 0;
                  }
                  .cta-rings-3 {
                     top: 50%;
                     transform: translate(50%, -50%);
                     width: 240px;
                     height: 240px;
                     position: absolute;
                     right: -0px;
                     border-radius: 50%;
                     background-color: #00ff8b;
                     opacity: 60%;
                     flex-shrink: 0;
                  }
                  .cta-rings-4 {
                     top: 50%;
                     transform: translate(50%, -50%);
                     width: 320px;
                     height: 320px;
                     position: absolute;
                     right: -0px;
                     border-radius: 50%;
                     background-color: #00ff8b;
                     opacity: 40%;
                     flex-shrink: 0;
                  }
                  .cta-rings-5 {
                     top: 50%;
                     transform: translate(50%, -50%);
                     width: 400px;
                     height: 400px;
                     position: absolute;
                     right: -0px;
                     border-radius: 50%;
                     background-color: #00ff8b;
                     opacity: 20%;
                     flex-shrink: 0;
                  }
                  .cta-rings-6 {
                     top: 50%;
                     transform: translate(50%, -50%);
                     width: 480px;
                     height: 480px;
                     position: absolute;
                     right: -0px;
                     border-radius: 50%;
                     background-color: #00ff8b;
                     opacity: 10%;
                     flex-shrink: 0;
                  }
                  @media (max-width: 1132px) {
                     .cta-banner {
                        flex-direction: column;
                        text-align: center;
                     }
                     .cta-content {
                        max-width: 100%;
                     }
                     .cta-buttons {
                        justify-content: center;
                     }
                     .cta-rings-container {
                        display: none;
                     }
                  }
               </style>
            </div>

            <hr class="divider" style="margin-top: 60px" />

            <style>
               .css-18r9pyf * {
                  overflow-wrap: anywhere;
                  white-space: normal;
               }
               .css-18r9pyf a,
               .css-18r9pyf a:visited {
                  color: #00ff8b;
                  opacity: 85%;
                  text-decoration: none;
               }
               .css-18r9pyf a:hover {
                  color: #00ff8b;
                  opacity: 100%;
                  text-decoration: none;
               }
               .container {
                  display: grid;
                  gap: 60px;
                  color: #ffffff;
                  background-color: #070510;
                  font-family: sans-serif;
               }
               .divider {
                  width: 100%;
                  border-color: #00ff8b;
                  border-radius: 20px;
               }
               .logo-header {
                  display: flex;
                  gap: 10px;
                  align-items: center;
                  justify-content: center;
               }
               .logo {
                  width: 80px;
               }
               .main-heading {
                  font-size: 48px;
                  margin: 0;
               }
               .highlight {
                  color: #00ff8b;
               }
               .intro {
                  text-align: center;
                  opacity: 0.7;
               }
               .heading {
                  text-align: start;
                  font-size: 32px;
                  color: #ffffff;
               }
               .text-block {
                  color: #cccccc;
                  text-align: start;
               }
               .command {
                  color: #00ff8b;
                  font-weight: bold;
               }
               .link {
                  color: #00ff8b;
                  opacity: 85%;
                  text-decoration: none;
               }
               .link:hover {
                  color: #00ff8b;
                  opacity: 100%;
                  text-decoration: none;
               }
               .features-list {
                  display: grid;
                  gap: 5px;
                  text-align: left;
                  padding: 0;
                  margin: 0;
                  list-style: none;
               }
               .feature {
                  display: flex;
                  align-items: center;
                  /* min-height: 15px; */
                  height: 15px;
                  gap: 5px;
               }
               .icon {
                  height: 15px;
                  width: auto;
               }
               .commands {
                  list-style-position: inside;
                  color: #dddddd;
               }
               .subheading {
                  margin: 0%;
               }
               .language-section {
                  display: flex;
                  gap: 20px;
               }
               .language-list {
                  width: 50%;
                  display: grid;
                  gap: 4px;
                  padding: 0;
                  margin: 0;
                  list-style: none;
               }
               .flag-item {
                  height: 20px;
                  font-size: 20px;
                  display: flex;
                  align-items: center;
                  gap: 5px;
               }
               .flag {
                  height: 100%;
                  width: auto;
               }
               .video-wrapper {
                  position: relative;
                  width: 100%;
                  padding-top: 56.25%; /* 16:9 Aspect Ratio (9/16 = 0.5625) */
                  border-radius: 12px;
                  overflow: hidden;
                  margin-top: 20px;
               }

               .video-wrapper iframe {
                  position: absolute;
                  top: 0;
                  left: 0;
                  width: 100%;
                  height: 100%;
                  border: none;
                  border-radius: 12px;
               }
            </style>
         </div>

Bump4You

Start promoting your server like never before, giving your server the recognition it deserves.

Build A Bot offers a free and easy way of making custom discord bots for your server because it takes care of creating and hosting the bot entirely for free.

Current features include but are not limited to:

🚪・Welcome messages (with custom backgrounds),
🔥・Menu Roles,
🎶・Music,
🔒・Moderation,
🎁・Giveaway Manager

Give it a try, it's free after all.

Bot Kit

🔥 Free Discord Bot Maker - Perfect for new and experienced server owners.

Voice Master will automatically manage Voice channels in your server. Voice Master currently has five features, a Voice Party system, Voice Roles, Voice Linking/Chaining, Voice Logging, and last but not least Music... Obviously. Voice Master is 100% Free to use and has no paid features so that you can take advantage of your voice channels and get the most out of them. You can listen to music using all the premium features for free with ease, from filters to always being connected. Voice Master uses advanced techniques to achieve such great things. Voice Master mainly focuses on end-user satisfaction and the improvements within the Discord world. Voice Master constantly keeps up to date with the latest technology so that Voice Master can achieve greatness.


Voice Party:

Voice party lets users join a channel that creates their own private channel where they are able to lock and unlock their voice channels and are able to set it to visible, where other users are able to view the channel or set it to invisible that other users are unable to view the channel. Voice Master has also set up a friends system that allows each user to have a friends list and those friends on that list will be able to view and join the voice channel regardless of the voice channel's status(lock/invisible).


Voice Roles:

Voice Roles is actually pretty simple to explain and to use, when a role is assigned to a voice channel, the user will recieve that role when the user joins the channel, (A role will be given to the user who joins the voice channel). This can be helpful in many different situations but for example, as seen in the demonstration to the left, the role will give the user access to the music channel so that these text channels like the music channel are not cluttering other users' interfaces.


Voice Linking

This feature will always make sure that there is always a spare voice channel available for users to join and will automatically delete unused voice channels in order to keep the server clean. With this feature, you don't have to worry about running out of voice channels anymore.



Voice Master

Support server for the Voice Master Bot. Voice Master also shows off its cool features for FREE and still delivering that premium feel.

Bots Discord

Bump4You

Serveurs Discord

Bot Kit

Voice Master