<!DOCTYPE HTML>
<!--
Colorized: 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>Colorized 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>
<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 即刻工作室</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 volutpat er
前端前端静态模板-房地产-学生作业毕设实训素材.zip
版权申诉
168 浏览量
2022-04-07
22:08:01
上传
评论
收藏 379KB ZIP 举报
前端前端静态模板-房地产-学生作业毕设实训素材.zip （42个子文件） 
房地产 css images 
img03.png 186B img01.png 4KB img02.png 24KB img04.png 301B img05.png 33KB img11.png 6KB img12.png 293B img10.png 29KB
img08.jpg 316B img06.png 5KB
spacer.gif 43B img09.png 191B img07.png 7KB
style-1000px.css 483B 5grid jquery.js 91KB core-desktop.css 2KB html5shiv.js 2KB mobileUI-flat.css 1013B core-noscript.css 3KB core-1200px.css 415B core-1000px.css 415B mobileUI-beveled.css 2KB init.js 17KB core-mobile.css 1KB core.css 6KB core-fluid.css 394B style-desktop.css 4KB style-mobile.css 4KB style.css 5KB images pics02.jpg 38KB pics04.jpg 20KB pics01.jpg 106KB pics05.jpg 12KB pics03.jpg 14KB pics06.jpg 15KB pics07.jpg 13KB spacer.gif 43B
twocolumn2.html 9KB onecolumn.html 10KB index.html 8KB threecolumn.html 11KB twocolumn1.html 9KB资源评论
