Added username and phone no. in signup

_templates/signup-content.php

 <main class="form-signup w-100 m-auto">
-  <form action="/photogram-project-php/signup.php" method="post">
+  <form action="/photogram-project-php/test.php" method="post">
 	<img  class="mb-4 center" src="/photogram-project-php/assets/brand/devyani_logo_edit_light copy.svg" alt="" width="72" height="77">
-	<h1 class="h3 mb-3 fw-normal">Please sign in</h1>
+	<h1 class="h3 mb-3 fw-normal">Please sign up</h1>
 
+	<div class="form-floating">
+	  <input name="username" type="text" class="form-control" id="floatingInput" placeholder="Username">
+	  <label for="floatingInput">Username</label>
+	</div>
+	
 	<div class="form-floating">
 	  <input name="email" type="email" class="form-control" id="floatingInput" placeholder="name@example.com">
 	  <label for="floatingInput">Email address</label>
@@ -11,6 +16,11 @@
 	  <input name="password" type="password" class="form-control" id="floatingPassword" placeholder="Password">
 	  <label for="floatingPassword">Password</label>
 	</div>
+	<div class="form-floating">
+	  <input name="phone" type="text" class="form-control" id="floatingInputphone" placeholder="Phone number">
+	  <label for="floatingInputphone">Phone number</label>
+	</div>
+	
 
 	<div class="form-check text-start my-3">
 	  <input class="form-check-input" type="checkbox" value="remember-me" id="flexCheckDefault">
@@ -18,7 +28,7 @@
 		Remember me
 	  </label>
 	</div>
-	<button class="hvr-grow-shadow btn btn-primary w-100 py-2 " type="submit">Sign in</button>
+	<button class="hvr-grow-shadow btn btn-primary w-100 py-2 " type="submit">Sign Up</button>
   
   </form>
 </main>
\ No newline at end of file

assets/dist/css/signup.css

@@ -16,12 +16,28 @@ body {
     margin-bottom: -1px;
     border-bottom-right-radius: 0;
     border-bottom-left-radius: 0;
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
   }
   
   .form-signup input[type="password"] {
+    margin-bottom: -1px;
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
+    border-bottom-left-radius: 0;
+  }
+  .form-signup input[type="text"] {
+    margin-bottom: -1px;
+    border-bottom-right-radius: 0;
+    border-bottom-left-radius: 0;
+  }
+  .form-signup input[id="floatingInputphone"] {
     margin-bottom: 10px;
     border-top-left-radius: 0;
     border-top-right-radius: 0;
+    border-bottom-right-radius: 5px;
+    border-bottom-left-radius: 5px;
   }
   .center {
     display: block;