d

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

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;
 }