<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Nautica 05 Two Column with right sidebar layout</title>
<meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" />
<meta name="author" content="fullahead.org - studio7designs.com" />
<meta name="description" content="Site Description Here" />
<meta name="keywords" content="keywords, here" />
<meta name="robots" content="index, follow, noarchive" />
<meta name="googlebot" content="noarchive" />
<link rel="stylesheet" type="text/css" href="css/layout.css" media="screen, projection, tv " />
<link rel="stylesheet" type="text/css" href="css/html.css" media="screen, projection, tv " />
<!-- CSS specific to current theme -->
<link rel="stylesheet" type="text/css" href="css/light.css" title="light" media="screen, projection, tv " />
<link rel="alternate stylesheet" type="text/css" href="css/dark.css" title="dark" media="screen, projection, tv " />
</head>
<body>
<!-- #content: holds all except site footer - causes footer to stick to bottom -->
<div id="content">
<!-- #header: holds the logo and top links -->
<div id="header" class="width">
<img src="images/logo.gif" alt="Your logo goes here"/>
<ul>
<li><a href="index.html">Back to Main page</a></li>
<li><a href="">About us</a></li>
<li><a href="">Streaming Video</a></li>
<li><a href="" class="last">RSS Feeds</a></li>
</ul>
</div>
<!-- #header end -->
<!-- #headerImg: holds the main header image or flash -->
<div id="headerImg" class="width"></div>
<!-- #menu: the main large box site menu -->
<div id="menu" class="width">
<ul>
<li>
<a href="onecol.html" onfocus="blur()">
<span class="title ">One Column Layout</span>
<span class="desc">View the included layout</span> </a> </li>
<li>
<a href="twocol_a.html" class="forum" onfocus="blur()">
<span class="title ">Two Column Layout A</span>
<span class="desc style3">View the included layout</span> </a> </li>
<li>
<a href="twocol_b.html" onfocus="blur()">
<span class="title ">Two Column Layout B</span>
<span class="desc">View the included layout</span>
</a>
</li>
<li>
<a href="contact.html" onfocus="blur()">
<span class="title ">Contact Us Layout</span>
<span class="desc">View the included layout</span>
</a>
</li>
</ul>
</div>
<!-- #menu end -->
<!-- #page: holds the page content -->
<div id="page">
<!-- #columns: holds the columns of the page -->
<div id="columns" class="widthPad">
<!-- Left column -->
<div class="floatLeft width73">
<h1>Welcome to <span class="dark">Freshmix.com</span></h1>
<!-- Start Post -->
<div class="post">
<div class="date">
<span class="month">Apr</span>
<span class="day">8</span>
</div>
<p>
<span class="title">Sample Icon Pack Released!</span>
In nunc justo, mollis sed, gravida at, <a href="">aliquam sit amet</a>, urna. Nulla commodo. In pharetra justo eget turpis. Nulla commodo. In pharetra justo eget turpis.
</p>
<p>
Samples: <img src="images/icon_samples.gif" alt="samples" class="alignBottom"/> <a href="">More...</a>
</p>
</div>
<!-- End Post -->
<!-- Start Post -->
<div class="post">
<div class="date">
<span class="month">Mar</span>
<span class="day">28</span>
</div>
<p>
<span class="title">New Illustration</span>
Nulla commodo. In nunc justo, mollis sed, gravida at, aliquam sit amet, urna. Nulla commodo. In pharetra justo eget turpis. Nulla commodo. In pharetra justo eget turpis. In nunc justo, mollis sed, gravida at, <a href="">aliquam sit</a> amet, urna.
</p>
</div>
<!-- End Post -->
<h1>Heading <span class="dark">One</span></h1>
<p>
<a href=""><img src="images/firefox.jpg" alt="firefox" class="floatRight border"/></a>
Nulla commodo. In nunc justo, mollis sed, gravida at, aliquam sit amet, urna. Nulla commodo. In pharetra justo eget turpis. Nulla commodo. In pharetra justo eget turpis. In nunc justo, mollis sed, gravida at, <a href="">aliquam sit</a> amet, urna. Nulla commodo. In nunc justo, mollis sed, gravida at, aliquam sit amet, urna. Nulla commodo. In pharetra justo eget turpis. Nulla commodo. In pharetra justo eget turpis. In nunc justo, mollis sed, gravida at, <a href="">aliquam sit</a> amet, urna.
</p>
<h2>Heading Two</h2>
<p>
Nulla commodo. In nunc justo, mollis sed, gravida at, aliquam sit amet, urna. Nulla commodo. In pharetra justo eget turpis. Nulla commodo. In pharetra justo eget turpis. In nunc justo, mollis sed, gravida at, <a href="">aliquam sit</a> amet, urna.
</p>
<h3>Heading Three</h3>
<p>
Nulla commodo. In nunc justo, mollis sed, gravida at, aliquam sit amet, urna. Nulla commodo. In pharetra justo eget turpis. Nulla commodo. In pharetra justo eget turpis. In nunc justo, mollis sed, gravida at, <a href="">aliquam sit</a> amet, urna.
</p>
<h4>Heading Four</h4>
<p>
Nulla commodo. In nunc justo, mollis sed, gravida at, aliquam sit amet, urna. Nulla commodo. In pharetra justo eget turpis. Nulla commodo. In pharetra justo eget turpis. In nunc justo, mollis sed, gravida at, <a href="">aliquam sit</a> amet, urna.
</p>
<h5>Heading Five</h5>
<p>
Nulla commodo. In nunc justo, mollis sed, gravida at, aliquam sit amet, urna. Nulla commodo. In pharetra justo eget turpis. Nulla commodo. In pharetra justo eget turpis. In nunc justo, mollis sed, gravida at, <a href="">aliquam sit</a> amet, urna.
</p>
<h1>Bulleted <span class="dark">Lists</span></h1>
<ul>
<li>Item One</li>
<li>Item Two</li>
<li>Item the Third</li>
</ul>
<p>
<img src="images/firefox.jpg" alt="firefox" class="floatLeft"/>
In nunc justo, mollis sed, gravida at, aliquam sit amet, urna. Nulla commodo. <a href="">In pharetra justo eget</a> turpis. Sed posuere turpis ac sapien. Sed est eros, faucibus vitae, vulputate sollicitudin, rutrum ultricies, neque. Nunc varius. Aenean vel magna. Pellentesque ultricies euismod massa. Vestibulum et quam. Maecenas diam metus, imperdiet sed, pharetra sed, rhoncus id, turpis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse potenti. Cras felis. Vivamus nec quam.
</p>
<ol>
<li><span>Item One</span></li>
<li><span>Item Two</span></li>
<li><span>Item the Third</span></li>
</ol>
<h1>Blockquote</h1>
<p>
Nulla commodo. In nunc justo, mollis sed, gravida at, aliquam sit amet, urna. Nulla commodo. In pharetra justo eget turpis. Nulla commodo. In pharetra justo eget turpis. In nunc justo, mollis sed, gravida at, <a href="">aliquam sit</a> amet, urna.
</p>
<p>
In nunc justo, mollis sed, gravida at, aliquam sit amet, urna. Nulla commodo. <a href="">In pharetra justo eget</a> turpis. Sed posuere turpis ac sapien. Sed est eros, faucibus vitae, vulputate sollicitudin, rutrum ultricies, neque. Nunc varius. Aenean vel magna. Pellentesque ultricies euismod massa. Vestibulum et quam. Maecenas diam metus, imperdiet sed, pharetra sed, rhoncus id, turpis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse potenti. Cras felis. Vivamus nec quam.
</p>
<blockquote>
<p
40个经典DIV+CSS 网页布局样式
需积分: 3 177 浏览量
2014-06-04
15:15:43
上传
评论 1
收藏 10.41MB RAR 举报
40个经典DIV+CSS 网页布局样式 （520个子文件） 
layout.css 9KB scoba.css 8KB style.css 7KB style.css 7KB style.css 6KB andreas00.css 6KB layout.css 6KB style_3c.css 5KB andreas01.css 5KB style.css 5KB style.css 5KB andreas08.css 5KB default.css 4KB style.css 4KB style.css 4KB andreas09.css 4KB style.css 4KB html.css 4KB style.css 4KB andreas02.css 4KB style.css 3KB style.css 3KB default.css 3KB 1024px.css 3KB style.css 3KB style.css 3KB style.css 3KB html.css 3KB style.css 3KB style.css 3KB style.css 3KB style.css 3KB style.css 3KB style.css 3KB style.css 2KB stylesheet.css 2KB style.css 2KB print.css 1KB print.css 700B print.css 652B Thumbs.db 27KB Thumbs.db 21KB Thumbs.db 20KB Thumbs.db 19KB Thumbs.db 19KB Thumbs.db 19KB Thumbs.db 19KB Thumbs.db 18KB Thumbs.db 18KB Thumbs.db 15KB Thumbs.db 12KB .DS_Store 6KB .DS_Store 6KB
right.gif 30KB picture.gif 21KB bigimage.gif 20KB package.gif 11KB logo.gif 11KB logo.gif 10KB _image02.gif 9KB bigimage.gif 9KB _image04.gif 8KB ad.gif 8KB _image01.gif 8KB bg.gif 6KB light_body.gif 6KB _image03.gif 6KB header_bg.gif 6KB lbhover.gif 5KB header.gif 5KB website_name.gif 4KB menu_01.gif 4KB icon_samples.gif 4KB image.gif 3KB bigbg.gif 3KB member1.gif 3KB picture_3.gif 3KB notes.gif 3KB member3.gif 3KB member2.gif 3KB member4.gif 3KB searchbg.gif 3KB background.gif 3KB menu_04.gif 3KB menu_03.gif 3KB menu_02.gif 2KB h1_bg.gif 2KB h2_bg.gif 2KB title_welcome.gif 2KB logo.gif 2KB head_top.gif 1KB bigimage.gif 1KB header_welcome.gif 1KB pic.gif 1KB header.gif 1KB lb.gif 1KB image.gif 1KB head_right.gif 1KB go.gif 1KB h.gif 1KB共 520 条
- 1
- 2
- 3
- 4
- 5
- 6
资源评论
