File size: 12.85Kb
<!--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>Quarantie 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="wrap">
<div class="header">
<div class="header-top">
<div class="header-top1">
<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="#about">About</option>
<option value="#services">Services</option>
<option value="#projects">Projects</option>
<option value="#team">Team</option>
<option value="#news">News</option>
<option value="#news">Clients</option>
<option value="#news">Contact</option>
</select>
</div>
<div class="clear"></div>
</div>
</div>
<div class="index-banner" id="home">
<div class="banner-wrap">
<div class="slider-left">
<h1>Creativity</h1>
<div class="button"><a href="#">Read More</a></div>
</div>
<div class="clear"></div>
</div>
</div>
</div>
</div>
<div class="main">
<div class="about" id="about">
<div class="row about-top">
<ul class="about-top">
<li><h2>About</h2></li>
<li><p>diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam </p></li>
<li class="last"><div class="about-btn"><a href="#">More Details</a></div></li>
<div class="clear"></div>
</ul>
</div>
</div>
<div class="services" id="services">
<div class="m_3"><span class="left_line1"> </span><h3>Services</h3><span class="right_line1"> </span></div>
<div class="row service_grids">
<div class="col-md-3 text-center service_grid1">
<i class="web"> </i>
<h3 class="m_4">Web Development</h3>
<p class="m_5">Lorem ipsum dolor sit consectetuer adipiscing elit, sed diam.</p>
<div class="service-btn"><a href="#">Read More</a></div>
</div>
<div class="col-md-3 text-center service_grid1">
<i class="app"> </i>
<h3 class="m_4">App Development</h3>
<p class="m_5">Lorem ipsum dolor sit consectetuer adipiscing elit, sed diam.</p>
<div class="service-btn"><a href="#">Read More</a></div>
</div>
<div class="col-md-3 text-center service_grid1">
<i class="php"> </i>
<h3 class="m_4">Php Development</h3>
<p class="m_5">Lorem ipsum dolor sit consectetuer adipiscing elit, sed diam.</p>
<div class="service-btn"><a href="#">Read More</a></div>
</div>
<div class="col-md-3 text-center service_grid2">
<i class="wordpress"> </i>
<h3 class="m_4">Wordpress</h3>
<p class="m_5">Lorem ipsum dolor sit consectetuer adipiscing elit, sed diam.</p>
<div class="service-btn"><a href="#">Read More</a></div>
</div>
</div>
</div>
<div class="projects" id="projects">
<div class="m_3"><span class="left_line1"> </span><h3>Projects</h3><span class="right_line1"> </span></div>
</div>
<div class="project_top">
<div class="row">
<div class="col-md-3 project_grid">
<img src="mobile/images/p1.jpg" alt=""/>
<div class="project_desc">
<h3>Dating app</h3>
<p>Project Status</p>
<i class="dating"> </i>
<div class="project-btn"><a href="#">Details</a></div>
</div>
</div>
<div class="col-md-3 project_grid">
<img src="mobile/images/p2.jpg" alt=""/>
<div class="project_desc">
<h3>Wedding Site</h3>
<p class="blue">Project Status</p>
<i class="wedding"> </i>
<div class="project-btn"><a href="#">Details</a></div>
</div>
</div>
<div class="col-md-3 project_grid">
<img src="mobile/images/p3.jpg" alt=""/>
<div class="project_desc">
<h3>Travel Guide</h3>
<p class="green">Project Status</p>
<i class="travel"> </i>
<div class="project-btn"><a href="#">Details</a></div>
</div>
</div>
<div class="col-md-3 project_grid1">
<img src="mobile/images/p4.jpg" alt=""/>
<div class="project_desc">
<h3>Baby E-commerce</h3>
<p class="dark">Project Status</p>
<i class="ecommerce"> </i>
<div class="project-btn"><a href="#">Details</a></div>
</div>
</div>
</div>
</div>
<div class="team" id="team">
<div class="m_3"><span class="left_line1"> </span><h3>Our Team</h3><span class="right_line1"> </span></div>
<div class="jcarousel">
<ul>
<li><figure><img src="mobile/images/t1.jpg" class="img-responsive" alt=""/></figure>
<h4 class="m_5"><a href="#">Lorem Ipsum</a></h4>
<p class="m_6">Ceo Founder</p>
<div class="project-btn"><a href="#">Look at me</a></div>
<div class="social_networks">
<i class="facebook"> </i>
<i class="twitter"> </i>
<i class="linked_in"> </i>
<i class="skype"> </i>
<i class="google"> </i>
<i class="be"> </i>
<div class="clear"> </div>
</div>
</li>
<li><figure><img src="mobile/images/t2.jpg" class="img-responsive" alt=""/></figure>
<h4 class="m_5"><a href="#">Lorem Ipsum</a></h4>
<p class="m_6">Ceo Founder</p>
<div class="project-btn"><a href="#">Look at me</a></div>
<div class="social_networks">
<i class="facebook"> </i>
<i class="twitter"> </i>
<i class="linked_in"> </i>
<i class="skype"> </i>
<i class="google"> </i>
<i class="be"> </i>
<div class="clear"> </div>
</div>
</li>
<li><figure><img src="mobile/images/t3.jpg" class="img-responsive" alt=""/></figure>
<h4 class="m_5"><a href="#">Lorem Ipsum</a></h4>
<p class="m_6">Ceo Founder</p>
<div class="project-btn"><a href="#">Look at me</a></div>
<div class="social_networks">
<i class="facebook"> </i>
<i class="twitter"> </i>
<i class="linked_in"> </i>
<i class="skype"> </i>
<i class="google"> </i>
<i class="be"> </i>
<div class="clear"> </div>
</div>
</li>
</ul>
</div>
<div class="m_3" id="news"><span class="left_line1"> </span><h3>News</h3><span class="right_line1"> </span></div>
</div>
<div class="project_top">
<div class="row news" >
<div class="col-md-6">
<div class="news_left">
<ul class="news_list">
<li class="date">
May<br><span class="highlight">20</span><br><span class="light_color">2014</span>
</li>
<li class="date_desc">
<ul class="list_img">
<li class="list_img_left">
<img src="mobile/images/n1.jpg" class="img-responsive" alt=""/>
</li>
<li class="list_desc">
<div class="extra">
<time pubdate="" datetime="2014-03-30T14:47:59">
Writter </time>
<span class="username">aliquam</span> /
<a href="#" class="comment_count">Finance</a>
</div>
<div class="extra_bottom"><i class="audio"> </i>
<i class="video"> </i>
</div>
</li>
<li class="hours">8 Hours Ago</li>
<div class="clear"> </div>
</ul>
</li>
<div class="clear"> </div>
</ul>
<ul class="news_bottom">
<li class="comment_section">
<i class="comment1"> </i>
<i class="comment2"> </i>
<i class="comment3"> </i>
</li>
<li class="right_desc">
<h4 class="m_7">New Project coming...</h4>
<p class="m_8">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet.</p>
<div class="news-btn"><a href="#">Read More</a></div>
</li>
<div class="clear"> </div>
</ul>
</div>
</div>
<div class="col-md-6">
<div class="news_left">
<ul class="news_list">
<li class="date">
May<br><span class="highlight">23</span><br><span class="light_color">2014</span>
</li>
<li class="date_desc">
<ul class="list_img">
<li class="list_img_left">
<img src="mobile/images/n2.jpg" class="img-responsive" alt=""/>
</li>
<li class="list_desc">
<div class="extra">
<time pubdate="" datetime="2014-03-30T14:47:59">
Writter </time>
<span class="username">aliquam</span> /
<a href="#" class="comment_count">Finance</a>
</div>
<div class="extra_bottom"><i class="audio"> </i>
</div>
</li>
<li class="hours">6 Days Ago</li>
<div class="clear"> </div>
</ul>
</li>
<div class="clear"> </div>
</ul>
<ul class="news_bottom">
<li class="comment_section">
<i class="comment1"> </i>
<i class="comment2"> </i>
<i class="comment3"> </i>
</li>
<li class="right_desc">
<h4 class="m_7">New Project coming...</h4>
<p class="m_8">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet.</p>
<div class="news-btn"><a href="#">Read More</a></div>
</li>
<div class="clear"> </div>
</ul>
</div>
</div>
</div>
</div>
<div class="clients" id="clients">
<div class="m_3"><span class="left_line1"> </span><h3>Clients</h3><span class="right_line1"> </span></div>
<ul id="flexiselDemo3">
<li><img src="mobile/images/c1.jpg" /></li>
<li><img src="mobile/images/c2.jpg" /></li>
<li><img src="mobile/images/c3.jpg" /></li>
<li><img src="mobile/images/c4.jpg" /></li>
<li><img src="mobile/images/c5.jpg" /></li>
<li><img src="mobile/images/c6.jpg" /></li>
<div class="clear"></div>
</ul>
</div>
</div>
<div class="footer" id="contact">
<div class="footer-logo">
<a href="index.html"><img src="mobile/images/logo.png" alt=""/></a>
</div>
<div class="social_footer">
<ul>
<li><a href=""> <i class="f-fb"> </i> </a></li>
<li><a href=""><i class="f-tw"> </i> </a></li>
<li><a href=""><i class="f-in"> </i> </a></li>
<li><a href=""><i class="f-skype"> </i> </a></li>
<li><a href=""><i class="f-google"> </i> </a></li>
<li><a href=""><i class="f-be"> </i> </a></li>
<div class="clear"> </div>
</ul>
</div>
<ul class="newsletter">
<h3>Newsletter</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod.</p>
<li class="footer-search">
<input type="text" value="">
<input type="submit" value="">
</li>
</ul>
<div class="clear"> </div>
<div class="m_12"><span class="left_line2"> </span><h4>Quarantie Software Development Inc.</h4><span class="right_line2"> </span></div>
</div>
<div class="footer_bottom">
<div class="row">
<div class="col-md-3 footer_grid">
<div class="address">
<h4>nonummy nibh</h4>
<p class="m_13">500 Lorem Ipsum Dolor Sit,22-56-2-9 Sit Amet, Lorem USA,</p>
<p><span class="phno">Phone</span> +(00) 222 666 444</p
<p><span class="phno">Fax</span> +(000) 000 00 00 0</p>
<p><span class="phno">Email</span> <span class="email">support[at]quarantie.com</span></p>
</div>
</div>
<div class="col-md-3">
<div class="address">
<h4>nibh euismod</h4>
<p class="m_13">500 Lorem Ipsum Dolor Sit,22-56-2-9 Sit Amet, Lorem USA,</p>
<p><span class="phno">Phone</span> +(00) 222 666 444</p
<p><span class="phno">Fax</span> +(000) 000 00 00 0</p>
<p><span class="phno">Email</span> <span class="email">support[at]quarantie.com</span></p>
</div>
</div>
</div>
<div class="copy">
<p>© 2014 Template by <a href="http://w3layouts.com" target="_blank">w3layouts</a></p>
</div>
</div>
</body>
</html>