View file kebrum-pack/mobile/index.html

File size: 7.36Kb
<!--
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 PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
	<head>
		<title>The Kebrum mobile Template :: w3layouts</title>
		<meta name="keywords" content="mobile iphone web template, Andriod web template, Smartphone web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<link href="mbile/css/theme.css" rel='stylesheet' type='text/css' />		
	</head>
	<body>
		<!----start-container----->
		<div class="header-bg" id="home">
			<div class="container">	
					<div class="col-md-4">
						<div class="logo"><h1><a href="index.html">KEBRUM</a></h1></div>
					</div>
					<div class="col-md-8">					
	 					<div class="drp-dwn select">
							<select onchange="window.location=this.options[this.selectedIndex].value">
								<option value="#home" class="scroll">Home</option>
								<option value="#features" class="scroll">Features</option>
								<option value="#prices" class="scroll">Prices</option>						
								<option value="#faq"  class="scroll">Faq</option>	
								<option value="#support"  class="scroll">Support</option>				
							</select>
						</div>		
					</div>	  
					<div class="clear"></div>    			
			</div>
        </div>	
       <!----start-images-slider---->
		<div class="mbile/images-slider">
		    <img src="mbile/images/banner.jpg" alt=""/>		             
		</div>	
	
<!--- features--->
<div class="container">
<div class="row">
		<div class="content-feature-grids" id="features">
						<h3> Features</h3>
						<p>Lorem Ipsum is simply</p>
				<div class="col-md-6">
					<div class="feature-grid">
						<div class="feature-grid-left icon1">
							<span> </span>
						</div>
						<div class="feature-grid-right">
							<h2>All-new design</h2>
							<p>iOS 7 started with a desire to take an experience</p>
						</div>
						<div class="clear"></div>		
					</div>
					<div class="feature-grid">
						<div class="feature-grid-left icon2">
							<span> </span>
						</div>
						<div class="feature-grid-right">
							<h2>All-new features</h2>
							<p>Control Center, AirDrop for iOS and smarter </p>
						</div>
						<div class="clear"></div>		
					</div>
					<div class="feature-grid">
						<div class="feature-grid-left icon3">
							<span> </span>
						</div>
						<div class="feature-grid-right">
							<h2>Date to date Update</h2>
							<p>iOS 7 started with a desire to take </p>
						</div>
						<div class="clear"></div>		
					</div>
				</div>				
					<div class="clear"></div>		
				</div>
	</div>
</div>
<!-----------start-pricing----------->
<div class="pricing-plans" id="prices">
		<div class="container">
			<div class="row">
				<div class="col-md-12">
						<h3>Our Price</h3>
						<p>Lorem Ipsum is simply dummy text of the printing</p>
						<div class="pricing-grids">
						<div class="pricing-grid">							
							<div class="price-value">
								<a href="#">Wesite hosting</a>
							</div>
							<h4><a href="#">$5.01/month</a></h4>
							<ul class="list-unstyled">
								<li><a href="#">Lorem ipsum</a></li>
								<li><a href="#">Dolor sitamet, Consect</a></li>
								<li><a href="#">Adipiscing elit</a></li>
								<li><a href="#">Proin commodo turips</a></li>
								<li><a href="#">Laws pulvinarvel</a></li>
								<li><a href="#">Prnare nisi pretium</a></li>
							</ul>
							<div class="cart">
								<div class="span3"><a class="popup-with-zoom-anim" href="#small-dialog"><i>Purchase</i></a>
							</div>	
							</div>
						</div>
						<div class="pricing-grid">
							<div class="price-value">
								<a href="#">Reseller cloud</a>
							</div>
							<h4><a href="#">$10.01/month</a></h4>
							<ul class="list-unstyled">
								<li><a href="#">Lorem ipsum</a></li>
								<li><a href="#">Dolor sitamet, Consect</a></li>
								<li><a href="#">Adipiscing elit</a></li>
								<li><a href="#">Proin commodo turips</a></li>
								<li><a href="#">Laws pulvinarvel</a></li>
								<li><a href="#">Prnare nisi pretium</a></li>
							</ul>
							<div class="cart">
								<div class="span3"><a class="popup-with-zoom-anim" href="#small-dialog"><i>Purchase</i></a>
							</div>	
							</div>
						</div>														
						<div class="clear"></div>		
					</div>
				</div>
			</div>
		</div>
</div>
<!--- faq--->
<div class="container">
<div class="row">
		<div class="content-feature-grids" id="faq">
						<h3> Faq</h3>
						<p>Lorem Ipsum is simply </p>
				<div class="col-md-6">
				   <div class="faq-grid">									
							<h5>1. Lorem Ipsum is simply ?</h5>
							<p>A. started with a desire to take </p>								
					</div>
					<div class="faq-grid">									
							<h5>2. To make it even simpler ?</h5>
							<p>A. It is a long established fact that.</p>								
					</div>
					<div class="faq-grid">									
							<h5>3. Lorem Ipsum is simply ?</h5>
							<p>A. started with a desire </p>								
					</div>
					<div class="faq-grid">									
							<h5>4. To make it even simple ?</h5>
							<p>A. started with a desire to take</p>								
					</div>					
				</div>				
					<div class="clear"></div>		
				</div>
	</div>
</div>
<div class="contact s6" id="support">
<div class="container">
<div class="row">
 	<div class="col-md-6">			
 		<div class="contact-left">		
 		     <h3>CONTACT ME</h3>
 		     <p class="style">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
			<div class="get-intouch-left-address">
		 		  	    <p>2345 Setwant natrer, 1234</p>
						<p>Washington. United States.</p>
						<p>2345 Setwant natrer, 1234</p>					
						<p class="style1">Email: <a href="mailto:info@mycompany.com"> info@gmail.com</a></p>
						<p class="style2">Phone: <a href="mailto:info@mycompany.com"> 1.306.24565489</a></p>
					</div>
 		</div>	
 	</div>
 	<div class="col-md-6">
 		<div class="contact-right">		
 		    <div class="form">				
				  			<form method="post" action="#">
							    	<input type="text" class="textbox" value=" Name" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Name';}">
							    	<input type="text" class="textbox" value="Email" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Email';}">
										<div class="clear"></div>	
								    <div>
								    	<textarea value="Message:" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = ' Message';}">Message</textarea>
								    </div>
								<div class="span4">
							    	<a href="#">
							    		<i><input type="submit" value="CONTACT ME"></i>
							    		<div class="clear"></div>	
							    	</a>
							    </div>								
							</form>
						</div>
 		    	 </div>	
 	    	</div>	
 			<div class="clear"></div>	
 		</div>	
	</div>
</div>

<div class="footer">
	<div class="container">
		<div class="row">
 			<div class="col-md-12">	
				<div class="copy-right">
					<p>&#169Copyright 2014 All Rights Reserved  Template <a href="http://w3layouts.com/">  w3layouts.com</a></p>	
				</div>	
			</div>
		</div>
    </div>
</div>
</body>
</html>