<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
    <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
    <style>
        body {
            font: 20px Montserrat, sans-serif;
            line-height: 1.8;
            color: #f5f6f7;
            background: rgb(36,60,176);
            background: linear-gradient(90deg, rgba(36,60,176,1) 0%, rgba(156,156,156,1) 100%);
        }
        p {font-size: 16px;}
        h3{
            color: #474e5d !important;
            font-weight: bold !important;
        }
        .margin {margin-bottom: 15px;}
        .bg-1 {
            background-color: #474e5d; /* Dark Blue */
            color: #ffffff;
        }
        .bg-2 {
            background-color: #ffffff; /* White */
            color: #555555;
        }
        .container-fluid {
            padding-top: 60px;
            padding-bottom: 60px;
            border-radius: 25px !important;
        }
        .bot-name{
            color:whitesmoke !important;
        }
        .bot-description{
            color:whitesmoke !important;
            font-size: 17px !important;
        }
        .bot-img img{
      border: 3px solid black;
      border-radius: 50%;

    -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
        .columns .bot-img{
            border-radius: 50% !important;
            box-shadow : 1px 1px 0px 0px black,
            4px 4px 8px 0px rgba(0,0,0,0.2) !important;
        }
        .atag{
            color: whitesmoke!important;
            background-color: #0A1D49 !important;
        }
        .atag::after{
            content: none !important;
        }
        .longdescription .content{
            padding: 0 !important;
            border-radius: 25px !important;
        }
        .lib a{
            color: midnightblue !important;
            font-family: 'Montserrat', sans-serif !important;
            font-size: 20px !important;
        }
        .lib a:hover{
            color: aliceblue !important;
            text-decoration: none;

        }
        .btn-orange{
            background-color: black !important;
        }
        .btn{
            font-size: 18px !important;
        }
        .featureicons{
            display: block;
            margin-left: auto;
            margin-right: auto;
            width: 70px;
        }
        .row{
            margin-bottom: 110px!important;
        }
        #bot-details-page #details .container{
            border-top: none!important;
        }
        .approvalSection{
            border: none!important;
        }
    </style>
</head>
<body>
<div class="container-fluid bg-1 text-center">
    <p>Tired of setting up your server? Tired of creating voice channels and text channels for your community? Tired of having multiple bots that can do the same?</p>
    <h3 class="margin" style="color: #f5f6f7 !important;">Don't worry Ranibow Sprimkle Dave is here to save the day!</h3>
</div>


<div class="container-fluid bg-2 text-center">
    <h2 class="margin">My features</h2><br>
    <div class="row">
        <div class="col-sm-4">
            <h3>Server Managament</h3>
            <p>Manage your server with commands</p>
            <img src="https://img.icons8.com/cotton/100/000000/server.png" class="img-responsive margin featureicons" alt="Image">
            <p>Ban, kick and mute people.</p>
        </div>
        <div class="col-sm-4">
            <h3>Automatic Server Setup</h3>
            <p>Let the bot set up the server for you.</p>
            <img src="https://img.icons8.com/officel/100/000000/data-in-both-directions.png" class="img-responsive margin featureicons" alt="Image">
            <p>Create roles, channels and permissions with one single command.</p>
        </div>
        <div class="col-sm-4">
            <h3>Create text channels</h3>
            <p>Let your community create their own text channels</p>
            <img src="https://img.icons8.com/cotton/100/000000/overview-pages-1.png" class="img-responsive margin featureicons" alt="Image">
            <p>To use this feature just add a category channel with the name "📃Text&nbsp;Channels📃" to your server.</p>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-4">
            <h3>Rss Feed</h3>
            <p>Add your favourite Rss feeds to your server</p>
            <img src="https://img.icons8.com/color/100/000000/rss.png" class="img-responsive margin featureicons" alt="Image">
            <p>Add your Rss feeds to the server and display them.</p>
        </div>
        <div class="col-sm-4">
            <h3>Fortune telling</h3>
            <p>Let the bot answer a yes/no question</p>
            <img src="https://img.icons8.com/cotton/100/000000/crystal-ball.png" class="img-responsive margin featureicons" alt="Image">
            <p>Question: "Are you a good bot?"</p>
            <p>Answer : "Of course"</p>
        </div>
        <div class="col-sm-4">
            <h3>Create voice channels</h3>
            <p>Let your community create their own voice channels</p>
            <img src="https://img.icons8.com/color/100/000000/low-volume--v1.png" class="img-responsive margin featureicons" alt="Image">
            <p>To use this feature just add a category channel with the name "🎤Voice&nbsp;Channels🎤" to your server.</p>
            <p>In this categorychannel create "Create&nbsp;channel➕". Every time someone joins "Create&nbsp;channel➕" it creates an own channel for them.</p>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-4">
            <h3>Flip a coin</h3>
            <p>Bet with your friends who should pay the next round.</p>
            <img src="https://img.icons8.com/cotton/100/000000/coin-in-hand.png" class="img-responsive margin featureicons" alt="Image">
        </div>
        <div class="col-sm-4">
            <h3>Crush telling</h3>
            <p>Let the bot tell you, if your crush loves you</p>
            <img src="https://img.icons8.com/color/100/000000/filled-like.png" class="img-responsive margin featureicons" alt="Image">
            <p>Question: "Does Sam love Freddie?"</p>
            <p>Answer : "Guess you should watch iCarly to find out."</p>
        </div>
        <div class="col-sm-4">
            <h3>Inspiring quotes</h3>
            <p>Let the quotes inspire you</p>
            <img src="https://img.icons8.com/color/100/000000/quote.png" class="img-responsive margin featureicons" alt="Image">
            <p>Get inspired with quotes from games and much more.</p>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-4">
            <h3>Play your Music</h3>
            <p>Play your songs while you are gaming</p>
            <img src="https://img.icons8.com/cotton/100/000000/music.png" class="img-responsive margin featureicons" alt="Image">
        </div>
        <div class="col-sm-4">
            <h3>Crackwatch</h3>
            <p>See what games will get released soon</p>
            <img src="https://b2.crackwatch.com/file/crackwatch/topics/mine-karma.png" class="img-responsive margin featureicons" alt="Image">
            <p>Make custom requests ore display the latest games without filtering</p>
        </div>
        <div class="col-sm-4">
            <h3>Overwatch</h3>
            <p>See your scores directly in discord</p>
            <img src="https://img.icons8.com/color/48/000000/overwatch--v1.png" class="img-responsive margin featureicons" alt="Image">
            <p>See your and your friends Overwatch profile in discord</p>
        </div>
    </div>
    <div class="row" style="margin-bottom: 15px !important; ">
        <div class="col-sm-12">
            <h3>Some commands example</h3>
            <p>These are not all commands</p>
            <img src="https://img.icons8.com/ios-filled/50/000000/command-line.png" class="img-responsive margin featureicons" alt="Image">
            <table>
                <col width="300">
                <tr>
                    <th>Command</th>
                    <th>Description</th>
                </tr>
                <tr>
                    <td>changeprefix</td>
                    <td>Changes server prefix</td>
                </tr>
                <tr>
                    <td>feeds</td>
                    <td>Shows all available feeds</td>
                </tr>
                <tr>
                    <td>setup</td>
                    <td>The Bot sets the server up.</td>
                </tr>
                <tr>
                    <td>play, join etc.</td>
                    <td>Musicbot commands</td>
                </tr>
                <tr>
                    <td>...</td>
                    <td>...</td>
                </tr>
            </table>
        </div>
    </div>
    <div class="row" style="margin-bottom: 15px !important; ">
        <div class="col-sm-6">
            <h3>Having difficulties with the bot?</h3>
            <p>Contact the support</p>
            <img src="https://img.icons8.com/cotton/64/000000/online-support.png" class="img-responsive margin featureicons" alt="Image">
            <p>Ask for help or suggest new features.</p>
        </div>
        <div class="col-sm-6">
            <h3>More coming soon, unless no one suggest anything</h3>
            <p>Check the bot out and suggest if you want new features.</p>
            <img src="https://i1.wp.com/www.volksshake.de/wp-content/uploads/2017/11/Coming-Soon-PNG.png" style="width: 120px;" class="img-responsive margin featureicons" alt="Image">
            <p>"Could you add a self-destruct button"</p>
        </div>
    </div>
</div>
</body>
</html>

Ranibow Sprimkle Dave

I am not just one thing, i am many things. A musicbot, a servermanager, a funny companion or just a fortune teller.

Ranibow Sprimkle Dave に投票

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