Chill community & support hub for Niko app

DUD's Fan Club

Very cool server, chill vibes here. Would surely recommend anyone to join the server !!! 

The server great to make new friends too, or just to have a small talk with everyone

<html><head><style>
    .niko-container {
        font-family: 'Roboto', 'Segoe UI', sans-serif;
        color: #e0e0e0;
        max-width: 900px;
        margin: 0 auto;
        padding: 20px;
        background: rgba(25, 27, 30, 0.9);
        border-radius: 20px;
        box-shadow: 0 15px 40px rgba(0, 0, 0, 0.4);
        border: 1px solid rgba(114, 137, 218, 0.1);
    }

    .niko-header {
        background: linear-gradient(135deg, #7289DA 0%, #5a6fbb 50%, #3a4f8a 100%);
        padding: 40px 30px;
        border-radius: 16px;
        text-align: center;
        color: white;
        margin: 20px 0 40px;
        box-shadow: 0 15px 40px rgba(114, 137, 218, 0.4);
        border: 2px solid rgba(255, 255, 255, 0.15);
        position: relative;
        overflow: hidden;
        z-index: 1;
    }

    .niko-header::before {
        content: "";
        position: absolute;
        top: -50%;
        left: -50%;
        width: 200%;
        height: 200%;
        background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);
        animation: rotate 20s linear infinite;
        z-index: -1;
    }

    .niko-title {
        font-size: 52px;
        font-weight: 800;
        text-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
        margin-bottom: 10px;
        position: relative;
        letter-spacing: 1px;
    }

    .niko-subtitle {
        font-size: 22px;
        opacity: 0.95;
        margin-bottom: 15px;
        position: relative;
        font-weight: 500;
        text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    }

    .feature-card {
        background: rgba(32, 34, 37, 0.7);
        border-radius: 16px;
        padding: 25px;
        margin: 25px 0;
        border-left: 5px solid #7289DA;
        transition: all 0.3s ease;
        backdrop-filter: blur(10px);
        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
        position: relative;
        overflow: hidden;
    }

    .feature-card::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(45deg, rgba(114, 137, 218, 0.05) 0%, transparent 50%, rgba(114, 137, 218, 0.05) 100%);
        z-index: -1;
    }

    .feature-card:hover {
        transform: translateY(-8px);
        box-shadow: 0 20px 40px rgba(114, 137, 218, 0.3);
        background: rgba(32, 34, 37, 0.85);
    }

    .feature-title {
        color: #7289DA;
        font-size: 24px;
        margin: 0 0 18px 0;
        display: flex;
        align-items: center;
        font-weight: 700;
        gap: 12px;
    }

    .feature-title .emoji {
        font-size: 28px;
    }

    ul.feature-list {
        margin: 0;
        padding-left: 25px;
        list-style-type: none;
    }

    ul.feature-list li {
        margin-bottom: 12px;
        padding-left: 30px;
        position: relative;
        line-height: 1.6;
        font-size: 16px;
    }

    ul.feature-list li::before {
        content: "→";
        color: #7289DA;
        font-size: 20px;
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0.8;
    }

    .divider {
        height: 3px;
        background: linear-gradient(90deg, transparent, #7289DA, transparent);
        margin: 45px 0;
        position: relative;
        opacity: 0.7;
    }

    .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: 15px 12px;
        box-shadow: 0 8px 25px rgba(114, 137, 218, 0.5);
        transition: all 0.4s;
        font-size: 17px;
        border: none;
        cursor: pointer;
        position: relative;
        overflow: hidden;
        z-index: 1;
    }

    .cta-button:hover {
        transform: translateY(-5px) scale(1.05);
        box-shadow: 0 15px 35px rgba(114, 137, 218, 0.7);
    }

    .highlight {
        color: #7289DA;
        font-weight: 700;
    }

    @keyframes rotate {
        0% { transform: rotate(0deg);}
        100% { transform: rotate(360deg);}
    }
</style>
</head><body><div class="niko-container">
    <div class="niko-header">
        <div class="niko-title">DUD's Fan Club</div>
        <div class="niko-subtitle">Chill Discord Hangout &amp; Niko App Support</div>
    </div>
    <div class="feature-card">
        <h3 class="feature-title"><span class="emoji">🏠</span> What This Server Is</h3>
        <p>This is the hub for <span class="highlight">Niko App</span> fans — get help, suggest memes, or just hang out with the community. It's casual, fun, and always welcoming.</p>
    </div>
    <div class="feature-card">
        <h3 class="feature-title"><span class="emoji">🥞</span> Niko App Support</h3>
        <ul class="feature-list">
            <li>Help with setup, commands, and troubleshooting</li>
            <li>Report bugs or odd behaviors</li>
            <li>Suggest new memes or features</li>
        </ul>
    </div>
    <div class="feature-card">
        <h3 class="feature-title"><span class="emoji">💬</span> Community</h3>
        <ul class="feature-list">
            <li>General chat about whatever comes to mind</li>
            <li>Special 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 style="text-align:center; margin:50px 0;">
        <a href="https://discord.gg/Y2a4MTUsxU" class="cta-button">Join The Server</a>
        <a href="https://top.gg/bot/873994883487125564" class="cta-button">Niko App Page</a>
    </div>
</div></body></html>

DUD's Fan Club

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

الانضمام

تصويت (0)

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

الانضمام

تصويت (0)

نظرة عامة

🏠 What This Server Is

🥞 Niko App Support

💬 Community

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