/
index.html
175 lines (168 loc) · 9.36 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
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
<!DOCTYPE HTML>
<html>
<head>
<title>共享博客 | 共同创作</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="keywords" content="分享、创作、经验、知识、技巧、全面展示" />
<meta name="author" content="知识共享" >
<meta name="Copyright" content="共享博客" >
<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
<link rel="stylesheet" href="assets/css/main.css" />
<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
<!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
<script>
(function(){
var bp = document.createElement('script');
var curProtocol = window.location.protocol.split(':')[0];
if (curProtocol === 'https'){
bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
}
else{
bp.src = 'http://push.zhanzhang.baidu.com/push.js';
}
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(bp, s);
})();
</script>
</head>
<body class="landing">
<!-- Page Wrapper -->
<div id="page-wrapper">
<!-- Header -->
<header id="header" class="alt">
<h1><a href="index.html">共享博客</a></h1>
<nav id="nav">
<ul>
<li class="special">
<a href="#menu" class="menuToggle"><span>菜单</span></a>
<div id="menu">
<ul>
<li><a href="index.html">主页</a></li>
<li><a href="content.html">文章列表</a></li>
<li><a href="about.html">关于此博客</a></li>
</ul>
</div>
</li>
</ul>
</nav>
</header>
<!-- Banner -->
<section id="banner">
<div class="inner">
<h2>欢迎访问！</h2>
<p>分享、创作、经验<br />
你、我共同创造<br />
知识、技巧，全面展示.</p>
<ul class="actions">
<li><a href="content.html" class="button special">文章</a></li>
</ul>
</div>
<a href="#one" class="more scrolly">查看更多</a>
</section>
<!-- One -->
<section id="one" class="wrapper style1 special">
<div class="inner">
<header class="major">
<h2>拿出你的炫酷技能、高超想象、分享你的经验<br />
三人行必有我师，学习他人技巧、强化技能</h2>
<p>在这里，你获得的不仅是自身的提高，每一篇文章都包含了每一个人的经验技巧<br />
在这里，你将融入一个知识共享的团体，依赖强大的github分享你我知识！</p>
</header>
<ul class="icons major">
<li><span class="icon fa-diamond major style1"><span class="label">信念</span></span></li>
<li><span class="icon fa-heart-o major style2"><span class="label">创作</span></span></li>
<li><span class="icon fa-code major style3"><span class="label">潮流</span></span></li>
</ul>
</div>
</section>
<!-- Two -->
<section id="two" class="wrapper alt style2">
<section class="spotlight">
<div class="image"><img src="images/pic01.jpg" alt="" /></div><div class="content">
<h2>创意无极限<br />
好的创意当然要分享</h2>
<p>如果你有好的创意、绝妙的技巧欢迎与大家分享！</p>
</div>
</section>
<section class="spotlight">
<div class="image"><img src="images/pic02.jpg" alt="" /></div><div class="content">
<h2>编程技巧<br />
新颖算法</h2>
<p>每一个分享都凝结着一份智慧，无论是编程技巧还是经典算法，加入分享、加入创造！</p>
</div>
</section>
<section class="spotlight">
<div class="image"><img src="images/pic03.jpg" alt="" /></div><div class="content">
<h2>分享无极限<br />
一个简单页面，分享各种灵感</h2>
<p>可以分享一本好书、一个见解、一段文字、一个算法，分享你所愿意分享的。大家共同学习！</p>
</div>
</section>
</section>
<!-- Three -->
<section id="three" class="wrapper style3 special">
<div class="inner">
<header class="major">
<h2>分享初衷</h2>
<p>随着时代趋向数字化、智能化，知识分享也趋向大众化<br />
借github平台，分享知识、创造无限可能，期待你的加入！</p>
</header>
<ul class="features">
<li class="icon fa-paper-plane-o">
<h3>知识传递</h3>
<p>你的分享可以是一本好书、一段文字、一些感受，分享无上限！</p>
</li>
<li class="icon fa-laptop">
<h3>办公技巧</h3>
<p>一个小脚本，一个快捷方式，或者是一个便捷方法，方便你我！</p>
</li>
<li class="icon fa-code">
<h3>编程技巧</h3>
<p>分享一段代码、一个算法，共享一个项目、参与一个流程，赶快行动起来！</p>
</li>
<li class="icon fa-headphones">
<h3>追赶潮流</h3>
<p>一部大片，一段优美的乐曲，聆听自然的声音，分享缩短你我的距离</p>
</li>
<li class="icon fa-heart-o">
<h3>心灵鸡汤</h3>
<p>相互鼓励、共同克服难关，创造奇迹！</p>
</li>
<li class="icon fa-flag-o">
<h3>成功案例</h3>
<p>以铜为鉴,可以正衣冠,以人为鉴,可以知得失,以史为鉴,可以知兴替！</p>
</li>
</ul>
</div>
</section>
<!-- CTA -->
<section id="cta" class="wrapper style4">
<div class="inner">
<header>
<h2>加入分享</h2>
<p>在这里你可以分享你的心得体会、经验、或者是炫酷的黑科技！做你所能！</p>
</header>
<ul class="actions vertical">
<li><a href="https://github.com/ewail/ewail.github.io" class="button fit special">立即加入</a></li>
<li><a href="content.html" class="button fit">学习更多</a></li>
</ul>
</div>
</section>
<!-- Footer -->
<footer id="footer">
<ul class="copyright">
<li>Copyright © 2015-2017 共享博客</li>
</ul>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/util.js"></script>
<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
<script src="assets/js/main.js"></script>
</body>
</html>