-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmessages.html
152 lines (147 loc) · 6.31 KB
/
messages.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
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>messages</title>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/icons.css">
<link rel="stylesheet" href="css/index.css">
</head>
<body>
<header class="clearfix headActive">
<span class="logo">TF<span>blog</span></span>
<nav>
<a href="index.html">首页</a>
<a href="aboutMe.html">关于我</a>
<a href="life.html">生活</a>
<a href="timeRecord.html">时光轴</a>
<a href="technique.html">技术分享</a>
<a href="webFeeling.html">感悟</a>
<a class="active" href="">留言板</a>
</nav>
</header>
<div class="useless"></div>
<div class="main clearfix">
<h2><span>人生如逆旅，我亦是行人</span></h2>
<div class="left blogList">
<div class="message">
<form>
<div class="form-group">
<label for="content">说说什么吧...</label>
<textarea class="form-control" rows="3" id="content"></textarea>
</div>
<div class="form-group">
<label for="name">你的名字</label>
<input type="text" class="form-control" id="name">
</div>
<button type="submit" class="btn btn-default">提交</button>
</form>
<ul>
<li>
<p class="name">诸葛亮</p>
<p class="content">我从未见过如此厚颜无耻之人。</p>
</li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
<nav aria-label="Page navigation" class="paging">
<ul class="pagination">
<li class="disabled">
<a href="#" aria-label="Previous">
<span aria-hidden="true">«</span>
</a>
</li>
<li class="active"><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li>
<a href="#" aria-label="Next">
<span aria-hidden="true">»</span>
</a>
</li>
</ul>
</nav>
</div>
</div>
<div class="right aside">
<div class="share">
<a href="" class="icon icon-more"></a>
<a href="" class="icon icon-qqZone"></a>
<a href="" class="icon icon-sinaMb"></a>
<a href="" class="icon icon-qqMb"></a>
<a href="" class="icon icon-renren"></a>
<a href="" class="icon icon-weixin"></a>
<div class="more clearfix">
<p>分享到</p>
<div class="mid clearfix">
<a href=""><span class="icon icon-allShare"></span> 一键分享</a>
<a href=""><span class="icon icon-qqZone"></span> QQ空间</a>
<a href=""><span class="icon icon-sinaMb"></span> 新浪微博</a>
<a href=""><span class="icon icon-weixin"></span> 微信</a>
<a href=""><span class="icon icon-renren"></span> 人人网</a>
<a href=""><span class="icon icon-qqMb"></span> 腾讯微博</a>
<a href=""><span class="icon icon-happy"></span> 开心网</a>
<a href=""><span class="icon icon-friend"></span> 腾讯朋友</a>
<a href=""><span class="icon icon-tieba"></span> 百度贴吧</a>
<a href=""><span class="icon icon-douban"></span> 豆瓣网</a>
<a href=""><span class="icon icon-baidu"></span> 百度</a>
<a href=""><span class="icon icon-tianya"></span> 天涯网</a>
<a href=""><span class="icon icon-facebook"></span> Facebook</a>
</div>
<p><span class="icon icon-more"></span> 更多...</p>
</div>
</div>
<div class="newest">
<h2>最新<span>文章</span></h2>
<ul>
<li><a href="">浪漫显示的泰晤小镇</a></li>
<li><a href="">如果是你，你会怎么选择</a></li>
<li><a href="">周末之如何更好的玩遍横店</a></li>
<li><a href="">Partial(部分方法，局部方法)，virtual</a></li>
<li><a href="">C#冒泡排序-C#基础</a></li>
<li><a href="">畅游美国加州1号公路</a></li>
<li><a href="">跟着沈眉庄一起选择翡翠手镯</a></li>
<li><a href="">去苏州玩那些景点才好</a></li>
</ul>
</div>
<div class="newest">
<h2>点击<span>排行</span></h2>
<ol>
<li><span>1</span><a href="">浪漫显示的泰晤小镇</a></li>
<li><span>2</span><a href="">如果是你，你会怎么选择</a></li>
<li><span>3</span><a href="">周末之如何更好的玩遍横店</a></li>
<li><span>4</span><a href="">Partial(部分方法，局部方法)</a></li>
<li><span>5</span><a href="">C#冒泡排序-C#基础</a></li>
</ol>
</div>
<div class="newest other">
<h2>友情<span>链接</span></h2>
<p><a href="">github</a></p>
</div>
<div class="newest least">
<h2>最近<span>访客</span></h2>
</div>
</div>
</div>
<footer>
<div class="up" id="up">
<div class="inner">
<span class="glyphicon glyphicon-arrow-up"></span>
</div>
</div>
<p>created by tanfeng. <span class="">**********</span></p>
</footer>
<script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/index.js"></script>
</body>
</html>