<!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 （36个子文件） 
蓝色斜纹大图响应式html5模板_蓝色 宽屏 斜纹 大气 html5 响应式 博客 整站 html5_aqueous 
twocolumn1.html 10KB twocolumn2.html 10KB css 
style.css 4KB 5grid mobileUI-flat.css 1013B core.css 6KB core-noscript.css 3KB core-1000px.css 415B html5shiv.js 2KB init.js 17KB core-1200px.css 415B jquery.js 91KB core-fluid.css 394B core-mobile.css 1KB mobileUI-beveled.css 2KB core-desktop.css 2KB style-1000px.css 479B style-desktop.css 4KB style-mobile.css 4KB images 
img04.jpg 5KB img01.jpg 14KB
img08.png 156B img10.png 6KB img03.jpg 14KB img07.jpg 2KB img05.jpg 13KB img02.jpg 1KB img11.png 371B
spacer.gif 43B img06.jpg 2KB img09.jpg 5KB index.html 9KB onecolumn.html 9KB images pics01.jpg 116KB pics02.jpg 67KB spacer.gif 43B pics03.jpg 59KB资源评论
半抹灯芯
- 粉丝: 75
- 资源: 1075
