-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
189 lines (173 loc) · 6.68 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
176
177
178
179
180
181
182
183
184
185
186
187
188
189
<!DOCTYPE html>
<html lang="cn">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>SmartPing - 开源、高效、便捷的网络质量监控神器</title>
<meta name="keywords" content="网络监控，网络质量监控，Ping监控，互Ping" />
<meta name="description" content="一款开源、高效、便捷的网络质量监控神器，支持单项Ping，反向Ping，互Ping，拓扑绘图与报警展示。" />
<!-- Bootstrap core CSS -->
<link href="assets/css/bootstrap.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="assets/css/main.css" rel="stylesheet">
<link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Raleway:400,300,700' rel='stylesheet' type='text/css'>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/smoothscroll.js"></script>
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?b2985a82eaf1f559cebc6cf7ec279907";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
</head>
<body data-spy="scroll" data-offset="0" data-target="#navigation">
<!-- Fixed navbar -->
<div id="navigation" class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#"><b>SmartPing</b></a>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="#home" class="smothscroll">首页</a></li>
<li><a href="https://docs.smartping.org/" target="_blank">文档</a></li>
<li><a href="https://docs.smartping.org/install/" target="_blank"><span class="glyphicon glyphicon-save" aria-hidden="true"></span>下载安装</a></li>
<li><a href="https://github.com/smartping/smartping" target="_blank">Github Project</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</div>
<section id="home" name="home"></section>
<div id="headerwrap">
<div class="container">
<div class="row centered">
<div class="col-lg-12">
<h1>SmartPing</h1>
<h3>一款开源、高效、便捷的网络质量监控神器！</h3>
<br>
</div>
<div class="col-lg-2">
<h5>功能</h5>
<p>支持正/反向PING绘图、组网拓扑显示，全国延迟</p>
<img class="hidden-xs hidden-sm hidden-md" src="assets/img/arrow1.png">
</div>
<div class="col-lg-8">
<img class="img-responsive" src="assets/img/app-bg.png" alt="">
</div>
<div class="col-lg-2">
<br>
<img class="hidden-xs hidden-sm hidden-md" src="assets/img/arrow2.png">
<h5>特性</h5>
<p>Go语言编写，跨平台；去中心化设计</p>
</div>
</div>
</div> <!--/ .container -->
</div><!--/ #headerwrap -->
<section id="desc" name="desc"></section>
<!-- INTRO WRAP -->
<div id="intro">
<div class="container">
<div class="row centered">
<div class="col-lg-4">
<img src="assets/img/intro01.png" alt="">
<h3>开源</h3>
<p>代码100%开源并可无条件免费使用。所有的源代码均通过 <a target="_blank" href="https://github.com/smartping/smartping/blob/master/LICENSE">Apache</a> 授权协议并托管在 <a target="_blank" href="https://github.com/smartping/smartping">GitHub</a> 上。</p>
</div>
<div class="col-lg-4">
<img src="assets/img/intro02.png" alt="">
<h3>跨平台</h3>
<p>任何 <a target="_blank" href="http://golang.org/">Go 语言</a> 支持的平台都可以运行 SmartPing，包括 Windows、Mac、Linux 以及 ARM。</p>
</div>
<div class="col-lg-4">
<img src="assets/img/intro03.png" alt="">
<h3>无中心化</h3>
<p>独特的 <a target="_blank" href="https://docs.smartping.org/arch/decentralized.html">去中心化</a>设计，并采用嵌入式数据库 <a href="https://www.sqlite.org/" target="_blank">Sqlite</a> 进行数据存数。</p>
</div>
</div>
<br>
<hr>
</div> <!--/ .container -->
</div><!--/ #introwrap -->
<!-- FEATURES WRAP -->
<div id="features">
<div class="container">
<div class="row">
<h1 class="centered" style="margin-top: -25px;">功能截图</h1>
<br>
<div class="col-lg-6 centered" >
正/反向PING
<img class="centered" src="assets/img/index.png" alt="" style="width:100%">
</div>
<div class="col-lg-6 centered" style="text-align:center">
PING拓扑
<img class="centered" src="assets/img/topology.png" alt="" style="width:97%">
</div>
</div>
<br/>
<div class="row">
<div class="col-lg-6 centered">
全国延迟
<img class="centered" src="assets/img/map.png" alt="" style="width:98%">
</div>
<div class="col-lg-6 centered">
检测工具
<img class="centered" src="assets/img/tools.png" alt="" style="width:100%;">
</div>
</div>
</div><!--/ .container -->
</div><!--/ #features -->
<section id="contact" name="contact"></section>
<div id="footerwrap">
<div class="container">
<div class="col-lg-5">
<h3>SmartPing相关</h3>
<ul>
<li>
<a href="https://github.com/gy-games/smartping/issues" target="_blank" style="color:white">Issues 交流</a>
</li>
<li>
<a href="https://github.com/gy-games/smartping/releases" target="_blank" style="color:white">Release 下载</a>
</li>
<li>
<a href="https://docs.smartping.org/api/" target="_blank" style="color:white">Api 文档</a>
</li>
<li>
交流QQ群 : <a target="_blank" href="//shang.qq.com/wpa/qunwpa?idkey=dd689e43fd8ecfeb28bffc31d53cb058c6ea23263aa1a34fc032efaf91aae924"><img border="0" src="//pub.idqqimg.com/wpa/images/group.png" alt="SmartPing" title="SmartPing"></a>
</li>
</ul>
</div>
<div class="col-lg-7">
<!--
<h3>Who Uses SmartPing</h3>
<br>
<a href="http://www.gyyxol.cn" target="_blank"><img src="assets/img/whouse/gyyx.png" alt="" style="height:50px;"></a>
<a href="http://www.youscz.com" target="_blank"><img src="assets/img/whouse/yscz.png" alt="" style="height:50px;"></a>
-->
</div>
</div>
</div>
<div id="c">
<div class="container">
<p>Copyright © 2017-2018.SmartPing.Org</p>
</div>
</div>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="assets/js/bootstrap.js"></script>
<script>
$('.carousel').carousel({
interval: 3500
})
</script>
</body>
</html>