diff --git a/images/login.jpg b/images/login.jpg
new file mode 100644
index 0000000..2a67a50
Binary files /dev/null and b/images/login.jpg differ
diff --git a/index.html b/index.html
index 5194778..f9ba3b5 100644
--- a/index.html
+++ b/index.html
@@ -12,10 +12,27 @@
     <div class="container logIn">
       <div class="row">
         <div class="col-xs-12">
-          
+          Email:<input class="input"></input>
+        </div>
+      </div>
+
+      <div class="row">
+        <div class="col-xs-12">
+          Password:<input class="input"></input>
+        </div>
+      </div>
+
+      <div class="row">
+        <div class="col-xs-12">
+          Age:<input class="input"></input>
+        </div>
+      </div>
+
+      <div class="row">
+        <div class="col-xs-12">
+          City:<input class="input"></input>
         </div>
       </div>
     </div>
-
   </body>
 </html
diff --git a/main.css b/main.css
index e214198..135677c 100644
--- a/main.css
+++ b/main.css
@@ -7,15 +7,24 @@ html {
 body {
   height: 100%;
   width: 100%;
-  background: darkgrey;
+  background-image: url("images/login.jpg");
+  background-size: cover;
+  background-position: right;
+  background-repeat: no-repeat;
 }
 div.logIn {
   height: 500px;
   width: 500px;
-  background-color: grey;
+  background-color: white;
   position: absolute;
     top: 50%;
-    left: 50%;
+    left: 25%;
     margin-right: -50%;
     transform: translate(-50%, -50%);
+  border-radius: 5px;
+}
+
+input.input {
+  background-color: grey;
+  border-radius: 5px;
 }