<style> .entity-content__description { background: rgba(255, 255, 255, 0.05); padding: 20px; border-radius: 10px; } .content-container { display: flex; justify-content: space-between; align-items: center; background-color: #1b1c20; color: #ffffff; padding: 20px; font-family: Arial, sans-serif; border-radius: 10px; margin-top: 20px; flex-direction: row; } .text-container p, .text-container h3 { flex: 1; margin-right: 20px; font-size: 22px; margin-top: 20px; padding-left: 60px; } .text-container h3 { font-size: 32px; } center { width: 100%; min-width: 200px; } img { max-width: 300px; height: auto; flex: 1; border-radius: 10px; } @media (max-width: 768px) { .content-container { display: block; } img { width: 80%; margin-bottom: 20px; margin-top: 20px; } .text-container p { margin: 0; padding-left: 0px; } } </style> <div style="display: flex; justify-content: space-evenly;"> <a href="https://mirror.bot" style="display: flex; width: 140px;"> <img src="https://mirror.bot/static/img/logo.svg"> </a> </div> <h2 style="text-align: center;">What you get with <a href="https://mirror.bot">Mirror.bot</a></h2> <div class="content-container"> <div class="text-container"> <h3>Effortless setup</h3> <p>Mirror.bot makes it easy to configure content sources like <b>Twitch</b>, <b>YouTube</b>, <b>Reddit</b>, <b>TikTok</b> and other RSS-enabled platforms to send notifications or content directly to your Discord server. Configure everything from the web dashboard and enjoy an easy-to-use user interface. </p> </div> <center> <img src="https://mirror.bot/static/img/feature-1.svg" alt="mock picture in discord"> </center> </div> <div class="content-container"> <div class="text-container" style="order: 2;"> <h3>Blazing fast delivery</h3> <p>Send notifications or content to your Discord server in under 2 minutes or choose a different delivery interval. We'll make sure your content is delivered as fast as possible.</p> </div> <center> <img alt="" src="https://mirror.bot/static/img/feature-2.svg" style="order: 1;"> </center> </div> <div class="content-container"> <div class="text-container"> <h3>Tweak every aspect</h3> <p>Customize your content integrations to suit your community's needs. Whether it's changing the <b>notification message</b> and <b>avatar/name</b>, adding <b>placeholders</b>, editing <b>embeds</b>, or <b>filtering</b>, we've got you covered. </p> </div> <center> <img src="https://mirror.bot/static/img/feature-3.svg"> </center> </div>