<!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
413_HTML手机电脑网站_网页源码移动端前端_H5模板_自适应响应式源码.zip （66个子文件） 
413 
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
1.jpg 121KB
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资源评论
icwx_7550592
- 粉丝: 20
- 资源: 7163
最新资源
- 19 工资发放明细表-可视化图表.xlsx
- 27 员工工资表（图表分析）.xlsx
- 23 财务报告工资数据图表模板.xlsx
- 22 财务报告工资数据图表模板.xlsx
- 24 工资表-年度薪资可视化图表.xlsx
- 26 财务分析部门工资支出图表.xlsx
- Python爬虫技术详解：从基础到实战.zip
- 25 工资费用支出表-可视化图表.xlsx
- 30公司各部门工资支出数据图表1.xlsx
- 29 员工月度工资支出数据图表.xlsx
- 28 工资表(自动计算，图表显示).xlsx
- 31 财务分析工资年度开支图表.xlsx
- 33 年度工资预算表（可视化看板）.xlsx
- 32 公司年度工资成本数据图表.xlsx
- 34 年度工资汇总-数据可视化看板.xlsx
- 36 财务报表新年度部门工资预算表.xlsx
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
