|<div class="bank-card">
<div class="bank-logo">
<img alt="" src="http://csstech.co.in/BankDetails/img/demos/sbi.png" />
</div>
<table class="bank-table">
    <tbody>
        <tr>
            <td class="title">Account Name</td>
            <td class="value">Sri Veerabrahmendra Enterprises</td>
        </tr>
        <tr>
            <td class="title">Account No.</td>
            <td class="value">62284070992</td>
        </tr>
        <tr>
            <td class="title">IFSC Code</td>
            <td class="value">SBIN0020170</td>
        </tr>
        <tr>
            <td class="title">Branch</td>
            <td class="value">Jaggayyapet</td>
        </tr>
        <tr>
            <td class="title">Bank</td>
            <td class="value">State Bank of India</td>
        </tr>
    </tbody>
</table>
</div>
<div class="bank-card">
<div class="bank-logo">
<img alt="" src="http://csstech.co.in/BankDetails/img/demos/sbi.png" />
</div>
<table class="bank-table">
    <tbody>
        <tr>
            <td class="title">Account Name</td>
            <td class="value">Dheeraj Enterprises</td>
        </tr>
        <tr>
            <td class="title">Account No.</td>
            <td class="value">40289816408</td>
        </tr>
        <tr>
            <td class="title">IFSC Code</td>
            <td class="value">SBIN0020324</td>
        </tr>
        <tr>
            <td class="title">Branch</td>
            <td class="value">Gandhi Chowk</td>
        </tr>
        <tr>
            <td class="title">Bank</td>
            <td class="value">State Bank of India</td>
        </tr>
    </tbody>
</table>
</div>
<style>
    body{
    margin:0;
    padding:15px;
    background:#0d3a38;
    font-family:Arial,Helvetica,sans-serif;
    }
    *{
    box-sizing:border-box;
    }
    .bank-card{
    background:#123b37;
    border:2px solid #d4af37;
    border-radius:18px;
    overflow:hidden;
    margin-bottom:20px;
    box-shadow:0 4px 12px rgba(0,0,0,.30);
    }
    .bank-logo{
    background:#fff;
    padding:15px;
    text-align:center;
    }
    .bank-logo img{
    width:100%;
    max-width:350px;
    }
    .bank-table{
    width:100%;
    border-collapse:collapse;
    }
    .bank-table td{
    padding:15px;
    border-bottom:1px solid rgba(255,255,255,.12);
    vertical-align:middle;
    }
    .bank-table tr:last-child td{
    border-bottom:none;
    }
    .title{
    width:40%;
    color:#d4af37;
    font-size:16px;
    font-weight:bold;
    }
    .value{
    width:60%;
    color:#fff;
    font-size:16px;
    font-weight:bold;
    text-align:right;
    word-break:break-word;
    }
</style>|