<!DOCTYPE HTML>
<!--
Aqueous: A responsive HTML5 website template collect from www.moobnn.com
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 www.moobnn.com</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 www.moobnn.com</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 href="
蓝色斜纹大图响应式html5模板_蓝色宽屏斜纹大气html5响应式博客整站.rar （35个子文件） 
style.css 4KB
img04.jpg 5KB img01.jpg 14KB mobileUI-flat.css 1013B
img08.png 156B img10.png 6KB img03.jpg 14KB
twocolumn1.html 10KB core.css 6KB style-1000px.css 479B img07.jpg 2KB core-noscript.css 3KB core-1000px.css 415B twocolumn2.html 10KB style-desktop.css 4KB img05.jpg 13KB style-mobile.css 4KB html5shiv.js 2KB init.js 17KB index.html 9KB onecolumn.html 9KB pics01.jpg 116KB img02.jpg 1KB pics02.jpg 67KB core-1200px.css 415B img11.png 371B
spacer.gif 43B img06.jpg 2KB jquery.js 91KB core-fluid.css 394B pics03.jpg 59KB core-mobile.css 1KB mobileUI-beveled.css 2KB img09.jpg 5KB core-desktop.css 2KB资源评论
