View file digital_hosting-web/web/about.html

File size: 8.92Kb
<!--
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>Digital_Host A Hosting Category Flat Bootstarp Resposive Website Template | About :: 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="Digital_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' />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery.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=Slabo+27px' rel='stylesheet' type='text/css'>
<!-- webfonts -->
<!----font-Awesome----->
<link rel="stylesheet" href="fonts/css/font-awesome.min.css">
</head>
<body>
<!-- header -->
   <div class="header">
          <!-- container -->
         <!-- top-nav -->
      <div class="container">	 			
		<div class="logo">
		  <a href="index.html"><img src="images/logo.png" alt=""/></a>
		</div>	
		<div class="header_bottom_right">			
	        <div class="h_menu4"><!-- start h_menu4 -->
				<a class="toggleMenu" href="#">Menu</a>
				<ul class="nav">
					<li><a href="index.html">Home</a></li>
				    <li><a href="services.html">Services</a>
						<ul>
							<li><a href="services.html">Dedicated Servers</a></li>
       					 	<li><a href="services.html">VPS Servers</a></li>
       					 	<li><a href="services.html">Shared Hosting</a></li>
       					 	<li><a href="services.html">Colocation</a></li>
						</ul>
					</li>
					<li><a href="clients.html">Our Clients</a></li>
					<li><a href="404.html">News</a></li>
					<li class="active"><a href="about.html">About</a></li>
					<li><a href="support.html">Support</a></li>
				</ul>
				<script type="text/javascript" src="js/nav.js"></script>
	          </div><!-- end h_menu4 -->
              <div class="clearfix"> </div>
       			<!-- top-nav -->
       		</div>
       		<!-- header -->
          </div>
        </div>
        <div class="about">
          <div class="container">
        	 <div class="about_top">
	            <div class="col-md-8">
	        	  <ul class="user_head">
	        	  	<i class="fa fa-users"> </i>
	        	  	<li class="user_head-right">
	        	  		<h1>Who We are</h1>
	        	  	</li>
	        	  	<div class="clearfix"> </div>
	        	  </ul>
	        	  <div class="about_grid">
	        	  	<div class="col-md-5 about_grid-left">
	        	  		<img src="images/p10.jpg" class="img-responsive" alt=""/>
	        	  	</div>
	        	  	<div class="col-md-7 about_grid-right">
	        	  		<h3><a href="#">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy </a></h3>
	        	  		<p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil.</p>
	        	  	</div>
	        	  </div>
	        	</div>
	        	<div class="col-md-4 about_grid1">
	        	  <ul class="user_head">
	        	  	<i class="fa fa-trophy"> </i>
	        	  	<li class="user_head-right">
	        	  		<h2>Our Awards</h2>
	        	  	</li>
	        	  	<div class="clearfix"> </div>
	        	  </ul>
	        	  <h3><a href="#">Consectetuer adipiscing elit</a></h3>
	        	  <p>Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum.</p>
	        	  <div class="sm_hr"></div>
	        	   <h3><a href="#">Lorem ipsum dolor sit amet</a></h3>
	        	  <p>Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum.</p>
	        	</div>
	        	<div class="clearfix"> </div>
	          </div>
	          <div class="about_bottom">
	          	<h2 class="m_7">Why Choose Us</h2>
	          	<div class="about_bottom-grid">
		          	<div class="col-md-4">
		          		<div class="well_desc">
	                       <span class="dropcap">01</span> 
	                       <blockquote><p><span>Ut wisi enim ad minim veniam</span></p></blockquote>
	                       <p>Donec justo tellus, tincidunt vitae pellentesque nec, pharetra a orci. Praesent nunc nunc, egestas eget</p>
	                    </div>
		          	</div>
		          	<div class="col-md-4">
		          		<div class="well_desc">
	                       <span class="dropcap">02</span> 
	                       <blockquote><p><span>Ut wisi enim ad minim veniam</span></p></blockquote>
	                       <p>Donec justo tellus, tincidunt vitae pellentesque nec, pharetra a orci. Praesent nunc nunc, egestas eget</p>
	                    </div>
		          	</div>
		          	<div class="col-md-4">
		          		<div class="well_desc">
	                       <span class="dropcap">03</span> 
	                       <blockquote><p><span>Ut wisi enim ad minim veniam</span></p></blockquote>
	                       <p>Donec justo tellus, tincidunt vitae pellentesque nec, pharetra a orci. Praesent nunc nunc, egestas eget</p>
	                    </div>
		          	</div>
		          	<div class="clearfix"> </div>
	          	</div>
	          	<div class="about_bottom-grid1">
		          	<div class="col-md-4">
		          		<div class="well_desc">
	                       <span class="dropcap">04</span> 
	                       <blockquote><p><span>Ut wisi enim ad minim veniam</span></p></blockquote>
	                       <p>Donec justo tellus, tincidunt vitae pellentesque nec, pharetra a orci. Praesent nunc nunc, egestas eget</p>
	                    </div>
		          	</div>
		          	<div class="col-md-4">
		          		<div class="well_desc">
	                       <span class="dropcap">05</span> 
	                       <blockquote><p><span>Ut wisi enim ad minim veniam</span></p></blockquote>
	                       <p>Donec justo tellus, tincidunt vitae pellentesque nec, pharetra a orci. Praesent nunc nunc, egestas eget</p>
	                    </div>
		          	</div>
		          	<div class="col-md-4">
		          		<div class="well_desc">
	                       <span class="dropcap">06</span> 
	                       <blockquote><p><span>Ut wisi enim ad minim veniam</span></p></blockquote>
	                       <p>Donec justo tellus, tincidunt vitae pellentesque nec, pharetra a orci. Praesent nunc nunc, egestas eget</p>
	                    </div>
		          	</div>
		          	<div class="clearfix"> </div>
	          	</div>
	          </div>
           </div>
        </div>
       <!-- footer -->
        <div class="footer">
       		<div class="container">
       		<!-- footer-grids -->
       		<div class="footer-grids">
	       		<div class="col-md-3 footer-grid">
	       			<h3>Plans and Services</h3>
	       			<ul>
	       				<li><a href="#">Dedicated Servers</a></li>
	       				<li><a href="#">VPS Servers</a></li>
	       				<li><a href="#">Shared Hosting</a></li>
	       				<li><a href="#">Colocation</a></li>
	       			</ul>
	       		</div>
	       		<div class="col-md-3 footer-grid">
	       			<h3>Customer Services</h3>
	       			<ul>
	       				<li><a href="#">Contact Us</a></li>
	       				<li><a href="#">Returns</a></li>
	       				<li><a href="#">Site Map</a></li>
	       			</ul>
	       		</div>
	       		<div class="col-md-3 footer-grid">
	       			<h3>Extras</h3>
	       			<ul>
	       				<li><a href="#">Brands</a></li>
	       				<li><a href="#">Specials</a></li>
	       				<li><a href="#">Vouchers</a></li>
	       			</ul>
	       		</div>
	       		<div class="col-md-3 footer-grid">
	       			<h3>My Account</h3>
	       			<ul>
	       				<li><a href="#">Wish List</a></li>
	       				<li><a href="#">Newsletter</a></li>
	       			</ul>
	       			<ul class="socials">
	                 <li><a href="#"><i class="fa fb fa-facebook"></i></a></li>
	                 <li><a href="#"><i class="fa tw fa-twitter"></i></a></li>
	                 <li><a href="#"><i class="fa tw fa-google-plus"></i></a></li>
              		</ul>
	       		</div>
	       		<div class="clearfix"> </div>
       		</div>
       		<div class="copy">
	       			<p>Design by <a href="http://w3layouts.com/">W3layouts</a></p>
	       	</div>
       		<!-- footer-grids -->
       	</div>
     </div>
       <!-- footer -->
      <!-- container -->
</body>
</html>