<div class="_DESCRIPTION">
    <div class="_HEADER">
        <p class="_TITLE">VIBE</p>
        <p class="_SUBTITLE">Rich quality tunes for everyone.</p>
        <a target="_blank" rel="nofollow"
            href="https://discord.com/api/oauth2/authorize?client_id=802509186059337778&permissions=3435585&scope=applications.commands%20bot"
            class="btn _BTN _BTN_PRIMARY">Invite Bot</a>
        <a target="_blank" rel="nofollow" href="" class="btn _BTN _BTN_SECONDARY">Dashboard [coming soon]</a>
        <a target="_blank" rel="nofollow" href="https://discord.com/invite/GaczkwfgV9" class="btn _BTN _BTN_SECONDARY">Support
            Server</a>
    </div>
    <div class="_FEATURES">
        <p class="_TITLE">Features</p>
        <div class="_CARDS">
            <div class="_CARD">
                <div class="_CARD_BODY">
                    <p class="_CARD_TITLE">Slash commands</p>
                    <p class="_CARD_TEXT" style="color: #ffffff;">Vibe uses discord's new slash commands making it easier than ever to
                        search for commands and understand how to use them! <br>
                        Use /help to get a list of all commands
                    </p>
                    <img src="https://cdn.discordapp.com/attachments/851355051271782410/882542144114536459/unknown_3.png"
                        class="_CARD_IMAGE">
                </div>
            </div>
            <div class="_CARD">
                <div class="_CARD_BODY">
                    <p class="_CARD_TITLE">Easy to use</p>
                    <p class="_CARD_TEXT" style="color: #ffffff;">Vibe uses discord's new message buttons making it easier than ever to
                        quickly execute commands so that everything is just a click away...
                        <br>
                        Just like it should be :p
                    </p>
                    <img src="https://cdn.discordapp.com/attachments/851355051271782410/882547338248323072/unknown_2.png"
                        class="_CARD_IMAGE">
                </div>
            </div>
        </div>
    </div>
    <p></p>
</div>

<style>
    @media only screen and (max-width: 600px) {
        ._CARD {
            width: 100%;
        }
    }

    ._HEADER {
        text-align: center !important;
        font-weight: 700;
        padding: 60px 30px 170px;
        background-image: url("i.imgur.com/aM0Oa0L.png") !important;
        background-position: bottom !important;
        background-size: 200% !important;
        background-repeat: no-repeat !important;
        border-top: 6px #44acff solid !important;
        background-color: #252525;
    }

    ._DESCRIPTION {
        user-select: none;
        font-family: 'Poppins', sans-serif !important;
        background: #44acff !important;
        color: #fff;
        margin: 0;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-rendering: optimizeLegibility;
        font-size: 24px;
    }

    ._TITLE {
        font-size: 60px !important;
        color: white !important;
        padding: 10px 10px;
        margin-bottom: -2px !important;
        font-size: 45px !important
    }

    ._SUBTITLE {
        margin-top: 5px;
        font-family: 'Segoe UI', sans !important;
        color: rgba(255, 255, 255, 0.61) !important;
        font-size: 20px !important;
        font-weight: 300;
    }

    ._FEATURES {
        text-align: center !important;
        background: #44acff !important;
        padding: 60px 50px !important
    }

    ._FEATURES ._TITLE {
        font-size: 40px !important;
        color: #ffffff !important;
        line-height: 70px !important;
    }

    ._FEATURES ._SUBTITLE {
        font-size: 20px !important;
        color: #a2a8bd;
    }

    ._CARDS {
        display: inline-block;
        text-align: center;
        vertical-align: middle;
        user-select: none;
        display: inline-block;
        padding: 10% 0px;
    }

    ._CARD {
        flex: 1;
        background-color: #252525;
        background-clip: border-box;
        border: 0;
        border-radius: 15px !important;
        box-shadow: none !important;
        display: inline-block;
        position: relative;
        width: 80%;
        margin-bottom: 30px;
        box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2);
        vertical-align: middle;
    }

    ._CARD_BODY {
        flex: 1 1 auto;
        padding: 1.25rem;
    }

    ._CARD_TITLE {
        font-size: 24px !important;
        font-weight: 600 !important;
        color: #44acff !important;
        padding: 0;
    }

    ._CARD_TEXT {
        line-height: 1.61em;
        font-weight: 300;
        font-size: 16px !important;
        color: #fff;
        padding: 0;
    }

    ._CARD_IMAGE {
        border-radius: 8px;
        max-width: 100%;
        display: flexbox;
    }

    ._BTN {
        border-width: 2px;
        padding: 15px 48px;
        border-radius: 5px !important;
        font-size: 16px !important;
        font-weight: 600 !important;
        text-transform: uppercase;
        line-height: 1.35em;
        margin: 10px 1px;
        border: none;
        cursor: pointer;
        border-radius: 5px !important;
        font-size: 16px !important;
        font-weight: 600 !important;
        text-transform: uppercase;
        display: inline-block;
        text-align: center;
        vertical-align: middle;
        user-select: none;
    }

    ._BTN_PRIMARY {
        background-color: #44acff !important;
        color: #FFFFFF !important;
        box-shadow: none;
    }

    ._BTN_SECONDARY {
        background-color: #454545 !important;
        color: #FFFFFF !important;
        box-shadow: none;
    }
</style>

VIBE

Ever wanted a bot specially made for music? A fully functional, stable music bot? V!BE does it all

VIBE に投票

私たちをサポートしませんか？