-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathindex.html
76 lines (72 loc) · 4.13 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
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>easyBtn</title>
<meta name="description" content="easyBtn.css 定位于后台系统，可以简易、高效的帮助你开发按钮组件。她很简单，你会爱上她。"/>
<meta name="keywords" content="easyBtn,css,easyBtn.css,Btn,按钮"/>
<meta name="author" content="hoosin,[email protected]" />
<link rel="stylesheet" href="assets/css/prism.css" />
<link rel="stylesheet" href="assets/css/normalize.css" />
<link rel="stylesheet" href="assets/css/index.css" />
</head>
<body id="index">
<div class="container">
<div class="head">
<div class="middle">
<h1>easyBtn</h1>
<div class="head-github">
轻量级 Button CSS 组件库。<br/>
<iframe src="http://ghbtns.com/github-btn.html?user=hoosin&repo=easyBtn&type=watch&count=true"
allowtransparency="true" frameborder="0" scrolling="0" width="100" height="20"></iframe>
<iframe src="http://ghbtns.com/github-btn.html?user=hoosin&repo=easyBtn&type=fork&count=true"
allowtransparency="true" frameborder="0" scrolling="0" width="100" height="20"></iframe>
<iframe src="http://ghbtns.com/github-btn.html?user=hoosin&type=follow&count=true"
allowtransparency="true" frameborder="0" scrolling="0" width="192" height="20"></iframe>
</div>
</div>
</div>
<div class="info">
<div class="middle">
<div class="button-container">
<ul class="button-group">
<li>
<a href="https://github.com/hoosin/easyBtn/"
class="large button color green">Download</a>
</li>
<li>
<a href="demo.html" class="large button">Demo</a>
</li>
<li>
<a href="https://github.com/hoosin" class="large button">Github</a>
</li>
<li>
<a href="https://hoosin.github.io/" class="large button">BLOG</a>
</li>
</ul>
<p>支持浏览器：Firefox 3.5+, Google Chrome, Safari 4+, IE 8+, Opera 10+</p>
</div>
<h2>为什么要有easyBtn？</h2>
<p>作为一个前端工程师，有时朋友会让你帮后端工程师整一整他们后台按钮样式。有时我们在自己后台使用了一个非常漂亮的主题，应用到自己系统上时却变的很难看不搭调。</p>
<p>虽然我自己对设计也是一窍不通，不过没吃过猪肉但却见过猪跑。于是我在<a href="https://useiconic.com/open/" target="_blank">Iconic pack</a>找了一套ICON，写了easyBtn为一些不懂CSS的后端同学提供一个适合后台样式组件。如果你对此感兴趣或是有改进意见请在<a href="https://github.com/hoosin/easyBtn/issues" target="_blank">github</a>上给我提issue，在此表示感谢～</p>
<p>注意：easyBtn仅仅提供对后台按钮样式，你可以将其嵌入到你自己的主题中。如果你想要找全套主题，那么它不是个好的选择。</p>
<h2>快速开始</h2>
<p>在你的HTML中嵌入easyBtn，如下：</p>
<pre><code class="language-markup"><link rel="stylesheet" href="css/easyBtn.css" />
<body">
<!-- 调用Class -->
</body></code></pre>
<p>如果你想要自定义easyBtn，那么请查看下easyBtn的<a href="./document.html">文档</a>。</p>
<h2>开源许可</h2>
<p>easy<span class='logobtn'>Btn</span>.css 基于 <a href="http://zh.wikipedia.org/wiki/MIT_License" target="_blank">MIT License</a> 开源，使用代码只需说明来源，或者引用 <a href="LICENSE.txt" target="_blank">LICENSE.txt</a> 即可免费使用。</p>
</div>
</div>
<div class="foot">
<div class="middle">
© <a href="https://github.com/hoosin">Hoosin</a>
</div>
</div>
</div>
<script src="assets/js/prism.js"></script>
</body>
</html>