<!DOCTYPE HTML>
<!--
Colorized: A responsive HTML5 website template collect from www.htmldivcss.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>Colorized collect from www.htmldivcss.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>
<div id="wrapper">
<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">Colorized</a></h1>
<p>collect from www.htmldivcss.com</p>
</div>
</div>
</div>
<div class="5grid-layout">
<div class="row">
<div class="12u" id="menu">
<div id="menu-wrapper">
<nav class="mobileUI-site-nav">
<ul>
<li><a href="index.html">Homepage</a></li>
<li class="current_page_item"><a href="threecolumn.html">Three Column</a></li>
<li><a href="twocolumn1.html">Two Column #1</a></li>
<li><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" class="5grid-layout">
<div id="featured" class="5grid-layout">
<div class="titlebg">
<h2>Lorem Ipsum</h2>
</div>
<div class="row">
<div class="3u">
<section>
<p><a href="#"><img src="images/pics03.jpg" alt=""></a></p>
<p>Nulla enim eros, porttitor eu, tempus id, varius non, nibh. Duis enim nulla, luctus eu, dapibus lacinia, venenatis id, quam. Vestibulum imperdiet, magna nec eleifend rutrum.</p>
</section>
</div>
<div class="3u">
<section>
<p><a href="#"><img src="images/pics04.jpg" alt=""></a></p>
<p>Nulla enim eros, porttitor eu, tempus id, varius non, nibh. Duis enim nulla, luctus eu, dapibus lacinia, venenatis id, quam. Vestibulum imperdiet, magna nec eleifend rutrum.</p>
</section>
</div>
<div class="3u">
<section>
<p><a href="#"><img src="images/pics06.jpg" alt=""></a></p>
<p>Nulla enim eros, porttitor eu, tempus id, varius non, nibh. Duis enim nulla, luctus eu, dapibus lacinia, venenatis id, quam. Vestibulum imperdiet, magna nec eleifend rutrum.</p>
</section>
</div>
<div class="3u">
<section>
<p><a href="#"><img src="images/pics07.jpg" alt=""></a></p>
<p>Nulla enim eros, porttitor eu, tempus id, varius non, nibh. Duis enim nulla, luctus eu, dapibus lacinia, venenatis id, quam. Vestibulum imperdiet, magna nec eleifend rutrum.</p>
</section>
</div>
</div>
</div>
<div class="5grid-layout">
<div class="row">
<div class="6u">
<div class="titlebg">
<h2>Three Column</h2>
</div>
<div id="content">
<section>
<div class="post">
<h2>Integer gravida nibh quis urna</h2>
<p>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. Maecenas pede nisl, elementum eu, ornare ac, malesuada at, erat. Proin gravida orci porttitor enim accumsan lacinia. Donec condimentum, urna non molestie semper, ligula enim ornare nibh, quis laoreet eros quam eget ante. Aliquam libero. Vivamus nisl nibh, iaculis vitae, viverra sit amet, vitae, turpis. Aliquam erat volutpat. Vestibulum dui sem, pulvinar sed, imperdiet nec, iaculis nec, leo. Fusce odio. Etiam arcu dui, faucibus eget, placerat vel, sodales eget, orci. Donec ornare neque ac sem. Mauris aliquet. Aliquam sem leo, vulputate sed, convallis at, ultricies quis, justo. Donec nonummy magna quis risus. Quisque eleifend. Phasellus tempor vehicula justo. Aliquam lacinia metus ut elit.</p>
<p> </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 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.</p>
<p> </p>
<p>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. Maecenas pede nisl, elementum eu, ornare ac, malesuada at, erat. Proin gravida orci porttitor enim accumsan lacinia. Donec condimentum, urna non molestie semper, ligula enim ornare nibh, quis laoreet eros quam eget ante. Aliquam libero. Vivamus nisl nibh, iaculis vitae, viverra sit amet, vitae, turpis. Aliquam erat volutpat. Vestibulum dui sem, pulvinar sed, imperdiet nec, iaculis nec, leo. Fusce odio. Etiam arcu dui, faucibus eget, placerat vel, sodales eget, orci. Donec ornare neque ac sem. Mauris aliquet. Aliquam sem leo, vulputate sed, convallis at, ultricies quis, justo. Donec nonummy magna quis risus. Quisque eleifend. Phasellus tempor vehicula justo. Aliquam lacinia metus ut elit.</p>
</div>
</section>
</div>
</div>
<div class="3u" id="sidebar1">
<section>
<h2>sidebar 1</h2>
<ul class="style1">
<li><a href="#">Maecenas lectus sapien</a></li>
<li><a href="#">Etiam rhoncus volutpat </a></li>
<li><a href="#">Donec dictum in sapien</a></li>
<li><a href="#">Integer gravida quis urna</a></li>
<li><a href="#">Etiam posuere amet nisl</a></li>
<li><a href="#">Mauris vulputate amet </a></li>
<li><a href="#">Nulla luctus eleifend </a></li>
</ul>
</section>
<section>
<h2>sidebar 1</h2>
<ul class="style1">
<li><a href="#">Maecenas lectus sapien</a></li>
<li><a href="#">Etiam rhoncus volutpat </a></li>
<li><a href="#">Donec dictum in sapien</a></li>
<li><a href="#">Integer gravida quis urna</a></li>
<li><a href="#">Etiam posuere amet nisl</a></li>
<li><a href="#">Mauris vulputate amet </a></li>
<li><a href="#">Nulla luctus eleifend </a></li>
</ul>
</section>
</div>
<div class="3u">
<div id="sidebar2">
<section>
<div class="sbox1">
<h2>sidebar 2</h2>
<ul class="style1">
<li><a href="#">Maecenas luctus lectus at sapien</a></li>
<li><a href="#">Etiam rhoncus volut
229web_HTML手机电脑网站_网页源码移动端前端js效果_H5模板_自适应css源码ui组件.zip （43个子文件） 
229 
twocolumn1.html 9KB
1.jpg 134KB twocolumn2.html 9KB threecolumn.html 11KB css 
style.css 5KB 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 485B style-desktop.css 4KB style-mobile.css 4KB images 
img09.png 191B img06.png 5KB img01.png 4KB img03.png 186B img12.png 293B img10.png 29KB img08.jpg 316B img05.png 33KB img11.png 6KB
spacer.gif 43B img07.png 7KB img04.png 301B img02.png 24KB index.html 8KB onecolumn.html 10KB images pics04.jpg 20KB pics07.jpg 13KB pics05.jpg 12KB pics01.jpg 106KB pics02.jpg 38KB pics06.jpg 15KB spacer.gif 43B pics03.jpg 14KB资源评论
icwx_7550592
- 粉丝: 20
- 资源: 7163
最新资源
- ESP8266/8285 Plane 固件
- tongue sam , 很好用的分割图形资源
- LED闪烁功能代码（基于STM32 HAL库）
- NobelSpider-爬虫
- Hooker Js-javascript
- TSP-旅行商问题TSP-旅行商问题
- CSV文件处理脚本，名为CSV-Handler.py，它提供了CSV文件的读写、数据清洗和转换等功能，适用于各种数据交换场景
- 3333333333333
- 【Unity风格化卡通渲染插件】Flat Kit: Toon Shading and Water
- 3D目标检测跟踪-基于kitti+waymo数据集的自动驾驶场景的3D目标检测+跟踪渲染可视化.zip
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
