diff --git a/web/index.html b/web/index.html
index 530d5c0..e7f97af 100644
--- a/web/index.html
+++ b/web/index.html
@@ -7,7 +7,7 @@
 		<script src="js/semantic.min.js"></script>
 		<link type="text/css" rel="stylesheet" href="css/semantic.min.css">
 	</head>
-	<body>
+	<body style="background-color: #EEEEEE;">
 		<div class="ui inverted menu" style="margin: -0.1em; background-color: #FA6900;">
 		  <a class="item" href="./">Home</a>
 		  <a class="item" href="./about.html">About</a>
diff --git a/web/register.html b/web/register.html
index 66df940..0daf032 100644
--- a/web/register.html
+++ b/web/register.html
@@ -5,7 +5,30 @@
     <script src="js/semantic.min.js"></script>
     <link type="text/css" rel="stylesheet" href="css/semantic.min.css">
 </head>
-<body>
-    <h1>Please Register for EasyCTF</h1>
+<body style="background-color: #EEEEEE;">
+  <div class="ui inverted menu" style="margin: -0.1em; background-color: #FA6900;">
+    <a class="item" href="./">Home</a>
+    <a class="item" href="./about.html">About</a>
+    <a class="item" href="./register.html">Register</a>
+    <div class="right menu">
+      <a class="item" href="./login.html">Login</a>
+    </div>
+  </div>
+  <center>
+    <h1 style="color: #69D2E7; font-size: 75px;">Register Yourself</h1>
+    <hr style="margin-left: 10em; margin-right: 10em;">
+    <br>
+    <div class="ui input">
+      <input type="text" placeholder="Username" style="width:50em;">
+    </div>
+    <br><br>
+    <div class="ui input">
+      <input type="password" placeholder="Password" style="width:50em;">
+    </div>
+    <br><br>
+    <div class="ui input">
+      <input type="password" placeholder="Confirm Password" style="width:50em;">
+    </div>
+  </center>
 </body>
 <html>
