<!doctype html>
<html>
<head>
<meta charset="gb2312">
<title>黑色时间轴个人博客模板</title>
<meta name="keywords" content="黑色模板,个人网站模板,个人博客模板,博客模板,css3,html5,网站模板" />
<meta name="description" content="这是一个有关黑色时间轴的css3 html5 网站模板" />
<link href="css/styles.css" rel="stylesheet">
<link href="css/animation.css" rel="stylesheet">
<!-- 返回顶部调用 begin -->
<link href="css/lrtk.css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/js.js"></script>
<!-- 返回顶部调用 end-->
<!--[if lt IE 9]>
<script src="js/modernizr.js"></script>
<![endif]-->
</head>
<body>
<header>
<nav id="nav">
<ul>
<li><a href="/" >网站首页</a></li>
<li><a href="/download/" target="_blank" title="个人博客模板">个人博客模板</a></li>
<li><a href="/book/" target="_blank" title="图书推荐">图书推荐</a></li>
<li><a href="/web/" target="_blank" title="网站建设">网站建设</a></li>
<li><a href="/newshtml5/" target="_blank" title="HTML5 / CSS3">HTML5 / CSS3</a></li>
<li><a href="/jstt/" target="_blank" title="技术探讨">技术探讨</a></li>
<li><a href="/news/s/" target="_blank" title="慢生活">慢生活</a></li>
<li><a href="/newstalk/" target="_blank" title="碎言碎语">碎言碎语</a></li>
<li><a href="/news/jsex/" target="_blank" title="JS 实例代码演示">JS实例</a></li>
</ul>
<script src="js/silder.js"></script><!--获取当前页导航 高亮显示标题-->
</nav>
</header>
<!--header end-->
<div id="mainbody">
<div class="info">
<figure> <img src="images/art.jpg" alt="Panama Hat">
<figcaption><strong>渡人如渡己，渡已，亦是渡</strong> 当我们被误解时，会花很多时间去辩白。 但没有用，没人愿意听，大家习惯按自己的所闻、理解做出判别，每个人其实都很固执。与其努力且痛苦的试图扭转别人的评判，不如默默承受，给大家多一点时间和空间去了解。而我们省下辩解的功夫，去实现自身更久远的人生价值。其实，渡人如渡己，渡已，亦是渡人。</figcaption>
</figure>
<div class="card">
<h1>我的名片</h1>
<p>网名：DanceSmile | 即步非烟</p>
<p>职业：Web前端设计师、网页设计</p>
<p>电话：13662012345</p>
<p>Email：[email protected]</p>
<ul class="linkmore">
<li><a href="/" class="talk" title="给我留言"></a></li>
<li><a href="/" class="address" title="联系地址"></a></li>
<li><a href="/" class="email" title="给我写信"></a></li>
<li><a href="/" class="photos" title="生活照片"></a></li>
<li><a href="/" class="heart" title="关注我"></a></li>
</ul>
</div>
</div>
<!--info end-->
<div class="blank"></div>
<div class="blogs">
<ul class="bloglist">
<li>
<div class="arrow_box">
<div class="ti"></div>
<!--三角形-->
<div class="ci"></div>
<!--圆形-->
<h2 class="title"><a href="/" target="_blank">我希望我的爱情是这样的</a></h2>
<ul class="textinfo">
<a href="/"><img src="images/s1.jpg"></a>
<p> 我希望我的爱情是这样的，相濡以沫，举案齐眉，平淡如水。我在岁月中找到他，依靠他，将一生交付给他。做他的妻子，他孩子的母亲，为他做饭，洗衣服，缝一颗掉了的纽扣。然后，我们一起在时光中变老。</p>
</ul>
<ul class="details">
<li class="likes"><a href="#">10</a></li>
<li class="comments"><a href="#">34</a></li>
<li class="icon-time"><a href="#">2013-8-7</a></li>
</ul>
</div>
<!--arrow_box end-->
</li>
<li>
<div class="arrow_box">
<div class="ti"></div>
<!--三角形-->
<div class="ci"></div>
<!--圆形-->
<h2 class="title"><a href="/" target="_blank">谁更心软，谁就先长大</a></h2>
<ul class="textinfo">
<a href="/"><img src="images/s2.jpg"></a>
<p> 男人都是孩子，需要用一生时间来长大。女人都想当孩子，却最擅长的角色是妈妈。恋爱一开始，是两个孩子之间的游戏，到后来，成了大人和孩子之间的游戏。恋爱这回事，总要有一个人先长大，对另一半多些包容和宠溺。而通常来看：谁更心软，谁就先长大...</p>
</ul>
<ul class="details">
<li class="likes"><a href="#">102</a></li>
<li class="comments"><a href="#">58</a></li>
<li class="icon-time"><a href="#">2013-8-7</a></li>
</ul>
</div>
<!--arrow_box end-->
</li>
<li>
<div class="arrow_box">
<div class="ti"></div>
<!--三角形-->
<div class="ci"></div>
<!--圆形-->
<h2 class="title"><a href="/" target="_blank">Nothing is as sweet as you</a></h2>
<ul class="textinfo">
<a href="/"><img src="images/s3.jpg"></a>
<p> 有时候不是我不理你，其实我也想你了，只是我不知道该对你说什么。不管过去如何，过去的已经过去，最好的总在未来等着你。当我们懂得珍惜平凡的幸福的时候，就已经成了人生的赢家。Nothing is as sweet as you再没什么，能甜蜜如你。我以为只要很认真的喜欢就能打动一个人...</p>
</ul>
<ul class="details">
<li class="likes"><a href="#">15</a></li>
<li class="comments"><a href="#">2</a></li>
<li class="icon-time"><a href="#">2013-8-7</a></li>
</ul>
</div>
<!--arrow_box end-->
</li>
<li>
<div class="arrow_box">
<div class="ti"></div>
<!--三角形-->
<div class="ci"></div>
<!--圆形-->
<h2 class="title"><a href="/" target="_blank">谁更心软，谁就先长大</a></h2>
<ul class="textinfo">
<a href="/"><img src="images/s4.jpg"></a>
<p> 男人都是孩子，需要用一生时间来长大。女人都想当孩子，却最擅长的角色是妈妈。恋爱一开始，是两个孩子之间的游戏，到后来，成了大人和孩子之间的游戏。恋爱这回事，总要有一个人先长大，对另一半多些包容和宠溺。而通常来看：谁更心软，谁就先长大...</p>
</ul>
<ul class="details">
<li class="likes"><a href="#">102</a></li>
<li class="comments"><a href="#">58</a></li>
<li class="icon-time"><a href="#">2013-8-7</a></li>
</ul>
</div>
<!--arrow_box end-->
</li>
<li>
<div class="arrow_box">
<div class="ti"></div>
<!--三角形-->
<div class="ci"></div>
<!--圆形-->
<h2 class="title"><a href="/" target="_blank">趁我们都还年轻</a></h2>
<ul class="textinfo">
<a href="/"><img src="images/s5.jpg"></a>
<p> 趁我们都还年轻,多走几步路，多欣赏下沿途的风景，不要急于抵达目的地而错过了流年里温暖的人和物；趁我们都还年轻，多说些浪漫的话语，多做些幼稚的事情，不要嫌人笑话错过了生命中最美好的片段和场合；趁我们都还年轻，把距离缩短，把时间延长。趁我们都还年轻，多做些我们想要做的任何事...</p>
</ul>
<ul class="details">
<li class="likes"><a href="#">15</a></li>
<li class="comments"><a href="#">2</a></li>
<li class="icon-time"><a href="#">2013-8-7</a></li>
</ul>
</div>
<!--arrow_box end-->
</li>
</ul>
<!--bloglist end-->
<aside>
<div class="tuijian">
<h2>推荐文章</h2>
<ol>
<li><span><strong>1</strong></span><a href="/">有一种思念，是淡淡的幸福,一个心情一行文字</a></li>
<li><span><strong>2</strong></span><a href="/">励志人生-要做一个潇洒的女人</a></li>
<li><span><strong>3</strong></span><a href="/">女孩都有浪漫的小情怀——浪漫的求婚词</a></li>
<li><span><strong>4</strong></span><a href="/">Green绿色小清新的夏天-个人博客模板</a></li>
<li><span><strong>5</strong></span><a href="/">女生清新个人博客网站模板</a></li>
<li><span><strong>6</strong></span><a href="/">Wedding-婚礼主题、情人节网站模板</a></li>
<li><span><strong>7</strong></span><a href="
质感时间轴个人博客模板.zip
版权申诉
178 浏览量
2023-03-18
12:40:09
上传
评论
收藏 415KB ZIP 举报
质感时间轴个人博客模板.zip （38个子文件） 
质感时间轴个人博客模板 
view.html 11KB js 
js.js 305B silder.js 204B modernizr.js 29KB jquery.js 71KB fengmian.html 10KB list.html 12KB css view.css 4KB animation.css 2KB lrtk.css 866B styles.css 10KB index.html 13KB images 
02.jpg 6KB
quote-bg.png 2KB k03.jpg 3KB s5.jpg 15KB post1.jpg 53KB vinyl.png 7KB 06.jpg 2KB s1.jpg 17KB s2.jpg 12KB 01.jpg 7KB s6.jpg 10KB s7.jpg 11KB 08.jpg 6KB 07.jpg 7KB k01.jpg 3KB artwork.png 29KB 05.jpg 7KB 04.jpg 3KB icons.png 9KB s3.jpg 8KB k02.jpg 4KB 09.jpg 7KB s4.jpg 22KB art.jpg 95KB s8.jpg 16KB 03.jpg 3KB资源评论
