<!DOCTYPE HTML>
<!--
Aqueous: A responsive HTML5 website template collect from 即刻工作室
Released for free under the Creative Commons Attribution 3.0 license
Visit for more great templates or follow us on Twitter @HTML5T
-->
<html>
<head>
<title>Aqueous collect from 即刻工作室</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<noscript>
<link rel="stylesheet" href="css/5grid/core.css" />
<link rel="stylesheet" href="css/5grid/core-desktop.css" />
<link rel="stylesheet" href="css/5grid/core-1200px.css" />
<link rel="stylesheet" href="css/5grid/core-noscript.css" />
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/style-desktop.css" />
</noscript>
<script src="css/5grid/jquery.js"></script>
<script src="css/5grid/init.js?use=mobile,desktop,1000px&mobileUI=1&mobileUI.theme=none"></script>
<!--[if IE 9]><link rel="stylesheet" href="css/style-ie9.css" /><![endif]-->
</head><body class="column2">
<div id="header-wrapper">
<header id="header">
<div class="5grid-layout">
<div class="row">
<div class="12u" id="logo"> <!-- Logo -->
<h1><a href="#" class="mobileUI-site-name">Aqueous</a></h1>
<p>collect from 即刻工作室</p>
</div>
</div>
</div>
<div id="menu-wrapper">
<div class="5grid-layout">
<div class="row">
<div class="12u" id="menu">
<nav class="mobileUI-site-nav">
<ul>
<li><a href="index.html">Homepage</a></li>
<li><a href="twocolumn1.html">Two Column #1</a></li>
<li class="current_page_item"><a href="twocolumn2.html">Two Column #2</a></li>
<li><a href="onecolumn.html">One Column</a></li>
</ul>
</nav>
</div>
</div>
</div>
</div>
</header>
</div>
<div id="page-wrapper">
<div id="page-bgtop">
<div id="page-bgbtm">
<div id="page" class="5grid-layout">
<div id="page-content-wrapper">
<div class="row">
<div class="12u">
<div class="row">
<div class="4u">
<section id="sidebar">
<h2>Gravida nibh quis urna</h2>
<p class="subtitle">praesent a lacus</p>
<ul class="style1">
<li class="first">
<p class="date"><a href="#">September<b>11</b></a></p>
<p><a href="#">Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue rutrum. Maecenas luctus lectus.</a></p>
</li>
<li>
<p class="date"><a href="#">September<b>09</b></a></p>
<p><a href="#">Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue rutrum. Maecenas luctus lectus.</a></p>
</li>
<li>
<p class="date"><a href="#">September<b>07</b></a></p>
<p><a href="#">Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue rutrum. Maecenas luctus lectus.</a></p>
</li>
<li>
<p class="date"><a href="#">September<b>04</b></a></p>
<p><a href="#">Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue rutrum. Maecenas luctus lectus.</a></p>
</li>
<li>
<p class="date"><a href="#">September<b>01</b></a></p>
<p><a href="#">Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue rutrum. Maecenas luctus lectus.</a></p>
</li>
</ul>
</section>
</div>
<div class="8u mobileUI-main-content">
<section id="content">
<h2>Two Column #2</h2>
<p class="subtitle">Donec leo, vivamus fermentum nibh in augue praesent a lacus</p>
<p><a href="#"><img src="images/pics02.jpg" alt=""></a></p>
<p>Pellentesque pede. Donec pulvinar ullamcorper metus. In eu odio at lectus pulvinar mollis. Vestibulum sem magna, elementum ut, vestibulum eu, facilisis quis, arcu. Mauris a dolor. Nulla facilisi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed blandit. Phasellus pellentesque, ante nec iaculis dapibus, eros justo auctor lectus, a lobortis lorem mauris quis nunc. Praesent pellentesque facilisis elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. In hac habitasse platea dictumst. Nullam id ante eget dui vulputate aliquam. Pellentesque erat erat, tincidunt in, eleifend accumsan, malesuada eget, augue. Suspendisse sit amet tellus in eros bibendum condimentum. Vestibulum suscipit volutpat nulla. Pellentesque pede. Donec pulvinar ullamcorper metus. In eu odio at lectus pulvinar mollis.</p>
<br /><br />
<p>Pellentesque pede. Donec pulvinar ullamcorper metus. In eu odio at lectus pulvinar mollis. Vestibulum sem magna, elementum ut, vestibulum eu, facilisis quis, arcu. Mauris a dolor. Nulla facilisi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed blandit. Phasellus pellentesque, ante nec iaculis dapibus, eros justo auctor lectus, a lobortis lorem mauris quis nunc. Praesent pellentesque facilisis elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. In hac habitasse platea dictumst. Nullam id ante eget dui vulputate aliquam. Pellentesque erat erat, tincidunt in, eleifend accumsan, malesuada eget, augue. Suspendisse sit amet tellus in eros bibendum condimentum. Vestibulum suscipit volutpat nulla. Pellentesque pede. Donec pulvinar ullamcorper metus. In eu odio at lectus pulvinar mollis.</p>
</section>
</div>
</div>
</div>
</div>
<div class="row">
<section>
<div class="divider"></div>
</section>
</div>
<div class="row" id="onecolumn">
<div class="12u">
<section>
<div><a href="#"><img src="images/pics03.jpg" alt=""></a>
<h2>Integer gravida nibh quis urna</h2>
<p class="subtitle">Donec leo, vivamus fermentum nibh in augue praesent a lacus</p>
<p>Consectetuer adipiscing elit. Nam pede erat, porta eu, lobortis eget, tempus et, tellus. Etiam neque. Vivamus consequat lorem at nisl. Nullam non wisi a sem semper eleifend. Donec mattis libero eget urna. Duis pretium velit ac mauris. Proin eu wisi suscipit nulla suscipit interdum. Aenean lectus lorem, imperdiet at, ultrices eget, ornare et, wisi. Pellentesque adipiscing purus ac magna. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque pede. Donec pulvinar ullamcorper metus. In eu odio at lectus pulvinar mollis. Vestibulum sem magna, elementum ut, vestibulum eu, facilisis quis, arcu. Mauris a dolor. Nulla facilisi. Cum sociis natoque penatibus et magnis dis montes, nascetur ridiculus mus. Sed blandit. Phasellus pellentesque, ante nec iaculis, eros justo auctor lectus, a lobortis lorem mauris quis nunc. Praesent pellentesque facilisis elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Donec mattis libero eget urna. Duis pretium velit ac mauris. Proin eu wisi suscipit nulla suscipit interdum. Aenean lectus lorem, imperdiet at, ultrices eget, ornare et, wisi. Donec pulvinar ullamcorper metus. In eu odio at lectus pulvinar mollis. Vestibulum sem magna, elementum ut, vestibulum eu, facilisis quis, arcu. Mauris a dolor. Nulla facilisi. Cum sociis natoque penatibus et magnis dis montes, nascetur ridiculus mus. Sed blandit. </p>
</div>
</section>
</div>
</div>
</div>
<div class="row">
<div class="12u">
<div class="row" id="footer-content">
<div class="4u" id="box1">
<section>
<h2>Maecenas luctus lectus</h2>
<ul class="style1">
<li class="first">
<p class="date"><a
手机wap源码模板 (613).zip （36个子文件） 
index.html 9KB
images 
pics03.jpg 59KB pics01.jpg 116KB
spacer.gif 43B pics02.jpg 67KB onecolumn.html 9KB css 
style-mobile.css 4KB 5grid core-mobile.css 1KB mobileUI-flat.css 1013B core-1200px.css 415B mobileUI-beveled.css 2KB jquery.js 91KB core-desktop.css 2KB core-1000px.css 415B core-fluid.css 394B core-noscript.css 3KB html5shiv.js 2KB core.css 6KB init.js 17KB images 
img10.png 6KB img06.jpg 2KB img03.jpg 14KB img04.jpg 5KB img11.png 371B img08.png 156B img09.jpg 5KB spacer.gif 43B img07.jpg 2KB img05.jpg 13KB img01.jpg 14KB img02.jpg 1KB style-desktop.css 4KB style-1000px.css 481B style.css 4KB twocolumn1.html 10KB twocolumn2.html 10KB资源评论
