diff --git a/view/Login.html b/view/Login.html
new file mode 100644
index 0000000000000000000000000000000000000000..a6863dd50f9ff2899c4b3473db83ca18a8112a19
--- /dev/null
+++ b/view/Login.html
@@ -0,0 +1,36 @@
+<html>
+ <head>
+ <title>Projekers - Login</title>
+ <link rel = "stylesheet" href = "Style.css">
+ </head>
+ <body>
+ <div class = "kotak">
+ <div>
+ <div class = "horizontal"></div>
+ <div class = "judul">LOGIN</div>
+ <div class = "horizontal"></div>
+ </div>
+
+ <div class = "form_input">
+ <form>
+ <div class="set">
+ <div class="label">Username</div>
+ <div class="field"><input type = "text"></div>
+ </div>
+
+ <div class="set">
+ <div class="label">Password</div>
+ <div class="field"><input type = "password"></div>
+ </div>
+ <div class="linkset">
+ <div class="link"><a href="">Don't have an account?</a></div>
+ <div class="submitbutton">
+ <input type = "Submit" value = "GO!" class = "submit">
+ </div>
+ </div>
+ </form>
+ </div>
+ </div>
+ </body>
+</html>
+
diff --git a/view/Style.css b/view/Style.css
new file mode 100644
index 0000000000000000000000000000000000000000..456a56fad80c994e80966d790844970c6ca4fd12
--- /dev/null
+++ b/view/Style.css
@@ -0,0 +1,89 @@
+.kotak{
+ background-color: #8BBD3C;
+ border-color: #02702C;
+ border-width: 10px;
+ border-style: solid;
+ border-radius: 50px;
+ width: 30%;
+ margin: 20 35% 0 35%;
+ padding: 10 10 10 10;
+}
+
+.horizontal{
+ text-align: center;
+ border-bottom: 2px solid #02702C;
+ width: 25%;
+ float: left;
+ margin: 35 2.5% 100 2.5%;
+}
+
+.judul{
+ font-family: "Arial";
+ font-weight: bold;
+ text-align: center;
+ font-size: 300%;
+ color: #008800;
+ margin: 10 0 50 0;
+ width: 40%;
+ float: left;
+}
+
+.form_input{
+ width: 100%;
+ margin: auto auto 50 auto;
+}
+
+.set div{
+ text-align: center;
+ display: inline-block;
+}
+
+.form_input input{
+ height: 2em;
+}
+
+.label{
+ margin-top: 2;
+ width: 35%;
+ text-align: left;
+ vertical-align: middle;
+ font-family: "Arial";
+ font-weight: bold;
+ color: #008800;
+ font-size: 150%;
+}
+
+.field{
+ width: 60%;
+ vertical-align: middle;
+}
+
+.field input{
+ width:100%;
+ height: 2em;
+}
+.linkset div{
+ display: inline-block;
+}
+.submitbutton{
+ margin-top:5px;
+}
+
+.submit{
+ background-color: #82D800;
+ border-color: #000000;
+ border-radius: 5px;
+ width: 200%;
+ font-size: 120%;
+ padding: 0 0 0 0;
+ color: #008800;
+ font-weight: bold;
+ margin: 50 2.5% 20 2.5%;
+}
+
+.link{
+ font-family: "Arial";
+ width: 70%;
+ text-align: left;
+ margin-left: 3%;
+}
\ No newline at end of file