authpartner
Clone or download
Modified Files
<?php include 'header.php' ?>
<div class="container">
<div class="col-lg-1"></div>
<div class="col-lg-10">
<div class="panel panel-default">
<div class="panel-heading">
<h4><i class="fa fa-fw fa-bars"></i> Account Statement</h4>
</div>
<div class="panel-body">
<form role="form">
<div class="col-lg-12">
<button class="btn btn-default pull-right" type="submit" style="margin-left:5px;">Print</button>
<button class="btn btn-default pull-right" type="submit" style="margin-left:5px;">Save to Digilocker</button>
<button class="btn btn-default pull-right" type="reset">Save as PDF</button>
</div>
<div class="col-lg-12">
<div class="col-lg-3">
<label>Account Name :</label>
</div>
<div class="col-lg-9 nor-font">
<label>Mr. XYX ABC</label>
</div>
<div class="col-lg-3">
<label>Account Number :</label>
</div>
<div class="col-lg-9 nor-font">
<label>000000000000</label>
</div>
<div class="col-lg-3">
<label>Account Description :</label>
</div>
<div class="col-lg-9 nor-font">
<label>SBCHQ-GEN-PUB-INR</label>
</div>
<div class="col-lg-3">
<label>Branch :</label>
</div>
<div class="col-lg-9 nor-font">
<label>C G O COMPLEX, LODHI ESTATE</label>
</div>
</div>
<div class="col-lg-12">
<div class="col-lg-8 nor-font">
<label style="margin-top:10px;">Account Statement from 1 Apr 2017 to 17 Apr 2017</label>
</div>
</div>
<div class="col-lg-12">
<table class="tg">
<tr>
<th class="tg-yw4l">Txn Date</th>
<th class="tg-yw4l">Value Date</th>
<th class="tg-yw4l">Description</th>
<th class="tg-yw4l">Ref No.</th>
<th class="tg-yw4l">Debit</th>
<th class="tg-yw4l">Credit</th>
<th class="tg-yw4l">Balance</th>
</tr>
<tr>
<td>16 Apr
2017</td>
<td>16 Apr
2017</td>
<td>TO TRANSFER-INB IRCTCRAILWAY
TICKET BOOK
Railway Ticket Booki-</td>
<td>100000809530637
IGABDMOHD8
TRANSFER T</td>
<td>150.00</td>
<td></td>
<td>11,271.78</td>
</tr>
</table>
</div>
<div class="col-lg-12">
<p>
Please do not share your ATM, Debit/Credit card number, PIN and OTP with anyone over mail, SMS, phone call or any other
media. Bank never asks for such information.
</p>
</div>
</form>
</div>
</div>
</div>
<div class="col-lg-1"></div>
<!-- /.row -->
</div>
<?php include 'footer.php' ?>
body {
margin-top: 100px;
background-color: #a2c1fa;
}
@media(min-width:768px) {
body {
margin-top: 50px;
}
}
#wrapper {
padding-left: 0;
}
#page-wrapper {
width: 100%;
padding: 0;
background-color: #fff;
}
.huge {
font-size: 50px;
line-height: normal;
}
@media(min-width:768px) {
#wrapper {
padding-left: 225px;
}
#page-wrapper {
padding: 10px;
}
}
/* Top Navigation */
.top-nav {
padding: 0 15px;
}
.top-nav>li {
display: inline-block;
float: left;
}
.top-nav>li>a {
padding-top: 15px;
padding-bottom: 15px;
line-height: 20px;
color: #00aeff;
}
.top-nav>li>a:hover,
.top-nav>li>a:focus,
.top-nav>.open>a,
.top-nav>.open>a:hover,
.top-nav>.open>a:focus {
color: #fff;
background-color: #a2c1fa;
}
.top-nav>.open>.dropdown-menu {
float: left;
position: absolute;
margin-top: 0;
border: 1px solid rgba(0,0,0,.15);
border-top-left-radius: 0;
border-top-right-radius: 0;
background-color: #fff;
-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.top-nav>.open>.dropdown-menu>li>a {
white-space: normal;
}
ul.message-dropdown {
padding: 0;
max-height: 250px;
overflow-x: hidden;
overflow-y: auto;
}
li.message-preview {
width: 275px;
border-bottom: 1px solid rgba(0,0,0,.15);
}
li.message-preview>a {
padding-top: 15px;
padding-bottom: 15px;
}
li.message-footer {
margin: 5px 0;
}
ul.alert-dropdown {
width: 200px;
}
/* Side Navigation */
@media(min-width:768px) {
.side-nav {
position: fixed;
top: 51px;
left: 225px;
width: 225px;
margin-left: -225px;
border: none;
border-radius: 0;
overflow-y: auto;
background-color: #222;
bottom: 0;
overflow-x: hidden;
padding-bottom: 40px;
}
.side-nav>li>a {
width: 225px;
}
.side-nav li a:hover,
.side-nav li a:focus {
outline: none;
background-color: #a2c1fa !important;
}
}
.side-nav>li>ul {
padding: 0;
}
.side-nav>li>ul>li>a {
display: block;
padding: 10px 15px 10px 38px;
text-decoration: none;
color: #999;
}
.side-nav>li>ul>li>a:hover {
color: #fff;
}
/* Flot Chart Containers */
.flot-chart {
display: block;
height: 400px;
}
.flot-chart-content {
width: 100%;
height: 100%;
}
/* Custom Colored Panels */
.huge {
font-size: 40px;
}
.panel-green {
border-color: #5cb85c;
}
.panel-green > .panel-heading {
border-color: #5cb85c;
color: #fff;
background-color: #5cb85c;
}
.panel-green > a {
color: #5cb85c;
}
.panel-green > a:hover {
color: #3d8b3d;
}
.panel-red {
border-color: #d9534f;
}
.panel-red > .panel-heading {
border-color: #d9534f;
color: #fff;
background-color: #d9534f;
}
.panel-red > a {
color: #d9534f;
}
.panel-red > a:hover {
color: #b52b27;
}
.panel-yellow {
border-color: #f0ad4e;
}
.panel-yellow > .panel-heading {
border-color: #f0ad4e;
color: #fff;
background-color: #f0ad4e;
}
.panel-yellow > a {
color: #f0ad4e;
}
.panel-yellow > a:hover {
color: #df8a13;
}
.side-nav{
background-color:#025c86;
}
.collapse, .navbar-collapse, .navbar-ex1-collapse{
background-color:#4066ad;
}
.navbar-inverse .navbar-brand {
color: #00aeff;
}
.navbar-inverse .navbar-nav > li > a {
color: #00aeff;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
background-color: #00aeff;
color: #fff;
}
.has-success .form-control {
border-color: #e1e3e5;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}
.has-success .form-control:focus {
border-color: #e1e3e5;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 6px #025c86;
}
.has-success .checkbox, .has-success .checkbox-inline, .has-success .control-label, .has-success .help-block, .has-success .radio, .has-success .radio-inline, .has-success.checkbox label, .has-success.checkbox-inline label, .has-success.radio label, .has-success.radio-inline label {
color: #777;
}
nav .footer-bootom{
background-color: #4066ad;
}
/* Default styling for jQuery Datepicker v5.0.1. */
.datepick {
background-color: #b568fc;
color: #000;
border: 1px solid #9579fc;
border-radius: 0.25em;
-moz-border-radius: 0.25em;
-webkit-border-radius: 0.25em;
font-family: Arial,Helvetica,Sans-serif;
font-size: 90%;
}
.datepick-rtl {
direction: rtl;
}
.datepick-popup {
z-index: 1000;
}
.datepick-disable {
position: absolute;
z-index: 100;
background-color: white;
opacity: 0.5;
filter: alpha(opacity=50);
}
.datepick a {
color: #fff;
text-decoration: none;
}
.datepick a.datepick-disabled {
color: #888;
cursor: auto;
}
.datepick button {
margin: 0.25em;
padding: 0.125em 0em;
background-color: #fcc;
border: none;
border-radius: 0.25em;
-moz-border-radius: 0.25em;
-webkit-border-radius: 0.25em;
font-weight: bold;
}
.datepick-nav, .datepick-ctrl {
float: left;
width: 100%;
background-color: blueviolet;
color: #fff;
font-size: 90%;
font-weight: bold;
}
.datepick-ctrl {
background-color: #6238FC;
}
.datepick-cmd {
width: 30%;
}
.datepick-cmd:hover {
background-color: #9579fc;
}
.datepick-ctrl .datepick-cmd:hover {
background-color: #9579fc;
}
.datepick-cmd-prevJump, .datepick-cmd-nextJump {
width: 8%;
}
a.datepick-cmd {
height: 1.5em;
}
button.datepick-cmd {
text-align: center;
}
.datepick-cmd-prev, .datepick-cmd-prevJump, .datepick-cmd-clear {
float: left;
padding-left: 2%;
}
.datepick-cmd-current, .datepick-cmd-today {
float: left;
width: 35%;
text-align: center;
}
.datepick-cmd-next, .datepick-cmd-nextJump, .datepick-cmd-close {
float: right;
padding-right: 2%;
text-align: right;
}
.datepick-rtl .datepick-cmd-prev, .datepick-rtl .datepick-cmd-prevJump,
.datepick-rtl .datepick-cmd-clear {
float: right;
padding-left: 0%;
padding-right: 2%;
text-align: right;
}
.datepick-rtl .datepick-cmd-current, .datepick-rtl .datepick-cmd-today {
float: right;
}
.datepick-rtl .datepick-cmd-next, .datepick-rtl .datepick-cmd-nextJump,
.datepick-rtl .datepick-cmd-close {
float: left;
padding-left: 2%;
padding-right: 0%;
text-align: left;
}
.datepick-month-nav {
float: left;
background-color: #777;
text-align: center;
}
.datepick-month-nav div {
float: left;
width: 12.5%;
margin: 1%;
padding: 1%;
}
.datepick-month-nav span {
color: #888;
}
.datepick-month-row {
clear: left;
}
.datepick-month {
float: left;
width: 15em;
border: 1px solid #b568fc;
text-align: center;
}
.datepick-month-header, .datepick-month-header select, .datepick-month-header input {
height: 1.5em;
background-color: #b568fc;
color: #fff;
font-weight: bold;
}
.datepick-month-header select, .datepick-month-header input {
height: 1.4em;
margin: 0em;
padding: 0em;
border: none;
font-size: 100%;
}
.datepick-month-header input {
position: absolute;
display: none;
}
.datepick-month table {
width: 100%;
border-collapse: collapse;
}
.datepick-month thead {
border-bottom: 1px solid #aaa;
}
.datepick-month th, .datepick-month td {
margin: 0em;
padding: 0em;
font-weight: normal;
text-align: center;
}
.datepick-month th {
border: 1px solid #777;
}
.datepick-month th, .datepick-month th a {
background-color: #d2a2ff;
color: #fff;
}
.datepick-month td {
background-color: #eee;
border: 1px solid #aaa;
}
.datepick-month td.datepick-week {
border: 1px solid #777;
}
.datepick-month td.datepick-week * {
background-color: #777;
color: #fff;
border: none;
}
.datepick-month a {
display: block;
width: 100%;
padding: 0.125em 0em;
background-color: #eee;
color: #000;
text-decoration: none;
}
.datepick-month span {
display: block;
width: 100%;
padding: 0.125em 0em;
}
.datepick-month td span {
color: #888;
}
.datepick-month td .datepick-other-month {
background-color: #fff;
}
.datepick-month td .datepick-weekend {
background-color: #ddd;
}
.datepick-month td .datepick-today {
background-color: #9579fc;
color:#fff;
}
.datepick-month td .datepick-highlight {
background-color: #9579fc;
color:#fff;
}
.datepick-month td .datepick-selected {
background-color: #777;
color: #fff;
}
.datepick-month th.datepick-week {
background-color: #777;
color: #fff;
}
.datepick-status {
clear: both;
background-color: #ddd;
text-align: center;
}
.datepick-clear-fix {
clear: both;
}
html,
body {
height: 100%;
}
body {
/*padding-top: 50px; *//* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}
.img-portfolio {
margin-bottom: 30px;
}
.img-hover:hover {
opacity: 0.8;
}
/* Home Page Carousel */
header.carousel {
height: 50%;
}
header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
height: 100%;
}
header.carousel .fill {
width: 100%;
height: 100%;
background-position: center;
background-size: cover;
}
/* 404 Page Styles */
.error-404 {
font-size: 100px;
}
/* Pricing Page Styles */
.price {
display: block;
font-size: 50px;
line-height: 50px;
}
.price sup {
top: -20px;
left: 2px;
font-size: 20px;
}
.period {
display: block;
font-style: italic;
}
/* Footer Styles */
footer {
margin: 50px 0;
}
/* Responsive Styles */
@media(max-width:991px) {
.customer-img,
.img-related {
margin-bottom: 30px;
}
}
@media(max-width:767px) {
.img-portfolio {
margin-bottom: 15px;
}
header.carousel .carousel {
height: 70%;
}
}
<!--mycode------------->
.row ul li a {
color: #000000 !important;
text-decoration: none;
}
.col-lg-4 p a{
color: #606060;
text-decoration:none;
}
.col-lg-4 p a:hover{
color: #878785;
text-decoration:none;
}
.border-box {
/*border:#FFF 1px dashed;
padding-top:20px;
padding-bottom:10px;*/
}
.custom-bullet li {
display: block;
}
.custom-bullet li:before
{
/*Using a Bootstrap glyphicon as the bullet point*/
content: "\e080";
font-family: 'Glyphicons Halflings';
font-size: 9px;
float: left;
margin-top: 2px;
margin-left: -17px;
color:#FF595C;
}
.panel-body .custom-bullet li:before
{
/*Using a Bootstrap glyphicon as the bullet point*/
content: "\e080";
font-family: 'Glyphicons Halflings';
font-size: 9px;
float: left;
margin-top: 3px;
margin-left: -17px;
color:#FF595C;
}
.border-box h4{
/*color:#fff;*/
}
.navbar-inverse {
background-color: blueviolet;
border:none;
}
div.navbar-inverse {
background-color: #ebeae0;
border-color:#ffffff;
}
.navbar-inverse .navbar-brand {
color: #ffffff;
}
.navbar-inverse .navbar-brand:hover {
color: #cacaca;
}
.navbar-inverse .navbar-nav > li > a {
font-size:11px;
color: #fff;
}
.nav > li > a:focus {
background-color: #f0ede4;
color:#000;
}
.navbar_li_a{
/*line-height: 4px !important;*/
}
.navbar-inverse .navbar-nav > li > a:hover {
color: #cacaca;
}
.panel-default > .panel-heading {
background-color: #f5f5f5;
border-color: #ddd;
color: #333;
}
.panel-body p{
padding-left:25px;
/*color:#d1d1d1;*/
}
.col-md-10 .panel-default{
background-color: #e7e7df !important;
min-height:20px;
}
/*.navbar_li_a{
max-height:30px !important;
position:relative;
}*/
.btn-default{
font-size:11px;
background-color: #b29af8;
background-image: linear-gradient(to bottom, #b29af8, #9174ed);
border: 1px solid #8a66f4;
border-radius: 3px;
color: #ffffff;
display: inline-block;
text-decoration: none;
text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
}
.btn-default:hover{
background-color:#acd9ff;
color:#fff;
}
.para{
margin-left:10px;
margin-top:2px;
font-weight:bold;
}
.nor-font .height-form{
height: 25px;
}
.nor-font label{
font-weight:normal;
}
.navbar-header a img{
margin-top:-10px;
margin-left:100px;
}
footer{
margin:0px;
}
footer .text-justify{
margin-bottom:20px;
}
footer .text-justify a{
color:#606060;
}
footer .text-justify a:hover{
color:#878785;
text-decoration: none;
}
.navbar .border-box .row{
font-size:11px;
margin-top:25px;
}
.col-md-10 .panel-default {
max-height: 25px;
}
.panel-default .panel-heading{
max-height:40px;
}
.panel-default .panel-heading h4{
margin-top:0px;
}
.outerborder{
padding-right: 0px;
padding-left: 0px;
border: 1px solid #fff;
padding-bottom: 10px;
border-color: #f7f7f4;
margin-bottom:15px;
}
.outerborder .panel{
margin-bottom:10px;
}
.formrow{
background-color: transparent;
clear: both;
margin: 2px;
padding-top: 5px;
color: #000;
font-size: 12px;
}
.footer-hed{
font-weight:bold;
}
.border-box .text-justify{
font-size:11px;
}
.footer-setting{
margin-top:50px;
}
hr{margin:0px;}
.tg {border-collapse:collapse;border-spacing:0;}
.tg td{font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}
.tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:bold;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}
.tg .tg-yw4l{vertical-align:top}
<div class="navbar navbar-inverse footer-setting" style="margin-bottom:0px;">
<footer class="container border-box">
<div class="row">
<div class="col-lg-4">
<div class="col-lg-12">
<h6 class="footer-hed">Customer Service</h6>
<p class="pull-left"><a target="_blank" href="http://www.digibank.gov.in/complaints/customer-care.html" title="Safe Banking">Customer Care Numbers</a></p>
</div>
<div class="col-lg-12"></div>
<div class="col-lg-12">
<h6 class="footer-hed">Customer Service</h6>
<p class="pull-left"><a target="_blank" href="http://www.digibank.gov.in/online-safe-banking/index.html" title="Safe Banking" >Safe Banking</a> | <a target="_blank" href="http://www.digibank.gov.in/go-green/Index.html" title="Go Green">Go Green</a></p>
</div>
</div>
<div class="col-lg-4">
<h6 class="text-center footer-hed">Useful Link</h6>
<p class="text-center" style="text-align:justify"><a target="_blank" href="https://Digibank.co.in/BANKAWAY?Action.RetriveUserId.Acct.first=Y&folderId=AL&AppSignonBankId=ICI&AppType=corporate&abrdPrf=N" title="Get User ID">Get User ID</a> | <a target="_blank" href="http://www.digibank.gov.in/Personal-Banking/insta-banking/insta-index.html" title="Ways To Bank">Ways To Bank</a> | <a target="_blank" href="http://www.digibank.gov.in/Personal-Banking/insta-banking/internet-banking/index.html" title="Online Banking">Online Banking</a> |
<a target="_blank" href="http://www.digibank.gov.in/Personal-Banking/account-deposit/savings-account/index.html" title="Savings Account">Savings Account</a> | <a target="_blank" href="http://www.digibank.gov.in/Personal-Banking/investments/ppf/ppf.html" title="PPF">PPF</a> | <a target="_blank" href="http://www.digibank.gov.in/financial-tools/index.html" title="Personal Finance Tools">Personal Finance Tools</a> |
<a target="_blank" href="http://www.digibank.gov.in/form-center.html" title="Form Center">Form Center</a> | <a target="_blank" href="http://www.digibank.gov.in/Personal-Banking/investments/Digi-bank-pure-gold/gold-rate.html" title="Gold Rate Today">Gold Rate Today</a> | <a target="_blank" href="http://www.digibank.gov.in/media-gallery/media-gallery.html" title="Media Gallery">Media Gallery</a> | <a target="_blank" href="http://www.digibank.gov.in/Personal-Banking/credit-card/credit-cards.html" title="Credit Card">Credit Card</a>
</p>
</div>
<div class="col-lg-4">
<h6 class="pull-right footer-hed" style="padding-right:10px;">Visit Other DGI Bank Sites</h6>
<p class="pull-right" style="text-align: justify"><a target="_blank" href="http://www.Digigroupcompanies.com/" title="DIGI Group">DIGI Group</a> | <a target="_blank" href="http://www.Digifoundation.org/" title="DIGI Foundation">DIGI Foundation</a> |
<a target="_blank" href="https://www.Digilombard.com/" title="DIGI Lombard General Insurance">DIGI Lombard General Insurance</a> |
<a target="_blank" href="http://www.iseconline.com/" title="DIGI Securities">DIGI Securities</a> |
<a target="_blank" href="http://www.Digiprulife.com/public/default.htm" title="DIGI Prudential Life Insurance">DIGI Prudential Life Insurance</a> |
<a target="_blank" href="http://www.Digipruamc.com/Homepage.aspx" title="DIGI Prudential AMC">DIGI Prudential AMC</a> |
<a target="_blank" href="http://www.Digiventure.com/" title="DIGI Venture">DIGI Venture</a> | <a target="_blank" href="http://content.Digidirect.com/newsitecontent/Home/Home.asp" title="DIGI Direct">DIGI Direct</a> |
<a target="_blank" href="http://dishafc.org/" title="DISHA Financial Counselling">DISHA Financial Counselling</a> |
<a target="_blank" href="http://www.Digihfc.com/" title="DIGI Home Finance">DIGI Home Finance</a></p>
</div>
</div>
<div class="col-lg-12">
<p class="text-justify">
<a target="_blank" href="http://www.digibank.gov.in/terms-condition/terms-and-conditions.html" title="Terms & Conditions">Terms & Conditions</a> | <a target="_blank" href="http://www.digibank.gov.in/interest-rates.html" title="Interest Rates">Interest Rates</a> | <a target="_blank" href="http://www.digibank.gov.in/service-charges/service-charges.html" title="Service Charges & Fees">Service Charges & Fees</a> | <a target="_blank" href="http://www.digibank.gov.in/do-not-call.html" title="Do Not Call Registry">Do Not Call Registry</a> | <a target="_blank" href="http://www.digibank.gov.in/disclaimer.html" title="Disclaimer">Disclaimer</a> | <a target="_blank" href="http://www.digibank.gov.in/multilingual-disclaimer.html" title="Multilingual Disclaimer">Multilingual Disclaimer</a> | <a target="_blank" href="http://www.digibank.gov.in/code-of-commitment.html" title="Code of Commitment">Code of Commitment</a> | <a target="_blank" href="http://www.digibank.gov.in/aboutus/pdf/code_of_business_conduct_ethics.pdf" title="Group Code of Business Conduct and Ethics">Group Code of Business Conduct and Ethics</a> | <a target="_blank" href="http://www.digibank.gov.in/aboutus/invest-disclosure.html" title="Basel II Disclosures">Basel II Disclosures</a> | <a target="_blank" href="http://www.digibank.gov.in/notice-board.html" title="Notice Board">Notice Board</a> | <a target="_blank" href="http://www.digibank.gov.in/unparliamentary-language-by-customers.html" title="Use of Unparliamentary Language by Customers">Use of Unparliamentary Language by Customers</a> | <a target="_blank" href="http://www.digibank.gov.in/privacy.html" title="Privacy">Privacy</a> | <a target="_blank" href="http://www.digibank.gov.in/usa-patriot-act-certification.html" title="USA Patriot Act Certification">USA Patriot Act Certification</a> </p>
</div>
</footer>
</div>
<script language="javascript" charset="UTF-8" type="text/javascript" src="js/stats.js"></script>
<!-- /.container -->
<!-- jQuery -->
<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.min.js"></script>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<title>Bank Demo</title>
<!-- Bootstrap Core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Custom CSS -->
<link href="css/style.css" rel="stylesheet">
<!-- Custom Fonts -->
<link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<style>
@media (min-width: 768px){
.navbar-nav>li>a {
font-size:11px;
padding-top: 8px;
padding-bottom: 0px;
color: #fff;
padding-bottom: 8px;
}
.navbar-nav>li>a:hover{ color: #000; background-color:#f0ede4;}
}
</style>
</head>
<body>
<!-- Navigation -->
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html"><img src="images/digibank.png"></a>
</div>
</div>
<nav role="navigation" style="background-color: blueviolet; margin-bottom: 15px;height: 35px; position: relative;" >
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-left ">
<li>
<a href="index.php">LINK TO DIGILOCKER</a>
</li>
<li>
<a target="_blank" href="loanapproval.php">APPLY FOR LOAN</a>
</li>
<li>
<a target="_blank" href="accountstatement.php">ACCOUNT STATEMENT</a>
</li>
<li>
<a target="_blank" href="link_document.php">LINK-DOC INDRESH</a>
</li>
<li>
<a target="_blank" href="index_indresh.php">LINK-DLOCK INDRESH</a>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container -->
</nav>
PNG