File size: 8.18Kb
<!--
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>Shutter 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/style.css" media="all" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="header">
<div class="logo">
<a href="index.html"><img src="mobile/images/logo.png" alt=""/></a>
</div>
<div class="slider-left">
<h1>Never Stop Photographing</h1>
</div>
<div class="header_btn"><a class="btn2" href="#"><span>Come Closer</span></a></div>
</div>
<div class="header-bottom">
<div class="drp-dwn">
<select onchange="window.location=this.options[this.selectedIndex].value">
<option value="#home">Home</option>
<option value="#portfolio">Portfolio</option>
<option value="#services">Services</option>
<option value="#signup">Sign Up</option>
<option value="#about">About</option>
<option value="#contact">Contact</option>
</select>
</div>
<div class="logo_small">
<a href="index.html"><img src="mobile/images/logo_small.png" alt=""/></a>
</div>
<div class="clear"></div>
</div>
<div class="portfolio" id="portfolio">
<div class="portfolio_box">
<div class="col_1_of_4 span_1_of_4">
<img src="mobile/images/p1.jpg" alt=""/>
</div>
<div class="col_1_of_4 span_1_of_4">
<img src="mobile/images/p2.jpg" alt=""/>
</div>
<div class="col_1_of_4 span_1_of_4">
<img src="mobile/images/p3.jpg" alt=""/>
</div>
<div class="col_1_of_4 span_1_of_4">
<img src="mobile/images/p4.jpg" alt=""/>
</div>
<div class="col_1_of_4 span_1_of_4">
<img src="mobile/images/p5.jpg" alt=""/>
</div>
<div class="col_1_of_4 span_1_of_4">
<img src="mobile/images/p6.jpg" alt=""/>
</div>
<div class="clear"></div>
</div>
</div>
<div class="portfolio_bottom">
<a class="btn3" href="#"><span>Loadmore</span></a>
</div>
<div class="services s2" id="services">
<div class="container">
<h2 class="service_head">Our Services</h2>
<div class="row text-center">
<div class="col-md-3 service_grid">
<i class="icon1"><img src="mobile/images/1.png" alt=""/></i>
<h3 class="m_1"><a href="#">One Page Layout</a></h3>
<p class="m_2">Lorem ipsum dolor sit amet, consectetuer adipiscing..</p>
</div>
<div class="col-md-3 service_grid">
<i class="icon1"><img src="mobile/images/2.png" alt=""/></i>
<h3 class="m_1"><a href="#">Flat Design</a></h3>
<p class="m_2">Lorem ipsum dolor sit amet, consectetuer adipiscing..</p>
</div>
<div class="col-md-3 service_grid">
<i class="icon1"><img src="mobile/images/3.png" alt=""/></i>
<h3 class="m_1"><a href="#">Photo portfolio</a></h3>
<p class="m_2">Lorem ipsum dolor sit amet, consectetuer adipiscing..</p>
</div>
<div class="col-md-3">
<i class="icon1"><img src="mobile/images/4.png" alt=""/></i>
<h3 class="m_1"><a href="#">Easy to edit</a></h3>
<p class="m_2">Lorem ipsum dolor sit amet, consectetuer adipiscing..</p>
</div>
</div>
</div>
</div>
<div class="photograph">
<div class="container">
<div class="slider-left">
<h1>Never Stop Photographing</h1>
<p class="top_desc">It Is very likely that your best photograph has not yet been captured</p>
<p class="bottom_desc">- imperdiet doming</p>
</div>
</div>
</div>
<div class="signup s3" id="signup">
<div class="container">
<h3 class="m_3">Are you Interested ? <br> Sign up now</h3>
<div class="contact-form">
<form method="post" action="contact-post.html">
<input type="text" class="textbox" value="First Name" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'First Name';}">
<input type="text" class="textbox" value="Last Name" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Last Name';}">
<input type="text" class="textbox" value="Email address" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Email address';}">
<input type="submit" value="Sign Up">
<div class="clearfix"> </div>
</form>
</div>
</div>
</div>
<div class="about s4" id="about">
<div class="container">
<h3 class="m_4">About Us</h3>
<p class="m_5">nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
<div class="row text-center">
<div class="col-md-3 about-grid text-center">
<img src="mobile/images/pic1.png" class="img-responsive" alt=""/>
<h3><a href="#">John Doe<br>General Manager</a></h3>
<p>diam nonummy nibh euismod tincidunt ut laoreet dolore magna </p>
</div>
<div class="col-md-3 about-grid text-center">
<img src="mobile/images/pic3.png" class="img-responsive" alt=""/>
<h3><a href="#">John Doe<br>General Manager</a></h3>
<p>diam nonummy nibh euismod tincidunt ut laoreet dolore magna</p>
</div>
<div class="col-md-3 about-grid text-center">
<img src="mobile/images/pic2.png" class="img-responsive" alt=""/>
<h3><a href="#">John Doe<br>General Manager</a></h3>
<p>diam nonummy nibh euismod tincidunt ut laoreet dolore magn </p>
</div>
<div class="col-md-3 about-grid text-center">
<img src="mobile/images/pic4.png" class="img-responsive" alt=""/>
<h3><a href="#">John Doe<br>General Manager</a></h3>
<p>diam nonummy nibh euismod tincidunt ut laoreet dolore ma </p>
</div>
</div>
</div>
</div>
<div class="contact s5" id="contact">
<div class="container">
<div class="row">
<div class="col-md-8 contact_left">
<h3>We Want to hear from you</h3>
<p class="m_6">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt</p>
<ul class="contact_info">
<li><i class="pin"><img src="mobile/images/pin.png" alt=""/></i><span>Lorem ipsum dolor sit amet</span></li>
<li><i class="pin"><img src="mobile/images/mobile.png" alt=""/></i><span>Tell: +1-900-235-2456<br>Fax: +1-900-235-2456</span></li>
<li><i class="pin"><img src="mobile/images/msg.png" alt=""/></i><span class="msg">info(at)shutter.com</span></li>
</ul>
</div>
<div class="col-md-4">
<div class="contact_right">
<div class="contact-form_grid">
<form method="post" action="contact-post.html">
<input type="text" class="textbox" value="Your name" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Your name';}">
<input type="text" class="textbox" value="Your email" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Your email';}">
<input type="text" class="textbox" value="Subject" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Subject';}">
<textarea value="Message:" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Message';}">Message</textarea>
<input type="submit" value="Send">
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer">
<div class="container">
<div class="copy">
<p>© 2014 Template by <a href="http://w3layouts.com" target="_blank"> w3layouts</a></p>
</div>
<div class="social">
<ul>
<li><a href="#"><img src="mobile/images/fb.png" alt=""/></a></li>
<li><a href="#"><img src="mobile/images/tw.png" alt=""/></a></li>
<li><a href="#"><img src="mobile/images/rss.png" alt=""/></a></li>
<li><a href="#"><img src="mobile/images/google.png" alt=""/></a></li>
</ul>
</div>
<div class="clearfix"></div>
</div>
</div>
</body>
</html>