View file minimal-pack/mobile/index.html

File size: 6.38Kb
<!--
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>Minimal website for high end mobiles,like samsung nokia mobile website templates for free | Home :: w3layouts</title>
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<link rel="shortcut icon" type="image/x-icon" href="mobile/images/fav-icon.png" />
		<link href="mobile/css/theme-style.css" rel="stylesheet" type="text/css"  media="all" />
		<meta name="keywords" content="Minimal iphone web template, Andriod web template, Smartphone web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
	</head>

	<body>
		<!----start-container---->
			<!----start-header---->
			<div id="home" class="header">
				<div class="container">
					<!----start-logo---->
					<div class="logo">
						<a href="#"><img src="mobile/images/logo.png" title="minimal" /></a>
					</div>
						 <!--top-nav-->
				           <nav class="top-nav">
				           	 <a class="navicon" href="#menu"> </a>
							</nav>
				        <!--//top-nav-->
					<!----//End-logo---->
					<div class="clear"> </div>
				</div>
			</div>
			<!----//End-header---->
			<!----start-slider---->
			<div class="slider">
			<!-- Slideshow 3 -->
		    <ul class="rslides" id="slider3">
		      <li>
		      	<div class="col-md-6 divice">
		      		<img src="mobile/images/divice3.png" title="divice" />
		      	</div>
		      	<div class="clear"> </div>
		      	<div class="col-md-6 divice-info">
		      		<div class="divice-info-text">
		      			<h2> MY APPS showcase</h2>
		      			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
		      			<a class="btn" href="#"> Buy Now</a>
		      		</div>
		      	</div>
		      </li>
		       <li>
		      	<div class="col-md-6 divice">
		      		<img src="mobile/images/divice1.png" title="divice" />
		      	</div>
		      	<div class="clear"> </div>
		      	<div class="col-md-6 divice-info">
		      		<div class="divice-info-text">
		      			<h2> MY APPS showcase</h2>
		      			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
		      			<a class="btn" href="#"> Buy Now</a>
		      		</div>
		      	</div>
		      </li>
		       <li>
		      	<div class="col-md-6 divice">
		      		<img src="mobile/images/divice4.png" title="divice" />
		      	</div>
		      	<div class="clear"> </div>
		      	<div class="col-md-6 divice-info">
		      		<div class="divice-info-text">
		      			<h2> MY APPS showcase</h2>
		      			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
		      			<a class="btn" href="#"> Buy Now</a>
		      		</div>
		      	</div>
		      </li>
		    </ul>
		    <div class="clear"> </div>
		    </div>
			<!----//End-slider---->
			<!---- start-about---->
			<div id="about" class="about text-center">
				<div class="container">
					<h3>About minimal</h3>
					<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
					<img src="mobile/images/about-pic.png" alt="">
				</div>
			</div>
			<!----//End-about---->
			<!----start-services---->
			<div id="services" class="services">
				<h4>Minimal Services</h4>
				<!--Horizontal Tab-->
			        <div id="horizontalTab">
			            <ul class="resp-tabs-list">
			                <li class="tab1"><span> </span></li>
			                <li class="tab2"><span> </span></li>
			                <li class="tab3"><span> </span></li>
			                <li class="tab4"><span> </span></li>
			                <li class="tab5"><span> </span></li>
			                <li class="tab6"><span> </span></li>
			            </ul>
			            <div class="resp-tabs-container">
			                <div class="tab">
			                	<div class="container">
				                	<div class="tab-info">
				                		<div class="col-md-6 tab-divice">
				                			<img src="mobile/images/divice2.png" title="divice" />
				                		</div>
				                		<div class="col-md-6 tab-divice-info">
				                			<h3>My apps showcase</h3>
				                			<p>Lorem Ipsum is simply dummy text printing and typesetting industry.</p>
				                			<a class="btn" href="#"> Buy Now</a>
				                		</div>
				                		<div class="clear"> </div>
				                	</div>
			                	</div>
			                </div>
			            </div>
			        </div>
			</div>
			<!----//End-services---->
			<!----start-bottom-grids----->
			<div class="bottom-grids">
				<div class="bottom-grid-left col-md-7">
					<h3>60%</h3>
					<p>Of Project Completed</p>
				</div>
				<div class="bottom-grid-right col-md-5">
					<img src="mobile/images/arrows.png" title="arrows" />
				</div>
				<div class="clearfix"> </div>
			</div>
			<!----//End-bottom-grids----->
			<!----start-contact---->
					<div class="contact" id="contact">
						<div class="container">
						<h2>Contact minimal</h2>
						<div class="contact-form">
							<div class="contact-info">
									<h3><span>Contact Us</span> Now</h3>
									<p>Lorem ipsum address line1, address lin</p>
									<label>0414 459 237</label>
									<a href="mailto:yourwebsitename.com">info@minimal.com</a>
									<i> </i>
									<form>
										<input type="text" placeholder="Name">
										<input type="text" placeholder="Email">
										<textarea placeholder="message"> </textarea>
										<input type="submit" value="Send Message"> 
									</form>
							</div>
						</div>
					</div>
					</div>
		<!----//End-contact---->
		<!----start-nav-links---->
			<div class="navgation-links">
			   	<a name="menu"> </a>
			   			<ul>
							<li class="active"><a href="#home">Home</a> </li>
							<li class="page-scroll"><a href="#about">About</a></li>
							<li class="page-scroll"><a href="#services">Services</a></li>
							<li class="page-scroll"><a href="#contact">Contact</a></li>
						</ul>
			   </div>
			  <!----start-nav-links---->

		<!----start-footer---->
			<div class="footer">
				<p>Template by <a href="http://w3layouts.com/">W3layouts</a></p>
				<a href="#home" id="toTop" style="display: block;"><span id="toTopHover" style="opacity: 1;"> </span></a>
			</div>
		<!----//End-footer---->
		<!----//End-container---->
	</body>
</html>