Chill community & support hub for Niko Bot

DUD's Fan Club

<html><head><style>
  .niko-container {
    font-family: 'Roboto', 'Segoe UI', sans-serif;
    color: #e0e0e0;
    max-width: 900px;
    margin: 0 auto;
    padding: 30px;
    background: rgba(25, 27, 30, 0.8);
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
    font-size: 18px;
  }
  
  .feature-card {
    background: rgba(32, 34, 37, 0.7);
    border-radius: 12px;
    padding: 30px;
    margin: 30px 0;
    border-left: 5px solid #7289DA;
    transition: all 0.3s ease;
    backdrop-filter: blur(8px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
    font-size: 19px;
  }
  
  .feature-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.3);
  }
  
  .feature-title {
    color: #7289DA;
    font-size: 26px;
    margin: 0 0 20px 0;
    display: flex;
    align-items: center;
    font-weight: 600;
    gap: 12px;
  }
  
  .feature-title .emoji {
    font-size: 28px;
  }
  
  .divider {
    height: 3px;
    background: linear-gradient(90deg, transparent, #7289DA, transparent);
    margin: 50px 0;
    position: relative;
    opacity: 0.5;
  }
  
  .cta-button {
    display: inline-block;
    background: linear-gradient(135deg, #7289DA, #5a6fbb);
    color: white !important;
    padding: 16px 32px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: bold;
    margin: 12px;
    box-shadow: 0 5px 20px rgba(114, 137, 218, 0.4);
    transition: all 0.3s;
    font-size: 18px;
    border: none;
    cursor: pointer;
  }
  
  .cta-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(114, 137, 218, 0.6);
  }
  
  .header {
    text-align: center;
    margin-bottom: 50px;
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(114, 137, 218, 0.2);
  }
  
  .header h2 {
    color: #7289DA;
    font-size: 48px;
    margin-bottom: 15px;
    font-weight: 700;
    text-shadow: 0 2px 10px rgba(114, 137, 218, 0.3);
  }
  
  .header p {
    font-size: 22px;
    opacity: 0.9;
    max-width: 600px;
    margin: 0 auto;
    line-height: 1.6;
  }
  
  ul.feature-list {
    margin: 20px 0;
    padding-left: 30px;
    list-style-type: none;
    font-size: 19px;
  }
  
  ul.feature-list li {
    margin-bottom: 12px;
    padding-left: 30px;
    position: relative;
    line-height: 1.6;
  }
  
  ul.feature-list li:before {
    content: "•";
    color: #7289DA;
    font-size: 24px;
    position: absolute;
    left: 0;
    top: -2px;
  }
  
  .cta-section {
    text-align: center;
    margin: 50px 0 30px;
  }
  
  .cta-section p {
    font-size: 22px;
    margin-bottom: 30px;
    color: #b5b5b5;
  }
  
  .highlight {
    color: #7289DA;
    font-weight: 600;
    font-size: 19px;
  }
</style>
</head><body><div class="niko-container">
  <div class="header">
    <h2>DUD's Fan Club</h2>
    <p>The place to be if you dig Niko Bot or just want a chill Discord hangout</p>
  </div>
  <div class="feature-card">
    <h3 class="feature-title"><span class="emoji">🏠</span> What's This Server About?</h3>
    <p>This is where people who use <span class="highlight">Niko Bot</span> come to get help, suggest features, or just shoot the breeze. It's not just about the bot though - we've got our own little community thing going on.</p>
  </div>
  <div class="feature-card">
    <h3 class="feature-title"><span class="emoji">🥞</span> Niko Bot Support</h3>
    <p>If you're here because of <span class="highlight">Niko</span>, we've got you covered:</p>
    <ul class="feature-list">
      <li>Get help with setup or commands</li>
      <li>Report bugs or weird behavior</li>
      <li>Suggest new memes or features</li>
    </ul>
  </div>
  <div class="feature-card">
    <h3 class="feature-title"><span class="emoji">💬</span> The Community Side</h3>
    <p>When we're not talking bot stuff, here's what goes down:</p>
    <ul class="feature-list">
      <li>General chat about whatever</li>
      <li>Random meme sharing (we practice what we preach)</li>
      <li>The legendary NIKO tag for everyone</li>
    </ul>
    <p>No pressure to be active 24/7 - pop in when you feel like it.</p>
  </div>
  <div class="divider"></div>
  <div class="cta-section">
    <p>Not using Niko yet? Check it out:</p>
    <a href="https://top.gg/bot/873994883487125564" class="cta-button">Niko Bot Page</a>
    <a href="https://discord.gg/Y2a4MTUsxU" class="cta-button">Join The Server</a>
  </div>
</div></body></html>

DUD's Fan Club

انضم إلى هذا السيرفر

تصويت (0)

انضم إلى هذا السيرفر

تصويت (0)

نظرة عامة

DUD's Fan Club

🏠 What's This Server About?

🥞 Niko Bot Support

💬 The Community Side

التقييمات والمراجعات