<!doctype html>
<html lang="en-US">
<head>
<meta charset="UTF-8" />
<title>Free CSS Template : Studio One</title>
<link href="style.css" rel="stylesheet" type="text/css">
<link href="styles/print/main.css" rel="stylesheet" type="text/css" media="print">
<link rel="stylesheet" type="text/css" href="js/jquery.lightbox-0.5.css" media="screen" />
<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!--[if IE 6]>
<script src="js/belatedPNG.js"></script>
<script>
DD_belatedPNG.fix('*');
</script>
<![endif]-->
</head>
<body>
<div id="wrap">
<section id="top">
<nav id="mainnav">
<h1 id="sitename" class="logo">
<a href="#">Memoire</a>
</h1>
<ul>
<li><a href="index.html"><span>Home</span></a></li>
<li><a href="photos.html"><span>Photos</span></a></li>
<li class="active"><a href="blog.html"><span>Blog</span></a></li>
<li><a href="form.html"><span>Forms</span></a></li>
</ul>
</nav>
</section>
<section id="page">
<header id="pageheader" class="normalheader">
<h2 class="sitedescription">
Memoire is a free CSS Template inspired by Japanese Arts
and the movie Memoirs of a Geisha. </h2>
</header>
<section id="contents">
<article class="post">
<header class="postheader">
<h2>Article Title</h2>
<p class="postinfo">Published on <time>18 August, 2010</time> under <a href="#">CSS Templates </a></p>
</header>
<section class="entry">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas a diam eget velit fringilla consequat. Duis nec justo urna, at tempus augue. Curabitur tristique, mi vitae ultrices lacinia, ante odio auctor odio, quis bibendum nulla augue quis diam. Aenean commodo justo ac leo cursus porttitor.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ac erat ac nunc elementum hendrerit at ut nibh. Phasellus et magna eu quam egestas consequat at ac eros. </p>
<blockquote><p>Blockquote looks like this. Pellentesque sit amet nisl quis tellus vestibulum ultricies at non turpis. Integer cursus est sed justo pretium molestie. </p></blockquote>
<p>Integer sit amet velit erat, vitae mollis libero. Vivamus ac interdum tellus. Integer arcu velit, dapibus ultrices aliquam nec, viverra ut turpis. </p>
<ul>
<li>Nunc molestie ante quis ante </li>
<li>gravida vitae volutpat ligula egestas. </li>
<li>Nam a metus risus. Pellentesque habitant morbi tristique </li>
<li>senectus et netus et malesuada fames ac turpis egestas. </li>
</ul>
<p> Vestibulum elit risus, congue interdum aliquet et, tempor sit amet est. Phasellus rhoncus dictum pharetra. In dictum scelerisque lobortis. </p>
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<p>In hac habitasse platea dictumst. Nam quis suscipit lectus. Praesent tortor risus, tempor sed euismod non, aliquet eget sem.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean at libero turpis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. </p>
<img src="images/photothumb1.jpg" width="150" height="100" alt="img" class="alignleft">
<p>Mauris non lacus lorem. Aenean est sem, dapibus sed ultrices vitae, vulputate non sapien. Nullam vulputate erat et quam imperdiet accumsan vitae elementum ante. Vestibulum scelerisque libero ligula. In in nibh lacus, sit amet dignissim purus. Nulla scelerisque, nibh quis tincidunt convallis, velit nibh tristique massa, sit amet ornare est orci vitae nisi. </p>
<p>Nunc molestie ante quis ante gravida vitae volutpat ligula egestas. Nam a metus risus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. </p>
<p>
Vestibulum elit risus, congue interdum aliquet et, tempor sit amet est. Phasellus rhoncus dictum pharetra. In dictum scelerisque lobortis. In hac habitasse platea dictumst. Nam quis suscipit lectus. Praesent tortor risus, tempor sed euismod non, aliquet eget sem.</p>
<img src="images/photothumb3.jpg" width="150" height="100" alt="img" class="alignright">
<p> Suspendisse mi nunc, mattis fringilla mollis quis, laoreet a sapien. Ut suscipit, mauris non mattis pharetra, lacus mi tempor lacus, sed tincidunt nisi mauris eu ipsum. </p>
<p>Pellentesque vel erat ac elit ultrices dignissim a ut velit. Donec laoreet sem a turpis viverra ut aliquet odio interdum. Nunc consequat rhoncus vehicula. Cras iaculis enim in neque hendrerit eget laoreet mi adipiscing. </p>
<div class="clear"></div>
</section>
</article>
<section id="comments" class="post">
<h2>47 Responses to "Article Title</h2>
<div id="commentlist">
<article class="entry">
<div class="avatar">
<img src="http://1.gravatar.com/avatar/ad516503a11cd5ca435acc9bb6523536?s=38">
<p class="author">
<span class="name"><a href="#">Roshan Ravi</a></span>
<time class="date">12 June 2010</time>
</p>
</div>
<div class="comment">
<p>Pellentesque vel erat ac elit ultrices dignissim a ut velit. Donec laoreet sem a turpis viverra ut aliquet odio interdum. Nunc consequat rhoncus vehicula. Cras iaculis enim in neque hendrerit eget laoreet mi adipiscing.</p>
</div>
<div class="clear"></div>
</article>
<article class="entry">
<div class="avatar">
<img src="http://1.gravatar.com/avatar/ad516503a11cd5ca435acc9bb6523536?s=38">
<p class="author">
<span class="name"><a href="#">Roshan Ravi</a></span>
<time class="date">12 June 2010</time>
</p>
</div>
<div class="comment">
<p>Pellentesque vel erat ac elit ultrices dignissim a ut velit. Donec laoreet sem a turpis viverra ut aliquet odio interdum. Nunc consequat rhoncus vehicula. Cras iaculis enim in neque hendrerit eget laoreet mi adipiscing.</p>
<div class="commentreply">
<a href="#Reply" class="reply">Reply</a>
</div>
</div>
<div class="clear"></div>
</article>
<article class="entry">
<div class="avatar">
<img src="http://1.gravatar.com/avatar/ad516503a11cd5ca435acc9bb6523536?s=38">
<p class="author">
<span class="name"><a href="#">Roshan Ravi</a></span>
<time class="date">12 June 2010</time>
</p>
</div>
<div class="comment">
<p>Pellentesque vel erat ac elit ultrices dignissim a ut velit. Donec laoreet sem a turpis viverra ut aliquet odio interdum. Nunc consequat rhoncus vehicula. Cras iaculis enim in neque hendrerit eget laoreet mi adipiscing.</p>
</div>
<div class="clear"></div>
</article>
<article class="entry">
<div class="avatar">
<img src="http://1.gravatar.com/avatar/ad516503a11cd5ca435acc9bb6523536?s=38">
<p class="author">
<span class="name"><a href="#">Roshan Ravi</a></span>
<time class="date">12 June 2010</time>
</p>
</div>
<div class="comment">
<p>Pellentesque vel erat ac elit ultrices dignissim a ut velit. Donec laoreet sem a turpis viverra ut aliquet odio interdum. Nunc consequat rhoncus vehicula. Cras iaculis enim in neque hendrerit eget laoreet mi adipiscing.</p>
</div>
<div class="clear"></div>
</article>
<article class="entry">
<div class="avatar">
<img src="http://1.gravatar.com/avatar/ad516503a11cd5ca435acc9bb6523536?s=38">
<p class="author">
<span class="name"><a href="#">Roshan Ravi</a></span>
<time class="date">12 June 2010</time>
</p>
</div>
<div class="comment">
<p>Pellentesque vel erat ac elit ultrices dignissim a ut velit. Donec laoreet sem a turpis viverra ut aliquet odio interdum. Nunc consequat rhoncus vehicula. Cras iaculis enim in neque hendrerit eget laoreet mi adipiscing.</p>
</div>
<div class="clear"></div>
</article>
<article class="entry">
<div class="avatar">
<img src="http://1.gravatar.com/avatar/ad516503a11cd5ca435acc9bb6523536?s=38">
<p class="author">
<span class="name"><a href="#">Roshan Ravi</a></span>
<time class="date">12 June 2010</time>
</p>
</div>
<div class="comment">
<p>Pellentesque vel erat ac elit ultrices dignissim a ut velit. Donec laoreet sem a turpis viverra ut aliquet odio interdum. Nunc consequat rhoncus vehicula. Cras iac
漂亮的棕色木纹3D风格网站模板_木纹 棕色 3D 漂亮 家居 精品 整站 css3 html5 大气 博客 整体色 企业.rar
版权申诉
190 浏览量
2021-11-06
12:48:02
上传
评论
收藏 529KB RAR 举报
漂亮的棕色木纹3D风格网站模板_木纹 棕色 3D 漂亮 家居 精品 整站 css3 html5 大气 博客 整体色 企业.rar （65个子文件） 
漂亮的棕色木纹3D风格网站模板_木纹 棕色 3D 漂亮 家居 精品 整站 css3 html5 大气 博客 整体色 企业 chn2_memoir 
style.css 7KB js collection.js 10KB html5.js 375B jquery.lightbox-0.5.css 2KB images 
lightbox-btn-next.gif 812B lightbox-ico-loading.gif 4KB lightbox-blank.gif 43B lightbox-btn-close.gif 700B lightbox-btn-prev.gif 832B jquery.js 69KB belatedPNG.js 7KB styles .DS_Store 6KB reset .DS_Store 6KB reset.css 581B print main.css 128B core.css 0B
photos.html 4KB license.html 2KB index.html 6KB images .DS_Store 6KB
menul1.png 894B permalink.png 915B twtbg.png 2KB
normalheader.jpg 15KB bodybg.jpg 48KB menur1.png 895B menuleft-h.png 657B menuright-normal.png 566B li2.png 188B bamboo.png 16KB img2.jpg 12KB photothumb2.jpg 3KB memoire-logo.png 5KB header.jpg 26KB wrapbg.png 10KB menuright-h.png 606B nextbtn.jpg 865B menur2.png 904B img1.jpg 16KB menul2.png 924B fbbg.png 2KB photothumb1.jpg 4KB pagebg.png 7KB likes.png 818B top.png 88KB footerbg.jpg 7KB li1.png 180B menuleft-normal.png 631B memoirelogo.png 4KB vert-devider.jpg 313B photothumb3.jpg 4KB sidebar-devider.png 130B submit.png 2KB comment.png 884B btmbg.png 76KB prebtn.jpg 866B vert-devider.png 125B form.html 4KB blog.html 11KB fonts fertigopro-webfont.ttf 49KB .DS_Store 6KB fertigopro-webfont.eot 49KB fertigopro-webfont.woff 28KB fertigo.css 392B
fertigopro-webfont.svg 93KB资源评论
