diff --git a/web/css/style.css b/web/css/style.css
index 0606bc1..0d5dc46 100644
--- a/web/css/style.css
+++ b/web/css/style.css
@@ -18,4 +18,7 @@ h1 {
 }
 .intro {
 	text-align: center;
+}
+.column {
+	max-width: 450px;
 }
\ No newline at end of file
diff --git a/web/pages/login.html b/web/pages/login.html
index d583ee8..63f879d 100644
--- a/web/pages/login.html
+++ b/web/pages/login.html
@@ -1,27 +1,31 @@
-<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>
-		<a class="item" href="./account.html">Account</a>
+<div class="ui middle aligned center aligned grid">
+	<div class="column">
+		<h2 class="ui teal image header">
+			<img src="assets/images/logo.png" class="image">
+			<div class="content">Log-in to your account</div>
+		</h2>
+		<form class="ui large form">
+			<div class="ui stacked segment">
+				<div class="field">
+					<div class="ui left icon input">
+						<i class="user icon"></i>
+						<input type="text" name="email" placeholder="E-mail address">
+					</div>
+				</div>
+				<div class="field">
+					<div class="ui left icon input">
+						<i class="lock icon"></i>
+						<input type="password" name="password" placeholder="Password">
+					</div>
+				</div>
+				<div class="ui fluid large teal submit button">Login</div>
+			</div>
+
+			<div class="ui error message"></div>
+		</form>
+		<div class="ui message">
+			<a href="#register" class="item">Register</a>
+			<a href="#forgot_password" class="item">Forgot Password?</a>
+		</div>
 	</div>
-</div>
-<center>
-	<h1 style="color: #69D2E7; font-size: 75px;">Login</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>
-	<button class="ui primary button" style="width:25em">
-		Login
-	</button>
-</center>
+</div>
\ No newline at end of file