File size: 10.8Kb
<!--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>Coorp 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="top-header">
<p class="m_1">0-800-3456-5558<span class="m_2"> office hours from 8am-6pm</span></p>
<div class="clear"> </div>
</div>
<div class="header-bottom">
<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="index.html">About</option>
<option value="topics.html">Topics</option>
<option value="community.html">Community</option>
<option value="contact.html">Contact</option>
</select>
</div>
<div class="clear"></div>
</div>
<div class="slider">
<img src="mobile/images/banner.jpg" alt=""/>
</div>
<div class="main">
<div class="content-top">
<div class="row content_grid1">
<div class="col-md-4 popular_topics">
<ul class="topic_grid">
<li class="list1"><i class="speech"> </i><h3 class="m_3">Popular <span class="m_4">Topics</span></h3><div class="clear5"></div></li>
<li class="list2"><a href="#">The most popular topic</a>
<form action="" class="sky-form">
<fieldset>
<section>
<div class="rating">
<input type="radio" name="stars-rating" id="stars-rating-5">
<label for="stars-rating-5"><i class="icon-star"></i></label>
<input type="radio" name="stars-rating" id="stars-rating-4">
<label for="stars-rating-4"><i class="icon-star"></i></label>
<input type="radio" name="stars-rating" id="stars-rating-3">
<label for="stars-rating-3"><i class="icon-star"></i></label>
<input type="radio" name="stars-rating" id="stars-rating-2">
<label for="stars-rating-2"><i class="icon-star"></i></label>
<input type="radio" name="stars-rating" id="stars-rating-1">
<label for="stars-rating-1"><i class="icon-star"></i></label>
</div>
</section>
</fieldset>
</form>
</li>
<li class="list3"><a href="#">Social media awareness</a>
<p class="list_desc">Lorem ipsum dolor sit amet</p>
</li>
<li class="list4"><a href="#">Cloud computing</a>
<p class="list_desc">Lorem ipsum dolor sit amet</p>
</li>
</ul>
</div>
<div class="col-md-4 popular_topics1">
<ul class="topic_grid">
<li class="list1"><i class="book"> </i><h3 class="m_3">Recent <span class="m_4">Posts</span></h3><div class="clear5"></div></li>
</ul>
<div class="menu_vertical">
<section class="accordation_menu">
<div>
<input id="label-1" name="lida" type="radio" checked/>
<label for="label-1" id="item1"><i class="ferme"> </i>By <span class="m_5">lorem ipsum</span> / 5 Comments<i class="icon-plus-sign i-right1"></i><i class="icon-minus-sign i-right2"></i></label>
<div class="content" id="a1">
<ul class="news_list">
<li class="date">
09<br><span class="highlight">May</span><br><span class="light_color">2014</span>
</li>
<li class="date_desc">
<p>Lorem ipsum dolor sit amet.</p>
</li>
<div class="clear"> </div>
</ul>
</div>
</div>
<div>
<input id="label-2" name="lida" type="radio"/>
<label for="label-2" id="item2"><i class="icon-leaf" id="i2"></i>By <span class="m_5">lorem ipsum</span> / 5 Comments<i class="icon-plus-sign i-right1"></i><i class="icon-minus-sign i-right2"></i></label>
<div class="content" id="a2">
<ul class="news_list">
<li class="date">
09<br><span class="highlight">May</span><br><span class="light_color">2014</span>
</li>
<li class="date_desc">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet.</p>
</li>
<div class="clear"> </div>
</ul>
</div>
</div>
</section>
</div>
</div>
</div>
</div>
</div>
<div class="content_middle">
<div class="content_middle_desc">
<h3>Any specific call out text <span class="m_8">goes here!</span></h3>
<p>Enter your email addressa and we'll contact you.</p>
<div class="content_search"><span class="left_line1"> </span> <input type="text" value="">
<input type="submit" value="Sign up"><span class="right_line1"> </span></div>
</div>
</div>
<div class="content_middle-bottom">
<div class="row">
<div class="col-md-3 bottom_grid1">
<a href="single.html" class="b-link-diagonal b-animate-go thickbox">
<img src="mobile/images/pic1.jpg" class="img-responsive" alt=""/></a>
<div class="grid_desc">
<h4><a href="#">Admits only one person</a></h4>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh.</p>
</div>
</div>
<div class="col-md-3 bottom_grid1">
<a href="single.html" class="b-link-diagonal b-animate-go thickbox">
<img src="mobile/images/pic2.jpg" class="img-responsive" alt=""/></a>
<div class="grid_desc">
<h4><a href="#">Find the perfect place</a></h4>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh.</p>
</div>
</div>
<div class="col-md-3 bottom_grid1">
<a href="single.html" class="b-link-diagonal b-animate-go thickbox">
<img src="mobile/images/pic3.jpg" class="img-responsive" alt=""/></a>
<div class="grid_desc">
<h4><a href="#">The perfect DNA</a></h4>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh.</p>
</div>
</div>
<div class="col-md-3 bottom_grid2">
<a href="#" class="b-link-diagonal b-animate-go thickbox">
<img src="mobile/images/pic4.jpg" class="img-responsive" alt=""/></a>
<div class="grid_desc">
<h4><a href="#">Creative innovative person</a></h4>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh.</p>
</div>
</div>
</div>
</div>
<div class="tweets">
<div class="row">
<div class="col-md-5 tweet_grid">
<h3 class="m_9">Latest <span class="m_10">Tweets</span></h3>
<ul class="tweet_list">
<div class="tweet_list-top"><li><a href="#">Lorem ipsum dolor<span class="m_11">@adipiscing</span></a></li>
<div class="m_12"><span class="left_line2"> </span><div class="hour"><p>12h ago</p></div><span class="right_line2"> </span></div></div>
<div class="tweet_list-top"><li><a href="#">diam<span class="m_11">dolor sit </span>@adipiscing</a></li>
<div class="m_12"><span class="left_line2"> </span><div class="hour"><p>12h ago</p></div><span class="right_line2"> </span></div></div>
</ul>
<h3 class="m_15">Useful <span class="m_16">Links</span></h3>
<ul class="useful_list">
<li><a href="#">nostrud exerci tation </a></li>
<li><a href="#">Lorem ipsum dolor sit </a></li>
<li><a href="#">soluta nobis eleifend </a></li>
</ul>
</div>
<div class="col-md-7">
<h3 class="m_13"><span class="m_14">Why </span> Sign up with coorp?</h3>
<div class="sap_tabs">
<div id="horizontalTab" style="display: block; width: 100%; margin: 0px;">
<div class="resp-tabs-container">
<div class="tab-1 resp-tab-content" aria-labelledby="tab_item-0">
<div class="facts">
<h4><a href="#">Lorem ipsum dolor sit amet</a></h4>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam.</p>
<ul class="tab_list">
<li><a href="#">diam nonummy nibh</a></li>
<li><a href="#">hendrerit in vulputate</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<ul class="quotation">
<i class="quot"> </i>
<p class="m_17">seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntu.</p>
<div class="clear"></div>
<div class="m_12"><span class="left_line2"> </span><div class="quot_view"><p>hendrerit in vulputate</p></div><span class="right_line2"> </span></div>
</ul>
</div>
</div>
</div>
<div class="footer">
<div class="row">
<div class="col-md-4">
<ul class="footer_list">
<li><i class="phone"> </i><p class="ph-no">0-800-200 - From 8am-6pm</p> <div class="clear"></div></li>
<li><i class="pin"> </i><p class="ph-no">2536., lorem ipsum</p> <div class="clear"></div></li>
<li><i class="msg"> </i><p class="address">contact@coorp.com</p> <div class="clear"></div></li>
</ul>
</div>
<div class="col-md-8 footer_box">
<ul class="footer_list1">
<h4 class="m_7">About</h4>
<li><a href="#">nonummy euismod</a></li>
<li><a href="#">hendrerit vul</a></li>
<li><a href="#">quod mazim</a></li>
</ul>
<ul class="footer_list1">
<h4 class="m_7">Topics</h4>
<li><a href="#">Mirum est</a></li>
<li><a href="#">parum claram</a></li>
<li><a href="#">nunc nobis</a></li>
<li><a href="#">placerat facer</a></li>
</ul>
<div class="clear"></div>
</div>
</div>
</div>
<div class="footer_bottom">
<ul class="footer_bottom-list">
<li><a href="#">Terms of use</a></li>
<li><a href="#">Privacy policy</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>
</body>
</html>