Scribd
Upload
4 views26 pages

HTMLLL

The document is an HTML template for a website titled 'Secure Life', which offers mobile recharge and bill payment services. It includes various sections such as a navigation menu, service offerings, and promotional content, along with links to important external resources. The page is designed to be responsive and utilizes multiple JavaScript libraries and CSS styles for functionality and aesthetics.

Uploaded by

aritrabiswas886
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
4 views26 pages

HTMLLL

The document is an HTML template for a website titled 'Secure Life', which offers mobile recharge and bill payment services. It includes various sections such as a navigation menu, service offerings, and promotional content, along with links to important external resources. The page is designed to be responsive and utilizes multiple JavaScript libraries and CSS styles for functionality and aesthetics.

Uploaded by

aritrabiswas886
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 26

<!

DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" ng-app="myApp">
<head>
<title>Secure life</title>

<meta name="viewport" content="width=device-width,initial-scale=1.0"/>


<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta content="en-us" http-equiv="Content-Language"/>
<meta content="text/html; charset=windows-1252" http-equiv="Content-Type"/>
<meta name="description" content="Hurbo Drugs" />
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width,initial-scale=1.0"/>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1"/>
<meta name="ROBOTS" content="INDEX, FOLLOW, ARCHIVE"/>
<meta name="google-site-verification"
content="drdXOFKmPRFR85gZuYDoBIHffKZyHsbk_Mkv-CMVxsg"/>

<link rel="stylesheet" href="/Scripts/lib/bootstrap/css/bootstrap.min.css"/>


<!-- Font Awesome -->
<link rel="stylesheet" href="/Scripts/lib/bootstrap/fonts/font-awesome.min.css"/>
<!-- Ionicons -->
<link rel="stylesheet" href="/Scripts/lib/bootstrap/fonts/ionicons.min.css"/>
<!-- Theme style -->
<link rel="stylesheet" href="/Scripts/lib/dist/css/AdminLTE.min.css"/>
<link rel="stylesheet" href="/Scripts/lib/plugins/datepicker/datepicker3.css"/>
<link rel="stylesheet" href="/Scripts/lib/plugins/Jq-Grid/CSS/ui.jqgrid-
bootstrap.css"/>
<link rel="stylesheet" href="/Scripts/lib/dist/css/skins/_all-skins.min.css"/>
<link rel="stylesheet" href="/Scripts/lib/plugins/select2/select.min.css"/>
<link rel="stylesheet" href="/Scripts/lib/plugins/select2/select2.css"/>
<link rel="stylesheet" href="/Scripts/lib/plugins/select2/selectize.css"/>
<link rel="stylesheet" href="/Scripts/lib/plugins/ui-grid/ui-grid.min.css"/>
<link rel="stylesheet" href="/Scripts/CSS/app.css"/>
<!--[if lt IE 9]>
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/es5-shim/2.2.0/es5-
shim.js"></script>
<script>
document.createElement('ui-select');
document.createElement('ui-select-match');
document.createElement('ui-select-choices');
</script>
<![endif]-->
<script type="text/javascript" src="/Scripts/lib/plugins/jQuery/jquery-
2.2.3.min.js"></script>
<script type="text/javascript"
src="/Scripts/lib/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript"
src="/Scripts/lib/plugins/jQuery/moment.min.js"></script>

<script type="text/javascript"
src="/Scripts/lib/plugins/Angular/angular.min.js"></script>
<script type="text/javascript" src="/Scripts/lib/plugins/Angular/Plugin/angular-
animate.min.js"></script>
<script type="text/javascript" src="/Scripts/lib/plugins/Angular/Plugin/angular-
aria.min.js"></script>
<script type="text/javascript" src="/Scripts/lib/plugins/Angular/Plugin/angular-
confirm.min.js"></script>
<script type="text/javascript" src="/Scripts/lib/plugins/Angular/Plugin/angular-
cookies.min.js"></script>
<script type="text/javascript" src="/Scripts/lib/plugins/Angular/Plugin/angular-
loader.min.js"></script>
<script type="text/javascript" src="/Scripts/lib/plugins/Angular/Plugin/angular-
messages.min.js"></script>
<script type="text/javascript" src="/Scripts/lib/plugins/Angular/Plugin/angular-
message-format.min.js"></script>
<script type="text/javascript" src="/Scripts/lib/plugins/Angular/Plugin/angular-
animate.min.js"></script>
<script type="text/javascript" src="/Scripts/lib/plugins/Angular/Plugin/angular-
parse-ext.min.js"></script>
<script type="text/javascript" src="/Scripts/lib/plugins/Angular/Plugin/angular-
resource.min.js"></script>
<script type="text/javascript" src="/Scripts/lib/plugins/Angular/Plugin/angular-
route.min.js"></script>
<script type="text/javascript" src="/Scripts/lib/plugins/Angular/Plugin/angular-
sanitize.min.js"></script>
<script type="text/javascript" src="/Scripts/lib/plugins/Angular/Plugin/angular-
scenario.js"></script>
<script type="text/javascript" src="/Scripts/lib/plugins/Angular/Plugin/angular-
touch.min.js"></script>
<script type="text/javascript"
src="/Scripts/lib/plugins/Angular/Plugin/i18n/ngLocale/angular-locale_en.js"></
script>
<script type="text/javascript" src="/Scripts/lib/plugins/Angular/Plugin/ui-
bootstrap-tpls-1.3.2.min.js"></script>
<script type="text/javascript" src="/Scripts/lib/plugins/Angular/Plugin/ng-file-
upload-all.js"></script>
<script type="text/javascript"
src="/Scripts/lib/plugins/Angular/Plugin/select2.js"></script>
<script type="text/javascript" src="/Scripts/lib/plugins/ui-grid/ui-
grid.min.js"></script>

<!-- jQuery UI 1.11.4 -->

<!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->

<!-- Bootstrap 3.3.6 -->


<script type="text/javascript" src="/Scripts/lib/plugins/datepicker/bootstrap-
datepicker.js"></script>
<script type="text/javascript"
src="/Scripts/lib/plugins/Jq-Grid/jquery.jqGrid.min.js"></script>
<script type="text/javascript" src="/Scripts/lib/plugins/Jq-Grid/i18n/grid.locale-
en.js"></script>
<script type="text/javascript"
src="/Scripts/lib/plugins/ckeditor/ckeditor.js"></script>

<script type="text/javascript" src="/Scripts/lib/dist/js/app.min.js"></script>

<script type="text/javascript"
src="/Scripts/lib/plugins/select2/select.min.js"></script>
<script type="text/javascript" src="/Scripts/Global.js"></script>

<link href="/css/custom.css" rel="stylesheet" type="text/css">


<link href="https://fonts.googleapis.com/css?family=Open+Sans|Roboto"
rel="stylesheet">
<link rel="stylesheet" type="text/css" href="/css/slick.css"/>
<link rel="stylesheet" type="text/css" href="/css/slick-theme.css"/>
<link rel="stylesheet"
href="../cdn.jsdelivr.net/animatecss/3.4.0/animate.min.css"/>
<link rel="stylesheet" href="/css/morphext.css">

<style>
.lat-news{font-size: 18px;
position: relative;
top: -2px;
padding: 4px 10px;
color: #ffffff;
font-weight: bold;
background: #fa6e19;}
.downl_a i{font-size: initial;color: #5780e9;}
.cursurDef{cursor: default;}
a:focus, a:hover{text-decoration:none !important;}
</style>
<script>
$(document).ready(function () {
$('.operator_anc_nav').click(function () {
var operator = $(this).attr('id');
//alert(operator);
$('.operator_anc_nav').removeClass('active_nav');
$(this).addClass('active_nav');
$('.recharge_options').hide();
$('.' + operator).show();
});

//form select change


$('.recharge_operators_list img').click(function () {
var mobile_oper = $(this).attr('alt');
//alert(mobile_oper);
//$('#operator').val($(this).data('val')).trigger('change');
$('#operator').val(mobile_oper).trigger('change');
$('html, body').animate({
scrollTop: $(".padg-0").offset().top
}, 2000);
});

//move to download app


$('#downloadCustomerApps').click(function () {
//alert('t4u-apps');
$('html, body').animate({
scrollTop: $(".t4u-apps").offset().top
}, 2000);
});
});

</script>
<script>

(function ($) {

//Function to animate slider captions


function doAnimations(elems) {
//Cache the animationend event in a variable
var animEndEv = 'webkitAnimationEnd animationend';

elems.each(function () {
var $this = $(this),
$animationType = $this.data('animation');
$this.addClass($animationType).one(animEndEv, function () {
$this.removeClass($animationType);
});
});
}

//Variables on page load


var $myCarousel = $('#carousel-example-generic'),
$firstAnimatingElems = $myCarousel.find('.item:first').find("[data-
animation ^= 'animated']");

//Initialize carousel
$myCarousel.carousel();

//Animate captions in first slide on page load


doAnimations($firstAnimatingElems);

//Pause carousel
$myCarousel.carousel('pause');

//Other slides to be animated on carousel slide event


$myCarousel.on('slide.bs.carousel', function (e) {
var $animatingElems = $(e.relatedTarget).find("[data-animation ^=
'animated']");
doAnimations($animatingElems);
});
$('#carousel-example-generic').carousel({
interval: 3000,
pause: "false"
});

})(jQuery);

</script>
<script src="../maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></
script>
<script src="js/custom.js"></script>
<!-- jQuery first, then tether, then Bootstrap Material Design JS. -->
<script src="../cdn.rawgit.com/HubSpot/tether/v1.3.4/dist/js/tether.min.js"></
script>
<script src="../cdn.rawgit.com/FezVrasta/bootstrap-material-design/dist/dist/
bootstrap-material-design.iife.min.js"></script>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="../maxcdn.bootstrapcdn.com/js/ie10-viewport-bug-workaround.js"></
script>
<script>
$('body').bootstrapMaterialDesign();
</script>
<script>
$(document).ready(function () {
$('#navbar-collapse-1 li').click(function () {
$('#navbar-collapse-1 li').removeClass('active');
$(this).addClass('active');
})

})
</script>
</head>
<body>
<div class="container-fluid padg-0">
<div class="container">
<div class="pull-left" style="width:100%;">
<p style="font-size: 14px; cursor: pointer;color: rgb(45, 76, 156);font-
weight: 700; padding:2; ">

<marquee behavior="scroll">
Fast, Secure and Reliable Mobile recharge and Bill Payments Site. 20000+ Customers
and Retailers are taking exciting offers. As a Customer, Login and paybills and get
Instant CASHBACK. As a Distributor register through Retailer Site and Add dealers
and grow the Business Network!!!
</marquee>

</p>
</div>

</div>
</div>
<section id="head">

<div class="container">
<div class="col-md-12">

<div class="row">
<div class="col-md-2"> <img src="/images/C.JPG" class="img-responsive" style="
width:220px; border-radius: 100px;">
</div>
<div class="col-md-10"> <div class="col-md-10" style="padding-top:40px;">
<div style="font-size:48px; color:#1b0f6c; font-weight:bolder;padding-
top:1px; font-family:Arial Rounded MT Bold;line-height:1;">SECURE LIFE SPICE</div>

</div>

</div>
</div>

</div>
</div>
</div>
</div>
</div>
</section>

<section class="">

<div class="">
<div class="container-fluid" style="padding:0px;">
<!--Main menu-->

<div id="navbar">
<nav class="navbar navbar-default navbar-static-top" role="navigation">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-
target="#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>
</div>
<div class="collapse navbar-collapse" id="navbar-collapse-1">
<ul class="nav navbar-nav">
<li class="active"><a href="/">
HOME
</a>
</li>

<li ><a href="/Home/about"> ABOUT US


</a></li>

<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">SERVICES <span
class="caret"></span></a>
<ul class="dropdown-menu">

<li><a href="/Home/viewpanrejectionmain">View Pan Rejection</a></li>


<li><a href="https://securelifespice.com">Pancard</a></li>
<li><a href="https://moneytransfer.securelifespice.com/">Money
Transfer</a></li>
<li><a href="/Home/aeps">AEPS(Cash withdraw)</a></li>
<li><a href="#"> IRCTC</a></li>
<li><a href="#">AirTicket</a></li>
<li><a href="/Home/mobilerecharge">Recharge</a></li>
<li><a href="#">BBPS</a></li>
<li><a href="#">Passport</a></li>
<li><a href="#">Aadhar Service</a></li>
<li><a href="#">UCL Service</a></li>

<li><a href="#">Citizen</a></li>
<li><a href="#">E-Aadhar, E-PAN pdf password recovery</a></li>
</ul>
</li>
<li>
<a href="/Home/contact">
CONTACT US
</a></li>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">Important Open
Links <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a
href="https://www.onlineservices.nsdl.com/paam/endUserRegisterContact.html"
target="_blank">E-Pancard</a></li>
<li><a href="https://tin.tin.nsdl.com/pantan/StatusTrack.html"
target="_blank">PAN Track Status</a></li>
<li><a href="http://164.100.181.16/citizenservices/login/login.aspx"
target="_blank">Citizen Service</a></li>

<li><a href="http://edistrict.up.nic.in/ " target="_blank">E-


District</a></li>

<li><a
href="http://www.passportindia.gov.in/AppOnlineProject/welcomeLink"
target="_blank">Passport Online</a></li>
<li><a href="https://digitalseva.csc.gov.in" /
target="_blank">Digital Seva</a></li>

<li><a href="https://www.irctc.co.in/eticketing/loginHome.jsf"
target="_blank">IRCTC</a></li>

<li><a href="#" target="_blank">Aadhar to PAN</a></li>

<li><a href="http://www.sarkariresult.com/" target="_blank">Sarkari


Result</a></li>

<li><a href="http://sbm.gov.in/sbm/" target="_blank">Swachh Bharat


Mission</a></li>
</ul>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</nav>
</div>
</div>
</div>
</section>

<!-- Include all compiled plugins (below), or include individual files as needed --
>
<!--======================LOGIN CODE BELOW===============================-->
<div id="popupMer1a1" style="display:none">
<div class="md-modal md-effect-8 cmncls np1 jnpop popupmer1a_new" style="display:
block;visibility: visible;"> <a href="javascript:void(0)" id="UserLoginClose"
class="close1-butn1 md-close nwbtn"> </a>
<div class="lft-mer-info-sec">
<div class="onetimeleft">
<div class="pclsl">
<p> Pay your bills using charge4u Wallet </p>
</div>
<div class="pclsl"> In case of refund, Money will be credited to your
wallet instantaneously </div>
<div class="pclsl" style="padding-top: 15px;"> Fast, Secure and Reliable
Mobile recharge and Bill Payments Site.</div>
</div>
</div>
<div class="rght-hm-log-btn-sec">
<!-- sec 1 home btns -->
<div class="pprght-wrap allbtns active">
<div class="hdmid hdsm" style="margin-bottom: 10px;margin-top: 105px;">
<img src="images/c.jpg" width="230" alt="charge4u logo"> </div>
<div class="pprght-hm-log-sec">
<div class="pop-hm-btn4"> <a href="javascript:void(0)"
class="btngrn">Customer Login</a></div>
<div class="pop-hm-btn5"> <a href="javascript:void(0)"
class="btnbrd">Customer Signup</a></div>
<!--<div class="pop-hm-btn3" style="margin-top:20px;"> <a
href="javascript:void(0)" class="btnbrd">Guest User</a></div> -->
</div>
</div>
<!-- end sec 1 home btns -->
<!-- sec 2 login sec -->
<div class="pprght-wrap lgnsec">
<div class="pprght-login-sec">
<div class="pop-btn-bck"> <a href="javascript:void(0)"></a> </div>
<div class="pop-rght-hd"> Customer Login</div>
<div class="clear"> </div>
<div class="pop-fld-sec">
<form id="login-form">
<ul>
<li>
<label class="error" id="generalError2"></label>
<label class="success" id="generalsuccess2" style="margin-
bottom:10px;position:static;"></label>
</li>
<li>
<input id="lemail" name="lemail" type="text"
placeholder="Customer Mobile Number" onKeyPress="return isNumberKey(event)"
maxlength="10"/>
<label id="lblemail" style="color:red;"></label>
</li>
<li>
<input id="lpassword" name="lpassword" type="password"
placeholder="Customer Password" />
<label id="lblpwd" style="color:red;"></label>
</li>
<li class="margtp-20">
<input type="submit" id="loginButton" name="loginButton"
value="Customer Login" />
</li>
<li class="fp-lnk"><a href="javascript:void(0)"> Forgot Password ?
</a></li>
</ul>
</form>
</div>
</div>
<div class="pop-btm-lnk-sec"> Don’t have an account? <a
href="javascript:void(0)" class="sgn-sec">Signup</a></div>
</div>
<!-- end sec 2 login sec -->
<!-- sec 3 signup sec -->
<div class="pprght-wrap sgnup">
<div class="pprght-login-sec">
<div class="pop-btn-bck"> <a href="javascript:void(0)"></a> </div>
<div class="pop-rght-hd">Customer Signup</div>
<div class="clear"> </div>
<div class="pop-fld-sec">
<form class="form-horizontal" id="account-form" name="account-form"
autocomplete="off">
<label class="error" id="generalError3"></label>
<label class="success" id="generalsuccess3"></label>
<ul>
<li>
<input type="text" name="fn" id="fn" value="" maxlength="10"
placeholder="Customer First Name"/>
<label id="lblfn" style="color:red;"></label>
</li>
<li>
<input type="text" name="ln" id="ln" value="" maxlength="10"
placeholder="Customer Last Name"/>
<label id="lblln" style="color:red;"></label>
<!-- <input id="txtcbsignupemailsignup" type="text"
placeholder="Email" />-->
</li>
<li>
<input type="text" name="mobile" id="mobile" value=""
maxlength="10" onkeypress="return isNumberKey(event)"
placeholder="Customer Mobile Number" />
<label id="lblmobilenum" style="color:red;"></label>
<!--<input id="lemail" name="lemail" type="text"
placeholder="Mobile Number" />-->
</li>
<li>
<input type="text" name="email" id="email" value=""
maxlength="40" placeholder="Customer Email"/>
<label id="lblsiemail" style="color:red;"></label>
<!-- <input id="txtcbsignupemailsignup" type="text"
placeholder="Email" />-->
</li>
<li class="margtp-20">
<input type="submit" id="createAccount" value="Create
Customer">
<!--<input type="button" value="Create Account" onClick="" />-->
</li>
</ul>
</form>
</div>
</div>
<div class="pop-btm-lnk-sec"> Have an Account? <a href="javascript:void(0)"
class="lgn-sec">Customer Login</a></div>
</div>
<!-- end sec 3 signup sec -->
<!-- sec 2 forgot sec -->
<div class="pprght-wrap forgotsec">
<div class="pprght-login-sec">
<div class="pop-btn-bck"> <a href="javascript:void(0)"></a> </div>
<div class="pop-rght-hd" style="font-size: 23px; top: 4px; position:
relative;"> Forget Password</div>
<div class="clear"> </div>
<div class="pop-fld-sec">
<form id="forgot-password-form" name="forgot-password-form">
<ul>
<li>
<label class="error" id="generalError4"style="padding-bottom:
43px;"></label>
<label class="success" id="generalsuccess4"></label>
<input id="femail" name="femail" type="text"
placeholder="Customer Mobile no" onKeyPress="return isNumberKey(event)"
maxlength="10" />
<label id="lblfemail" style="color:red;"></label>
</li>
<li class="margtp-20">
<input type="submit" id="forgotButtonId" name="forgotButtonId"
value="Get password" >
</li>
</ul>
</form>
</div>
</div>
<div class="pop-btm-lnk-sec"> Have an Account? <a href="javascript:void(0)"
class="lgn-sec">Customer Login</a></div>
</div>
<div class="pprght-wrap guest">
<div class="pprght-login-sec">
<div class="pop-btn-bck"> <a href="javascript:void(0)"></a> </div>
<div class="pop-rght-hd" style="font-size: 23px; top: 4px; position:
relative;"> Login as Guest User</div>
<div class="clear"> </div>
<div class="pop-fld-sec">
<form id="forgot-password-form" name="forgot-password-form" method=""
action="#" >
<ul>
<li>
<label class="error" id="generalError4"style="padding-bottom:
43px;"></label>
<label class="success" id="generalsuccess4"></label>
<input id="femail" name="femail" type="text" placeholder="Enter
Email Id" />
<label id="lblfemail" style="color:red;"></label>
</li>
<li class="margtp-20">
<input type="submit" id="forgotButtonId" name="forgotButtonId"
value="Continue as Guest" >
</li>
</ul>
</form>
</div>
</div>
<div class="pop-btm-lnk-sec"> Have an Account? <a href="javascript:void(0)"
class="lgn-sec">Customer Login</a></div>
</div>
<!-- end sec 2 forgot sec -->
</div>
</div>
<div class="md-overlay"> </div>
</div>
<script>

////////////////////// merchant popup login and register


sec ////////////////////////////////
$(document).ready(function (e) {

$('a.btnrd').click(function () {
$('.pprght-wrap.allbtns').addClass('active');
$('.pprght-wrap').removeClass('dnone');
});
$('.pop-hm-btn4 a.btngrn').click(function () {
//alert('login');
$('.pprght-wrap').removeClass('active');
$('.pprght-wrap.lgnsec').addClass('active');
});
$('.pop-hm-btn5 a.btnbrd').click(function () {
$('.pprght-wrap').removeClass('active');
$('.pprght-wrap.sgnup').addClass('active');
});

$('.pop-hm-btn3 a.btnbrd').click(function () {
$('.pprght-wrap').removeClass('active');
$('.pprght-wrap.guest').addClass('active');
});

$('.fp-lnk').click(function () {
$('.pprght-wrap').removeClass('active');
$('.pprght-wrap.forgotsec').addClass('active');
});

$('.fp-lnk').click(function () {
$('.pprght-wrap').removeClass('active');
$('.pprght-wrap.forgotsec').addClass('active');
});

///////////////// back btn links /////////////////


$('.pop-btn-bck a').click(function () {
$('.pprght-wrap').removeClass('active');
$('.pprght-wrap.allbtns').addClass('active');
});
///////////////// bottom links //////////////////
$('.pop-btm-lnk-sec a.sgn-sec').click(function () {
$('.pprght-wrap').removeClass('active');
$('.pprght-wrap.sgnup').addClass('active');
});
$('.pop-btm-lnk-sec a.lgn-sec').click(function () {
$('.pprght-wrap').removeClass('active');
$('.pprght-wrap.lgnsec').addClass('active');
});
$('.login-sec').click(function () {
if(($('#popupMer1a1').is(":visible"))){
$("#popupMer1a1") .hide() ;
}else{
$("#popupMer1a1") .show() ;
}
$('.pprght-wrap').removeClass('active');
$('.pprght-wrap.lgnsec').addClass('active');
});
$('.signin-sec').click(function () {
if(($('#popupMer1a1').is(":visible"))){
$("#popupMer1a1") .hide() ;
}else{
$("#popupMer1a1") .show() ;
}
$('.pprght-wrap').removeClass('active');
$('.pprght-wrap.sgnup').addClass('active');
});
///////////////// close btn links //////////////////

});
</script>
<script>

$("#UserLogin").click(function(){
$("#popupMer1a1").show();
});
$("#UserLoginClose").click(function(){
$("#popupMer1a1").hide();
});

</script>
<!--======================LOGIN CODE End here===============================-->

<!-- Mirrored from www.charge4u.in/ by HTTrack Website Copier/3.x [XR&CO'2014],


Thu, 08 Jun 2017 23:52:12 GMT -->
<script src="js/slick.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$(document).on('ready', function() {
$(".regular").slick({
dots: true,
infinite: true,
slidesToShow: 3,
slidesToScroll: 3
});
});
function sendSmsLinks(){
phoneNumber = $("#smsPhoneNumber").val();

$.ajax({type:"POST",url:"sendAppLinks.php",data:"mobileNumber="+phoneNumber,success
:function(html){if(html=="success") alert("SMS Sent Successfully"); else alert("SMS
Not Set, Please contact our customercare");},beforeSend:function(){}});
}
</script>

<html>
<head>
<title></title>
<script type = "text/javascript">
function displayNextImage() {
x = (x === images.length - 1) ? 0 : x + 1;
document.getElementById("img").src = images[x];
}

function displayPreviousImage() {
x = (x <= 0) ? images.length - 1 : x - 1;
document.getElementById("img").src = images[x];
}

function startTimer() {
setInterval(displayNextImage, 3000);
}

var images = [], x = -1;


images[0] = "/images/IMG-20170524-WA0004.jpg";
images[1] = "/images/images.jpg";
images[2] = "/images/Pan firanchangi.jpg";
images[3] = "/images/sw.jpg";
</script>

<style>
a:hover, a:focus{text-decoration:none;}
.slider {
width: 90%;
margin: 20px auto;
}
.slick-slide {
margin: 0px 20px;
}

.slick-slide img {
width: 100%;
}

.slick-prev:before,
.slick-next:before {
color: black;
}

.operator_web_support {
width: auto;
background: #fff;
border-top: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
padding: 0 0 40px 0;
margin-top: 20px;
}
.web_support_wrapper h3 {
font-size: 20px;
padding: 20px 0 20px 0;
text-transform: uppercase;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
color: #333333;
text-align: center;
}
.web_support_wrapper ul {
width: auto;
height: 43px;
text-align: center;
border-bottom: 1px solid #e6e6e6;
border-top: 1px solid #e6e6e6;
}
.web_support_wrapper ul li {
list-style: none;
display: inline-block;
margin: 0px;
padding: 0px;
line-height: 40px;
}
.web_support_wrapper ul li .active_nav {
color: #042fbe;
border-bottom: 3px solid #042fbe;
font-weight: bold;
}
.web_support_wrapper ul li a {
margin: 0px;
padding: 0px 30px;
display: block;
text-transform: uppercase;
color: #777777;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
}
.recharge_options {
width: auto;
margin: 30px 0 0 0;
text-align: center;
}
.recharge_options span {
width: 800px;
text-align: center;
display: inline-block;
}
.recharge_options a {
height: auto;
padding: 0 25px 20px;
display: inline-block;
vertical-align: bottom;
}

#mobplan{position: absolute;
top: 50%;
right: 0;
width: 50%;
height: 500px;
overflow: auto;}

#slider-text{
/*padding-top: 40px;*/
display: block;
}
#slider-text .col-md-6{
overflow: hidden;
}

#slider-text h2 {
font-family: arial;
font-weight: bold;
font-size: 20px;
margin: 30px 0 0 0;
text-align: center;
}

#stats {
background: #06248a;
}
.statsContainer {
//width: 1080px;
margin: 0 auto;
padding: 13px 0 13px;
text-align: center;
overflow: hidden;
}
.statsContainer p{display: inline-block;
vertical-align: top;
text-align: left;
padding: 0px 39px;
color: #fff;
position: relative;
box-sizing: border-box;
border-right: 1px solid #0073cf;
left: -51px;margin: 0;}
.statsContainer p:last-child{
border-right: none;
}
.statsContainer p i {
display: inline-block;
vertical-align: top;
padding-right: 10px;
}
.statsContainer p i:before {
font-size: 38px;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
transform: scale(0.8);
position: relative;
top: 7px;
}
.statsContainer p span {
font-size: 16px;
text-transform: uppercase;
color: #0073cf;
margin: 0;
min-height: 38px;
display: inline-block;
text-align: left;
}
.statsContainer p span b {
font-size: 30px;
font-style: normal;
color: #fff;
display: inline-block;
font-weight: 100;
line-height: 23px;
}
.statsContainer p span small {
display: inline-block;
font-size: 20px;
vertical-align: top;
color: #fff;
position: relative;
top: -10px;
padding-left: 2px;
}
.statsContainer p span em {
display: block;
font-size: 13px;
font-style: normal;
color: #fff;
padding-top: 0px;
}

.t4u-apps {
padding: 20px 0;
//background: #efefe9;
}
.t4u-apps h5 {
margin:3px 0px 12px 0;
font-size:15px;
color:#2d4c9c;
font-weight: 600;

}
.t4u-apps h3{
font-size: 24px;
font-weight: 600;
}
.app-btn {
text-align: center;
padding: 4px 4px;
background: #2d4c9c;
margin: 9px 40px 10px 0;
float: left;
}
.t4u-apps .awe-btn {
height: 39px;
vertical-align: top;
background: #000;
border:1px solid #000;
}
.t4u-apps .awe-btn:hover {
color:#000;
background: #000;
}
.t4u-apps input {
width: 80%;
margin-right: 20px;
height: 35px;
font-size: 14px;
padding: 0 15px;
}
.t4u-apps input::placeholder{font-size:14px;}
.t4u-apps span {
background: #2d4c9c;
padding: 5px 5px;
color: #fff;
position: absolute;
margin-left: -16px;
margin-top: 23px;
left: 0px;
border-radius: 50%;
font-size: 14px;
}
.t4u-apps .field {
padding-left: 40px;
}
.t4u-apps .apps img {
opacity:.8
}
.t4u-apps .apps img:hover {
opacity:1;
}
.t4u-apps input::-moz-placeholder {
font-size: 0.9rem;
line-height: 2em;
}
.t4u-apps .cont {
background: #fff;
border: 1px solid rgba(153, 153, 153, 0.51);
padding: 7px 0;
}
.t4u-apps .cont .right-bor {
border-right:solid 1px #2d4c9c;
}
.t4u-apps .btn {
border-radius: 0;
padding: 7px 15px;
float: right;
background: #042fbe;
margin-top: 2px;
color: #fff;
}
.t4u-apps .btn:hover, .t4u-apps .btn:focus{
border-radius: 0;
padding: 7px 15px;
float: right;
background: #fff;
margin-top: 2px;
color: #042fbe;
}

#footer{ display:none;}
</style>
<style>

.mobplans{display:none;position: absolute;top: 30%;right: 0;width: 600px;}

</style>
</head>
</html>
<div class="row">
<div class="col-md-12">

<div class="col-md-4">
<div class="FormBack" style="width: 450px; height: 370px; margin-left:
10px; padding-top: 16px;">
<div class="col-md-14" style="padding-top: 0px;">
<form action="/Account/Login" method="post"> <div
class="panel panel-primary">
<div class="panel-heading text-center" style="font-
weight: bold;">Agent Login</div>
<div class="panel-body">

<label>User Name</label>
<input type="text" name="UserName" class="form-
control" />
<label>Password</label>
<input type="password" name="Password" class="form-
control" />
</div>
<div class="panel-footer">
<div style="margin-left: 15px; margin-right: 15px">
<div class="row">
<button type="submit" class="btn btn-
primary btn-block">Login</button>
</div>
<div class="row" style="margin-top: 15px">
<a type="button" class="btn btn-danger
pull-left" href="/Account/newuser">Forget Password</a>
<a type="button" class="btn btn-danger
pull-right" href="/Account/newuser">Register New User</a>
</div>
</div>
</div>
</div>
</form>
</div>
<div>
</div>

</div>
</div>
<div class="col-md-8">

<div id="myCarousel" class="carousel slide" data-ride="carousel">


<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0"
class="active"></li>
<li data-target="#myCarousel" data-slide-to="1" class=""></li>
</ol>
<div class="carousel-inner">
<div class="item active">
<img id="img" src="/images/Pan%20firanchangi.jpg"
class="img-responsive" style="width:950px; height:390px; padding-top:16px;" >
</div>
<div class="item">
<img id="img" src="/images/moneytransfer.jpg" class="img-
responsive" style="width:950px; height:390px; padding-top:16px;" >
</div>
<div class="item">
<img id="img" src="/images/images.jpg" class="img-
responsive" style="width:950px; height:390px; padding-top:16px;" >
</div>

<!-- Left and right controls -->


<a class="left carousel-control" href="#myCarousel" data-
slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#myCarousel" data-
slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>

</div>

</div>
</div>

<style>

font-face {
font-family: 'Roboto';
src: url('../fonts/Roboto-Regular.ttf') format('truetype');
}
font-face {
font-family: 'dinregular';
src: url('../fonts/dinregular.eot');
src: local('dinregular'), url('../fonts/dinregular.woff') format('woff'),
url('../fonts/dinregular.ttf') format('truetype');
}
body {
font-family: 'Roboto';
}
.clear {clear:both}

h1 {font-size:22px; text-transform:uppercase; text-align:center; color:#3d3d3d;


margin-top:0px;}
h2 {font-size:22px; line-height:32px; font-weight:500;}

.sprite {background:url(../images/sprite.png?v=18);}

.display-block {display:block;}
.display-none {display:none;}
.padd-left-0 {padding-left:0px;}
.padd-right-0 {padding-right:0px;}
.padd-left-10 {padding-left:10px;}
.padd-right-10 {padding-right:10px;}

/* ======= Header section ======= */


.center-frame {margin:0 auto; max-width:1024px;}
.logo-ss {padding-top:15px;padding-left:0px;}
.header {padding-top:0; padding-bottom:5px; background-color:#fff;padding-
left:0px;}

.header-toplinks {float:right; width:100%;}


.header-toplinks ul {float:right; list-style-type:none; padding:0; margin:0;
background-color:#f0f4f5; border:1px solid #bcbbbb; border-top:0;}
.header-toplinks li {float:left; padding:0 15px; margin:5px 0; line-height:20px;
border-right:1px solid #404040;}
.header-toplinks li:last-child {border-right:0;}
.header-toplinks li a {color:#404040; font-size:14px;}

.header-userinfo {float:right; width:auto;}


.header-userinfo ul {float:right; list-style-type:none; padding:0; margin:0;}
.header-userinfo li {float:left; padding:20px 11px 11px 0; line-height:20px;}
.header-userinfo li a {color:#3d3d3d; display: inline-block; margin-left: 2px;}
.header-userinfo li a:hover, .header-userinfo li a:focus {text-decoration:none;
outline:none;}
.user-id {background-position:-16px -22px; width:21px; height:21px; float:left;
margin-right:5px;}
.wallet-blnc {background-position:-52px -22px; width:21px; height:21px; float:left;
margin-right:5px;}
.logind {background-position:-91px -21px !important; width:21px; height:21px;
float:left; margin-right:5px;}

.marquee {float:left; position:relative; width:100%; margin-bottom:0px; border:1px


solid #a6a6a6; background-color:#f0f4f5;}
.marquee-title {position:absolute; padding:9px 10px 11px 10px; font-size:15px;
color:#fff; background-color:#404040; z-index:999;}
.title-tip {width:0; height:0; right:-10px; position:absolute; border-style:solid;
border-width:10px 0 10px 10px; border-color:transparent transparent transparent
#404040;}
.marquee-txt {padding:10px; line-height:20px;}

/* ======= Service Categories ======= */


.service-category {border:1px solid #aeaeae; float:left; width:100%; -webkit-box-
shadow: 0 0 2px 1px #DEDEDE;
box-shadow: 0 0 2px 1px #DEDEDE; margin-bottom:25px;}

.srvs-box-top {float: left; padding: 5%; width: 100%;}

.service1.srvs-bg {background-color:#8058bd;}
.service2.srvs-bg {background-color:#429c48;}
.service3.srvs-bg {background-color:#1abbe0;}
.service4.srvs-bg {background-color:#d14a46;}
.service5.srvs-bg {background-color:#f58220;}
.service6.srvs-bg {background-color:#0f6da5;}
.service-category .srvs-name {font-size:20px; color:#fff; margin-top:15px;
float:left; width:64%; line-height:32px;}

/* BBPS Change Start */


.service7.srvs-bg {background-color:#243180;}
.service7 .detail-icon {background-position: -268px -66px;width: 21px;height:
21px;float: right;}
/* BBPS Change End */

.recharge-bg {background-position:-14px -176px; width:31px; height:44px;


margin:10px 15px 10px 10px; float:left;}
.dth-bg {background-position:-88px -176px; width:35px; height:44px; margin:10px
15px 10px 10px; float:left;}
.account-bg {background-position:-155px -176px; width:38px; height:44px;
margin:10px 15px 10px 10px; float:left;}
.train-bg {background-position:-233px -175px; width:45px; height:45px; margin:10px
15px 10px 10px; float:left;}
.bus-bg {background-position:-10px -249px; width:45px; height:45px; margin:10px
15px 10px 10px; float:left;}
.flights-bg {background-position:-83px -249px; width:45px; height:45px; margin:10px
15px 10px 10px; float:left;}
.hotels-bg {background-position:-153px -249px; width:45px; height:45px; margin:10px
15px 10px 10px; float:left;}
.paybill-bg {background-position:-234px -249px; width:45px; height:45px;
margin:10px 15px 10px 10px; float:left;}
.help-bg {background-position:-10px -324px; width:45px; height:45px; margin:10px
15px 10px 10px; float:left;}
.smspack-bg {background-position:-82px -324px; width:45px; height:46px; margin:10px
15px 10px 10px; float:left;}
.pancard-bg {background-position:-153px -324px; width:45px; height:45px;
margin:10px 15px 10px 10px; float:left;}
.offer-bg {background-position:-234px -324px; width:40px; height:45px; margin:10px
15px 10px 10px; float:left;}
/* Change for Monsoon Offer 19-8-2015 */
.offer-monsoon{background-position:-87px -734px; width:40px; height:45px;
margin:10px 15px 10px 0px; float:left;}
.srvs-name1 {font-size: 18px !important;}
.monsoon{ background: -webkit-linear-gradient(left, #E35426 , #FBD741); /* For
Safari 5.1 to 6.0 */
background: -o-linear-gradient(right, #E35426, #FBD741); /* For Opera 11.1 to
12.0 */
background: -moz-linear-gradient(right, #E35426, #FBD741); /* For Firefox 3.6
to 15 */
background: linear-gradient(to right, #E35426 , #FBD741); /* Standard syntax
(must be last) */
}
/*change ended*/
/* Change for eKYC Usage 21-9-2016 */
/*.ekyc-bg {background-position: -9px -734px;width: 40px;height: 45px; margin: 10px
15px 10px 10px; float: left;}
.bbps-bg {background-position: 161px -734px;width: 168px;height: 44px;margin: 10px
15px 10px 10px;float: left;}*/
.ekyc-bg {background-position: -10px -734px;width: 45px;height: 45px; margin: 10px
15px 10px 10px; float: left;}
.bbps-bg {background-position: -157px -734px;width: 119px; height: 51px; margin:
7px auto 6px 40px; float: left;}
.motor-bg {background-position: -231px -572px;width: 45px;height: 45px;margin: 10px
15px 10px 10px;float: left;}
.aeps-bg{background-position: -161px -793px; width: 142px;height: 44px;margin: 10px
15px 10px 37px;float: left;}
.marketing-bg {background-position: -10px -783px;width: 45px;height: 45px;margin:
10px 15px 10px 10px;float: left;}
/*change ended*/
.btn-gold{ width: 150px; height: 32px; background: #f58220; border-bottom: 3px
solid #e37415; text-align: center; margin: 0 5px 0 0; padding: 0; font-size: 15px;
line-height: 32px; color: #fff; float: right; font-family:roboto; font-
weight:bold;}
.btn-gold:hover{ background:#e37415; border-bottom:3px solid #f58220; }
.btn-gold a{ width:100%; float:left; color:#fff; text-decoration: none; }
.btn-gold a:hover{ color:#fff; text-decoration: none;}

.btn-silver{ width: 150px; height: 32px; background:#d14a46; border-bottom:3px


solid #c13632; text-align: center; margin: 0 5px 0 0; padding: 0; font-size: 15px;
line-height: 32px; color: #fff; float: right; font-family:roboto; font-
weight:bold;}
.btn-silver:hover{ background:#c13632; border-bottom:3px solid #d14a46;}
.btn-silver a{ width:100%; float:left; color:#fff; text-decoration: none; }
.btn-silver a:hover{ color:#fff; text-decoration: none;}

.btn-diamond{ width: 150px; height: 32px; background:#429c48; border-bottom:3px


solid #308236; text-align: center; margin: 0 5px 0 0; padding: 0; font-size: 15px;
line-height: 32px; color: #fff; float: right; font-family:roboto; font-
weight:bold;}
.btn-diamond:hover{ background:#308236; border-bottom:3px solid #429c48; }
.btn-diamond a{ width:100%; float:left; color:#fff; text-decoration: none; }
.btn-diamond a:hover{ color:#fff; text-decoration: none;}

.btn-platinum{ width: 150px; height: 32px; background:#1abbe0; border-bottom:3px


solid #11a4c6; text-align: center; margin: 0 5px 0 0; padding: 0; font-size: 15px;
line-height: 32px; color: #fff; float: right; font-family:roboto; font-
weight:bold;}
.btn-platinum:hover{ background:#11a4c6; border-bottom:3px solid #1abbe0;}
.btn-platinum a{ width:100%; float:left; color:#fff; text-decoration: none; }
.btn-platinum a:hover{ color:#fff; text-decoration: none;}

.btn-bronze{ width: 135px; height: 32px; background:#391f08; border-bottom:3px


solid #643917; text-align: center; margin: 0 5px 0 0; padding: 0; font-size: 15px;
line-height: 32px; color: #fff; float: right; font-family:roboto; font-
weight:bold;}
.btn-bronze:hover{ background:#643917; border-bottom:3px solid #391f08;}
.btn-bronze a{ width:100%; float:left; color:#fff; text-decoration: none; }
.btn-bronze a:hover{ color:#fff; text-decoration: none;}

.offer-line {line-height:23px !important;}


.spicemudra-bg {background-position:-10px -398px; width:45px; height:45px;
margin:10px 15px 10px 10px; float:left;}
.yesbank-bg {background-position:-82px -398px; width:45px; height:45px; margin:10px
15px 10px 10px; float:left;}
.srvs-detail {display:block; text-align:left; padding:5px 10px; background-
color:#fff;}
.srvs-detail span {font-size:13px; font-family:'dinregular'; line-height: 21px;}
/*Change 16-9-2016 */
/*.ekyc-bg {
background-position: -9px -734px;
width: 45px;
height: 45px;
margin: 10px 15px 10px 10px;
float: left;
}*/
.logo-ss-img {float:left;}
/* change Ended */
.service1 .detail-txt {color:#8058bd;}
.service2 .detail-txt {color:#429c48;}
.service3 .detail-txt {color:#09b0d6;}
.service4 .detail-txt {color:#d14a46;}
.service5 .detail-txt {color:#f58220;}
.service6 .detail-txt {color:#2984bb;}

.service1 .detail-icon {background-position:-18px -66px; width:21px; height:21px;


float:right;}
.service2 .detail-icon {background-position:-108px -66px; width:21px; height:21px;
float:right;}
.service3 .detail-icon {background-position:-152px -66px; width:21px; height:21px;
float:right;}
.service4 .detail-icon {background-position:-195px -66px; width:21px; height:21px;
float:right;}
.service5 .detail-icon {background-position:-64px -66px; width:21px; height:21px;
float:right;}
.service6 .detail-icon {background-position:-238px -66px; width:21px; height:21px;
float:right;}

/* ====== Footer ====== */


footer {margin-top:40px; color:#0a0a0a; background-color:#e7e8e8; text-
align:center;}
.border-top {border-top:1px solid #7e7e7e; padding:15px 0;}

#insuranceForm .label{ color:#000;}

#refresh {margin: 0px 5px;}

.wallet-gullak
{
background-position: -93px -576px !important;
float: left;
height: 25px;
margin-right: 5px;
width: 26px;
margin-left: 3px;
margin-top: -3px;
}

.top_head_strp {text-align: right; margin-bottom: 12px;}


.top_head_strp span {font-size:12px; font-family: Roboto; color: #333; line-height:
24px;}
.top_head_strp span:first-child {margin-right: 10px;}

.support_icn {width: 26px; height: 22px; background-position: -158px -910px !


important; display: inline-block; position: relative; top: 5px;}
.mail_icn {width: 27px; height: 18px; background-position: -158px -937px !
important; display: inline-block; position: relative; top: 4px;}

.mpos_machine {width: 46px; height: 46px; background-position: -207px -910px;


display: inline-block; float: left; margin: 10px 14px 10px 10px;}
.biometric_device {width: 43px; height: 46px; background-position: -14px -982px;
display: inline-block; float: left; margin: 10px 15px 10px 10px;}

#mpos_popup label, #biometric_popup label {display: inline-block; max-width: 100%;


margin-bottom: 5px; font-weight: 700;}
#mpos_popup input[type=text], #biometric_popup input[type=text] {background-color:
#fff !important;}

.dnd-btn {width:100%; float: left; padding: 10px 0 0 178px;}

media (max-width:1080px) {
.find-phone-pad {padding-left:15px; padding-top:20px;}
}

media (max-width:1035px) {
.header-search .search-room {width:90%;}
}

media (max-width:999px) {
.header-search {margin-top:15px;}
}

media (max-width:768px) {
.product-frame {width:49%;}
.product {width:30%; margin:0 1%;}
.phone-specs li {width:22%; margin:1.5%;}

.filters-panel {padding-right:15px;}
.products-panel {padding-left:15px;}

.prodinn-thumb {position:relative; height:200px; margin-bottom:10px;}


.prodinn-thumb img {position:relative; max-height:200px; max-width:100%;}

.prodinn-title {font-size:15px;}
.prodinn-price {font-size:17px;}

.cashback .upto {font-size:12px;}


.cashback .upto, .cashback .cashbacktext {font-size:0.6em;}
.cashback-percent-bg span {font-size:14px;}

.cashback-percent-bg, .cashback-percent-bg::before, .cashback-percent-bg::after


{width:28px; height:28px;}
.cashback {display:inline-block; height:35px; padding:0 5px;}
.cashback-percent-bg {top:-1px; margin:0 5px;}
.cashback-percent-bg span {top:8%;}

.buy-text, .buynow .dropdown li {font-size:1em;}


.buynow:after {right:8px;}

media (max-width:480px) {
.product {width:33%; margin:0 8%;}
.product a img {max-width: 129px;}

#header {margin:0 10px !important;}


.container-fluid {padding-right:0 !important;}
.logo-ss {text-align:center; padding:15px 0;}
.header-toplinks ul {border-top:1px solid #bcbbbb;}

.header_top {width:98% !important;}


.dwnld-app-btn {margin-left: 0 !important;}
.dwnld-app-btn a {display:block;}
.dwnld-app-btn img {margin:10px 0;}
.mail-id {display:inline-block; float:right !important;}
.top_head_strp {padding:0;}
.top_head_strp span {float:left; margin-top:2px;}
.support_icn {top:2px; right:3px; float:left;}
.logo-ss-img {float:none; text-align:center;}
.dwnld-app-btn {display:block;}

.header-toplinks ul {float:none; height:32px;}


.agent-category {width:100% !important; margin:10px 0 !important;}
.header-userinfo li {padding:10px 10px 10px 0;}
.sm-logout {float: right; top: 83px; position: absolute; right: 7px;}
.header {padding-bottom:0;}
#feedback{display:none;}

.header-toplinks li {padding: 0 5px;}


.header-toplinks li a {font-size: 13px;}
}

.btn_book{
height:auto !important;
}
.header_top {width:1250px; height:180px; margin: 0 auto;}
.dwnld-app-btn{margin-left: 40px;}

media (max-width:320px) {
.top_head_strp span {font-size: 10.4px;}
.header-toplinks li a {font-size: 11.4px;}
}
</style>

<br />
<br />
<section id="stats">
</section>

<footer id="footer-page">
<div class="container">

<div class="copyright">
<p>Copyright &copy; of Bala ji csc, All Rights Reserved.</p>
</div>
</div>
</footer>

<script src="/bundles/jquery"></script>

</body>
</html>

You might also like