<html>
<head>
<meta charset="utf-8">
	<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap" rel="stylesheet">
</head>

	 <style>
     
		   .p-kidas {
    font-size: 16px; /* Set the font size */
    line-height: 1.6; /* Set the line height */
    margin-bottom: 20px; /* Add margin to the bottom */
    font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
		 }
		 
		   .h2-kidas {
			   padding-top: none;
    font-size: 36px; /* Set the font size */
    line-height: 1.5; /* Set the line height */
    margin-bottom: 10px; /* Add margin to the bottom */		   
	font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  }
     		   .h3-kidas {
			   padding-top: none;
    font-size: 20px; /* Set the font size */
    line-height: 1.5; /* Set the line height */
    margin-bottom: 10px; /* Add margin to the bottom */		   
	font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
     color:white;
             
  }
		 
     
    .grid-container {
      display: grid;
      grid-template-columns: 55% 35%;
      grid-template-rows: auto;
      gap: 30px; /* Adjust the gap as per your preference */
    }
		 

    .grid-item {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100%; /* Ensure each grid item takes full height */
    }

    .item1 {
     
    }

    .item2 {
      
    }

    @media screen and (max-width: 767px) {
      .grid-container {
        grid-template-columns: auto;
        grid-template-rows: auto auto;
      }
.mobile-center {
}
    }
		  .grid-container-2 {
    display: grid;
    grid-template-columns: 130px auto;
    grid-template-rows: auto;
    gap: 20px;
	margin-top:80px;
			 
  }

  @media screen and (max-width: 768px) {
    .grid-container-2 {
      grid-template-columns: 100%;
      grid-template-rows: auto auto;
		margin-top:50px;
    }
.mobile-center {
}
  }
		 @media screen and (max-width: 768px) {
    img.mobile-center {
      max-width: 400px;
		display: block;
		margin: 0 auto;
    }
  }

		 .my-list li {
			 
			 font-size: 16px; /* Set the font size */
    line-height: 1.6; /* Set the line height */
    margin-bottom: -26px;  /* Add margin to the bottom */
    font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
		 }
		 
     
     .custom-link {
    text-decoration: none; /* Remove underline */
   
  }
  .my-list {
   
 
  } 
		 
 .container-kidas {
    margin: 0 auto;
    padding: 20px;
  }


       .row-kidas {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto; /* Centers the div horizontally */

         
  }
     
    

  .column-kidas {
    width: 75%;
    margin-bottom: 20px;
    margin-right: auto; /* Right margin of 20 pixels */
  margin-left: auto; /* Left margin of 30 pixels */
  }

  @media (max-width: 768px) {
    .column-kidas {
      width: 75%;
      margin-bottom: 20px;
      margin-right: auto; /* Right margin of 20 pixels */
  margin-left: auto; /* Left margin of 30 pixels */
    }
  } 
     
		 
		 
		 .tile-kidas {
	background-color: #23272A;
	border-radius: 20px;
	height:auto;
	padding: 24px;

	display:flex;
	flex-direction: column;
	align-items: center; /* Vertical centering */
    justify-content: center; /* Horizontal centering */
			 text-color: #ffffff;
	}
     
     @media (max-width: 768px) {
    .tile-kidas {
	background-color: #23272A;
	border-radius: 20px;
	height:auto;
	padding: 24px;

      margin-left:auto;
      margin-right:auto;
	display:flex;
	align-items: center; /* Vertical centering */
    justify-content: center; /* Horizontal centering */
			 text-color: #ffffff;
	}
  } 
     

     
      .button-row-kidas {
	display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
			 text-color: #ffffff;
        margin-top:30px;
 
  }
		 
		  .button-kidas {
    display: inline-block;
    background-color: #5865F2;
    color: #fff;
        font-size:22pt;
    padding: 16px 24px;
    border-radius: 10px;
    text-decoration: none;
            font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;

  font-style: normal;
margin:8px 16px 8px 16px;
  }
     </style>

<body>
	<div class="container-kidas">
    <section width="100%">
	    <div class="grid-container">
        <div class="grid-item item1">
	        <div>
</section>

<section style="width=100%; margin-top:50px;">
	
  <p class="h2-kidas" style="text-align: center;">ProtectMe Features</p>
 <img src="https://roaring-cannoli-2385c5.netlify.app/images/features.svg" alt="Feature Image" style="max-width: 400px; display: block; margin: 0 auto;">
  <ul class="my-list">
    <li>Real-time moderation  ensures a safer and more welcoming environment for all members</li>
    <li>Automatic Transcription: Conversations are transcribed in real-time, providing administrators with detailed logs of detected threats for further review and action. Transcribe up to 5 channels.</li>
    <li>9 Automated Alerts: Advanced algorithms swiftly detect the top 9 online threats. When detected, ProtectMe automatically creates a private channel exclusively for server administrators with an alert, ensuring swift and discreet handling of sensitive matters</li>
    <li>Identify more than just threats: ProtectMe identifies voice channel surfers, mic spam and loud noises as harassment</li>
    <li>Moderation for up to 10 voice channels at the same time</li>
    <li>Take control of how you want your server moderated - Using the Allowlist and Blocklist, tailor ProtectMe to meet your needs</li>
    <li>24/7 Protection: ProtectMe operates round-the-clock, providing continuous and proactive intervention to maintain a safe and inclusive community environment</li>
  </ul>
      </div>
  <div class="grid-item item2">
	<img width="100%" max-width="500px" src="https://roaring-cannoli-2385c5.netlify.app/images/why.svg" alt="ProtectMe Image" style="float: right;">
  </div>
	</section>
	  	      <p class="h2-kidas">What Is ProtectMe?</p>
      	    <p class="p-kidas">ProtectMe is an auto-moderation assistant that works side by side with your moderators to keep your community safe and welcoming as you scale. When violations are detected, ProtectMe sends your selected moderators a report with a summary of the threat, the severity level and impacted users to take informed actions on difficult situations.</p>
          </div>


  </div>
  
	
	<section style="width=100%; margin-top:50px; text-align: center;">
      <p class="h2-kidas" style="text-align: center;">How to get Started</p>
	  <div class="row-kidas" style="max-width: 750px;">
    
      
    <div class="column-kidas tile-kidas" style="text-align: center;">
      <img src="https://roaring-cannoli-2385c5.netlify.app/images/letter.svg" alt="Get Started Image" style="max-width: 150px; display: block; margin: 0 auto;">
      
      <p class="h3-kidas">Add ProtectMe Advanced Moderation</p> 
      <a href="https://discord.com/oauth2/authorize?client_id=1128594234996441118&permissions=396025392214&response_type=code&redirect_uri=https%3A%2F%2Fauth.kidas-services.net%2Fdiscord-auth-redirect&scope=identify+email+bot" target="_blank" class="custom-link">
      <p class="p-kidas"  style="color:white;">Click Here</p></a>
 <p class="p-kidas" style="color:white;">Instantly improve your servers safety and quality with ProtectMe, your auto-moderation partner</p>

    </div>
        
      
    <div class="column-kidas tile-kidas" style="text-align: center; text-decoration-color: : white;">
      <img src="https://roaring-cannoli-2385c5.netlify.app/images/trial.svg" alt="Get Started Image" style="max-width: 150px; display: block; margin: 0 auto;">
      <p class="h3-kidas" >Experience ProtectMe Advanced</p>
   <p class="p-kidas"  style="color:white;">Enjoy 14 days of our advance package to help you decide which version fits best for your server</p>
    </div>
    <div class="column-kidas tile-kidas" style="text-align: center;">
      <img src="https://roaring-cannoli-2385c5.netlify.app/images/slider.svg" alt="Get Started Image" style="max-width: 150px; display: block; margin: 0 auto;">
      <p class="h3-kidas">Customize Your ProtectMe Settings</p>
      <p class="p-kidas"  style="color:white;">Customize your bot settings to provide the right amount of moderation to meet your servers needs</p>
    </div>
    <div class="column-kidas tile-kidas" style="text-align: center;">
      <img src="https://roaring-cannoli-2385c5.netlify.app/images/chair.svg" alt="Get Started Image" style="max-width: 150px; display: block; margin: 0 auto;">
      <p class="h3-kidas">Rest easy</p>
      <p class="p-kidas" style="color:white;">Sit back and watch ProtectMe reduce your manual moderation time while safeguarding your server members</p>
    </div>
  </div>
     
  <div class="button-row-kidas" >
    
     <a href="https://discord.com/oauth2/authorize?client_id=1128594234996441118&permissions=396025392214&response_type=code&redirect_uri=https%3A%2F%2Fauth.kidas-services.net%2Fdiscord-auth-redirect&scope=identify+email+bot" target="_blank" class="button-kidas" style="color: white;">Invite ProtectMe</a>

      <a href="https://discord.gg/JScazyVsgA" target="_blank" class="button-kidas" style="color: white;">Join Our Server</a>
     
	
	</div>

  
	
	
</body>
</html>


ProtectMe Bot

The only voice and text auto moderation bot with customizable functions and threat moderation thresholds to empower your server. 

Voting for ProtectMe Bot

Do you want to support us?