Merge pull request #9 from Sahoobarsharani/barsharani-sahoo

add login features

Author: Krest-Coder

index.css

@@ -4,7 +4,7 @@
 }
 
 body {
-     background-color: rgba(83,138,214,1);
+     background-color: rgb(56, 128, 230);
 
 
 }

index.html

@@ -37,10 +37,10 @@
 <img src="https://is3-ssl.mzstatic.com/image/thumb/Purple71/v4/55/22/2d/55222de9-12ee-3a3c-2b29-9c0e74e3c953/source/512x512bb.jpg" alt="This is an image!!" width="50px" height="50px"></div>
 <div class="navbar">
 
-  <a href="#home">Home</a>
-  <a href="#news">News</a>
-  <a href="#contact">Contact</a>
-  <a href="#about">About</a>
+  <a href="#home"><mark>Home</mark></a>
+  <a href="#news"><mark>News</mark></a>
+  <a href="#contact"><mark>Contact</mark></a>
+  <a href="#about"><mark>About</mark></a>
 </div>
 
 <div class="logo"><button type="button" class="btn btn-dark" onclick="darkMode()">🌒</button>
@@ -53,6 +53,37 @@ <h2>Present Sir</h2>
           <p>An efficient Solutions for both Students and Teachers. </p>
 <br>
           <div class="button-cls">
+            <form name="sign up.">
+      
+              <table>
+              <tr>
+                   <td colspan=2 text-align="center"></td>
+                   
+              </tr>
+              <tr>
+               <td colspan=2 text-align="center"><h2>Login</h2></td>
+               </tr>
+               <tr>
+               <td><label for="uname">userName</label></td>
+
+               <td><input type="text" id="uname" name="uname" pattern="[A-Za-z]{5}" title="seven letter allwed" required></td>
+               </tr>
+               <tr>
+               <td><label for="pwd">Password</label></td>
+               <td><input type="password" id="pwd" name="uname" pattern="{4}" title="three or more character"></td>
+               </tr>
+               
+               <tr><pre>
+               
+               <td><input type="submit" name="login-btn" id="login-btn" value="login"></td>
+               
+               
+               <td><a href="regitration.html">Sign up</a></td>
+               
+               </tr></pre>
+              </table>
+              </form>
+       
                 <button class="btn-primary1">Login as Students</button>
                 <br />
                 <button class="btn-primary2">Login as Teachers</button>