-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
126 lines (123 loc) · 7.2 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
<!DOCTYPE html>
<html>
<head>
<title>Yinjie Xu's blog</title>
<meta charset="utf-8">
<meta name="author" content="徐银杰">
<meta name="discription" content="This blog imitate blog of YangQing">
<link rel="stylesheet" type="text/css" href="css/base.css">
<link rel="stylesheet" type="text/css" href="css/index.css">
</head>
<body>
<header>
<div><a href="/"><h1>Yinjie Xu's Blog</h1></a></div>
<nav>
<a href="index.html"><span>首页</span><span class="en">home</span></a>
<a href="about.html"><span>关于</span><span class="en">about</span></a>
<a href="life.html"><span>生活</span><span class="en">life</span></a>
<a href="share.html"><span>分享</span><span class="en">share</span></a>
<a href="learn.html"><span>学习</span><span class="en">learn</span></a>
<a href="saying.html"><span>留言</span><span class="en">saying</span></a>
</nav>
</header>
<article>
<div class="container">
<div class="blog">
<figure>
<ul>
<a href="/"><img src="images/t01.jpg"><span>sfsd</span></a>
</ul>
<p><a href="/">lsdmclsmclskdmc</a></p>
<figcaption>lskdfslkdflksdlfkmlkwmelfmlwkefmlwkmeflkwmeflmwlkfmelwkfmlwefmlwkemflwkemlfkmwlfkmlwkemflw</figcaption>
</figure>
<!-- <figure>
<ul>
<a href="/"><img src="images/t01.jpg"><span>下载个人博客模板</span></a>
</ul>
<p><a href="/">灯具公司复古风格PSD设计稿</a></p>
<figcaption>此模板为PSD设计稿，复古风格。首页主要突出产品，以及公司简介。手绘灯作为头部背景图片，这个比较特别。html可以做出灯一闪一闪的效果，或者说旁边有个按钮...</figcaption>
</figure> -->
<figure>
<ul>
<a href="/"><img src="images/t02.jpg"><span>下载个人博客模板</span></a>
</ul>
<p><a href="/">个人博客模板古典系列之――江南墨..</a></p>
<figcaption>一共是四个页面，首页，图文列表，图片列表，文字内容。此模板风格为中国古典风格，山水画墨迹成就一幅江南墨卷。页面首页设计较为简单，突出文章重点。图文列表显示...</figcaption>
</figure>
<figure>
<ul>
<a href="/"><img src="images/t03.jpg"><span>下载个人博客模板</span></a>
</ul>
<p><a href="/">美丽的茧</a></p>
<figcaption>让世界拥有它的脚步，让我保有我的茧。当溃烂已极的心灵再不想做一丝一毫的思索时，就让我静静回到我的茧内，以回忆为睡榻，以悲哀为覆被，这是我唯一的美丽。</figcaption>
</figure>
</div>
<ul class="cbp_tmtimeline">
<li>
<time class="cbp_tmtime"><span>08-08</span> <span>2017</span></time>
<div class="cbp_tmicon"></div>
<div class="cbp_tmlabel">
<h2>slkdflkflw</h2>
<p><span class="blogpic"><a href="/"><img src = "images/t03.jpg"></a></span>slkdmflskmdflsmdflkmsdf</p>
<a href="/" target = "_blank" class="readmore">阅读全文>></a>
</div>
</li>
<li>
<time class="cbp_tmtime" ><span>08-08</span> <span>2017</span></time>
<div class="cbp_tmicon"></div>
<div class="cbp_tmlabel"data-scroll-reveal="enter right over 1s" >
<h2>三步实现滚动条触动css动画效果</h2>
<p><span class="blogpic"><a href="/"><img src="images/t02.jpg"></a></span>现在很多网站都有这种效果，我就整理了一下，分享出来。利用滚动条来实现动画效果，ScrollReveal.js 用于创建和管理元素进入可视区域时的动画效果，帮助你的网站增加吸引力...</p>
<a href="/" target="_blank" class="readmore">阅读全文>></a>
</div>
</li>
<li>
<time class="cbp_tmtime" ><span>08-08</span> <span>2017</span></time>
<div class="cbp_tmicon"></div>
<div class="cbp_tmlabel" data-scroll-reveal="enter right over 1s" >
<h2>三步实现滚动条触动css动画效果</h2>
<p><span class="blogpic"><a href="/"><img src="images/t01.jpg"></a></span>现在很多网站都有这种效果，我就整理了一下，分享出来。利用滚动条来实现动画效果，ScrollReveal.js 用于创建和管理元素进入可视区域时的动画效果，帮助你的网站增加吸引力...</p>
<a href="/" target="_blank" class="readmore">阅读全文>></a>
</div>
</li>
<li>
<time class="cbp_tmtime" ><span>08-08</span> <span>2017</span></time>
<div class="cbp_tmicon"></div>
<div class="cbp_tmlabel" data-scroll-reveal="enter right over 1s" >
<h2>三步实现滚动条触动css动画效果</h2>
<p><span class="blogpic"><a href="/"><img src="images/t03.jpg"></a></span>现在很多网站都有这种效果，我就整理了一下，分享出来。利用滚动条来实现动画效果，ScrollReveal.js 用于创建和管理元素进入可视区域时的动画效果，帮助你的网站增加吸引力...</p>
<a href="/" target="_blank" class="readmore">阅读全文>></a>
</div>
</li>
<li>
<time class="cbp_tmtime" ><span>08-08</span> <span>2017</span></time>
<div class="cbp_tmicon"></div>
<div class="cbp_tmlabel" data-scroll-reveal="enter right over 1s" >
<h2>三步实现滚动条触动css动画效果</h2>
<p><span class="blogpic"><a href="/"><img src="images/t02.jpg"></a></span>现在很多网站都有这种效果，我就整理了一下，分享出来。利用滚动条来实现动画效果，ScrollReveal.js 用于创建和管理元素进入可视区域时的动画效果，帮助你的网站增加吸引力...</p>
<a href="/" target="_blank" class="readmore">阅读全文>></a>
</div>
</li>
<li>
<time class="cbp_tmtime" ><span>08-08</span> <span>2017</span></time>
<div class="cbp_tmicon"></div>
<div class="cbp_tmlabel" data-scroll-reveal="enter right over 1s" >
<h2>三步实现滚动条触动css动画效果</h2>
<p><span class="blogpic"><a href="/"><img src="images/t01.jpg"></a></span>现在很多网站都有这种效果，我就整理了一下，分享出来。利用滚动条来实现动画效果，ScrollReveal.js 用于创建和管理元素进入可视区域时的动画效果，帮助你的网站增加吸引力...</p>
<a href="/" target="_blank" class="readmore">阅读全文>></a>
</div>
</li>
<li>
<time class="cbp_tmtime" ><span>08-08</span> <span>2017</span></time>
<div class="cbp_tmicon"></div>
<div class="cbp_tmlabel" data-scroll-reveal="enter right over 1s" >
<h2>三步实现滚动条触动css动画效果</h2>
<p><span class="blogpic"><a href="/"><img src="images/t03.jpg"></a></span>现在很多网站都有这种效果，我就整理了一下，分享出来。利用滚动条来实现动画效果，ScrollReveal.js 用于创建和管理元素进入可视区域时的动画效果，帮助你的网站增加吸引力...</p>
<a href="/" target="_blank" class="readmore">阅读全文>></a>
</div>
</li>n
</ul>
</div>
</article>
</body>
</html>