<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 ---------->
<link href="gama/templates/gama/assets/css/custom.css" rel="stylesheet" media="only screen and (min-width: 990px)">
<link rel="stylesheet" href="https://www.applykaroo.com/css/style.css">
<div class="container">
<header id="fh5co-header-section" class="sticky-banner"><meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<div class="container">
<div class="nav-header pyro"><div class="before"></div>
<div class="after"></div>
<a href="javascript:void();" class="js-fh5co-nav-toggle fh5co-nav-toggle dark"><i></i></a>
<a href="/" id=""><img src="https://www.applykaroo.com/images/applylogo.png" alt="logo"></a>
<nav id="fh5co-menu-wrap" role="navigation">
<ul class="sf-menu" id="fh5co-primary-menu">
<li class=""><a href="/">Home</a></li>
<li><a href="credit-cards">Credit Cards</a></li>
<li><a href="insurances">Insurances</a></li>
<li><a href="loans">Loans</a></li>
<li>
<a href="/register.php" class="fh5co-sub-ddown"> Register </a>
</li>
</ul>
</nav>
</div>
</div>
</header>
<div class="divmainboxf">
<h5>Hello Nilesh,</h5>
<center> <img style="margin-left: -45%;
height: 140px;" class="text-left" src="https://www.applykaroo.com/assets/sc/meter.png"/>
</center>
<div class="row">
<div class="col-md-12 newsalertmain">
<h5 style="margin-left:14%;color:#35a14b"> <img style="height:70px" src="https://www.applykaroo.com/assets/newdash/91579-notification.gif"/>New changes In report</h5>
</div>
</div>
</div>
<hr>
<h3 class="text-left"> <img src="https://creditreport.paisabazaar.com/images/graph_v3.svg"/> Score Improvement Plan</h3> <hr>
<div class="divmainbox">
<div class="row text-center">
<div class="col-2"> <img src="https://www.applykaroo.com/assets/sip.png"/></div>
<h2 class="text-left">PAVE YOUR WAY TO HIGHER YOUR CREDIT SCORE</h2>
</div>
<div class="row">
<div class="col-md-6">
<img src="https://www.applykaroo.com/assets/li4.png"/>
<b>POWER TO NEGOTIATE</b>
</div>
<div class="col-md-6">
<img src="https://www.applykaroo.com/assets/li3.png"/>
<b>LEARN CREDIT DICPLINE</b>
</div>
</div>
<div class="row">
<div class="col-md-6">
<img src="https://www.applykaroo.com/assets/li2.png"/>
<b>HIGHER CREDIT LIMIT APPROVAL</b>
</div>
<div class="col-md-6">
<img src="https://www.applykaroo.com/assets/li1.png"/>
<b>AFFORDABLE INTREST RATES</b>
</div>
</div>
<div class="row ">
<div class="col-md-12">
<center> <button type="submit" class="btn btn-success buttonapk "> Grab It now </button>
</center>
</div>
</div>
</div>
<br>
<h3 class="text-left"> <img src="https://creditreport.paisabazaar.com/images/reward.svg"/> Personalized Offers For You </h3> <hr>
<div class="row">
<div class="col-sm-3 sepdiv">
<div class="col-sm-12 sepdivhead">
<h5 class="text-center">Pre Approved Loan </h5>
</div>
<div>
<img src="https://applykaroo.com/assets/images/icici.png"/>
<br>
<br>
<i><h5>Hassle Free personal loan upto 32 lakh </h5></i>
<ul class="dashed">
<li>Intrest free loan</li>
<li>Paperless process</li>
<li>Intrest free loan</li>
<li>Paperless process</li>
</ul>
</div>
<div class="row ">
<div div class="col-md-12">
<center> <button type="submit" class="btn btn-success buttonapk "> Grab It now </button>
</center>
<br>
</div>
</div>
</div>
<div class="col-sm-3 sepdiv">
<div class="col-sm-12 sepdivhead">
<h5 class="text-center">Pre Approved Loan </h5>
</div>
<div>
<img height= "53" src="https://applykaroo.com/assets/images/axis.png"/>
<br>
<br>
<i><h5>Hassle Free personal loan upto 32 lakh </h5></i>
<ul class="dashed">
<li>Intrest free loan</li>
<li>Paperless process</li>
<li>Intrest free loan</li>
<li>Paperless process</li>
</ul>
</div>
<div class="row ">
<div div class="col-md-12">
<center> <button type="submit" class="btn btn-success buttonapk "> Grab It now </button>
</center>
<br>
</div>
</div>
</div>
<div class="col-sm-3 sepdiv">
<div class="col-sm-12 sepdivhead">
<h5 class="text-center">Pre Approved Loan </h5>
</div>
<div>
<img src="https://applykaroo.com/assets/images/fino.png"/>
<br>
<br>
<i><h5>Hassle Free personal loan upto 32 lakh </h5></i>
<ul class="dashed">
<li>Intrest free loan</li>
<li>Paperless process</li>
<li>Intrest free loan</li>
<li>Paperless process</li>
</ul>
</div>
<div class="row ">
<div div class="col-md-12">
<center> <button type="submit" class="btn btn-success buttonapk "> Grab It now </button>
</center>
<br>
</div>
</div>
</div>
<div class="col-sm-3 sepdiv">
<div class="col-sm-12 sepdivhead">
<h5 class="text-center">Pre Approved Loan </h5>
</div>
<div>
<img class="banklogo" src="https://applykaroo.com/assets/images/hdfc.png"/>
<br>
<br>
<i><h5>Hassle Free personal loan upto 32 lakh </h5></i>
<ul class="dashed">
<li>Intrest free loan</li>
<li>Paperless process</li>
<li>Intrest free loan</li>
<li>Paperless process</li>
</ul>
</div>
<div class="row ">
<div div class="col-md-12">
<center> <button type="submit" class="btn btn-success buttonapk "> Grab It now </button>
</center>
<br>
</div>
</div>
</div>
</div>
<br>
<h3 class="text-left"> <img src="https://creditreport.paisabazaar.com/images/graph_v3.svg"/> Credit Factors </h3> <hr>
<div class="row">
<div class="col-md-6">
<a href="">
<div class="cfl">
<img src="https://www.applykaroo.com/assets/factor-10.svg"/>
<b>Credit History</b>
(<b>3 yaer old</b>)
<span style="color: #ffffff;background-color: #4caf50;float: right;" class="badge badge rounded-pill badge-soft-success">High Impact </span>
</div>
</a>
</div>
<div class="col-md-6">
<a href="">
<div class="cfl">
<img src="https://www.applykaroo.com/assets/factor-11.svg"/>
<b>Credit Utilization </b>
<span style="color: #ffffff;background-color: #4caf50;float: right;" class="badge badge rounded-pill badge-soft-success">High Impact </span>
</div>
</a>
</div>
</div>
<br>
<div class="row">
<div class="col-md-6">
<a href="">
<div class="cfl">
<img src="https://www.applykaroo.com/assets/factor-10.svg"/>
<b> Total Accounts (4 Account Found)</b>
<span style="color: #ffffff;background-color: #4caf50;float: right;" class="badge badge rounded-pill badge-soft-success">High Impact </span>
</div>
</a>
</div>
<div class="col-md-6">
<a href="">
<div class="cfl">
<img src="https://www.applykaroo.com/assets/factor-09.svg"/>
<b>AFFORDABLE INTREST RATES</b>
<span style="color: #ffffff;background-color: #4caf50;float: right;" class="badge badge rounded-pill badge-soft-success">High Impact </span>
</div>
</a>
</div>
</div>
<br>
<div class="row">
<div class="col-md-6">
<a href="">
<div class="cfl">
<img src="https://www.applykaroo.com/assets/factor-08.svg"/>
<b>HIGHER CREDIT LIMIT APPROVAL</b>
<span style="color: #ffffff;background-color: #4caf50;float: right;" class="badge badge rounded-pill badge-soft-success">High Impact </span>
</div>
</a>
</div>
<div class="col-md-6">
<a href="">
<div class="cfl">
<img src="https://www.applykaroo.com/assets/factor-07.svg"/>
<b>AFFORDABLE INTREST RATES</b>
<span style="color: #ffffff;background-color: #4caf50;float: right;" class="badge badge rounded-pill badge-soft-success">High Impact </span>
</div>
</a>
</div>
</div>
<br>
</div>
<div class="bottom section-padding">
<div class="container">
<div class="row">
<div class="col-md-12 text-center">
<div class="copyright">
<p>© <span>2018</span> <a href="#" class="transition">Applykaroo</a> All rights reserved.</p>
</div>
</div>
</div>
</div>
</div>
</div>
.sf-menu{
list-style:none;
}
#fh5co-menu-wrap {
position: relative;
z-index: 2;
display: block;
float: right;
margin-top: 9px;
}
.sf-menu li, .sf-menu ul li, .sf-menu ul ul li, .sf-menu li:hover, .sf-menu li.sfHover {
background: transparent;
}
.sf-menu li {
background: #bdd2ff;
white-space: nowrap;
*white-space: normal;
-webkit-transition: background .2s;
transition: background .2s;
}
.sf-menu>li {
float: left;
}
.sf-menu {
float: right;
}
.sf-menu {
margin: 7px 0 0 0!important;
}
.nav-header {
position: relative;
float: left;
width: 100%;
}
.fh5co-nav-toggle {
cursor: pointer;
text-decoration: none;
}
.fh5co-nav-toggle {
position: absolute;
top: 0;
right: 0;
z-index: 9999;
display: block;
margin: 0 auto;
display: none;
cursor: pointer;
}
.sepdivhead{
height:40px;
background-color:#f76c02;
color:white;
}
.sepdiv{
background-color:white;
box-shadow: 10px 10px 10px 10px rgba(1,0,0,0.1)!important;
}
.cfl img{
height:100px;
width:50px;
}
.sepdivhead {
border-radius: 7px;
}
.cfl b{
color: black;
}
.cfl{
border-radius:15px;
background-color:white;
box-shadow: 10px 10px 10px 10px rgba(1,0,0,0.1)!important;
}
.divmainboxf{
box-shadow: 10px 10px 10px 10px rgba(1,0,0,0.1)!important;
}
.sepdivhead h5 {
margin-top: 4%;
}
.sepdiv img{
margin-top: 5%;
max-width: 254px;
height: 46px;
}
.divmainboxf h5{
margin-left:10%;
}
.dashed{
list-style-type: '\27F9';
}
.dashed li{
margin-top: 5%;
}
.col-sm-6cfl.box-shadoww {
max-height: 221px;
float:left;
}
.col-sm-6cfr.box-shadoww {
max-height: 221px;
float:right;
}
.alertdiv{
padding:15px;
border-right:1px solid gray;
border-left:1px solid gray;
}
.alertdiv{
margin-left:-100px;
}
/* Thick red border */
hr.new4 {
border: 1px solid red;
}
.divmainbox{
margin-top:1%;
height:270px;
border-radius: 7px;
background-color:#feeddf;
box-shadow: 10px 10px 10px 10px rgba(1,0,0,0.1)!important;
}
.container h3{
color:#ed4b97;
}
.cfdiv{
box-shadow: 10px 10px 10px 10px rgba(1,0,0,0.1)!important;
height:70px;
background-color:white;
border-radius:15px;
}
.container h2{
/*border-bottom:1px solid #000;*/
}
.divmainbox h2{
margin-left:-4%;
margin-top:2%;
}
.divmainbox img{
margin-top:10px;
}
.col-md-6 img{
margin-left:10%;
}
.col-sm-1cfl {
width: 2%;
}
.col-md-12 button{
margin-top:3%;
}
.box-shadoww{
box-shadow: 10px 10px 10px 10px rgba(1,0,0,0.1)!important;
}
.buttonapk{
box-shadow: 10px 10px 10px 10px rgba(1,0,0,0.1)!important;
border-color:#f76c02;
background-color:#f76c02;
}