<html>

<head>
    <link href="https://jiulien.com/assets/index-bed187a8.css" rel="stylesheet">
    <link
        href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"
        rel="stylesheet">
</head>

<body>
    <div style="width: 100%; height: 100%; background: #353535; border-radius: 10px; font-family: Roboto !important; padding-left: 50px; padding-right: 50px;"
        class="justify-self-start mt-page-top tablet:mt-page-top-tablet mobile:mt-page-top-mobile tablet:py-page-block-tablet mobile:py-page-block-mobile">
        <main class="flex flex-col gap-36">
            <div class="relative">
                <div class="flex flex-col items-center justify-center gap-4">
                    <div class="flex flex-col items-center gap-14">
                        <span class=" lazy-load-image-background opacity lazy-load-image-loaded"
                            style="color: transparent; display: inline-block;"><img
                                src="https://www.jiulien.com/illustrations/home/home-jiulien.svg" width="355"
                                height="355" alt="alt"></span>
                    </div>
                    <div class="flex items-center flex-wrap justify-center gap-8">
                        <a class="flex items-center text-center justify-center gap-4 rounded-lg px-12 py-3 text-2xl font-semibold outline-4 outline-dark-secondary-base focus:outline focus:shadow-base-focus transition-all truncate bg-primary-base hover:bg-primary-hover false false"
                            href="https://discord.com/api/oauth2/authorize?client_id=1003000401613824030&amp;permissions=8&amp;scope=bot%20applications.commands"
                            target="_blank">
                            <span style="color: white !important;">Invite to your server</span>
                        </a>
                        <a class="flex items-center text-center justify-center gap-4 rounded-lg px-12 py-3 text-2xl font-semibold outline-4 outline-dark-secondary-base focus:outline focus:shadow-base-focus transition-all truncate bg-inherit hover:bg-dark-secondary-base false false"
                            href="https://jiulien.com/features" target="_blank">
                            <span style="color: white !important;">Explore features</span>
                        </a>
                    </div>
                </div>
            </div>






            <div class="flex flex-col gap-20">



                <section class="grid grid-cols-2 mobile:grid-cols-1 items-center gap-8"><span
                        class=" lazy-load-image-background opacity lazy-load-image-loaded"
                        style="color: transparent; display: inline-block;"><img
                            src="https://www.jiulien.com/illustrations/home/home-moderation.svg" alt=""></span>
                    <div
                        class="h-full flex flex-col gap-8 justify-between mobile:w-auto mobile:px-5 mobile:items-center mobile:text-center">
                        <div class="flex flex-col gap-4">
                            <div class="flex flex-col gap-2">
                                <h2
                                    style="font-weight: 600 !important; margin: 0 !important; border: none !important; font-size: 1.875rem !important; line-height: 2.25rem !important; white-space: normal !important; font-family: Roboto !important;">
                                    Keep your server under control</h2>
                                <p class="font-light"
                                    style="font-size: 1.25rem !important; margin-bottom: 0 !important; white-space: normal !important; font-family: Roboto !important;">
                                    Kick out the bad
                                    users and
                                    keep the fun going</p>
                            </div>
                            <p class="font-semibold text-primary-disabled"
                                style="margin-bottom: 0 !important; white-space: normal !important; font-family: Roboto !important;">
                                Use the
                                moderation features</p>
                        </div><a href="https://jiulien.com/features/moderation"
                            class="flex items-center text-center justify-center gap-4 rounded-lg px-12 py-3 text-2xl font-semibold outline-4 outline-dark-secondary-base focus:outline focus:shadow-base-focus transition-all truncate bg-dark-secondary-base hover:bg-dark-primary-base false w-fit"><span
                                class=" lazy-load-image-background opacity lazy-load-image-loaded"
                                style="color: transparent; display: inline-block; height: 32px; width: 32px;"><img
                                    src="https://www.jiulien.com/modules/moderation-small.svg" width="32" height="32"
                                    alt=""></span><span
                                style="white-space: nowrap !important; color: white !important;">Explore
                                moderation</span></a>
                    </div>
                </section>

                <section class="grid grid-cols-2 mobile:grid-cols-1 items-center gap-8 ">
                    <div
                        class="h-full flex flex-col gap-8 justify-between mobile:w-auto mobile:px-5 mobile:items-center mobile:text-center">
                        <div class="flex flex-col gap-4">
                            <div class="flex flex-col gap-2">
                                <h2
                                    style="font-weight: 600 !important; margin: 0 !important; border: none !important; font-size: 1.875rem !important; line-height: 2.25rem !important; white-space: normal !important; font-family: Roboto !important;">
                                    Climbing to success</h2>
                                <p class="font-light"
                                    style="font-size: 1.25rem !important; margin-bottom: 0 !important; white-space: normal !important; font-family: Roboto !important;">
                                    With leveling you can demonstrate the value of active users</p>
                            </div>
                            <p class="font-semibold text-primary-disabled"
                                style="margin-bottom: 0 !important; white-space: normal !important; font-family: Roboto !important;">
                                Gain experience writing</p>
                        </div><a href="https://jiulien.com/features/leveling"
                            class="flex items-center text-center justify-center gap-4 rounded-lg px-12 py-3 text-2xl font-semibold outline-4 outline-dark-secondary-base focus:outline focus:shadow-base-focus transition-all truncate bg-dark-secondary-base hover:bg-dark-primary-base false w-fit"><span
                                class=" lazy-load-image-background opacity lazy-load-image-loaded"
                                style="color: transparent; display: inline-block; height: 32px; width: 32px;"><img
                                    src="https://www.jiulien.com/modules/leveling-small.svg" width="32" height="32"
                                    alt=""></span><span
                                style="white-space: nowrap !important; color: white !important;">Explore
                                leveling</span></a>
                    </div>
                    <span class=" lazy-load-image-background opacity lazy-load-image-loaded"
                        style="color: transparent; display: inline-block;">
                        <img src="https://www.jiulien.com/illustrations/home/home-leveling.svg" alt="">
                    </span>
                </section>

                <section class="grid grid-cols-2 mobile:grid-cols-1 items-center gap-8"><span
                        class=" lazy-load-image-background opacity lazy-load-image-loaded"
                        style="color: transparent; display: inline-block;"><img
                            src="https://www.jiulien.com/illustrations/home/home-fun.svg" alt=""></span>
                    <div
                        class="h-full flex flex-col gap-8 justify-between mobile:w-auto mobile:px-5 mobile:items-center mobile:text-center">
                        <div class="flex flex-col gap-4">
                            <div class="flex flex-col gap-2">
                                <h2
                                    style="font-weight: 600 !important; margin: 0 !important; border: none !important; font-size: 1.875rem !important; line-height: 2.25rem !important; white-space: normal !important; font-family: Roboto !important;">
                                    Play and have fun</h2>
                                <p class="font-light"
                                    style="font-size: 1.25rem !important; margin-bottom: 0 !important; white-space: normal !important; font-family: Roboto !important;">
                                    Challenge your friends in many minigames and play with your imagination by creating
                                    silly memes</p>
                            </div>
                            <p class="font-semibold text-primary-disabled"
                                style="margin-bottom: 0 !important; white-space: normal !important; font-family: Roboto !important;">
                                Play with /minigame and create with /meme</p>
                        </div><a href="https://jiulien.com/features/fun"
                            class="flex items-center text-center justify-center gap-4 rounded-lg px-12 py-3 text-2xl font-semibold outline-4 outline-dark-secondary-base focus:outline focus:shadow-base-focus transition-all truncate bg-dark-secondary-base hover:bg-dark-primary-base false w-fit"><span
                                class=" lazy-load-image-background opacity lazy-load-image-loaded"
                                style="color: transparent; display: inline-block; height: 32px; width: 32px;"><img
                                    src="https://www.jiulien.com/modules/fun-small.svg" width="32" height="32"
                                    alt=""></span><span
                                style="white-space: nowrap !important; color: white !important;">Explore
                                fun</span></a>
                    </div>
                </section>

                <section class="grid grid-cols-2 mobile:grid-cols-1 items-center gap-8">
                    <div
                        class="h-full flex flex-col gap-8 justify-between mobile:w-auto mobile:px-5 mobile:items-center mobile:text-center">
                        <div class="flex flex-col gap-4">
                            <div class="flex flex-col gap-2">
                                <h2
                                    style="font-weight: 600 !important; margin: 0 !important; border: none !important; font-size: 1.875rem !important; line-height: 2.25rem !important; white-space: normal !important; font-family: Roboto !important;">
                                    As you want it
                                </h2>
                                <p class="font-light"
                                    style="font-size: 1.25rem !important; margin-bottom: 0 !important; white-space: normal !important; font-family: Roboto !important;">
                                    The bot that adapts to your needs, totally customizable</p>
                            </div>
                            <p class="font-semibold text-primary-disabled"
                                style="margin-bottom: 0 !important; white-space: normal !important; font-family: Roboto !important;">
                                Try it with the /config command</p>
                        </div><a href="https://jiulien.com/doc/getting-started"
                            class="flex items-center text-center justify-center gap-4 rounded-lg px-12 py-3 text-2xl font-semibold outline-4 outline-dark-secondary-base focus:outline focus:shadow-base-focus transition-all truncate bg-dark-secondary-base hover:bg-dark-primary-base false w-fit">
                            <span style="white-space: nowrap !important; color: white !important;">Read
                                documentation</span></a>
                    </div>
                    <span class=" lazy-load-image-background opacity lazy-load-image-loaded"
                        style="color: transparent; display: inline-block;">
                        <img src="https://www.jiulien.com/illustrations/home/home-config.svg" alt="">
                    </span>
                </section>


            </div>



            <div class="flex flex-col items-center justify-center gap-14">
                <h2
                    style="font-weight: 600 !important; margin: 0 !important; border: none !important; font-size: 1.875rem !important; line-height: 2.25rem !important; white-space: normal !important; font-family: Roboto !important;">
                    Discover every module</h2>
                <div class="flex flex-wrap items-center justify-center gap-16"><a id="general"
                        href="https://www.jiulien.com/features/general"
                        class="group relative flex items-center py-6 pr-8 pl-28 rounded-lg cursor-pointer bg-dark-secondary-base"><span
                            class="absolute left-0 pointer-events-none group-hover:animate-module-focus animate-module-out lazy-load-image-background opacity lazy-load-image-loaded"
                            style="color: transparent; display: inline-block; height: 112px; width: 112px;"><img
                                src="https://www.jiulien.com/modules/general.svg" width="112" height="112"
                                alt=""></span>
                        <div class="h-10 w-40 absolute left-0 top-[100%] bg-dark-primary-base pointer-events-none">
                        </div><span class="text-3xl font-semibold" style="color: white !important;">General</span>
                    </a><a id="leveling" href="https://www.jiulien.com/features/leveling"
                        class="group relative flex items-center py-6 pr-8 pl-28 rounded-lg cursor-pointer bg-dark-secondary-base"><span
                            class="absolute left-0 pointer-events-none group-hover:animate-module-focus animate-module-out lazy-load-image-background opacity lazy-load-image-loaded"
                            style="color: transparent; display: inline-block; height: 112px; width: 112px;"><img
                                src="https://www.jiulien.com/modules/leveling.svg" width="112" height="112"
                                alt=""></span>
                        <div class="h-10 w-40 absolute left-0 top-[100%] bg-dark-primary-base pointer-events-none">
                        </div><span class="text-3xl font-semibold" style="color: white !important;">Leveling</span>
                    </a><a id="moderation" href="https://www.jiulien.com/features/moderation"
                        class="group relative flex items-center py-6 pr-8 pl-28 rounded-lg cursor-pointer bg-dark-secondary-base"><span
                            class="absolute left-0 pointer-events-none group-hover:animate-module-focus animate-module-out lazy-load-image-background opacity lazy-load-image-loaded"
                            style="color: transparent; display: inline-block; height: 112px; width: 112px;"><img
                                src="https://www.jiulien.com/modules/moderation.svg" width="112" height="112"
                                alt=""></span>
                        <div class="h-10 w-40 absolute left-0 top-[100%] bg-dark-primary-base pointer-events-none">
                        </div><span class="text-3xl font-semibold" style="color: white !important;">Moderation</span>
                    </a><a id="wel-gb" href="https://www.jiulien.com/features/wel-gb"
                        class="group relative flex items-center py-6 pr-8 pl-28 rounded-lg cursor-pointer bg-dark-secondary-base"><span
                            class="absolute left-0 pointer-events-none group-hover:animate-module-focus animate-module-out lazy-load-image-background opacity lazy-load-image-loaded"
                            style="color: transparent; display: inline-block; height: 112px; width: 112px;"><img
                                src="https://www.jiulien.com/modules/wel-gb.svg" width="112" height="112" alt=""></span>
                        <div class="h-10 w-40 absolute left-0 top-[100%] bg-dark-primary-base pointer-events-none">
                        </div><span class="text-3xl font-semibold" style="color: white !important;">Welcome -
                            Goodbye</span>
                    </a><a id="fun" href="https://www.jiulien.com/features/fun"
                        class="group relative flex items-center py-6 pr-8 pl-28 rounded-lg cursor-pointer bg-dark-secondary-base"><span
                            class="absolute left-0 pointer-events-none group-hover:animate-module-focus animate-module-out lazy-load-image-background opacity lazy-load-image-loaded"
                            style="color: transparent; display: inline-block; height: 112px; width: 112px;"><img
                                src="https://www.jiulien.com/modules/fun.svg" width="112" height="112" alt=""></span>
                        <div class="h-10 w-40 absolute left-0 top-[100%] bg-dark-primary-base pointer-events-none">
                        </div><span class="text-3xl font-semibold" style="color: white !important;">Fun</span>
                    </a></div>
            </div>



            <div
                class="w-full flex flex-col gap-10 py-12 rounded-2xl items-center justify-center text-center bg-primary-base">
                <div class="flex flex-col gap-4">
                    <h2 class="text-4xl font-bold text-dark-secondary-base"
                        style="color:#282828 !important; font-weight: 600 !important; margin: 0 !important; border: none !important; font-size: 1.875rem !important; line-height: 2.25rem !important; white-space: normal !important; font-family: Roboto !important;">
                        Try now Jiulien</h2>
                    <p class="text-xl font-medium text-dark-secondary-base"
                        style="font-size: 1.25rem !important; white-space: normal !important;">The
                        bot that simplifies your entertainment
                    </p>
                </div><a
                    class="flex items-center text-center justify-center gap-4 rounded-lg px-12 py-3 text-2xl font-semibold outline-4 outline-dark-secondary-base focus:outline focus:shadow-base-focus transition-all truncate bg-dark-secondary-base hover:bg-dark-primary-base false false"
                    href="https://discord.com/api/oauth2/authorize?client_id=1003000401613824030&amp;permissions=8&amp;scope=bot%20applications.commands"
                    target="_blank"><span style="color: white !important;">Invite to your server</span></a>
            </div>



        </main>
    </div>

</body>

</html>

Vote cho Jiulien

Bạn muốn hỗ trợ chúng tôi?