exam page and login page
This commit is contained in:
parent
c67b824002
commit
ddc2bff2d5
14
.hintrc
Normal file
14
.hintrc
Normal file
@ -0,0 +1,14 @@
|
|||||||
|
{
|
||||||
|
"extends": [
|
||||||
|
"development"
|
||||||
|
],
|
||||||
|
"hints": {
|
||||||
|
"axe/structure": [
|
||||||
|
"default",
|
||||||
|
{
|
||||||
|
"list": "off",
|
||||||
|
"listitem": "off"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
}
|
||||||
319
pages/css/index.css
Normal file
319
pages/css/index.css
Normal file
@ -0,0 +1,319 @@
|
|||||||
|
*, :after, :before {
|
||||||
|
box-sizing: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
font-family: BlenderProBook,sans-serif;
|
||||||
|
font-weight: 300;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
background-image: url('../images/points.png');
|
||||||
|
background-repeat: repeat;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo{
|
||||||
|
padding: 20px;
|
||||||
|
height: 70px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header{
|
||||||
|
position: relative;
|
||||||
|
background-color: #fbff31;
|
||||||
|
.header-content{
|
||||||
|
height: 500px;
|
||||||
|
}
|
||||||
|
:after{
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.header-nav{
|
||||||
|
height: 120px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.clp {
|
||||||
|
background: rgba(0, 0, 0, 0.6);
|
||||||
|
position: relative;
|
||||||
|
clip-path: polygon(15px 0,100% 0px,100% calc(100% - 15px),calc(100% - 15px) calc(100%),calc(100% - 15px) 2000%,0 2000%,0 15.3333333333px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu{
|
||||||
|
display: flex;
|
||||||
|
position: fixed;
|
||||||
|
margin: 2px;
|
||||||
|
top: 20px;
|
||||||
|
right: 70px;
|
||||||
|
height:40px;
|
||||||
|
z-index: 10;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu:hover{
|
||||||
|
border: #3CF solid 2px;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-list {
|
||||||
|
padding: 0 10px 0 10px;
|
||||||
|
list-style: none;
|
||||||
|
align-items: center;
|
||||||
|
height: 100%;
|
||||||
|
line-height: 100%;
|
||||||
|
display: flex;
|
||||||
|
margin: 0;
|
||||||
|
|
||||||
|
.menu-item {
|
||||||
|
align-items: center;
|
||||||
|
color: #fff;
|
||||||
|
cursor: pointer;
|
||||||
|
display: flex;
|
||||||
|
font-family: BlenderProBook,sans-serif;
|
||||||
|
font-size: 22px;
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
height: 100%;
|
||||||
|
line-height: 100%;
|
||||||
|
position: relative;
|
||||||
|
text-transform: uppercase;
|
||||||
|
span{
|
||||||
|
line-height: 100%;
|
||||||
|
align-items: center;
|
||||||
|
padding: 0 7px 0 7px;
|
||||||
|
}
|
||||||
|
a{
|
||||||
|
line-height: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.menu-item:hover{
|
||||||
|
background-color: #3CF;
|
||||||
|
.sub-menu{
|
||||||
|
float:left;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.menu-sub::after {
|
||||||
|
border-left: 4px solid transparent;
|
||||||
|
border-right: 4px solid transparent;
|
||||||
|
border-top: 6px solid #fff;
|
||||||
|
content: "";
|
||||||
|
display: inline-block;
|
||||||
|
height: 6px;
|
||||||
|
margin-left: 6px;
|
||||||
|
position: relative;
|
||||||
|
width: 0px;
|
||||||
|
}
|
||||||
|
.sub-menu{
|
||||||
|
display: none;
|
||||||
|
background: rgba(255, 255, 255, 0);
|
||||||
|
position: absolute;
|
||||||
|
float: left;
|
||||||
|
left: 0px;
|
||||||
|
top: 40px;
|
||||||
|
:after{
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.sub-menu-list{
|
||||||
|
list-style: none;
|
||||||
|
background: rgba(255, 255, 255, 0);
|
||||||
|
padding-left: 0;
|
||||||
|
.sub-menu-item{
|
||||||
|
padding: 5px 20px 5px 20px;
|
||||||
|
background: rgba(0, 0, 0, 0.6);
|
||||||
|
white-space: nowrap;
|
||||||
|
line-height: 100%;
|
||||||
|
height: 30px;
|
||||||
|
}
|
||||||
|
.sub-menu-item:hover{
|
||||||
|
background-color: #3CF;
|
||||||
|
}
|
||||||
|
li{
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
a{
|
||||||
|
color: #fff;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header-title{
|
||||||
|
position: absolute;
|
||||||
|
top: 130px;
|
||||||
|
left: 100px;
|
||||||
|
h1{
|
||||||
|
font-size: 4em;
|
||||||
|
margin: 10px;
|
||||||
|
}
|
||||||
|
h2{
|
||||||
|
color: grey;
|
||||||
|
font-size: 1em;
|
||||||
|
margin: 5px;
|
||||||
|
}
|
||||||
|
.author{
|
||||||
|
font-size: 1em;
|
||||||
|
color: grey;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
hr{
|
||||||
|
background-color: black;
|
||||||
|
height: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header-img{
|
||||||
|
position: absolute;
|
||||||
|
top: 80px;
|
||||||
|
right: 10%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.end-block{
|
||||||
|
width: 100%;
|
||||||
|
height: 80px;
|
||||||
|
background: linear-gradient(to top, rgba(251, 255, 49, 0), rgba(251, 255, 49, 1));
|
||||||
|
}
|
||||||
|
|
||||||
|
.container{
|
||||||
|
position: relative;
|
||||||
|
width: 80%;
|
||||||
|
margin: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.exam-box{
|
||||||
|
margin: auto;
|
||||||
|
width: 900px;
|
||||||
|
height: 600px;
|
||||||
|
background-size: cover;
|
||||||
|
background-image: url(../images/exam-pad.webp);
|
||||||
|
padding: 15px 15px 15px 30px;
|
||||||
|
p{
|
||||||
|
font-size: larger;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.question-box{
|
||||||
|
width: 600px;
|
||||||
|
height: 300px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.red-light{
|
||||||
|
color: rgb(255, 49, 111);
|
||||||
|
text-shadow: 0 0 20px rgb(255, 0, 0),0 0 20px rgb(255, 0, 0);
|
||||||
|
}
|
||||||
|
|
||||||
|
.blue-light{
|
||||||
|
color: rgb(96, 223, 255);
|
||||||
|
text-shadow: 0 0 20px rgb(76, 182, 253),0 0 20px rgb(76, 182, 253),0 0 20px rgb(76, 182, 253),0 0 20px rgb(76, 182, 253);
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-box{
|
||||||
|
width: 900px;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.choice-box{
|
||||||
|
height: 40px;
|
||||||
|
border: #3CF 2px solid;
|
||||||
|
width: 600px;
|
||||||
|
margin: 15px;
|
||||||
|
padding: 0px 5px 3px 20px;
|
||||||
|
position: relative;
|
||||||
|
label{
|
||||||
|
top: 0px;
|
||||||
|
left: 0px;
|
||||||
|
line-height: 100%;
|
||||||
|
width: 575px;
|
||||||
|
height: 100%;
|
||||||
|
position: absolute;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
padding: 0px 0px 0px 50px;
|
||||||
|
}
|
||||||
|
:hover, :active, :checked + label{
|
||||||
|
background: linear-gradient(90deg,#ffff0000,#fff83cb6);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-buttons{
|
||||||
|
button{
|
||||||
|
display: block;
|
||||||
|
width: 180px;
|
||||||
|
height: 50px;
|
||||||
|
margin: 20px;
|
||||||
|
background-color: rgba(255, 255, 255, 0);
|
||||||
|
font-size: 25px;
|
||||||
|
}
|
||||||
|
float: right;
|
||||||
|
position: absolute;
|
||||||
|
top: 80px;
|
||||||
|
right: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.blue-btn{
|
||||||
|
border: #3CF 2px solid;
|
||||||
|
color: rgb(96, 223, 255);
|
||||||
|
text-shadow: 0 0 20px rgb(76, 182, 253),0 0 20px rgb(76, 182, 253),0 0 20px rgb(76, 182, 253),0 0 20px rgb(76, 182, 253);
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.blue-btn:hover{
|
||||||
|
background-color: rgba(51, 204, 255, 0.562);
|
||||||
|
}
|
||||||
|
|
||||||
|
.yellow-btn{
|
||||||
|
border: rgb(255, 251, 0) 2px solid;
|
||||||
|
color: rgb(255, 230, 0);
|
||||||
|
text-shadow: 0 0 20px rgb(217, 255, 0),0 0 20px rgb(253, 241, 76),0 0 20px rgb(255, 238, 0);
|
||||||
|
}
|
||||||
|
|
||||||
|
.yellow-btn:hover{
|
||||||
|
background-color: #ffe13470;
|
||||||
|
}
|
||||||
|
|
||||||
|
.login-box{
|
||||||
|
margin: auto;
|
||||||
|
padding: 0;
|
||||||
|
background-color: #fcff3115;
|
||||||
|
width: 900px;
|
||||||
|
height:600px;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.login-pad{
|
||||||
|
clip-path: polygon(2% 2%, 2% 98%, 90% 98%, 90% 100%, 100% 100%, 100% 90%, 98% 90%, 98% 9%, 100% 9%, 100% 0%, 0% 0%);
|
||||||
|
height:92%;
|
||||||
|
width:95%;
|
||||||
|
border: #fbff31 solid 5px;
|
||||||
|
padding: 2%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.login-title{
|
||||||
|
color: #5e5000;
|
||||||
|
font-size: 1.5em;
|
||||||
|
background-color: #f8ff2aab;
|
||||||
|
padding: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.login-input{
|
||||||
|
display:block;
|
||||||
|
background-color: #fcff3181;
|
||||||
|
border: #fbff31 solid 2px;
|
||||||
|
height: 50px;
|
||||||
|
width: 70%;
|
||||||
|
margin-top: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.login-button{
|
||||||
|
background-color: #fcff31;
|
||||||
|
border: none;
|
||||||
|
height: 50px;
|
||||||
|
width: 70%;
|
||||||
|
margin-top: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.login-logo{
|
||||||
|
position: absolute;
|
||||||
|
width: 30%;
|
||||||
|
top: 30%;
|
||||||
|
right: 1%;
|
||||||
|
}
|
||||||
79
pages/exam.html
Normal file
79
pages/exam.html
Normal file
@ -0,0 +1,79 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="zh-cn">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>模拟考试</title>
|
||||||
|
<link rel="stylesheet" href="./css/index.css"/>
|
||||||
|
<!-- <link rel="stylesheet" href="http://cdn.staticfile.org/pure/1.0.0/pure-min.css"/> -->
|
||||||
|
<!-- <link rel="stylesheet" href="./pure-min.css"> -->
|
||||||
|
<meta
|
||||||
|
http-equiv="Content-Security-Policy"
|
||||||
|
content="default-src 'self' *.awin-x.top;style-src 'self' *.awin-x.top; img-src *;script-src 'self'" />
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="header">
|
||||||
|
<div class="clp menu">
|
||||||
|
<ul class="menu-list">
|
||||||
|
<li class="menu-item">
|
||||||
|
<span class="menu-sub">在线题库</span>
|
||||||
|
<div class="sub-menu">
|
||||||
|
<ul class="sub-menu-list">
|
||||||
|
<a href="exam.html"><li class="sub-menu-item clp">模拟考试</li></a>
|
||||||
|
<a href="#"><li class="sub-menu-item clp">历年真题</li></a>
|
||||||
|
<a href="#"><li class="sub-menu-item clp">试卷下载</li></a>
|
||||||
|
<a href="#"><li class="sub-menu-item clp">贡献题目</li></a>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="menu-item">
|
||||||
|
<a href="news.html"><span>考试资讯</span></a>
|
||||||
|
</li>
|
||||||
|
<li class="menu-item">
|
||||||
|
<span><a href="login.html">登录/注册</a></span>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="header-nav">
|
||||||
|
<a href="index.html"><img class="logo" src="./images/logo.png" alt="赛博高考网"></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="end-block"></div>
|
||||||
|
<div class="container">
|
||||||
|
<div class="exam-box">
|
||||||
|
<div class="question-box">
|
||||||
|
<h1 class="red-light">题目：</h1>
|
||||||
|
<p class="blue-light">
|
||||||
|
这里是问题<br>
|
||||||
|
这里将会包含一些文本来描述题目内容，题目与赛博朋克2077游戏中一些设定有关。部分题目也会摘抄自全国高等教育考试中的数学科目选择题。
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<!-- <div class="question-img-box">
|
||||||
|
<img src="" alt="">
|
||||||
|
</div> -->
|
||||||
|
<div class="form-box">
|
||||||
|
<div class="choice-box">
|
||||||
|
<input name="choice" type="radio" id="A">
|
||||||
|
<label for="A" class="blue-light"><span class="red-light">A： </span>点击整个选项框都有效！</label>
|
||||||
|
</div>
|
||||||
|
<div class="choice-box">
|
||||||
|
<input name="choice" type="radio" id="B">
|
||||||
|
<label for="B" class="blue-light"><span class="red-light">B： </span>提交时用js收集结果使用ajax获取回答是否正确</label>
|
||||||
|
</div>
|
||||||
|
<div class="choice-box">
|
||||||
|
<input name="choice" type="radio" id="C">
|
||||||
|
<label for="C" class="blue-light"><span class="red-light">C： </span>如果是考试模式就直接下一题，不显示回答结果</label>
|
||||||
|
</div>
|
||||||
|
<div class="choice-box">
|
||||||
|
<input name="choice" type="radio" id="D">
|
||||||
|
<label for="D" class="blue-light"><span class="red-light">D： </span>题库模式时就立即显示回答是否正确，错误则停留，正确则3秒后下一题</label>
|
||||||
|
</div>
|
||||||
|
<div class="form-buttons">
|
||||||
|
<button class="yellow-btn" onclick="last_question()">上一题</button>
|
||||||
|
<button class="blue-btn" onclick="submit()">提交</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
BIN
pages/images/exam-pad.webp
Normal file
BIN
pages/images/exam-pad.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.7 KiB |
BIN
pages/images/points.png
Normal file
BIN
pages/images/points.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 902 B |
158
pages/index.css
158
pages/index.css
@ -1,158 +0,0 @@
|
|||||||
*, :after, :before {
|
|
||||||
box-sizing: inherit;
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
|
||||||
background-color: #555;
|
|
||||||
font-family: BlenderProBook,sans-serif;
|
|
||||||
font-weight: 300;
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.header{
|
|
||||||
position: relative;
|
|
||||||
background-color: #fbff31;
|
|
||||||
.header-content{
|
|
||||||
height: 500px;
|
|
||||||
.logo{
|
|
||||||
padding: 20px;
|
|
||||||
height: 70px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
:after{
|
|
||||||
clear: both;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.clp {
|
|
||||||
background: rgba(0, 0, 0, 0.6);
|
|
||||||
position: relative;
|
|
||||||
clip-path: polygon(15px 0,100% 0px,100% calc(100% - 15px),calc(100% - 15px) calc(100%),calc(100% - 15px) 2000%,0 2000%,0 15.3333333333px);
|
|
||||||
}
|
|
||||||
|
|
||||||
.menu{
|
|
||||||
display: flex;
|
|
||||||
position: fixed;
|
|
||||||
margin: 2px;
|
|
||||||
top: 20px;
|
|
||||||
right: 70px;
|
|
||||||
height:40px;
|
|
||||||
z-index: 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
.menu:hover{
|
|
||||||
border: #3CF solid 2px;
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.menu-list {
|
|
||||||
padding: 0 10px 0 10px;
|
|
||||||
list-style: none;
|
|
||||||
align-items: center;
|
|
||||||
height: 100%;
|
|
||||||
line-height: 100%;
|
|
||||||
display: flex;
|
|
||||||
margin: 0;
|
|
||||||
|
|
||||||
.menu-item {
|
|
||||||
align-items: center;
|
|
||||||
color: #fff;
|
|
||||||
cursor: pointer;
|
|
||||||
display: flex;
|
|
||||||
font-family: BlenderProBook,sans-serif;
|
|
||||||
font-size: 22px;
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 400;
|
|
||||||
height: 100%;
|
|
||||||
line-height: 100%;
|
|
||||||
position: relative;
|
|
||||||
text-transform: uppercase;
|
|
||||||
span{
|
|
||||||
align-items: center;
|
|
||||||
padding: 0 7px 0 7px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.menu-item:hover{
|
|
||||||
background-color: #3CF;
|
|
||||||
.sub-menu{
|
|
||||||
float:left;
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.menu-sub::after {
|
|
||||||
border-left: 4px solid transparent;
|
|
||||||
border-right: 4px solid transparent;
|
|
||||||
border-top: 6px solid #fff;
|
|
||||||
content: "";
|
|
||||||
display: inline-block;
|
|
||||||
height: 6px;
|
|
||||||
margin-left: 6px;
|
|
||||||
position: relative;
|
|
||||||
width: 0px;
|
|
||||||
}
|
|
||||||
.sub-menu{
|
|
||||||
display: none;
|
|
||||||
background: rgba(255, 255, 255, 0);
|
|
||||||
position: absolute;
|
|
||||||
float: left;
|
|
||||||
left: 0px;
|
|
||||||
top: 40px;
|
|
||||||
:after{
|
|
||||||
clear: both;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.sub-menu-list{
|
|
||||||
list-style: none;
|
|
||||||
background: rgba(255, 255, 255, 0);
|
|
||||||
padding-left: 0;
|
|
||||||
.sub-menu-item{
|
|
||||||
padding: 5px 20px 5px 20px;
|
|
||||||
background: rgba(0, 0, 0, 0.6);
|
|
||||||
white-space: nowrap;
|
|
||||||
line-height: 100%;
|
|
||||||
height: 30px;
|
|
||||||
}
|
|
||||||
.sub-menu-item:hover{
|
|
||||||
background-color: #3CF;
|
|
||||||
}
|
|
||||||
li{
|
|
||||||
list-style: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
a{
|
|
||||||
color: #fff;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.header-title{
|
|
||||||
position: absolute;
|
|
||||||
top: 130px;
|
|
||||||
left: 100px;
|
|
||||||
h1{
|
|
||||||
font-size: 4em;
|
|
||||||
margin: 10px;
|
|
||||||
}
|
|
||||||
h2{
|
|
||||||
color: grey;
|
|
||||||
font-size: 1em;
|
|
||||||
margin: 5px;
|
|
||||||
}
|
|
||||||
.author{
|
|
||||||
font-size: 1em;
|
|
||||||
color: grey;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
hr{
|
|
||||||
background-color: black;
|
|
||||||
height: 2px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.header-img{
|
|
||||||
position: absolute;
|
|
||||||
top: 80px;
|
|
||||||
right: 10%;
|
|
||||||
}
|
|
||||||
@ -4,7 +4,7 @@
|
|||||||
<meta charset="UTF-8"/>
|
<meta charset="UTF-8"/>
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<title>赛博高考网</title>
|
<title>赛博高考网</title>
|
||||||
<link rel="stylesheet" href="./index.css"/>
|
<link rel="stylesheet" href="./css/index.css"/>
|
||||||
<!-- <link rel="stylesheet" href="http://cdn.staticfile.org/pure/1.0.0/pure-min.css"/> -->
|
<!-- <link rel="stylesheet" href="http://cdn.staticfile.org/pure/1.0.0/pure-min.css"/> -->
|
||||||
<!-- <link rel="stylesheet" href="./pure-min.css"> -->
|
<!-- <link rel="stylesheet" href="./pure-min.css"> -->
|
||||||
<meta
|
<meta
|
||||||
@ -19,26 +19,23 @@
|
|||||||
<span class="menu-sub">在线题库</span>
|
<span class="menu-sub">在线题库</span>
|
||||||
<div class="sub-menu">
|
<div class="sub-menu">
|
||||||
<ul class="sub-menu-list">
|
<ul class="sub-menu-list">
|
||||||
<a href="#"><li class="sub-menu-item clp">模拟考试</li></a>
|
<a href="exam.html"><li class="sub-menu-item clp">模拟考试</li></a>
|
||||||
<a href="#"><li class="sub-menu-item clp">历年真题</li></a>
|
<a href="#"><li class="sub-menu-item clp">历年真题</li></a>
|
||||||
|
<a href="#"><li class="sub-menu-item clp">试卷下载</li></a>
|
||||||
<a href="#"><li class="sub-menu-item clp">贡献题目</li></a>
|
<a href="#"><li class="sub-menu-item clp">贡献题目</li></a>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
|
||||||
<ul class="menu-list">
|
|
||||||
<li class="menu-item">
|
<li class="menu-item">
|
||||||
<span>考试资讯</span>
|
<a href="news.html"><span>考试资讯</span></a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
|
||||||
<ul class="menu-list">
|
|
||||||
<li class="menu-item">
|
<li class="menu-item">
|
||||||
<span><a href="#">登录/注册</a></span>
|
<span><a href="login.html">登录/注册</a></span>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<div class="header-content">
|
<div class="header-content">
|
||||||
<a href="/"><img class="logo" src="./images/logo.png" alt="赛博高考网"></a>
|
<a href="index.html"><img class="logo" src="./images/logo.png" alt="赛博高考网"></a>
|
||||||
<div class="header-title">
|
<div class="header-title">
|
||||||
<h1>赛博高考网</h1>
|
<h1>赛博高考网</h1>
|
||||||
<hr>
|
<hr>
|
||||||
@ -50,8 +47,9 @@
|
|||||||
<div class="header-img"><img src="./images/wxcz.png" alt="妄想创造"></div>
|
<div class="header-img"><img src="./images/wxcz.png" alt="妄想创造"></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="end-block"></div>
|
||||||
|
|
||||||
<h1>你好,Awin-x!!</h1>
|
<!-- <h1>你好,Awin-x!!</h1>
|
||||||
<button id="click_me">点我</button>
|
<button id="click_me">点我</button>
|
||||||
<br><br><br>
|
<br><br><br>
|
||||||
<hr>
|
<hr>
|
||||||
@ -60,7 +58,7 @@
|
|||||||
<button id="create">向文件写入</button>
|
<button id="create">向文件写入</button>
|
||||||
<br><br><br>
|
<br><br><br>
|
||||||
<hr>
|
<hr>
|
||||||
<button id="read">读取文件内容</button>
|
<button id="read">读取文件内容</button> -->
|
||||||
</body>
|
</body>
|
||||||
<script src="./render.js"></script>
|
<script src="./js/render.js"></script>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
56
pages/login.html
Normal file
56
pages/login.html
Normal file
@ -0,0 +1,56 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="zh-cn">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>登录/注册</title>
|
||||||
|
<link rel="stylesheet" href="./css/index.css"/>
|
||||||
|
<!-- <link rel="stylesheet" href="http://cdn.staticfile.org/pure/1.0.0/pure-min.css"/> -->
|
||||||
|
<!-- <link rel="stylesheet" href="./pure-min.css"> -->
|
||||||
|
<meta
|
||||||
|
http-equiv="Content-Security-Policy"
|
||||||
|
content="default-src 'self' *.awin-x.top;style-src 'self' *.awin-x.top; img-src *;script-src 'self'" />
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="header">
|
||||||
|
<div class="clp menu">
|
||||||
|
<ul class="menu-list">
|
||||||
|
<li class="menu-item">
|
||||||
|
<span class="menu-sub">在线题库</span>
|
||||||
|
<div class="sub-menu">
|
||||||
|
<ul class="sub-menu-list">
|
||||||
|
<a href="exam.html"><li class="sub-menu-item clp">模拟考试</li></a>
|
||||||
|
<a href="#"><li class="sub-menu-item clp">历年真题</li></a>
|
||||||
|
<a href="#"><li class="sub-menu-item clp">试卷下载</li></a>
|
||||||
|
<a href="#"><li class="sub-menu-item clp">贡献题目</li></a>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="menu-item">
|
||||||
|
<a href="news.html"><span>考试资讯</span></a>
|
||||||
|
</li>
|
||||||
|
<li class="menu-item">
|
||||||
|
<span><a href="login.html">登录/注册</a></span>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="header-nav">
|
||||||
|
<a href="index.html"><img class="logo" src="./images/logo.png" alt="赛博高考网"></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="end-block"></div>
|
||||||
|
<div class="login-box"><div class="login-pad">
|
||||||
|
<h1 class="login-title">登录/注册</h1>
|
||||||
|
<br><br><br>
|
||||||
|
<form action="#" method="post">
|
||||||
|
<label for="email-input" class="red-light">email:</label>
|
||||||
|
<input type="text" class="login-input" name="email" id="email-input">
|
||||||
|
<label for="password-input" class="red-light">密码:</label>
|
||||||
|
<input type="password" class="login-input" name="" id="password-input">
|
||||||
|
<input type="submit" class="clp login-button">
|
||||||
|
</form>
|
||||||
|
<img class="login-logo" src="./images/wxcz.png" alt="赛博高考网">
|
||||||
|
</div></div>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
43
pages/news.html
Normal file
43
pages/news.html
Normal file
@ -0,0 +1,43 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="zh-cn">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>模拟考试</title>
|
||||||
|
<link rel="stylesheet" href="./css/index.css"/>
|
||||||
|
<!-- <link rel="stylesheet" href="http://cdn.staticfile.org/pure/1.0.0/pure-min.css"/> -->
|
||||||
|
<!-- <link rel="stylesheet" href="./pure-min.css"> -->
|
||||||
|
<meta
|
||||||
|
http-equiv="Content-Security-Policy"
|
||||||
|
content="default-src 'self' *.awin-x.top;style-src 'self' *.awin-x.top; img-src *;script-src 'self'" />
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="header">
|
||||||
|
<div class="clp menu">
|
||||||
|
<ul class="menu-list">
|
||||||
|
<li class="menu-item">
|
||||||
|
<span class="menu-sub">在线题库</span>
|
||||||
|
<div class="sub-menu">
|
||||||
|
<ul class="sub-menu-list">
|
||||||
|
<a href="exam.html"><li class="sub-menu-item clp">模拟考试</li></a>
|
||||||
|
<a href="#"><li class="sub-menu-item clp">历年真题</li></a>
|
||||||
|
<a href="#"><li class="sub-menu-item clp">试卷下载</li></a>
|
||||||
|
<a href="#"><li class="sub-menu-item clp">贡献题目</li></a>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="menu-item">
|
||||||
|
<a href="news.html"><span>考试资讯</span></a>
|
||||||
|
</li>
|
||||||
|
<li class="menu-item">
|
||||||
|
<a href="login.html"><span>登录/注册</span></a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="header-nav">
|
||||||
|
<a href="index.html"><img class="logo" src="./images/logo.png" alt="赛博高考网"></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="end-block"></div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Loading…
Reference in New Issue
Block a user