<!DOCTYPE html>
<html>
<head>
<title>Single</title>
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!-- for-mobile-apps -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Easy Recharge Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //for-mobile-apps -->
<!--fonts-->
<link href='https://fonts.googleapis.com/css?family=Varela+Round' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic' rel='stylesheet' type='text/css'>
<!--//fonts-->
<!-- js -->
<script type="text/javascript" src="js/jquery.min.js"></script>
<!-- js -->
<!--animate-->
<link href="css/animate.css" rel="stylesheet" type="text/css" media="all">
<script src="js/wow.min.js"></script>
<script>
new WOW().init();
</script>
<!--//end-animate-->
<script>
$(document).ready(function () {
//Initialize tooltips
$('.nav-tabs > li a[title]').tooltip();
//Wizard
$('a[data-toggle="tab"]').on('show.bs.tab', function (e) {
var $target = $(e.target);
if ($target.parent().hasClass('disabled')) {
return false;
}
});
$(".next-step").click(function (e) {
var $active = $('.wizard .nav-tabs li.active');
$active.next().removeClass('disabled');
nextTab($active);
});
$(".prev-step").click(function (e) {
var $active = $('.wizard .nav-tabs li.active');
prevTab($active);
});
});
function nextTab(elem) {
$(elem).next().find('a[data-toggle="tab"]').click();
}
function prevTab(elem) {
$(elem).prev().find('a[data-toggle="tab"]').click();
}
</script>
</head>
<body>
<div class="banner page-head">
<div class="header">
<div class="logo">
<h1><a href="index.html"><i><img src="images/cell.png" alt=" " /></i>Easy Recharge</a></h1>
</div>
<div class="top-nav">
<span class="menu"><img src="images/menu.png" alt=" " /></span>
<ul class="nav1">
<li><a href="#" data-toggle="modal" data-target="#myModal">Mobile</a></li>
<li><a href="#" data-toggle="modal" data-target="#myModal2">datacard</a></li>
<li><a href="#" data-toggle="modal" data-target="#myModal1">DTH</a></li>
<li><a href="#" data-toggle="modal" data-target="#myModal3">landline</a></li>
<li><a href="#" data-toggle="modal" data-target="#myModal4">login</a></li>
<li><a href="#" data-toggle="modal" data-target="#myModal5">Signup</a></li>
</ul>
<!-- script-for-menu -->
<script>
$( "span.menu" ).click(function() {
$( "ul.nav1" ).slideToggle( 300, function() {
// Animation complete.
});
});
</script>
<!-- /script-for-menu -->
</div>
<!-- start search-->
<div class="search-box">
<div id="sb-search" class="sb-search">
<form>
<input class="sb-search-input" placeholder="Enter your search item..." type="search" name="search" id="search">
<input class="sb-search-submit" type="submit" value="">
<span class="sb-icon-search"> </span>
</form>
</div>
</div>
<!-- search-scripts -->
<script src="js/classie.js"></script>
<script src="js/uisearch.js"></script>
<script>
new UISearch( document.getElementById( 'sb-search' ) );
</script>
<!-- //search-scripts -->
<div class="clearfix"> </div>
</div>
<div class="container">
<!-- dropdown -->
<div class="profile_details">
<ul>
<li class="dropdown profile_details_drop">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
<div class="profile_img">
<span style="background:url(images/1.png) no-repeat center"> </span>
<div class="user-name">
<p>Your Profile</p>
</div>
<i class="lnr lnr-chevron-down"></i>
<i class="lnr lnr-chevron-up"></i>
<div class="clearfix"></div>
</div>
</a>
<ul class="dropdown-menu drp-mnu">
<li> <a href="#" data-toggle="modal" data-target="#myModal6"> Edit</a> </li>
<li> <a href="settings.html"> View Profile</a> </li>
<li> <a href="orders.html">Your orders</a> </li>
<li> <a href="#" data-toggle="modal" data-target="#myModal4"> Logout</a> </li>
</ul>
</li>
<div class="clearfix"> </div>
</ul>
</div>
<!-- //dropdown -->
<div class="clearfix"> </div>
</div>
<!-- edit -->
<div class="modal fade" id="myModal6" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
</div>
<div class="modal-body">
<div class="edit-pro">
<form>
<div class="edit-for-sett">
<h5>name</h5>
<input type="text" value="" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = '';}" required="">
<h5>Email address</h5>
<input type="text" value="" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = '';}" required="">
<h5>mobile no.</h5>
<input type="text" value="" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = '';}" required="">
<h5>date of birth</h5>
<input type="date" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Select date';}">
<h5>Gender</h5>
<div class="swit-radio-thre">
<div class="check_box_thre"> <div class="radio_thre"> <label><input type="radio" name="radio" checked=""><i></i>MALE</label> </div></div>
<div class="check_box_thre"> <div class="radio_thre"> <label><input type="radio" name="radio"><i></i>FEMALE</label> </div></div>
<div class="clearfix"></div>
</div>
<input type="submit" value="UPDATE">
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<!-- edit -->
</div>
<div class="banner-bottom">
<div class="container">
<div class="view_plans">
<h4 class="view_title">Our Latest Recharge Plans</h4>
<div class="section_room_single">
<select id="country" onchange="change_country(this.value)" class="frm-field required">
<option value="null">Andhra Pradesh</option>
<option value="null">Assam</option>
<option value="AX">Bihar</option>
<option value="AX">Chennai</option>
<option value="AX">Delhi</option>
<option value="AX">Gujarat</option>
<option value="AX">Haryana </option>
<option value="AX">Himachal Pradesh</option>
<option value="AX">Karnataka</option>
<option value="AX">Madhya Pradesh</option>
<option value="AX">Mumbai</option>
<option value="AX">Tamil Nadu</option>
<option value="AX">Uttar Pradesh</opti
MOBILE手机互联网公司企业网站模板_手机 mobile app 软件 互联网 it科技 绿色 bootstrap 网页源码移动端前端_H5模板_自适应响应式源码.rar （38个子文件） 
MOBILE手机互联网公司企业网站模板_手机 mobile app 软件 互联网 it科技 绿色 bootstrap 响应式 宽屏 扁平化 cpts_590_zl 
payment.html 47KB orders.html 44KB js 
bootstrap.js 66KB easyResponsiveTabs.js 6KB uisearch.js 6KB classie.js 2KB wow.min.js 5KB jquery.min.js 94KB css style.css 66KB animate.css 68KB bootstrap.css 138KB index.html 36KB single.html 68KB settings.html 41KB images 
date.png 3KB mobile.png 845B bbb1.png 24KB arrow.png 350B tick-mark1.png 3KB security.png 3KB logos.png 16KB menu.png 531B social.png 4KB 1.png 873B search.png 525B cell.png 3KB web.png 3KB dth.png 667B credit.png 3KB bbb5.png 24KB
banner7.jpg 293KB bbb3.png 27KB landline.png 2KB mark1.png 3KB usb.png 3KB bbbb.png 21KB map.png 7KB card.png 290B资源评论
