diff --git a/.hintrc b/.hintrc
new file mode 100644
index 0000000..0afe62c
--- /dev/null
+++ b/.hintrc
@@ -0,0 +1,14 @@
+{
+  "extends": [
+    "development"
+  ],
+  "hints": {
+    "axe/structure": [
+      "default",
+      {
+        "list": "off",
+        "listitem": "off"
+      }
+    ]
+  }
+}
\ No newline at end of file
diff --git a/pages/css/index.css b/pages/css/index.css
new file mode 100644
index 0000000..92c553f
--- /dev/null
+++ b/pages/css/index.css
@@ -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%;
+}
diff --git a/pages/exam.html b/pages/exam.html
new file mode 100644
index 0000000..b0cfeae
--- /dev/null
+++ b/pages/exam.html
@@ -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>
\ No newline at end of file
diff --git a/pages/images/exam-pad.webp b/pages/images/exam-pad.webp
new file mode 100644
index 0000000..3306cbb
Binary files /dev/null and b/pages/images/exam-pad.webp differ
diff --git a/pages/images/points.png b/pages/images/points.png
new file mode 100644
index 0000000..460780f
Binary files /dev/null and b/pages/images/points.png differ
diff --git a/pages/index.css b/pages/index.css
deleted file mode 100644
index 5a7894a..0000000
--- a/pages/index.css
+++ /dev/null
@@ -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%;
-}
diff --git a/pages/index.html b/pages/index.html
index 94e45f5..1a5ddb0 100644
--- a/pages/index.html
+++ b/pages/index.html
@@ -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>
diff --git a/pages/render.js b/pages/js/render.js
similarity index 100%
rename from pages/render.js
rename to pages/js/render.js
diff --git a/pages/login.html b/pages/login.html
new file mode 100644
index 0000000..520baf8
--- /dev/null
+++ b/pages/login.html
@@ -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>
\ No newline at end of file
diff --git a/pages/news.html b/pages/news.html
new file mode 100644
index 0000000..e2df995
--- /dev/null
+++ b/pages/news.html
@@ -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>
\ No newline at end of file