"MY E-WALLET"
Bootstrap 4.1.1 Snippet by cmpujara

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<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>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
/* 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;
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More


Questions / Comments: