<!DOCTYPE HTML>
<html>
<head>
<title>Pricing</title>
<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="Protectly Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<!-- Custom Theme files -->
<link href="css/style.css" rel='stylesheet' type='text/css' />
<!-- Custom Theme files -->
<!--webfont-->
<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
<!--webfont-->
<link href='http://fonts.useso.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
<!-- Add fancyBox main JS and CSS files -->
<script src="js/jquery.magnific-popup.js" type="text/javascript"></script>
<link href="css/popup.css" rel="stylesheet" type="text/css">
<script>
$(document).ready(function() {
$('.popup-with-zoom-anim').magnificPopup({
type: 'inline',
fixedContentPos: false,
fixedBgPos: true,
overflowY: 'auto',
closeBtnInside: true,
preloader: false,
midClick: true,
removalDelay: 300,
mainClass: 'my-mfp-zoom-in'
});
});
</script>
</head>
<body>
<div class="price_header">
<div class="container">
<div class="header_top">
<div class="header-left">
<div class="logo">
<a href="index.html"><img src="images/logo.png" alt=""/></a>
</div>
<div class="menu">
<a class="toggleMenu" href="#"><img src="images/nav.png" alt="" /></a>
<ul class="nav" id="nav">
<li><a href="index.html">Product</a></li>
<li><a href="industries.html">Industries</a></li>
<li class="active"><a href="pricing.html">Pricing</a></li>
<li><a href="features.html">Features</a></li>
<div class="clearfix"></div>
</ul>
<script type="text/javascript" src="js/responsive-nav.js"></script>
</div>
</div>
<ul class="phone">
<li><i class="ph_icon"> </i></li>
<li><p>+1 (888) 587-58749</p></li>
</ul>
<div class="clearfix"> </div>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="main">
<div class="container">
<div class="plans-head">
<div class="heading"><span>Hosting <em>Pricing</em></span></div>
<div class="col-md-3">
<div class="pricing-table-grid">
<h3>Starter</h3>
<ul>
<li><span>$13.66$ /Mo</span></li>
<li><a href="#">10GB Bandwidth</a></li>
<li><a href="#">1024MB RAM</a></li>
<li><a href="#">1 Dedicated IP Address</a></li>
<li><a href="#">Cpanel/WHM include</a></li>
<li><a href="#">Open VZ include</a></li>
<li class="price-btn"><a href="#">10 GB HDD</a></li>
</ul>
<a class="popup-with-zoom-anim order-btn" href="#small-dialog">Order Now</a>
</div>
<div id="small-dialog" class="mfp-hide">
<div class="pop_up">
<div class="payment-online-form-left">
<form>
<h4><span class="shipping"> </span>Shipping</h4>
<ul>
<li><input class="text-box-dark" type="text" value="Frist Name" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Frist Name';}"></li>
<li><input class="text-box-dark" type="text" value="Last Name" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Last Name';}"></li>
</ul>
<ul>
<li><input class="text-box-dark" type="text" value="Email" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Email';}"></li>
<li><input class="text-box-dark" type="text" value="Company Name" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Company Name';}"></li>
</ul>
<ul>
<li><input class="text-box-dark" type="text" value="Phone" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Phone';}"></li>
<li><input class="text-box-dark" type="text" value="Address" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Address';}"></li>
<div class="clearfix"> </div>
</ul>
<div class="clear"> </div>
<ul class="payment-type">
<h4><span class="payment"> </span> Payments</h4>
<li>
<span class="col_checkbox">
<input id="3" class="css-checkbox1" type="checkbox">
<label for="3" name="demo_lbl_1" class="css-label1"> </label>
<a class="visa" href="#"> </a>
</span>
</li>
<li>
<span class="col_checkbox">
<input id="4" class="css-checkbox2" type="checkbox">
<label for="4" name="demo_lbl_2" class="css-label2"> </label>
<a class="paypal" href="#"> </a>
</span>
</li>
<div class="clearfix"> </div>
</ul>
<ul>
<li><input class="text-box-dark" type="text" value="Card Number" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Card Number';}"></li>
<li><input class="text-box-dark" type="text" value="Name on card" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Name on card';}"></li>
<div class="clearfix"> </div>
</ul>
<ul>
<li><input class="text-box-light hasDatepicker" type="text" id="datepicker" value="Expiration Date" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Expiration Date';}"><em class="pay-date"> </em></li>
<li><input class="text-box-dark" type="text" value="Security Code" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Security Code';}"></li>
<div class="clearfix"> </div>
</ul>
<ul class="payment-sendbtns">
<li><input type="reset" value="Cancel"></li>
<li><input type="submit" value="Process order"></li>
</ul>
<div class="clearfix"> </div>
</form>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="pricing-table-grid span_4">
<h3>Power User</h3>
<ul>
<li><span>$58.66$ /Mo</span></li>
<li><a href="#">20GB Bandwidth</a></li>
<li><a href="#">1024MB RAM</a></li>
<li><a href="#">2 Dedicated IP Address</a></li>
<li><a href="#">Cpanel/WHM include</a></li>
<li><a href="#">Open VZ include</a></li>
<li class="price-btn"><a href="#">10 GB HDD</a></li>
</ul>
<a class="popup-with-zoom-anim order-btn" href="#small-dialog">Order Now</a>
</div>
</div>
<div class="col-md-3">
<div class="pricing-table-grid">
<h3>Professional</h3>
<ul>
<li><span>$99.56$</span></li>
<li><a href="#">30GB Bandwidth</a></li>
<li><a href="#">1024MB RAM</a></li>
<li><a href="#">5 Dedicated IP Address</a></li>
<li><a href="#">Cpanel/WHM include</a></li>
<li><a href="#">Open VZ include</a></li>
<li class="price-btn"><a href="#">10 GB HDD</a></li>
</ul>
<a class="popup-with-zoom-anim order-btn" href="#small-dialog"
188国外_HTML手机电脑网站_网页源码_移动端前端js效果_H5模板_自适应css样式ui组件.zip （41个子文件） 
188 
industries.html 8KB js 
jquery.wmuSlider.js 12KB jquery.magnific-popup.js 45KB lightGallery.js 35KB responsive-nav.js 1KB jquery-1.11.1.min.js 94KB wow.min.js 5KB pricing.html 10KB features.html 9KB css style.css 19KB popup.css 14KB lightGallery.css 20KB animate.css 67KB bootstrap.css 118KB index.html 9KB contact.html 6KB images img-sprite.psd 94KB
new.png 11KB pin.png 6KB
shield.jpg 5KB fresh.png 9KB banner.jpg 51KB logo.png 5KB dis.png 5KB p4.jpg 13KB p6.jpg 19KB sharing.jpg 4KB access.jpg 6KB nav.png 3KB heading.png 3KB design.jpg 2KB calender.png 3KB img-sprite.png 14KB tick.png 3KB p2.jpg 16KB p3.jpg 19KB price_bg.jpg 26KB lout.png 5KB p5.jpg 11KB footer_icon.png 6KB p1.jpg 14KB资源评论
