<!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漂亮家居精品整站css3html5大气博客整体色企业.rar
共62个文件
png:25个
jpg:12个
css:6个
需积分: 0 0 下载量 37 浏览量
2023-09-12
08:43:28
上传
评论
收藏 511KB RAR 举报
温馨提示
html
资源推荐
资源详情
资源评论
收起资源包目录
漂亮的棕色木纹3D风格网站模板_木纹棕色3D漂亮家居精品整站css3html5大气博客整体色企业.rar (62个子文件)
style.css 7KB
fertigopro-webfont.ttf 49KB
.DS_Store 6KB
menul1.png 894B
permalink.png 915B
fertigopro-webfont.eot 49KB
main.css 128B
twtbg.png 2KB
normalheader.jpg 15KB
lightbox-btn-next.gif 812B
bodybg.jpg 48KB
menur1.png 895B
menuleft-h.png 657B
menuright-normal.png 566B
collection.js 10KB
html5.js 375B
lightbox-ico-loading.gif 4KB
lightbox-blank.gif 43B
core.css 0B
jquery.lightbox-0.5.css 2KB
li2.png 188B
fertigopro-webfont.woff 28KB
bamboo.png 16KB
lightbox-btn-close.gif 700B
img2.jpg 12KB
photothumb2.jpg 3KB
memoire-logo.png 5KB
header.jpg 26KB
wrapbg.png 10KB
photos.html 4KB
menuright-h.png 606B
nextbtn.jpg 865B
license.html 2KB
reset.css 581B
menur2.png 904B
img1.jpg 16KB
menul2.png 924B
fbbg.png 2KB
photothumb1.jpg 4KB
pagebg.png 7KB
fertigo.css 392B
likes.png 818B
top.png 88KB
index.html 6KB
footerbg.jpg 7KB
li1.png 180B
menuleft-normal.png 631B
memoirelogo.png 4KB
vert-devider.jpg 313B
jquery.js 69KB
photothumb3.jpg 4KB
form.html 4KB
belatedPNG.js 7KB
blog.html 11KB
lightbox-btn-prev.gif 832B
sidebar-devider.png 130B
submit.png 2KB
comment.png 884B
btmbg.png 76KB
prebtn.jpg 866B
vert-devider.png 125B
fertigopro-webfont.svg 93KB
共 62 条
- 1
资源评论
Q_97095639
- 粉丝: 377
- 资源: 1万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- TG-2024-05-23-204718255.mp4
- 候志强@181 5428 8938_20240420112107.amr
- spispispispispi
- 实验二:IP协议分析.zip
- 驱动代码驱动代码驱动代码驱动代码
- SVID_20240523_141155_1.mp4
- Code for the complete guide to tkinter tutorial
- 关于百货中心供应链管理系统.zip
- SimpleFolderIcon-master 修改Unity的Project下的文件夹图标
- A python Tkinter widget to display tile based maps
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功