diff --git a/webroot/index.html b/webroot/index.html
index 1dc5456..52a2705 100644
--- a/webroot/index.html
+++ b/webroot/index.html
@@ -5,67 +5,67 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>OCW</title>
     <link rel="stylesheet" href="assets/style.css" />
-    <script src="assets/index.js"></script>
   </head>
   <body>
   <div class="container">
     <div class="columns">
       <div class="login-box column">
-        LOGIN
+        <label class="label is-large">Login</label>
         <form method="POST" class="login-form">
           <div class="field">
-            <label for="login" class="label">Login:</label>
+            <label for="login" class="label">Username</label>
             <div class="control">
-              <input type="text" name="login" class="input">
+              <input type="text" name="login" class="input" placeholder="dominika">
             </div>
           </div>
           <div class="field">
-            <label for="password" class="label">Pwd:</label>
+            <label for="password" class="label">Password</label>
             <div class="control">
-              <input type="password" name="password" class="input">
+              <input type="password" name="password" class="input" placeholder="***** ***">
             </div>
           </div>
           <div class="control">
-            <input type="submit" class="button">
+            <input type="submit" class="button" value="Login">
           </div>
         </form>
       </div>
       <div class="register-box column">
-        REGISTER
+        <label class="label is-large">Register</label>
         <form method="POST" class="register-form">
           <div class="field">
-            <label for="login" class="label">Login:</label>
+            <label for="login" class="label">Username</label>
             <div class="control">
-              <input type="text" name="login" class="input">
+              <input type="text" name="login" class="input" placeholder="laura">
             </div>
           </div>
           <div class="field">
-            <label for="password" class="label">Pwd:</label>
+            <label for="password" class="label">Password</label>
             <div class="control">
-              <input type="password" name="password" class="input">
+              <input type="password" name="password" class="input" placeholder="***** ***">
             </div>
           </div>
           <div class="field">
-            <label for="phone" class="label">Phone:</label>
+            <label for="phone" class="label">Phone number</label>
             <div class="control">
-              <input type="tel" name="phone" class="input">
+              <input type="tel" name="phone" class="input" placeholder="222922597">
             </div>
+            <p class="help">The one your packages are assigned to</p>
           </div>
           <div class="control">
-            <input type="submit" class="button">
+            <input type="submit" class="button" value="Register">
           </div>
         </form>
       </div>
       <div class="sms-box column">
-        SMS
+        <label class="label is-large">SMS</label>
         <form method="POST" class="sms-form">
           <div class="field">
-            <label for="code">Code:</label>
+            <label for="code" class="label">SMS code</label>
             <div class="control">
-              <input type="number" name="code">
+              <input type="number" name="code" class="input">
             </div>
           </div>
-          <input type="submit">
+          <input type="submit" class="button" value="Submit">
         </form>
       </div>
     </div>
@@ -101,5 +101,6 @@
 	  </table>
     </div>
   </div>
+  <script src="assets/index.js"></script>
   </body>
 </html>
