-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·157 lines (149 loc) · 5.8 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
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>程序员单词 | 计算机英语 | Com 背词</title>
<meta charset="utf-8">
<meta name="keywords" content="word code" />
<meta name="description" content="编程 计算机 单词"/>
<link href="css/nomalize.css" rel="stylesheet">
<link href="css/header.css?345677" rel="stylesheet">
<link href="css/main.css?123456" rel="stylesheet">
<link href="css/bootstrap.css" rel="stylesheet">
<link type="image/png" href="img/favicon.ico" rel="icon">
<!-- 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="js/html5shiv.min.js"></script>
<script src="js/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- 采用异步加载 -->
<header class="header" id="header">
<div class="bgWrapper">
<div class="nav-bar-box" id="nav-bar-box" >
</div>
<section>
<div class="container">
<div class="header-info-box">
<div class="slogan-box">
<h1 class="com-slogan text-center"><img src="img/comword-s.png" alt=""/>开启程序猿成为英语大牛之旅!</h1>
</div>
<div class="my-choice-container">
<div class="my-choice-level text-center">
<ul>
<li><a href="interval.html">Level 1(小白)>></a></li>
<li><a href="interval.html">Level 2(小牛)>></a></li>
<li><a href="interval.html">Level 3(大牛)>></a></li>
</ul>
</div>
</div>
</div>
</div>
</section>
</div>
</header>
<div class="main-box">
<div class="container">
<div class="row inner-container">
<div class="col-md-6 col-xs-12 img-container text-center"><img class="img-responsive img-thumbnail" src="img/img-page/img1.webp" alt=""></div>
<div class="col-md-6 col-xs-12 inner-info-container">
<h2 class="com-feature-title"> 专为程序猿设计的背词软件</h2>
<h4 class="com-feature-info">让中国的程序猿离技术文档更近一步</h4>
<h3 class="com-my-start" ><a href="interval.html">Start Now</a></h3>
</div>
</div>
</div>
<div class="container">
<div class="inner-container row">
<div class="img-container col-md-6 col-md-push-6 col-xs-12 text-center"><img class="img-responsive img-thumbnail" src="img/img-page/img2.webp" alt=""></div>
<div class="inner-info-container col-md-6 col-md-pull-6 col-xs-12">
<h2 class="com-feature-title">多义单词图像记忆</h2>
<h4 class="com-feature-info">轻松高效的背词方式</h4>
<h3 class="com-my-start" ><a href="regist.html">Start Now</a></h3>
</div>
</div>
</div>
<div class="container">
<div class="inner-container row">
<div class="img-container col-md-6 col-xs-12 text-center"><img class="img-responsive img-thumbnail" src="img/img-page/3.jpg" alt=""></div>
<div class="inner-info-container col-md-6 col-xs-12">
<h2 class="com-feature-title">游戏测试等级</h2>
<h4 class="com-feature-info">看看自己真正的计算机英语水平</h4>
<h4 class="com-feature-info">告别盲目记忆单词</h4>
<h3 class="com-my-start" ><a href="regist.html">Start Now</a></h3>
</div>
</div>
</div>
<div class="container">
<div class="inner-container row">
<div class="img-container col-md-6 col-md-push-6 col-xs-12 text-center"><img class="img-responsive img-thumbnail" src="img/img-page/4.jpg" alt=""></div>
<div class="inner-info-container col-md-6 col-md-pull-6 col-xs-12">
<h2 class="com-feature-title">学习记录积分</h2>
<h4 class="com-feature-info">找到学计算机单词的真正动力</h4>
<h3 class="com-my-start" ><a href="regist.html">Start Now</a></h3>
</div>
</div>
</div>
</div>
<footer>
<div class="container">
<div class="inner-container">
<ul class="footer-navbar">
<li><a href="clara.html">Clarastar</a></li>
<li><a href="https://github.com/clarastar/word">Github</a></li>
<li><a href="mailto:[email protected]">Feedback</a></li>
</ul>
</div>
</div>
</footer>
<div class="modal" id="modalLogin">
<div class="modal-dialog">
<div class='modal-content'>
<div class="modal-inner-content">
<h2>你好，欢迎登陆！</h2>
<form id="login-form" action="#">
<div class="form-group">
<label for="username">用户名:</label>
<input id="username" name="uname" class="form-control" autofocus placeholder="请输入用户名">
</div>
<div class="form-group">
<label for="password">密码:</label>
<input id="password" name="upwd" type="password" class="form-control" placeholder="请输入密码">
</div>
<div class="form-group">
<label class="col-md-offset-5 control-label" for="btnLog"></label>
<input id="btnLog" type="button" value="提交" class="btn btn-alert btn-block">
</div>
<div class="form-group">
<label class="col-md-offset-5 control-label" for="btnRegist"></label>
<a href="regist.html">注册</a>
</div>
<div class="form-group">
<label class="col-md-offset-5 control-label" for="btnRegist"></label>
<a href="index.html">返回首页</a>
</div>
</form>
</div>
</div>
</div>
</div>
<script>
(function () {
var s = document.createElement("script");
s.onload = function () {
bootlint.showLintReportForCurrentDocument([]);
};
s.src = "js/bootlint.js";
document.body.appendChild(s)
})();
</script>
<script src="js/jquery-1.11.3.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.color.js"></script>
<script src="js/index.js?45678"></script>
<script src="js/login.js?88890"></script>
</body>
</html>