View file digital_hosting-web/web/clients.html

File size: 11.61Kb
<!--
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 | Clients :: 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">
<!----font-Awesome----->
<script src="js/easyResponsiveTabs.js" type="text/javascript"></script>
		    <script type="text/javascript">
			    $(document).ready(function () {
			        $('#horizontalTab').easyResponsiveTabs({
			            type: 'default', //Types: default, vertical, accordion           
			            width: 'auto', //auto or any width like 600px
			            fit: true   // 100% fit in a container
			        });
			    });
</script>	
</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 class="active"><a href="clients.html">Our Clients</a></li>
					<li><a href="404.html">News</a></li>
					<li><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="clients">
       	<div class="container">
       		<h1>Website We Host</h1>
       		<div class="client_grid">
       			   <div class="col-md-4">
       				  <div class="client_box">
       				  	<h2>On the other hand, we denounc</h2>
       				  	<p>But in certain circumstances and owing to the claims of duty or the obligations</p>
       				  	<img src="images/p4.jpg" class="img-responsive" alt=""/>
       				  </div>
       				</div>
       				<div class="col-md-4">
       				  <div class="client_box">
       				  	<h2>On the other hand, we denounc</h2>
       				  	<p>But in certain circumstances and owing to the claims of duty or the obligations</p>
       				  	<img src="images/p6.jpg" class="img-responsive" alt=""/>
       				  </div>
       				</div>
       				<div class="col-md-4">
       					<div class="client_box">
       				  	<h2>On the other hand, we denounc</h2>
       				  	<p>But in certain circumstances and owing to the claims of duty or the obligations</p>
       				  	<img src="images/p5.jpg" class="img-responsive" alt=""/>
       				  </div>
       				</div>
       		</div>
       	</div>
       </div>
       <div class="sap_tabs">	
				<div id="horizontalTab" style="display: block; width: 100%; margin: 0px;">
						 <div class="tab_grid">
							  <ul class="resp-tabs-list">
							  	  <li class="resp-tab-item" aria-controls="tab_item-0" role="tab"><span>Testimonials</span></li>
								  <li class="resp-tab-item" aria-controls="tab_item-1" role="tab"><span>Guarantee</span></li>
								  <li class="resp-tab-item" aria-controls="tab_item-2" role="tab"><span>Gallery</span></li>
								  <div class="clearfix"></div>
							  </ul>	
							</div>	
							<div class="container">
						         <div class="tab-1 resp-tab-content" aria-labelledby="tab_item-0">
							    	<h3>Client Testimonials</h3>
									<ul class="tab_img">
									  <li>
										<div class="client_box1">
					       				    <img src="images/p10.jpg" class="img-responsive" alt=""/>
					       				    <h4>Lorem Ipsum</h4>
					       				    <p>But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete</p>
       				  					</div>
										</li>
										<li>
										<div class="client_box1">
					       				    <img src="images/p9.jpg" class="img-responsive" alt=""/>
					       				    <h4>Lorem Ipsum</h4>
					       				    <p>But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete</p>
       				  					</div>
										</li>
										<li>
										<div class="client_box1">
					       				    <img src="images/p8.jpg" class="img-responsive" alt=""/>
					       				    <h4>Lorem Ipsum</h4>
					       				    <p>But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete</p>
       				  					</div>
										</li>
									    <li class="last">
										<div class="client_box1">
					       				    <img src="images/p7.jpg" class="img-responsive" alt=""/>
					       				    <h4>Lorem Ipsum</h4>
					       				    <p>But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete</p>
       				  					</div>
										</li>
										<div class="clearfix"></div>
									</ul>
							     </div>	
							     <div class="tab-1 resp-tab-content" aria-labelledby="tab_item-1">
									<h3>Guarantee Services</h3>
									<ul class="tab_img">
									  <li>
										<div class="client_box1">
					       				    <img src="images/p7.jpg" class="img-responsive" alt=""/>
					       				    <h4>Lorem Ipsum</h4>
					       				    <p>But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete</p>
       				  					</div>
										</li>
										<li>
										<div class="client_box1">
					       				    <img src="images/p8.jpg" class="img-responsive" alt=""/>
					       				    <h4>Lorem Ipsum</h4>
					       				    <p>But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete</p>
       				  					</div>
										</li>
										<li>
										<div class="client_box1">
					       				    <img src="images/p9.jpg" class="img-responsive" alt=""/>
					       				    <h4>Lorem Ipsum</h4>
					       				    <p>But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete</p>
       				  					</div>
										</li>
									    <li class="last">
										<div class="client_box1">
					       				    <img src="images/p10.jpg" class="img-responsive" alt=""/>
					       				    <h4>Lorem Ipsum</h4>
					       				    <p>But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete</p>
       				  					</div>
										</li>
										<div class="clearfix"></div>
									</ul>
							     </div>	
							     <div class="tab-1 resp-tab-content" aria-labelledby="tab_item-2">
							     	<h3>Gallery</h3>
									<ul class="tab_img">
									  <li><img src="images/p11.jpg" class="img-responsive" alt=""/></li>
									  <li><img src="images/p12.jpg" class="img-responsive" alt=""/></li>
									  <li><img src="images/p13.jpg" class="img-responsive" alt=""/></li>
									  <li class="last"><img src="images/p14.jpg" class="img-responsive" alt=""/></li>
									  <div class="clearfix"></div>
									</ul>
									<ul class="tab_img tab_img1">
									  <li><img src="images/p10.jpg" class="img-responsive" alt=""/></li>
									  <li><img src="images/p9.jpg" class="img-responsive" alt=""/></li>
									  <li><img src="images/p8.jpg" class="img-responsive" alt=""/></li>
									  <li class="last"><img src="images/p7.jpg" class="img-responsive" alt=""/></li>
									  <div class="clearfix"></div>
									</ul>
							     </div>	
						 </div>	
                  </div>
        </div>
        <!-- clients -->
        <div class="clients text-center">
	       	<div class="container">
	       		<h3>Some of our satisfied clients include...</h3>
	       		<ul>
	       			<li><a href="#"><img src="images/c-logo.png" title="disney" /></a></li>
	       			<li><a href="#"><img src="images/c-logo1.png" title="apple" /></a></li>
	       			<li><a href="#"><img src="images/c-logo3.png" title="microsoft" /></a></li>
	       			<li><a href="#"><img src="images/c-logo4.png" title="timewarener" /></a></li>
	       			<li><a href="#"><img src="images/c-logo5.png" title="disney" /></a></li>
	       			<li><a href="#"><img src="images/c-logo6.png" title="sony" /></a></li>
	       		</ul>
	       	</div>
       </div>
       <!-- clients -->
       <!-- 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>