View file ama-pack/mobile/index.html

File size: 6.96Kb
<!--
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 "-//WAPFORUM//DTD XHTML Mobile 1.0//EN"
"http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html>
<head>
<title>Ama for high end mobiles, like samsung, nokia, lg, sony erricosn, htc mobile website templates for free | Home :: w3layouts</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<link href="mobile/css/theme-style.css" media="all" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="wrap"> 			
   <div class="header">	
      <div class="header-top">	
         <div class="logo">
					<a href="#">ama</a>
				</div>
		<div class="drp-dwn">
	      <select onchange="window.location=this.options[this.selectedIndex].value">
			 <option value="#home">Hello</option>
			 <option value="#overview">Overview</option>
			 <option value="#share">Share</option>
			 <option value="#fea">Features</option>
			 <option value="#gall">Gallery</option>
			 <option value="#down">Download</option>
			 <option value="#comp">Compatibility</option>
		  </select>
		</div>
		<div class="clear"></div>
	  </div> 
      <div class="banner" id="home">
      	<h1>Capture and Share</h1>
		<div class="slide-text-info-btns">
		  <a class="apple" href="#"><span> </span></a>
		  <a class="play-btn" href="#"><span> </span></a>
	     </div>
	   </div>
	  </div>
		<!-----start-features----->
		<div id="overview" class="features text-center">
			<div class="container">
				<h2>Why ama?</h2>
				<!---- start-features-grids------>
					<div class="features-grids text-center">
						<div class="col-md-4 features-grid">
							<span> </span>
							<h3><a href="#">Auto focus </a></h3>
							<p>ultrices nisl sit amet luctus. Donec volutpat arcu ullamcorper facilisis vulputate. Sed auctor. </p>
						</div>
						<div class="col-md-4 features-grid">
							<span class="t-icon1"> </span>
							<h3><a href="#">Secured with Touch ID</a></h3>
							<p>ultrices nisl sit amet luctus. Donec volutpat arcu ullamcorper facilisis vulputate. Sed auctor. </p>
						</div>
						<div class="col-md-4 features-grid">
							<span class="t-icon2"> </span>
							<h3><a href="#">Your Filters</a></h3>
							<p>ultrices nisl sit amet luctus. Donec volutpat arcu ullamcorper facilisis vulputate. Sed auctor. </p>
						</div>
						<div class="clearfix"> </div>
					</div>
				<!---- //End-features-grids------>
			</div>
		</div>
		<!-----//End-features----->
		<!-----start-Share instantly----->
		<div id="share" class="Share-instantly">
			<div class="container">
				<div class="col-md-5 Share-instantly-left">
					<span> </span>
				</div>
				<div class="col-md-7 Share-instantly-right">
					<h3>Share instantly</h3>
					<p class="head-para">Mauris euismod ultrices nisl sit amet luctus. Donec volutpat arcu ullamcorper facilisis vulputate. Sed auctor pulvinar ornare. Donec gravida.</p>
			   </div>
			</div>
		</div>
		<div class="clearfix"> </div>
		<!-----//End-Share instantly----->
		<!-----start-New Feature------>
		<div id="fea" class="feature">
			<div class="container">
				<div class="col-md-7 feature-left">
					<h3>New Features</h3>
					<p class="head-para">Mauris euismod ultrices nisl sit amet luctus. Donec volutpat arcu ullamcorper facilisis vulputate. Sed auctor pulvinar ornare. Donec gravida. </p>
				</div>
				<div class="col-md-5 feature-right">
					 <span> </span>
				</div>
			</div>
		</div>
		<!-----//End-New Feature------>
		<!----- start-gallery----->
		<div id="gall" class="gallery">
			<div class="container">
				<h3>Taken with ama</h3>
				<p>Mauris euismod ultrices nisl sit amet luctus. Donec volutpat arcu ullamcorper facilisis vulputate. Sed auctor pulvinar ornare. Donec gravida. </p>
			</div>
			<ul class="gallery_box">
			 	<li><img src="mobile/images/g1.jpg" alt=""/></li>
			 	<li><img src="mobile/images/g2.jpg" alt=""/></li>
			 	<li><img src="mobile/images/g3.jpg" alt=""/></li>
			 	<li><img src="mobile/images/g4.jpg" alt=""/></li>
			 	<div class="clear"></div>
			 </ul>	                
		</div>
		<!----- //End-gallery----->
		<!-----start-download---->
		<div id="down" class="download">
			<div class="container">
				<div class="col-md-5 download-left">
					<a href="#"><span> </span></a>
				</div>
				<div class="col-md-7 download-right">
					<p>Believe me, you don't wanna miss this app.</p>
					<a href="#">- Newyork Times</a>
					<ul class="list-unstyled list-inline">
						<li><a class="l-apple" href="#"><span> </span></a></li>
						<li><a class="l-google" href="#"><span> </span></a></li>
					</ul>
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
		<!-----//End-download---->
		<!----- start-Compatibility----->
		<div id="comp" class="compatibility">
			<div class="container">
				<h3>Compatibility</h3>
				<div class="compatibility-grids">
					<div class="col-md-6 compatibility-left">
						<h4>iOS</h4>
						<p>Requires iOS 6.0 or later. Compatible with iPhone, iPad, and iPod touch. This app is optimized for iPhone 5.</p>
						<ul class="list-unstyled list-inline">
							<li><a class="cl-icon1" href="#"><span> </span></a></li>
							<li><a class="cl-icon2" href="#"><span> </span></a></li>
							<li><a class="cl-icon3" href="#"><span> </span></a></li>
							<li><a class="cl-icon4" href="#"><span> </span></a></li>
						</ul>
					</div>
					<div class="col-md-6 compatibility-right">
						<h4>Android</h4>
						<p>Compatible with Android KitKat 4.4 or later.Support for x86 devices (i.e. Samsung Galaxy Tab 3 10.1).</p>
						<ul class="list-unstyled list-inline">
							<li><a class="cl-icon1-l" href="#"><span> </span></a></li>
							<li><a class="cl-icon2-l" href="#"><span> </span></a></li>
							<li><a class="cl-icon3-l" href="#"><span> </span></a></li>
							<li><a class="cl-icon4-l" href="#"><span> </span></a></li>
							<li><a class="cl-icon5-l" href="#"><span> </span></a></li>
							<li><a class="cl-icon6-l" href="#"><span> </span></a></li>
							<li><a class="cl-icon7-l" href="#"><span> </span></a></li>
							<li><a class="cl-icon8-l" href="#"><span> </span></a></li>
						</ul>
					</div>
					<div class="clearfix"> </div>
				</div>
			</div>
		</div>
		<!----- //End-Compatibility----->
		<!-----start-footer----->
		<div class="footer">
			<div class="container">
				<div class="col-md-7 footer-left">
					<p>Template by <a href="http://w3layouts.com/">W3layouts</a></p>
				</div>
				<div class="col-md-5 footer-right text-left">
					<p>Subscribe our email newsletter.</p>
					<form>
						<input type="text" value="Your email" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Your email';}">
						<input type="submit" value="Submit" />
					</form>
				</div>
				<div class="clearfix"> </div>
			</div>
			 
     <!---- //End-smoth-scrolling---->
		</div>
		<!-----//End-footer----->
		<!-----//End-conatiner---->
	</div>
</body>
</html>