<!DOCTYPE html>
<html>
<head>
  <title>SmartEngine Presentation</title>
  <style>
    body {
      font-family: 'Arial', sans-serif;
      margin: 0;
      padding: 0;
      background-color: #f0f0f0;
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
    }

    .sidebar {
      background-color: #333;
      color: white;
      width: 20%;
      min-width: 200px;
      padding: 20px;
      border-top-left-radius: 10px;
      border-bottom-left-radius: 10px;
    }

    .content {
      width: 80%;
      max-width: 800px;
      background-color: #fff;
      box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
      border-top-right-radius: 10px;
      border-bottom-right-radius: 10px;
      padding: 20px;
    }

    .header {
      background-color: #4287f5;
      color: white;
      padding: 10px;
      border-top-left-radius: 10px;
      border-top-right-radius: 10px;
      text-align: center;
    }

    h1 {
      margin-top: 0;
    }

    h2 {
      color: #333;
      border-bottom: 2px solid #ccc;
      padding-bottom: 5px;
      margin-top: 20px;
    }

    ul {
      list-style: disc;
      margin-left: 20px;
      padding-left: 20px;
    }

    li {
      margin: 5px 0;
    }

    strong {
      color: #f55858;
    }

    code {
      background-color: #f5f5f5;
      padding: 2px 4px;
      border-radius: 4px;
    }

    .cta {
      margin-top: 20px;
      text-align: center;
    }

    .cta a {
      display: inline-block;
      background-color: #4287f5;
      color: white;
      text-decoration: none;
      padding: 10px 20px;
      border-radius: 5px;
    }

    .footer {
      background-color: #f0f0f0;
      text-align: center;
      padding: 10px;
      border-bottom-left-radius: 10px;
      border-bottom-right-radius: 10px;
    }
  </style>
</head>
<body>
  <div class="sidebar">
    <div class="header">
      <h1>Modules</h1>
      <p>Beta Bot</p>
    </div>
    <ul>
      <li>Fun</li>
      <li>Anime</li>
      <li>Bump</li>
      <li>Economy</li>
      <li>Giveaway</li>
      <li>Image-generation (Imagine like Midjourney Bot)</li>
      <li>Logs</li>
      <li>Moderation</li>
      <li>Music</li>
      <li>Protection (Advance system Anti-Raid)</li>
      <li>Smart-IA (Talk with SmartEngine by ChatGPT-4)</li>
      <li>Suggestion</li>
      <li>Ticket (Advance system custom dashboard)</li>
    </ul>
  </div>
  <div class="content">
    <div class="header">
      <h1>SmartEngine</h1>
      <p>Expand your community quickly and for free</p>
    </div>
    <p>SmartEngine allows you to share your project with hundreds of servers using just one command! No configuration is required. It seamlessly integrates with all of SmartEngine's features, all of which are completely free!</p>

    <h2 id="features">Present Features:</h2>
    <ul>
      <li>Uninterrupted Presence. <strong>99.9%</strong> uptime.</li>
      <li>Simple Setup.</li>
      <li>No more than one hour between each bump.</li>
      <li>Community of experienced programmers.</li>
      <li>We are the choice of over 120 servers.</li>
    </ul>

    <h2 id="advantages">Key Advantages:</h2>
    <ul>
      <li><code>Professionalism</code>, <code>Elegance</code>, <code>Efficiency</code>, <code>Simplicity</code>, <code>Speed</code>, <code>Reliability</code>, <code>Security</code></li>
    </ul>

    <div class="cta" id="cta">
      <a href="https://discord.com/application-directory/1050191869478453258">Invitation</a>
    </div>
    <div class="footer" id="footer">
      <p><a href="https://discord.gg/Nj37Nzk6FF">Support</a></p>
    </div>
  </div>
</body>
</html>









SmartEngine

Let SmartEngine help you build your community by providing currency, games, logs, levels, rewards, protection, and much more!


Votando em SmartEngine