<!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
DIV+CSS精美布局模板
5星 · 超过95%的资源 需积分: 50 177 浏览量
2015-10-14
17:20:35
上传
评论 15
收藏 22.37MB ZIP 举报 
DIV+CSS精美布局模板 （720个子文件） 
layout.css 9KB style.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 style.css 5KB default.css 4KB style.css 4KB style.css 4KB style.css 4KB andreas09.css 4KB style.css 4KB style.css 4KB style.css 4KB html.css 4KB style.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 3KB style.css 2KB stylesheet.css 2KB style.css 2KB style.css 2KB style.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 item_new.gif 13KB package.gif 11KB photo1.gif 11KB logo.gif 11KB logo.gif 11KB dj.gif 11KB item_printer.gif 11KB header_girl.gif 11KB logo.gif 10KB item_scanner.gif 10KB _image02.gif 9KB bigimage.gif 9KB photo2.gif 8KB _image04.gif 8KB ad.gif 8KB _image01.gif 8KB header_books.gif 7KB bg.gif 6KB light_body.gif 6KB _image03.gif 6KB header_bg.gif 6KB lbhover.gif 5KB textbox-top.gif 5KB textbox-top2.gif 5KB picture_1.gif 5KB header.gif 5KB picture_3.gif 5KB textbox-bg.gif 5KB website_name.gif 4KB menu_01.gif 4KB icon_samples.gif 4KB brand_adept.gif 4KB box_bg.gif 4KB image.gif 3KB共 720 条
- 1
- 2
- 3
- 4
- 5
- 6
- 8
- 1
- 2
前往页