<!DOCTYPE html>
<html>
<head>
  <style>
.Box1 {
    background-color: #800080;
    font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
    margin: 10px;
    height: auto;
}
.Name {
  font-weight: bolder;
  font-family: "Franklin Gothic Medium", "Franklin Gothic", "ITC Franklin Gothic", Arial, sans-serif;
}
.Title {
    background-image: linear-gradient(to bottom, #ff8c1a, #ffb366);
    border-radius: 20px;
    border: 2px solid white;
    font-size: 30px;
    text-align: center;
    height: static;
    width: 97%;
    margin: 0 auto 5px;
    position: relative;
    top: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.LogoImg {
    width: 100%;
    max-width: 80px;
    height: auto;
    padding-left: 20px;
}
.Intro {
    background-image: linear-gradient(to bottom, #99ff33, #00e600);
    border-radius: 20px;
    border: 2px solid white;
    font-size: 20px;
    text-align: center;
    height: static;
    width: 97%;
    margin: 0 auto 5px;
    position: relative;
    top: 10px;
    padding-top: 20px;
    padding-bottom: 10px;
}
.Features {
    text-align: center;
    font-size: 35px;
    position: relative;
    margin: 0 auto 5px;
    padding-top: 15px;
    color: white;
}
.FeaturesDesc {
    background-image: linear-gradient(to bottom, #99ffff, #00e6e6);
    border-radius: 20px;
    border: 2px solid white;
    font-size: 20px;
    text-align: center;
    height: static;
    width: 97%;
    margin: 0 auto 5px;
    position: relative;
    top: 20px;
    padding-top: 20px;
    padding-bottom: 10px;
}
.FeatureDiv {
    background-image: linear-gradient(to bottom, #00aaff, #33bbff);
    border-radius: 20px;
    border: 2px solid white;
    font-size: 16px;
    height: static;
    width: 97%;
    margin: 0 auto 5px;
    position: relative;
    top: 20px;
    padding-top: 10px;
    padding-left: 5%;
    padding-right: 5%;
    padding-bottom: 10px;
    display: flex;
    align-items: center;    
    column-gap: 20px;
}
.FeatureDiv img {
    width: 100%;
    max-width: 680px;
    box-shadow: 0 35px 35px -25px #005580;
    border: 2px solid #555;
    margin-bottom: -15px;
}
.FeatureDiv.img_right {
    flex-direction: row-reverse;
}
.FeaturePoints {
    padding-right: 0;
    font-weight: normal;
    color: white;
    text-align: left;
}
.FeaturePoints.right {
    margin-right: 10px;
}
h4.FeatureTitle {
    color: black;
    /*text-decoration: underline;*/
    text-align: center;
    padding-bottom: 10px;
}
.cmd {
    padding: 0.5%;
    background-color: #00008B;
    border-radius: 4px;
}
.listpoints:before {
    width: 100px;
    content: '\1F3CF';
    margin-right: 5px;
    /*margin-left: -20px;*/
    line-height: 2;
}
.LastBox {
    background-image: linear-gradient(to bottom, #ffcc00, #cca300);
    border-radius: 20px;
    border: 2px solid white;
    font-size: 25px;
    text-align: center;
    height: static;
    width: 97%;
    margin: auto;
    position: relative;
    top: 15%;
    padding-top: 30px;
    padding-bottom: 10px;
}
.ButtonsBox {
    display: inline-flex;
    align-items: center;
    padding-top: 10px;
}
.Button {
    width: max-content;
    display: block;
    font-style: normal;
    background-color: #ff6600;
    color: Black;
    border-radius: 10px;
    margin: 5px;
    border-top: 3px solid #ff6600;
    border-bottom: 3px solid #ff6600;
    padding: .1em 1em;
    text-decoration: none;
}
.HypText {
    color: Black;
    text-decoration: none;
}
@media screen and (max-width: 720px) {
    .FeatureDiv {
        display: block;
    }
    .FeaturePoints {
        margin-top: -10%;
    }
    .ExampleGif {
        margin-left: auto;
        margin-top: 10px;
    }
    .Title {
        display: block;
        align-items: center;
    }
    .LogoImg {
        margin-left: auto;
    }
    .FeatureDiv.img_right {
        flex-direction: row;
    }
}
@media screen and (max-width: 650px) {
    .ButtonsBox {
        flex-direction: column;
    }
}
  </style>
</head>
<body>
    
    <div class="Box1">
        <div class="Title">
            <img src="https://cdn.discordapp.com/avatars/753191385296928808/e729aeb15d0d55f8a6b982eaf0c5816d.png?size=2048", class="LogoImg"><b class="Name">HandCricket,</b> the #1 Discord bot for Hand Cricket
        </div>
        <div class="Intro">HandCricket is the discord bot that brings back the craze of hand cricket we used to play during our school days and in gullies. <br>Feel the thrill again and let the bot do the rest.
        </div>
        <div class="Features">My Features</div>
        <div class="FeaturesDesc">HandCricket comes with plethora of features for you to play and experience, you will never feel bored playing these!
        </div>
        <div class="FeatureDiv">
            <div class="ExampleGif">
                <img class="GifImg", src="https://cdn.discordapp.com/attachments/795951827232358400/951214062077886554/Screenshot_2022-03-10_at_1.54.48_AM.png" />
            </div>
            <div class="FeaturePoints"><h4 class="FeatureTitle">Play with me</h4><ul class="listpoints">Play against the Bot in a classic 1 vs 1 faceoff, Use the <code class="cmd">h!play</code> command</ul><ul class="listpoints">Select the number of overs and wickets you want to have!</ul><ul class="listpoints">To play unlimited overs, select 1</ul><ul class="listpoints">Select a number between 0 - 6 and continue till you win!</ul><ul class="listpoints">Can also play in the DMs</ul>
            </div>
        </div>
        <div class="FeatureDiv img_right">
            <div class="ExampleGifRight">
                <img class="GifImg", src="https://cdn.discordapp.com/attachments/795951827232358400/951510571805712394/Screenshot_2022-03-10_at_9.33.04_PM.png" />
            </div>
            <div class="FeaturePoints right">
                <h4 class="FeatureTitle">Challenge your friend</h4><ul class="listpoints">Challenge your friend using the <code class="cmd">h!challenge</code> command</ul><ul class="listpoints">Find out who is better at reading the opponent's mind</ul><ul class="listpoints">You can select the numbers of overs and wickets you want to have!</ul><ul class="listpoints">This is a casual game mode</ul>
            </div>
        </div>
        <div class="FeatureDiv">
            <div class="ExampleGif">
                <img class="GifImg", src="https://cdn.discordapp.com/attachments/795951827232358400/951529436342255616/ezgif-2-306625e442.png" />
            </div>
            <div class="FeaturePoints">
                <h4 class="FeatureTitle">Race against your friends</h4><ul class="listpoints">Who can score the most runs? Find out by challenging multiple of your friends at once in the Run Race!</ul><ul class="listpoints">Invite upto 10 friends and race against them in a fierce race for the most runs!</ul><ul class="listpoints">Can choose the number of wickets you want to have!</ul><ul class="listpoints">Complete control over the lobby!</ul><ul class="listpoints">Use command <code class="cmd">h!runrace</code>!</ul>
            </div>
        </div>
        <div class="FeatureDiv img_right">
            <div class="ExampleGif">
                <img class="GifImg", src="https://cdn.discordapp.com/attachments/795951827232358400/951536878564278292/Screenshot_2022-03-10_at_11.17.39_PM.png">
            </div>
            <div class="FeaturePoints right">
                <h4 class="FeatureTitle">Multiplayer HandCricket</h4><ul class="listpoints">Experience the REAL Multiplayer cricket with the bot's Multiplayer game mode</ul><ul class="listpoints">Play with upto 20 real humans right on your discord server!</ul><ul class="listpoints">You have the full control over the lobby. Swap players, see playerlist, select next batsman/bowler and much more!</ul><ul class="listpoints">Real time status, Man of the match, and attarctive scoreboards for match results!</ul><ul class="listpoints">Don't have enough players to join?! Add Customised Bots in your lobby so that you don't delay your match</ul><ul class="listpoints">The best ever feature that you will never find in any other discord bot except here!</ul>
            </div>
        </div>
        <div class="FeatureDiv">
            <div class="ExampleGif">
                <img class="GifImg", src="https://cdn.discordapp.com/attachments/795951827232358400/951545584525901834/ezgif-1-836c22b29f.png">
            </div>
            <div class="FeaturePoints">
                <h4 class="FeatureTitle">Profiles, Server settings and much more</h4><ul class="listpoints">Check your hand cricket stats via the <code class="cmd">h!profile</code> command and flex on your friends</ul><ul class="listpoints">Check even detailed in-depth stats via the <code class="cmd">h!userstats</code> command and find out your weak points!</ul><ul class="listpoints">Toggle disabled channels/commands, Set powerplay on/off, Set manual selection of players in Multiplayer using the <code class="cmd">h!serversettings</code> command</ul><ul class="listpoints">Find out the top HandCricketers in the <code class="cmd">h!leaderboard</code> command</ul>
            </div>
        </div>
        <div class="LastBox">Excited? Invite HandCricket Now!
            <div class="ButtonsBox">
                <a href="https://discord.com/oauth2/authorize?client_id=753191385296928808&permissions=1144388672&scope=bot", class="Button"><div class="HypText">Invite</div></a>
                <a href="https://discord.com/invite/Mb9s5sVkSz" , class="Button"><div class="HypText">Support Server</div></a>
                <a href="https://www.buymeacoffee.com/samirmishra27", class="Button"><div class="HypText">Buy me a Chai!</div></a>
        </div>
    </div>
    
</body>
</html>

HandCricket

A discord bot that hosts single and multiplayer games of Hand Cricket!

Voting for HandCricket