This repository has been archived by the owner on Aug 19, 2022. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathindex.html
70 lines (70 loc) · 4.64 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>欢迎使用前端导航-WebFont-Search</title>
<meta name="viewport" content="width=device-width, initial-scale=0.5" />
<link rel="stylesheet" type="text/css" href="https://cdn.bootcss.com/semantic-ui/2.2.7/semantic.min.css">
<link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="css/customize.css">
<link rel="stylesheet" href="css/customize-masthead.css">
<link rel="stylesheet" href="css/index.css">
<link rel="shortcut icon" type="image/x-icon" href="images/googleg_lodp.ico" />
</head>
<body>
<!-- 下拉到一定的高度时候 导航栏 转变为自动固定尺寸 -->
<div class="ui large top fixed borderless hidden menu">
<div class="ui container" id="navbar-fixed"></div>
</div>
<!-- 头部 导航 部分 -->
<div class="pusher">
<div class="ui inverted vertical masthead center aligned segment zoomed">
<div class="ui container">
<div class="ui secondary inverted pointing menu" style="border: none;" id="header_nav"></div>
</div>
<!-- ************** 搜索的主体部分显示 start ***********************************************************-->
<div class="ui text container">
<h1 class="ui inverted header"><i id="logo" class="fa fa-graduation-cap"></i></h1>
<h2>前端导航 · WebFont-Search</h2>
<div class="ui inverted fluid left icon action input" id="search-div">
<i class="search icon"></i>
<input id="search-query" type="text" placeholder="立即搜索">
<select class="ui compact selection dropdown" id="search-services"></select>
<div id="search-button" type="submit" class="ui icon primary button">Go</div>
</div>
<br/>
<!-- <div class="ui inverted segment">
<button class="ui inverted red button" id="Google" data-url='http://scholar.google.com/scholar?q=' data-suffix>谷歌学术</button>
<button class="ui inverted orange button" id="baidu" data-url='http://xueshu.baidu.com/s?wd=' data-suffix>百度学术</button>
<button class="ui inverted yellow button" id="xaiomuc" data-url='http://muchong.com/bbs/search.php?wd=' data-suffix>小木虫论坛</button>
<button class="ui inverted olive button" id="cailiaoren" data-url='http://music.163.com/#/search/m/?s=' data-suffix='&type=1'>网易云音乐</button>
<button class="ui inverted green button" id="zhihu" data-url='http://www.zhihu.com/search?q=' data-suffix>知乎</button>
</div> -->
</div>
<!-- 搜索的主体部分显示 End ******************************************************************-->
</div>
<!-- 内容 链接 -->
<div id="content" class="content"></div>
<!-- foot信息 -->
<footer id="footer">
<div class="footer_war war">
<div class="message">
如果本站对你有帮助，请添加收藏或将本网站分享给更多人！</br>
反馈请联系：<i class="fa fa-weibo"> </i><a href="http://weibo.com/xcallen" target="_blank">@新浪微博</a> | <i class="fa fa-envelope-open"></i> Email:<a href="mailto:[email protected]"> [email protected] </a> | <i class="fa fa-twitter"></i> <a href="https://twitter.com/allentwt_93" target="_blank">Twitter</a>
</div>
<div class="declare">
Powed By <a href="http://www.semantic-ui.cn/" style="color: #20F3F6">Semantic-UI</a> | <a href="http://fontawesome.dashgame.com/" style="color: #20F3F6">Font Awesome</a> | <a href="https://jquery.com/download/" style="color: #20F3F6">Jquery</a>
</div>
</div>
</footer>
<!-- 侧边栏返回 -->
<aside id="backTop"></aside>
<!--Link Scripts -->
<script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script>
<script type="text/javascript" src="https://cdn.bootcss.com/semantic-ui/2.2.7/semantic.min.js"></script>
<script type='text/javascript' src="https://cdn.bootcss.com/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
<script type="text/javascript" src="data/data.js" ></script>
<script type="text/javascript" src='js/search-suggest.js'></script>
<script type="text/javascript" src="js/index.js" ></script>
</body>
</html>