<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE HTML>
<html>
<head>
<title>Konnect A Hosting Category Flat Bootstarp Resposive Website Template | Home :: w3layouts</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="Konnect 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) -->
<script src="js/jquery-1.11.1.min.js"></script>
<!-- Custom Theme files -->
<link href="css/style.css" rel='stylesheet' type='text/css' />
<!-- Custom Theme files -->
<!-- webfonts -->
<link href='http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900' rel='stylesheet' type='text/css'>
<!-- webfonts -->
<!-- dropdown -->
<script src="js/jquery.easydropdown.js"></script>
<!-- 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="header">
<div class="header_top">
<div class="container">
<div class="col-sm-6 header-top-left">
<div class="box">
<select tabindex="4" class="dropdown drop">
<option value="" class="label" value="">Dollar</option>
<option value="1">Dollar</option>
<option value="2">Euro</option>
</select>
</div>
<div class="box1">
<select tabindex="4" class="dropdown">
<option value="" class="label" value="">English</option>
<option value="1">English</option>
<option value="2">French</option>
<option value="3">German</option>
</select>
</div>
<div class="clearfix"></div>
</div>
<div class="col-sm-6 header-top-right">
<div class="col-xs-7 phone"><p>24/7 Support 010-25418796</p></div>
<div class="col-xs-5 check_box">
<a href="#"> <ul class="check">
<i class="cart"> </i>
<li class="cart_desc">Checkout Now</li>
<div class="clearfix"> </div>
</ul></a>
</div>
<div class="clearfix"></div>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="container">
<div class="header_bottom">
<div class="col-xs-3 logo">
<a href="index.html"><img src="images/logo.png" alt=""/></a>
</div>
<div class="col-xs-9 header_nav">
<div class="col-xs-9 menu">
<a class="toggleMenu" href="#"><img src="images/nav_icon.png" alt="" /> </a>
<ul class="nav" id="nav">
<li class="current"><a href="index.html">Home</a></li>
<li><a href="about.html">Why Konnect</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="404.html">Feedback</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="support.html">Support</a></li>
</ul>
<script type="text/javascript" src="js/responsive-nav.js"></script>
</div>
<div class="col-xs-3 header_but">
<menu class="cl-effect-8" id="cl-effect-8">
<a href="#">Client Area</a>
</menu>
</div>
<div class="clearfix"></div>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="header_bot_grid">
<h1>Konnect with us for better Experience</h1>
<div class="header-btns">
<a class="plans btn btn-primary1 btn-normal btn-inline" href="plans.html">View Plans</a>
<a class="plans btn btn-primary2 btn-normal btn-inline" href="domain.html">Buy Now</a>
</div>
<span> </span>
</div>
</div>
<div class="content_top">
<div class="container">
<div class="col-md-3 grid_1">
<i class="time"> </i>
<h3>99.99% Uptime</h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry.</p>
</div>
<div class="col-md-3 grid_1">
<i class="platform"> </i>
<h3>Multi-Platform</h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry.</p>
</div>
<div class="col-md-3 grid_1">
<i class="fast"> </i>
<h3>Amazingly Fast</h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry.</p>
</div>
<div class="col-md-3 grid_1">
<i class="data"> </i>
<h3>Data Recovery</h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry.</p>
</div>
</div>
</div>
<div class="content_bottom">
<div class="container">
<div class="box3">
<h2>Simple Pricing . Always .</h2>
<p>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
</div>
<div class="plans">
<div class="col-md-3">
<div class="pricing-table-grid">
<div class="plans_head">
<h3>Personal</h3>
<h4 class="m_4"><small class="m_2">$</small>10<small small class="m_3">/mo</small></h4>
<p>Ut wisi enim ad minim veniam, quis nostrud exerci tation</p>
</div>
<ul>
<li><a href="#">20GB Disk Space</a></li>
<li><a href="#">20GB Monthly Bandwidth</a></li>
<li><a href="#">Unlimited Users</a></li>
<li><a href="#">100 Domains</a></li>
<li><a href="#">430 Email Accounts</a></li>
<li><a href="#">Automatic Cloud Backups</a></li>
</ul>
<a class="popup-with-zoom-anim button" href="#small-dialog">Order Now</a>
<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="c
HTML网站源码-服务器机房展示响应式网页模板-适配移动端&PC端.zip
版权申诉
80 浏览量
2024-03-30
11:50:19
上传
评论
收藏 1.39MB ZIP 举报
HTML网站源码-服务器机房展示响应式网页模板-适配移动端&PC端.zip （52个子文件） 
HTML网站源码-服务器机房展示响应式网页模板-适配移动端&PC端 html 
support.html 5KB js 
jquery.magnific-popup.js 45KB jquery.fancybox.js 48KB jquery.easydropdown.js 12KB responsive-nav.js 1KB jquery-1.11.1.min.js 94KB domain.html 8KB plans.html 11KB css style.css 46KB popup.css 14KB bootstrap.css 118KB jquery.fancybox.css 5KB 404.html 4KB services.html 7KB index.html 23KB about.html 8KB single.html 7KB images 
pic5.jpg 7KB pic6.jpg 9KB
server.png 477KB s5.jpg 20KB services.jpg 76KB s1.jpg 31KB s2.jpg 24KB arrow.png 3KB s6.jpg 24KB banner.jpg 68KB logo.png 7KB s10.jpg 14KB quote.png 3KB s7.jpg 14KB pic4.jpg 7KB pic2.jpg 5KB search.png 3KB pic3.jpg 9KB fancybox_sprite.png 1KB s11.jpg 15KB drop_arrow.png 3KB pic1.jpg 7KB s9.jpg 15KB avatar.png 2KB test_pic.png 16KB calender.png 3KB img-sprite.png 22KB select-box.jpg 459B about_server.png 284KB s3.jpg 16KB nav_icon.png 3KB s4.jpg 20KB s8.jpg 17KB single.jpg 78KB blog.html 7KB资源评论
