<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container-fluid"> <div class="row"> <div class="col-lg- col-md-4 col-sm-6 col-xs-12"> <div class="tile"> <div class="wrapper"> <div class="header">BONUSES</div> <table class="table table-hover"> <thead> <tr> <th scope="col" colspan="2">NAME</th> <th scope="col" >PRICE</th> </tr> </thead> <tbody> <tr> <th scope="row" colspan="2">Welcome Bonuses</th> <td>10000 INR</td> </tr> <tr> <th scope="row" colspan="2">No Deposite Bonuses</th> <td>15000 INR</td> </tr> <tr> <th scope="row"colspan="2">Silver Bonuses</th> <td>20 %</td> </tr> <tr> <th scope="row"colspan="2">Gold Bonuses</th> <td>40 %</td> </tr> <tr> <th scope="row"colspan="2">Diamond Bonuses</th> <td>60 %</td> </tr> </tbody> </table> </div> </div> </div> <div class="col-lg-5 col-md-4 col-sm-6 col-xs-12"> <div class="tile"> <div class="wrapper"> <div class="header">CONTEST</div> <table class="table table-hover"> <thead> <tr> <th scope="col">NAME</th> <th scope="col">PRICE</th> <th scope="col">DATE</th> </tr> </thead> <tbody> <tr> <th scope="row">Silver</th> <td> 5000 USD</td> <td> 7 DAYS </td> </tr> <tr> <th scope="row">Gold</th> <td>10000 usd</td> <td>1 mnt</td> </tr> <tr> <th scope="row">DIMAND</th> <td>30000 usd</td> <td> 2 mnt </td> </tr> </tbody> </table> </div> </div> </div> <div class="col-lg-3 col-md-4 col-sm-6 col-xs-12"> <div class="tile"> <div class="wrapper"> <div class="header">AFFILIATE</div> <button type="button" class="btn btn-success"> <h1>REGISTER</h1></button> </div> </div> </div> </div> </div>

/* Reset & General ---------------------------------------------------------------------- */ * { margin: 0px; padding: 0px; } body { background: #ecf1f5; font:18px "Open Sans", sans-serif; } .tile{ width: 100%; background:#fff; border-radius:50px; box-shadow:5px 2px 3px -1px rgba(151, 171, 187, 0.7); float:left; transform-style: preserve-3d; margin: 10px 10px; } .header{ border-bottom:1px solid #ebeff2; padding:19px 0; text-align:center; color:#59687f; font-size:600; font-size:35px; position:relative; }