<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-4 col-md-4 col-sm-6 col-xs-12"> <div class="tile"> <div class="wrapper"> <div class="header">E-WALLET</div> <table class="table table-hover"> <thead> <tr> <th scope="col" colspan="2">Acc. Number</th> <th scope="col" >BALNCE</th> </tr> </thead> <tbody> <tr> <th scope="row"colspan="2">INR 1947 - USER ID</th> <td> 30000 RS <button type="button" class="btn btn-primary btn-sm">DEPOSITE</button> </td> </tr> <tr> <th scope="row" colspan="2">USD 1947 - USER ID</th> <td>1500 USD <button type="button" class="btn btn-primary btn-sm">DEPOSITE</button></td> </tr> <tr> <th scope="row" colspan="2">EUR 1947 - USER ID</th> <td>1000 EUR <button type="button" class="btn btn-primary btn-sm">DEPOSITE</button> </td> </tr> </tbody> </table> </div> </div> </div> <div class="col-lg-8 col-md-4 col-sm-6 col-xs-12"> <div class="tile"> <div class="wrapper"> <div class="header">FIX RETURN</div> <table class="table table-hover"> <thead> <tr> <th scope="col" colspan="2">Acc. Nummber</th> <th scope="col" >Validity</th> <th scope="col" >Return</th> <th scope="col" >BALNCE</th> </tr> </thead> <tbody> <tr> <th scope="row"colspan="2">FIX-1 1947- USER ID</th> <td>1 Month</td> <td>1.50 % </td> <td> 30000 RS <button type="button" class="btn btn-primary btn-sm">DEPOSITE</button> </td> </tr> <tr> <th scope="row" colspan="2">FIX-3 1947- USER ID</th> <td>3 Month</td> <td> 2 %</td> <td>1500 USD <button type="button" class="btn btn-primary btn-sm">DEPOSITE</button></td> </tr> <tr> <th scope="row" colspan="2">FIX-6 1947 - USER ID</th> <td> 6 Month </td> <td>2.50 %</td> <td>1000 EUR <button type="button" class="btn btn-primary btn-sm">DEPOSITE</button> </td> </tr> <tr> <th scope="row" colspan="2">FIX-12 1947 - USER ID</th> <td>12 Month</td> <td>3 %</td> <td>1000 EUR <button type="button" class="btn btn-primary btn-sm">DEPOSITE</button> </td> </tr> </tbody> </table> </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; }