diff --git a/web/about.html b/web/about.html
new file mode 100644
index 0000000..1946531
--- /dev/null
+++ b/web/about.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>About</title>
+</head>
+<body>
+    <h1>EasyCTF is Fun!</h1>
+</body>
+</html>
diff --git a/web/index.html b/web/index.html
index 267de2e..5cad8e4 100644
--- a/web/index.html
+++ b/web/index.html
@@ -1,10 +1,17 @@
 <html ng-app="myApp" ng-controller="myCtrl">
 	<head>
 		<title>EasyCTF 2016</title>
+		<link type="text/css" rel="stylesheet" href="style.css">
 		<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.8/angular.min.js" integrity="sha384-r1y8TJcloKTvouxnYsi4PJAx+nHNr90ibsEn3zznzDzWBN9X3o3kbHLSgcIPtzAp" crossorigin="anonymous"></script>
 		<script src="ascript.js"></script>
 	</head>
 	<body>
-			<h1>Angular.js Status: <span ng-bind="test" style="color:red" id="result">Failed!</span></h1>
+			<marquee id="status">Angular.js Status: <span ng-bind="test" style="color:red" id="result">Failed!</span></marquee>
+			<ul>
+				<li><a href="./">Home</a></li>
+				<li><a href="./about.html">About</a></li>
+				<li><a href="./login.html">Login</a></li>
+				<li><a href="./register.html">Register</a></li>
+			</ul>
 	</body>
 </html>
diff --git a/web/login.html b/web/login.html
new file mode 100644
index 0000000..174117f
--- /dev/null
+++ b/web/login.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>Login</title>
+</head>
+<body>
+    <h1>Please Login to EasyCTF</h1>
+</body>
+</html>
diff --git a/web/register.html b/web/register.html
new file mode 100644
index 0000000..116aa22
--- /dev/null
+++ b/web/register.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>Register</title>
+</head>
+<body>
+    <h1>Please Register for EasyCTF</h1>
+</body>
+<html>
diff --git a/web/style.css b/web/style.css
new file mode 100644
index 0000000..2b150d5
--- /dev/null
+++ b/web/style.css
@@ -0,0 +1,4 @@
+marquee {
+    background-color: black;
+    color:white;
+}
