File size: 10.01Kb
<!--A Design by W3layouts
Author: W3layout
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>Blueasy 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>
<!--start header-->
<div class="wrap">
<div class="header">
<div class="header-top">
<div class="logo">
<a href="index.html"><img src="mobile/images/logo.png" alt=""/></a>
</div>
<div class="drp-dwn">
<select onchange="window.location=this.options[this.selectedIndex].value">
<option value="#home">Home</option>
<option value="#services">Services</option>
<option value="#features">Features</option>
<option value="#portfolio">Portfolio</option>
<option value="#contact">Contact</option>
</select>
</div>
<div class="clear"></div>
</div>
<div class="header-bottom" id="home">
<h1>"I'm Looking unexpected.</h1>
</div>
</div>
<!--end header-->
<!--start services-->
<div class="services" id="services">
<h3 class="m_3">Services</h3>
<div class="m_4"><span class="bottom_line"> </span></div>
<div class="col-md-3 top_grid">
<i class="coffee"> </i>
<h3 class="m_1">Coffee</h3>
<p class="m_2">Lorem ipsum dolor sit amet adipiscing elit, sed diam nonu..</p>
</div>
<div class="col-md-3 top_grid">
<i class="instant"> </i>
<h3 class="m_1">Instant</h3>
<p class="m_2">Lorem ipsum dolor sit amet adipiscing elit, sed diam nonu..</p>
</div>
<div class="col-md-3 top_grid">
<i class="advisor"> </i>
<h3 class="m_1">Serious</h3>
<p class="m_2">Lorem ipsum dolor sit amet adipiscing elit, sed diam nonu..</p>
</div>
<div class="col-md-3 top_grid1">
<i class="frame"> </i>
<h3 class="m_1">Frame</h3>
<p class="m_2">Lorem ipsum dolor sit amet adipiscing elit, sed diam nonu..</p>
</div>
</div>
<!--end services-->
<!--start portfolio-->
<div class="Portfolio1" id="portfolio">
<div class="portfolio_top">
<div class="portfolio_left">
<h3 class="m_5">Portfolio</h3>
<div class="m_6"><span class="portfolio_line"> </span></div>
</div>
<ul id="filters" class="clearfix">
<li><span class="filter active" data-filter="app card icon logo web">All</span></li>
<li><span class="filter" data-filter="app">Panoramas</span></li>
<li><span class="filter" data-filter="card">Portraits</span></li>
</ul>
<div class="clear"></div>
</div>
<div id="portfoliolist">
<div class="portfolio logo1 mix_all" data-cat="logo" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper">
<a href="single.html" class="b-link-stripe b-animate-go thickbox">
<img src="mobile/images/p1.jpg" /><div class="b-wrapper">
</div></a>
</div>
</div>
<div class="portfolio app mix_all" data-cat="app" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper">
<a href="single.html" class="b-link-stripe b-animate-go thickbox">
<img src="mobile/images/p2.jpg" /><div class="b-wrapper">
</div></a>
</div>
</div>
<div class="portfolio web mix_all" data-cat="web" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper">
<a href="single.html" class="b-link-stripe b-animate-go thickbox">
<img src="mobile/images/p3.jpg" /><div class="b-wrapper">
</div></a>
</div>
</div>
<div class="portfolio icon mix_all" data-cat="icon" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper">
<a href="single.html" class="b-link-stripe b-animate-go thickbox">
<img src="mobile/images/p4.jpg" /><div class="b-wrapper">
</div></a>
</div>
</div>
<div class="portfolio app mix_all" data-cat="app" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper">
<a href="single.html" class="b-link-stripe b-animate-go thickbox">
<img src="mobile/images/p5.jpg" /><div class="b-wrapper">
</div></a>
</div>
</div>
<div class="portfolio card mix_all" data-cat="card" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper">
<a href="single.html" class="b-link-stripe b-animate-go thickbox">
<img src="mobile/images/p6.jpg" /><div class="b-wrapper">
</div></a>
</div>
</div>
<div class="portfolio card mix_all" data-cat="card" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper">
<a href="single.html" class="b-link-stripe b-animate-go thickbox">
<img src="mobile/images/p7.jpg" /><div class="b-wrapper">
</div></a>
</div>
</div>
<div class="portfolio logo1 mix_all" data-cat="icon" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper">
<a href="single.html" class="b-link-stripe b-animate-go thickbox">
<img src="mobile/images/p8.jpg" /><div class="b-wrapper">
</div></a>
</div>
</div>
<div class="clear"> </div>
</div>
</div><!-- container -->
<!--end portfolio-->
<!--start default-->
<div class="default" id="features">
<div class="col-md-6 default_top">
<h3 class="m_21">Just Default Section</h3>
<div class="m_22"><span class="default_line"> </span></div>
<p class="m_7">aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
<div class="button"><a href="#">Visit Me</a></div>
</div>
<div class="col-md-6 video_player">
<img src="mobile/images/single.jpg" alt=""/>
</div>
</div>
<!--end default-->
<!--start twitter-->
<div class="twitter">
<div class="twitter_left">
<h3 class="m_21">Just Default Section</h3>
<div class="m_22"><span class="default_line"> </span></div>
</div>
<i class="icon_twitter"> </i>
<div class="clear"></div>
<p class="m_9">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
</div>
<!--end twitter-->
<!--start join-->
<div class="join">
<h3 class="m_3">Who is Jphn Doe?</h3>
<div class="m_4"><span class="bottom_line"> </span></div>
<div class="col-md-6 join_left">
<p class="m_10">aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie </p>
</div>
<div class="col-md-6">
<ul class="social">
<li class="twt"><a href="#"><span> </span></a></li>
<li class="google"><a href="#"><span> </span></a></li>
<li class="dribble"><a href="#"><span> </span></a></li>
<li class="coffee"><a href="#"><span> </span></a></li>
</ul>
</div>
</div>
<!--end join-->
<!--start testimonials-->
<div class="testimonials">
<div class="portfolio_left1">
<h3 class="m_5">Testimonials</h3>
<div class="m_6"><span class="portfolio_line"> </span></div>
</div>
<i class="quotation"> </i>
<div class="clear"> </div>
<p class="m_12">aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper</p>
<span class="m_13">-quis nostrud volutpat</span>
</div>
<!--end testimonials-->
<!--start contact-->
<div class="contact" id="contact">
<h3 class="m_3">Contact</h3>
<div class="m_4"><span class="bottom_line"> </span></div>
<form method="post" action="contact-post.html">
<div class="col-md-6 commentform">
<p class="comment-form-author"><label for="author">Name</label>
<input id="author" name="author" type="text" value="" size="30" aria-required="true">
</p>
<p><label for="author">Email</label>
<input id="author" name="author" type="text" value="" size="30" aria-required="true">
</p>
</div>
<div class="contactform_bottom">
<span><label>Subject</label></span>
<span><textarea name="userMsg"> </textarea></span>
<input name="submit" type="submit" id="submit" value="Message">
</div>
<div class="col-md-6 commentform_desc">
<div class="address">
<p>500 Lorem Ipsum Dolor Sit,</p>
<p>Phone:(00) 222 666 444</p>
<p>Fax: (000) 000 00 00 0</p>
<p>Email: <span>support[at]snow.com</span></p>
<p>Follow on: <span>Facebook</span>, <span>Twitter</span></p>
</div>
</div>
</form>
</div>
<div class="footer-bottom">
<ul class="footer-nav">
<li><a href="#">Home</a></li> |
<li><a href="#">Services</a></li> |
<li><a href="#">Contact</a></li>
</ul>
<div class="copy">
<p>© 2014 Template by <a href="http://w3layouts.com" target="_blank">w3layouts</a></p>
</div>
<div class="clear"></div>
</div>
<a href="#" id="toTop" style="display: block;"><span id="toTopHover" style="opacity: 1;"></span></a>
</div>
</body>
</html>