diff --git "a/shangguanzhiyan-2019303579/\344\273\277\347\277\261\347\277\224\351\227\250\346\210\267/css/index.css" "b/shangguanzhiyan-2019303579/\344\273\277\347\277\261\347\277\224\351\227\250\346\210\267/css/index.css"
new file mode 100644
index 0000000000000000000000000000000000000000..5d0cee04459dc7889a90914f589e1d76c0f0d6a5
--- /dev/null
+++ "b/shangguanzhiyan-2019303579/\344\273\277\347\277\261\347\277\224\351\227\250\346\210\267/css/index.css"
@@ -0,0 +1,173 @@
+a {
+	text-decoration: none;
+	color: rgb(35, 103, 177)
+}
+
+a:hover {
+	color: #24327e;
+}
+
+body {
+	margin: 0px;
+}
+
+#logo {
+	width: 100%;
+	height: 120px;
+	background: url("https://uis.nwpu.edu.cn/cas/themes/nwpu/images/nwpu/top-bg.png");
+}
+
+#logo img {
+	position: relative;
+	top: 35px;
+	left: 45px;
+	margin-bottom: 70px;
+}
+
+#background {
+	width: 100%;
+	height: 100%;
+	min-width: 1800px;
+}
+
+#main {
+	position: absolute;
+	top: 160px;
+	right: 40px;
+	width: 300px;
+	height: 350px;
+	background-color: rgba(255, 255, 255, 0.90);
+	border-right: solid 1px #e6e6e6;
+
+}
+
+#login-choise {
+	font-size: 14px;
+	list-style: none;
+	width: 300px;
+	height: 37px;
+	padding-left: 0px;
+	border-bottom: 1px solid #E2E2E2;
+}
+
+#login-input {
+	padding-left: 30px;
+}
+
+.login-main-content-clicked {
+	display: inline-block;
+	width: 120px;
+	color: rgb(51, 148, 225);
+	text-align: center;
+	margin: 0px 10px 10px 10px;
+	padding: 5px 0px 10px 0px;
+	border-bottom: solid 2px rgb(51, 148, 225);
+}
+
+.login-main-content-unclicked {
+	display: inline-block;
+	width: 120px;
+	color: rgb(102, 102, 102);
+	text-align: center;
+	margin: 0px 10px 10px 10px;
+	padding: 5px 0px 10px 0px;
+}
+
+#login-input>li {
+	list-style-type: none;
+	list-style-position: outside;
+}
+
+.login-info>li>form {
+	width: 220px;
+}
+
+.login-info-input {
+	width: 200px;
+	height: 20px;
+	padding-top: 10px;
+	padding-bottom: 10px;
+	padding-left: 40px;
+	margin-top: 5px;
+	margin-right: 14px;
+	margin-bottom: 10px;
+	border-radius: 20px;
+	background-color: rgba(256, 256, 256, 0.8);
+	float: left;
+	border: none;
+}
+
+.login-info-input:focus {
+	outline: #6495ED solid 1px;
+}
+
+#user-name-pic {
+	position: absolute;
+	right: 240px;
+	top: 85px;
+}
+
+#password-pic {
+	position: absolute;
+	right: 240px;
+	top: 140px;
+}
+
+#remember-or-forget {
+	margin-top: 10px;
+	margin-bottom: 15px;
+	font-size: 14px;
+}
+
+#remember-or-forget span {
+	margin-right: 100px;
+}
+
+#remember-or-forget span>label {
+	color: rgb(35, 103, 177);
+}
+
+#remember-or-forget span>label:hover {
+	color: #24327e;
+}
+
+#remember-me {
+	vertical-align: middle;
+}
+
+#login-button {
+	width: 240px;
+	text-align: center;
+}
+
+#login-button input {
+	width: 100%;
+	height: 40px;
+	border-radius: 20px;
+	border: none;
+	background-color: rgb(35, 103, 177);
+	color: white;
+	margin-right: 30px;
+}
+
+#login-button input:hover {
+	background-color: rgb(18, 52, 89);
+}
+
+#other-login-way {
+	margin: 15px 0px;
+	font-size: 12px;
+}
+
+#other-login-way img {
+	vertical-align: middle;
+	width: 30px;
+	height: 30px;
+	margin: 0px 5px;
+}
+
+#activate-account {
+	margin-right: 30px;
+	text-align: center;
+	font-size: 14px;
+}
diff --git "a/shangguanzhiyan-2019303579/\344\273\277\347\277\261\347\277\224\351\227\250\346\210\267/img/password.png" "b/shangguanzhiyan-2019303579/\344\273\277\347\277\261\347\277\224\351\227\250\346\210\267/img/password.png"
new file mode 100644
index 0000000000000000000000000000000000000000..04bc1d23b763b1d56e9f175d322b315b7ad41c34
Binary files /dev/null and "b/shangguanzhiyan-2019303579/\344\273\277\347\277\261\347\277\224\351\227\250\346\210\267/img/password.png" differ
diff --git "a/shangguanzhiyan-2019303579/\344\273\277\347\277\261\347\277\224\351\227\250\346\210\267/img/user_name.png" "b/shangguanzhiyan-2019303579/\344\273\277\347\277\261\347\277\224\351\227\250\346\210\267/img/user_name.png"
new file mode 100644
index 0000000000000000000000000000000000000000..d92a17d0562084effe3e3c9fc40c9b2ee8b53662
Binary files /dev/null and "b/shangguanzhiyan-2019303579/\344\273\277\347\277\261\347\277\224\351\227\250\346\210\267/img/user_name.png" differ
diff --git "a/shangguanzhiyan-2019303579/\344\273\277\347\277\261\347\277\224\351\227\250\346\210\267/index.html" "b/shangguanzhiyan-2019303579/\344\273\277\347\277\261\347\277\224\351\227\250\346\210\267/index.html"
new file mode 100644
index 0000000000000000000000000000000000000000..875408b73386b6550c7974ee57f641bf39052376
--- /dev/null
+++ "b/shangguanzhiyan-2019303579/\344\273\277\347\277\261\347\277\224\351\227\250\346\210\267/index.html"
@@ -0,0 +1,69 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+
+	<html>
+		<head>
+			<meta charset="utf-8" />
+			<meta name="author" content="Shanggaun Zhiyan" />
+			<meta name="description" content="Log in your Aoxiang account." />
+			<meta name="renderer" content="webkit" />
+			<link rel="stylesheet" type="text/css" href="css/index.css" />
+			<title></title>
+		</head>
+		<body>
+			<div id="logo">
+				<img src="https://uis.nwpu.edu.cn/cas/themes/nwpu/images/nwpu/logo.png" alt="Logo" />
+			</div>
+			<div id="background">
+				<img src="https://portalfiles.nwpu.edu.cn/resources/attachment/4/1557137354325_8bd60c2c-68e9-703d-9cec-e81d225ea5e6.jpg"
+					alt="Background" />
+			</div>
+			<div id="main">
+				<ul id="login-choise">
+					<li class="login-main-content-clicked">账号登录</li>
+					<li class="login-main-content-unclicked">手机动态码登录</li>
+				</ul>
+				<ul id="login-input">
+					<li class="login-info">
+						<form>
+							<input class="login-info-input" type="text" size="10" maxlength="16" placeholder="请输入用户名" />
+							<img id="user-name-pic" src="img/user_name.png" alt="user name"></span>
+						</form>
+					</li>
+					<li class="login-info">
+						<form>
+							<input class="login-info-input" type="password" size="20" maxlength="16"
+								placeholder="请输入密码" />
+							<img id="password-pic" src="img/password.png" alt="password" /></span>
+						</form>
+					</li>
+					<li id="remember-or-forget">
+						<form>
+							<span><input type="checkbox" id="remember-me" name="记住我" value="记住我" /><label
+									for="remember-me">记住我</label> </span>
+							<a href="https://uis.nwpu.edu.cn/find-pwd">忘记密码</a>
+						</form>
+					</li>
+					<li id="login-button">
+						<form>
+							<input type="submit" value="登录" />
+						</form>
+					</li>
+					<li id="other-login-way">
+						<span>其他方式登录</span>
+						<a
+							href="https://graph.qq.com/oauth2.0/show?which=Login&display=pc&client_id=101503399&redirect_uri=https%3A%2F%2Fuis.nwpu.edu.cn%2Fcas%2Ffederation%2FfederatedCallback%2Fqq&response_type=code&scope=get_user_info&state=6VC4YM">
+							<img src="https://uis.nwpu.edu.cn/cas/themes/nwpu/images/qq.png" alt="qq" />
+						</a>
+						<a
+							href="https://open.weixin.qq.com/connect/qrconnect?appid=wx1579e5a7bba2da75&redirect_uri=https%3A%2F%2Fuis.nwpu.edu.cn%2Fcas%2Ffederation%2FfederatedCallback%2Fopenweixin&response_type=code&scope=snsapi_login,snsapi_userinfo&state=UUjzfd#wechat_redirect">
+							<img src="https://uis.nwpu.edu.cn/cas/themes/nwpu/images/wechat.png" alt="wechat" />
+						</a>
+					</li>
+					<li id="activate-account">
+						<a href="https://uis.nwpu.edu.cn/active-account">激活账号</a>
+					</li>
+				</ul>
+			</div>
+		</body>
+	</html>