forked from 13413153594/Blog
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
403 lines (370 loc) · 18.5 KB
/
index.html
File metadata and controls
403 lines (370 loc) · 18.5 KB
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
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
<!DOCTYPE html>
<html lang="en">
<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>Title</title>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link href="owl-carousel/owl.carousel.css" rel="stylesheet">
<link href="owl-carousel/owl.theme.css" rel="stylesheet">
<link rel="stylesheet" href="css/index.css">
<link rel="stylesheet" href="css/default.css">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div id="tf-menu" class="navbar-default navbar-fixed-top">
<div class="container text-center">
<div class="pull-left">
<h4>WL Blog</h4>
</div>
<div class="pull-left header">
<ul class="nav nav-pills list-unstyled">
<li><a href="index.html">首页</a></li>
<li class="List"><a href="HTML/note.html">前端 </a>
<ul class="list-unstyled text-center content ">
<li><a href="HTML/motion.html">前端自动化</a></li>
<li><a href="HTML/HTML+CSS.html">HTML+CSS</a></li>
<li><a href="HTML/JAVAScript.html">javascript</a></li>
<li><a href="HTML/Jquery.html">Jquery</a></li>
<li><a href="HTML/HTML5+CSS3.html">HTML5+CSS3</a></li>
<li><a href="HTML/Bootstrap.html">Bootstrap</a></li>
</ul>
</li>
<li class="List"><a href="HTML/notebook.html">笔记</a>
<ul class="list-unstyled text-center content">
<li><a href="HTML/no_JS+JQ.html">JS+Jq</a></li>
<li><a href="HTML/no_HTML+CSS3.html">HTML5+CSS3</a></li>
<li><a href="HTML/no_Order.html">Order</a></li>
</ul>
</li>
<li><a href="HTML/Java.html">后台技术</a></li>
<li><a href="HTML/chat.html">碎言碎语</a></li>
<li><a href="HTML/chare.html">软件分享</a></li>
<li><a href="HTML/Aboutme.html">关于我</a></li>
<li><a href="HTML/Link.html">LINK</a></li>
</ul>
</div>
<div class="pull-right logo">
<ul class="list-unstyled nav nav-pills ">
<li class="iconfont icon"><a> </a></li>
<li class="tu">
<input class=" text text-left" placeholder="搜索">
<button type="button" class="btn btn-default">搜索</button>
</li>
<li class="iconfont icon"><a href=""></a>
<img src="images/wechat.png">
</li>
<li class="iconfont icon"><a href="https://github.com/"></a></li>
<li class="iconfont icon"><a href=""></a>
<img src="images/wechat.png">
</li>
<div class="pull-right position">
<div class="navbar-toggle drown">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</div>
<div class="pull-left header1 text-center">
<ul class="nav sec list-unstyled">
<li><a href="index.html">首页</a></li>
<li class="List"><a href="HTML/note.html">前端</a>
</li>
<li class="List"><a href="HTML/notebook.html">笔记</a>
</li>
<li><a href="HTML/Java.html">后台技术</a></li>
<li><a href="HTML/chat.html">碎言碎语</a></li>
<li><a href="HTML/chare.html">软件分享</a></li>
<li><a href="HTML/Aboutme.html">关于我</a></li>
<li><a href="HTML/Link.html">LINK</a></li>
</ul>
</div>
</div>
</ul>
</div>
</div>
</div>
<div id="tf-header" class="bg">
<div class="overHide">
<div class="text-center container ">
<div class="header-text">
<p class="learn">学习没有捷径</p>
<p class="learn">每天的努力 只为拥抱美好的明天</p>
<h4 class="theme"> B-X技术博客</h4>
<p class="enlish " id="slogan" data-text="Maybe we'll be stronger"> Maybe we'll be stronger</p>
<p class="enlish">but We have a dream </p>
</div>
<div class="drop">
<span class="iconfont"></span>
</div>
</div>
</div>
</div>
<div id="tf-content">
<div class="container">
<div class="left pull-left">
<h4>文章推荐</h4>
<div class="ites">
<img src="images/left1.jpg" width="215" height="144" alt="">
<div class="ites-header">
<h4><a href="HTML/article.html">如何建立个人博客？</a></h4>
<p class="info">
想必很多人都想建立一个，属于自己的个人博客，把自己的一些学习的经验和经历，通过互联网的形式来分享给别人。
通过分享与网友进行互动，让更多的人了解和认识你，并且树立自己在互联网上的个人品牌，其实这就是一种“自媒体”。
那么我们怎么去建立自己独立...
</p>
</div>
<span class="read"><a href="HTML/article.html"> 阅读全文</a></span>
</div>
<div class="ites">
<img src="images/left2.jpg" width="215" height="144" alt="">
<div class="ites-header">
<h4><a href="">
利用百度数据来做SEO优化系列（一）
</a></h4>
<p class="info">
最近一直忙着公司项目的上线，以及还没来得及跟大家分享，刚好趁着5.1放假，有时间就接着上次的话题来跟大家一起分享。
在利用百度数据来做SEO优化系列（一）这篇文章中提到了，现在做SEO优化，不能有以前的老思维来做seo优化了。现在要围绕“用户体验”来做...
</p>
</div>
<span class="read"><a> 阅读全文</a></span>
</div>
<div class="ites">
<img src="images/left3.jpg" width="215" height="144" alt="">
<div class="ites-header">
<h4><a href="">
前端MVVM框架之“Vue.js实战篇”
</a></h4>
<p class="info">
前言： 看过我之前写的系列文章(Vue.js基础篇、Vue.js组件篇)，相信大家对vue.js这个前端框架有了一定的了解。
想必也想把Vue急切的运用在项目中，看看它的魅力到底有多大？别急，今天我会满足大家的想法。 我们一起来看看“Webpack+Vue”的开发模式相比以往...
</p>
</div>
<span class="read"><a> 阅读全文</a></span>
</div>
<div class="ites">
<img src="images/left1.jpg" width="215" height="144" alt="">
<div class="ites-header">
<h4><a href="">如何建立个人博客？</a></h4>
<p class="info">
想必很多人都想建立一个，属于自己的个人博客，把自己的一些学习的经验和经历，通过互联网的形式来分享给别人。
通过分享与网友进行互动，让更多的人了解和认识你，并且树立自己在互联网上的个人品牌，其实这就是一种“自媒体”。
那么我们怎么去建立自己独立...
</p>
</div>
<span class="read"><a> 阅读全文</a></span>
</div>
<div class="ites">
<img src="images/left1.jpg" width="215" height="144" alt="">
<div class="ites-header">
<h4><a href="">
HTML5移动端手机网站开发流程
</a></h4>
<p class="info">
最近一直在研究移动手机网站的开发，发现做手机网站没有想象中的那么难。为什么会这么说呢？我们试想下:我们连传统的PC网站都会做，
难道连一个小小的手机网站难道都搞不定吗？其实手机网站就是一个微缩版的PC网站罢了！至于为什么觉得难、觉得无从下手。 段...
</p>
</div>
<span class="read"><a> 阅读全文</a></span>
</div>
<div class="itse">
<div class="Web">
<h4>Web前端</h4>
<ul class="list-unstyled">
<li><span class="one">1</span><a href="">浅谈：html5和html的区别</a></li>
<li><span class="two">2</span><a href="">HTML5移动端手机网站开发流程</a></li>
<li><span class="three">3</span><a href="">关于响应式布局 </a></li>
<li><span>4</span><a href="">如何学习网页制作（个人经验）</a></li>
<li><span>5</span><a href="">WebApp开发之--"rem"单</a></li>
</ul>
</div>
<div class="Web java">
<h4>后台开发</h4>
<ul class="list-unstyled">
<li><span class="one">1</span><a href="">浅谈：html5和html的区别</a></li>
<li><span class="two">2</span><a href="">HTML5移动端手机网站开发流程</a></li>
<li><span class="three">3</span><a href="">关于响应式布局 </a></li>
<li><span>4</span><a href="">如何学习网页制作（个人经验）</a></li>
<li><span>5</span><a href="">WebApp开发之--"rem"单</a></li>
</ul>
</div>
</div>
</div>
<div class="right ">
<h4 >标签云</h4>
<div class="tagboard">
<h4 class="tui">标签云</h4>
<div class="label">
<ul>
<li><a href="">博客</a></li>
<li><a href="">css3</a></li>
<li><a href="">前端</a></li>
<li><a href="">网站</a></li>
<li><a href="">搜索引擎</a></li>
<li><a href="">java</a></li>
<li><a href="">后台开发</a></li>
</ul>
</div>
</div>
<div class="hot">
<h4 >热门推荐</h4>
<ul class="little-menu list-unstyled">
<li class="active">点击排行</li>
<li>热门文章</li>
<li>织梦后台</li>
</ul>
<p class="line"></p>
<div class="over">
<div class="little-content">
<ul class="list-unstyled list-content">
<li><a href="">网站代码该如何优化？</a></li>
<li><a href="">关于网站空间服务器的选择</a></li>
<li><a href="">新手须知：域名该如何选择</a></li>
<li><a href="">利用百度数据来做SEO优化系列（一）</a></li>
<li><a href="">轻松教你如何查看网站日志</a></li>
</ul>
<ul class="list-unstyled list-content">
<li><a href="">网站代码该如何优化？</a></li>
<li><a href="">关于网站空间服务器的选择</a></li>
<li><a href="">新手须知：域名该如何选择</a></li>
<li><a href="">利用百度数据来做SEO优化系列（一）</a></li>
<li><a href="">轻松教你如何查看网站日志</a></li>
</ul>
<ul class="list-unstyled list-content">
<li><a href="">网站代码该如何优化？</a></li>
<li><a href="">关于网站空间服务器的选择</a></li>
<li><a href="">新手须知：域名该如何选择</a></li>
<li><a href="">利用百度数据来做SEO优化系列（一）</a></li>
<li><a href="">轻松教你如何查看网站日志</a></li>
</ul>
</div>
</div>
<ul class="size">
<li class="one">1</li>
<li class="two">2</li>
<li class="three">3</li>
<li>4</li>
<li>5</li>
</ul>
</div>
<div class="observer">
<h4>最新评论</h4>
<div class="order">
<div>
<img src="images/header.png">
<strong class="name">瑰宝:</strong>
<p class="leave">博客内容给的帮助很不错,现在基本都在用着这个,希望可以继续加油</p>
<p class="data">2017.6.6</p></div>
<div> <img src="images/header1.jpeg">
<strong class="name">瑰宝:</strong>
<p class="leave">博客非常不错很可以</p>
<p class="data">2017.6.6</p></div>
<div> <img src="images/header.png">
<strong class="name">瑰宝:</strong>
<p class="leave">博客非常不错很可以</p>
<p class="data">2017.6.6</p></div>
</div>
</div>
</div>
</div>
<div id="tf-img">
<div class="overHide">
<div class="container text-center">
<h1>ABout we</h1>
<div id="owl-demo">
<div class="item">
<p></p>
<p>To this world, I am very flustered, because the fear oneself stays down. </p>
<p>this world has lost my place</p>
<p> therefore I unceasingly diligently, unceasingly pursue pursue belongs to my dream</p>
</div>
<div class="item">
<p>I dont know if we each have a destiny ， ，but I think may be it's both.</p>
<p>or if we're all just floating around accidental like on a breeze</p>
<p> ，but I think may be it's both.</p>
</div>
<div class="item">
<p>To this world, I am very flustered, because the fear oneself stays down. </p>
<p>this world has lost my place</p>
<p> therefore I unceasingly diligently, unceasingly pursue pursue belongs to my dream</p>
</div>
</div>
</div>
</div>
</div>
<div class="middle"></div>
<div id="tf-about">
<div class="overlay"></div>
<div class="bg">
<div style="background: url('images/about.jpg') fixed center/cover; display: block;"></div>
<div style="background: url('images/about1.jpg') fixed center/cover"></div>
<div style="background: url('images/about2.jpg') fixed center/cover"></div>
<div style="background: url('images/about3.jpg') fixed center/cover"></div>
</div>
<div class="List">
<ul>
<li>
<i class="iconfont"></i>
<br>
校园生活
<div class="sec">
大学生活很美好,大二的我,现在也天天忙碌在前端中
</div>
</li>
<li>
<i class="iconfont"></i>
<br>
兴趣爱好
<div class="sec">
大学生活很美好,大二的我,现在也天天忙碌在前端中
</div>
</li>
<li>
<i class="iconfont"></i>
<br>
游戏点滴
<div class="sec">
大学生活很美好,大二的我,现在也天天忙碌在前端中
</div>
</li>
<li>
<i class="iconfont"></i>
<br>
技术开发
<div class="sec">
大学生活很美好,大二的我,现在也天天忙碌在前端中
</div>
</li>
</ul>
</div>
</div>
</div>
<div id="tf-friendly">
<div class="container">
<h4>友情链接</h4>
<a href="">william博客</a>
<a href="">破浪无忧博客</a>
<a href="">二次元博客</a>
<a href="">老牛の博客</a>
<a href="">吴佳博客</a>
</div>
</div>
<div id="tf-foot">
</div>
<!--<audio src="images/LOCH_Life1.mp3" autoplay style="display: none"> </audio>-->
<div id="tf-scroll">
<i class="iconfont"></i>
</div>
<script src="js/jquery-2.2.0.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="owl-carousel/owl.carousel.min.js"></script>
<script src="js/index.js"></script>
<script>
</script>
</body>
</html>