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 name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<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="./pure-min.css"> -->
|
||||
<meta
|
||||
@ -19,26 +19,23 @@
|
||||
<span class="menu-sub">在线题库</span>
|
||||
<div class="sub-menu">
|
||||
<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>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="menu-list">
|
||||
<li class="menu-item">
|
||||
<span>考试资讯</span>
|
||||
<a href="news.html"><span>考试资讯</span></a>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="menu-list">
|
||||
<li class="menu-item">
|
||||
<span><a href="#">登录/注册</a></span>
|
||||
<span><a href="login.html">登录/注册</a></span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<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">
|
||||
<h1>赛博高考网</h1>
|
||||
<hr>
|
||||
@ -50,8 +47,9 @@
|
||||
<div class="header-img"><img src="./images/wxcz.png" alt="妄想创造"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="end-block"></div>
|
||||
|
||||
<h1>你好,Awin-x!!</h1>
|
||||
<!-- <h1>你好,Awin-x!!</h1>
|
||||
<button id="click_me">点我</button>
|
||||
<br><br><br>
|
||||
<hr>
|
||||
@ -60,7 +58,7 @@
|
||||
<button id="create">向文件写入</button>
|
||||
<br><br><br>
|
||||
<hr>
|
||||
<button id="read">读取文件内容</button>
|
||||
<button id="read">读取文件内容</button> -->
|
||||
</body>
|
||||
<script src="./render.js"></script>
|
||||
<script src="./js/render.js"></script>
|
||||
</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