View file web/single.html

File size: 6.91Kb
<!--A Design by W3layouts
Author: W3layout
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>We Host a Web Hosting Category Flat Bootstarp responsive Website Template| SINGLE :: 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="We Host 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' />
<link href="css/style.css" rel='stylesheet' type='text/css' />
<script src="js/jquery-1.11.0.min.js"></script>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
<!---- start-smoth-scrolling---->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
			jQuery(document).ready(function($) {
				$(".scroll").click(function(event){		
					event.preventDefault();
					$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
				});
			});
		</script>

<!--start-smoth-scrolling-->
</head>
<body>
<!--start-header-->
	<div class="header" id="home">
		<div class="container">
			<div class="head">
			<div class="logo">
				<h1><a href="index.html">We Host</a></h1>
			</div>
			<div class="navigation">
				 <span class="menu"></span> 
					<ul class="navig">
						<li><a href="index.html">Home</a></li>
						<li class="plan active"><a href="single.html">Plans and Services</a>
							<ul class="sub-nav">
								<li><a href="single.html">Dedicated Servers</a></li>
								<li><a href="single.html">VPS Servers</a></li>
								<li><a href="single.html">Shared Hosting</a></li>
								<li><a href="single.html">Colocation</a></li>
							</ul>
						</li>
						<li><a href="404.html">Infrastructure</a></li>
						<li><a href="news.html">News</a></li>
						<li><a href="about.html">About</a></li>
						<li><a href="support.html" class="sup">Support</a></li>
					</ul>
			</div>
				<div class="clearfix"></div>
			</div>
			</div>
		</div>	
	<!-- script-for-menu -->
		 <script>
				$("span.menu").click(function(){
					$(" ul.navig").slideToggle("slow" , function(){
					});
				});
		 </script>
		 <!-- script-for-menu -->
	<!--end-header-->
	<!--start-single-->
	<div class="single">
			<div class="single-main">
				<div class="col-md-6 single-left">
					<img src="images/single.jpg" alt="" />
				</div>
				<div class="col-md-6 single-right">
					<h3>DONEC SAGITTIS INTERDUM TELLUS</h3>
					<P>Cras quis ante non sem vulputate dapibus non vel sapien. Donec sed ex blandit, consectetur neque eu, tempor leo. Aliquam mattis pretium augue. Phasellus diam risus, suscipit nec lacinia sed, suscipit at augue. Aenean maximus auctor finibus. Donec congue est sit amet ante congue faucibus vitae sit amet sapien. Phasellus vel mollis erat, in auctor est. Integer vehicula pulvinar neque, id tempor ipsum condimentum nec. Etiam eget velit blandit, accumsan ipsum ac, dapibus est. Donec porttitor sodales urna at semper.Praesent id dolor ac justo mollis lobortis varius at purus. Maecenas porttitor tortor augue, et imperdiet ipsum consectetur ultricies. Nullam hendrerit turpis quis nibh bibendum, sit amet accumsan tortor vulputate. Etiam ut malesuada velit. Mauris id sollicitudin ligula.</P>
					<p>Suspendisse rutrum commodo diam. In ut gravida quam, sit amet dignissim est. Curabitur aliquam, felis eget cursus porttitor, ipsum ipsum imperdiet libero. vitae imperdiet risus elit non elit. Cras fermentum facilisis mauris eget ultricies.Mauris sagittis suscipit orci, ac dignissim sem bibendum id. Ut dapibus, orci eu pharetra dignissim, felis sapien finibus turpis, vitae posuere orc</p>
				</div>
				<div class="clearfix"></div>
			</div>
	</div>
	<!--end-single-->
	<!--product-starts-->
	<div class="product">
		<div class="container">
			<div class="product-main">
				<h3>OTHER PRODUCTS</h3>
				<div class="product-top">
					<div class="col-md-4 product-left">
						<img src="images/product-1.jpg" alt="">
						<label>65$</label>
					</div>
					<div class="col-md-4 product-left">
						<img src="images/product-2.jpg" alt="">
						<label>110$</label>
					</div>
					<div class="col-md-4 product-left">
						<img src="images/product-3.jpg" alt="">
						<label>95$</label>
					</div>
					<div class="clearfix"></div>
				</div>
			</div>
		</div>
	</div>
	<!--product-ends-->
	<!--start-bottom-navgation-->
	<div class="b-navgation">
		<div class="container">
			<div class="b-nav-main">
				<ul>
					<li><a href="index.html">Home</a></li>
					<li>
						<a href="single.html">Plans and Services</a>
						<ul class="b-nav">
							<li><a href="single.html">Dedicated Servers</a></li>
							<li><a href="single.html">VPS Servers</a></li>
							<li><a href="single.html">Shared Hosting</a></li>
							<li><a href="single.html">Colocation</a></li>
						</ul>
					</li>
					<li><a href="404.html">Infrastructure</a></li>
					<li><a href="news.html">News</a></li>
					<li><a href="about.html">About</a>
						<ul class="b-nav">
							<li><a href="single.html">About company</a></li>
							<li><a href="support.html">Contact us</a></li>
						</ul>
					</li>
					<li><a href="support.html">Support</a>
						<ul class="b-nav">
							<li><p>Call us:<span>(818) 995-1560</span></p></li>
							<li><p>E-mail us: <a href="mailto:example@email.com">sales@digitallandscape.com </a></p></li>
						</ul>
					</li>
				</ul>
			</div>
		</div>
	</div>
	<!--end-bottom-navgation-->
	<!--start-footer-->
	<div class="footer">
		<div class="container">
			<div class="footer-text">
				<p>Template By <a href="http://w3layouts.com/"> W3layouts</a></p>
			</div>
		</div>
		 <script type="text/javascript">
									$(document).ready(function() {
										/*
										var defaults = {
								  			containerID: 'toTop', // fading element id
											containerHoverID: 'toTopHover', // fading element hover id
											scrollSpeed: 1200,
											easingType: 'linear' 
								 		};
										*/
										
										$().UItoTop({ easingType: 'easeOutQuart' });
										
									});
								</script>
		<a href="#home" id="toTop" class="scroll" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
	</div>
	<!--end-footer-->
</body>
</html>