forked from lovemianhuatang/LongBlog-v2.0
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtimeline.html
130 lines (123 loc) · 5.14 KB
/
timeline.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
127
128
129
130
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; Charset=utf-8" />
<meta http-equiv="Content-Language" content="zh-CN" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<title>Long博客-时光轴</title>
<link rel="shortcut icon" href="images/logo.png" type="image/x-icon" />
<!--Layui-->
<link href="layui/css/layui.css" rel="stylesheet" />
<!--font-awesome-->
<link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" />
<!--全局样式表-->
<link href="css/global.css" rel="stylesheet" />
<link href="css/animate.min.css" rel="stylesheet" />
<!-- 本页样式表 -->
<link href="css/timeline.css" rel="stylesheet" />
</head>
<body>
<!-- 导航 -->
<nav id="h" class="blog-nav layui-header">
<div class="blog-container">
<a href="/QQ/qqLogin" class="blog-user">
<i class="fa fa-qq"></i>
</a>
<a class="blog-logo" href="index.html">Long</a>
<ul class="layui-nav" lay-filter="nav">
<li class="layui-nav-item">
<a href="index.html"><i class="fa fa-home fa-fw"></i> 网站首页</a>
</li>
<li class="layui-nav-item">
<a href="article.html"><i class="fa fa-file-text fa-fw"></i> 文章专栏</a>
</li>
<li class="layui-nav-item">
<a href="mixed_pic.html"><i class="fa fa-paper-plane-o fa-fw"></i> 杂七杂八</a>
</li>
<li class="layui-nav-item">
<a href="timeline.html"><i class="fa fa-hourglass-half fa-fw"></i> 点点滴滴</a>
</li>
<li class="layui-nav-item">
<a href="about.html"><i class="fa fa-info fa-fw"></i> 关于本站</a>
</li>
<span class="layui-nav-bar"></span></ul>
<a class="blog-navicon" href="javascript:;">
<i class="fa fa-navicon"></i>
</a>
</div>
</nav>
<!-- 主体（一般只改变这里的内容） -->
<div class="blog-body">
<!-- 这个一般才是真正的主体内容 -->
<input type="hidden" id="path" value="">
<div class="blog-container">
<blockquote class="layui-elem-quote sitemap layui-breadcrumb shadow">
<a href="index.html" title="网站首页">网站首页</a>
<a href="mixed_pic.html" title="点点滴滴">点点滴滴</a>
<a><cite>时光轴</cite></a>
</blockquote>
<div class="blog-main">
<div class="child-nav shadow">
<span class="child-nav-btn child-nav-btn-this">时光轴</span>
<!-- <span class="child-nav-btn">笔记墙</span> -->
</div>
<div class="timeline-box shadow">
<div class="timeline-main">
<h1><i class="fa fa-clock-o"></i>时光轴<span> —— 记录生活点点滴滴</span></h1>
<div class="timeline-line"></div>
<h1 style="padding-top:4px;padding-bottom:2px;margin-top:40px;"><i class="fa fa-hourglass-end"></i>THE END</h1>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 底部 -->
<footer id="f" class="blog-footer">
<p><span>Copyright</span><span>©</span><span>2018</span><a href="http://www.long225.cn">Long博客</a><span>Design By Longwang</span></p>
<p><a href="http://www.miitbeian.gov.cn" target="_blank">湘ICP备18010289号</a></p>
</footer>
<!--侧边导航-->
<ul class="layui-nav layui-nav-tree layui-nav-side blog-nav-left layui-hide" lay-filter="nav">
<li class="layui-nav-item">
<a href="index.html"><i class="fa fa-home fa-fw"></i> 网站首页</a>
</li>
<li class="layui-nav-item">
<a href="article.html"><i class="fa fa-file-text fa-fw"></i> 文章专栏</a>
</li>
<li class="layui-nav-item">
<a href="mixed_pic.html"><i class="fa fa-paper-plane-o fa-fw"></i> 杂七杂八</a>
</li>
<li class="layui-nav-item">
<a href="timeline.html"><i class="fa fa-road fa-fw"></i> 点点滴滴</a>
</li>
<li class="layui-nav-item">
<a href="about.html"><i class="fa fa-info fa-fw"></i> 关于本站</a>
</li>
<span class="layui-nav-bar"></span>
</ul>
<!--分享窗体-->
<div class="blog-share layui-hide">
<div class="blog-share-body">
<div style="width: 200px;height:100%;">
<div class="bdsharebuttonbox">
<a class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a>
<a class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>
<a class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
<a class="bds_sqq" data-cmd="sqq" title="分享到QQ好友"></a>
</div>
</div>
</div>
</div>
<!--遮罩-->
<div class="blog-mask animated layui-hide"></div>
<!-- jquery -->
<script src="js/jquery.min.js"></script>
<!-- layui.js -->
<script src="layui/layui.js"></script>
<!-- 全局脚本 -->
<script src="js/global.js"></script>
<!-- 本页脚本 -->
<script src="js/timeline.js"></script>
</body>
</html>