Update index.html

index.html

@@ -263,7 +263,7 @@ audio {
                 <a class="nav-link text-white" data-toggle="modal" data-target="#exampleModal1" href="#">LogIn</a>
                 <a class="nav-link text-white" data-toggle="modal" data-target="#exampleModal2" href="#">SignUp</a>
                 <a class="nav-link text-white" data-toggle="modal" data-target="#exampleModal3" href="#">PlayList</a>
-                <a class="nav-link text-white" href="#">About</a>
+                <a class="nav-link text-white" href="#" data-toggle="modal" data-target="#exampleModal4">About</a>
                 <a class="nav-link text-white" href="#">Settings</a>
                 <a class="nav-link text-white" href="#">Downloads</a>
               </div>
@@ -326,7 +326,54 @@ audio {
                     </div>
                 </div>
           </div>
-
+<!--About-->
+  <div class="modal fade" id="exampleModal4" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
+                <div class="modal-dialog">
+                       
+                           <div class="modal-content container1">
+                             <div class="">
+              <div class="modal fade" id="exampleModal2" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
+                <div class="modal-dialog">
+                       
+                           <div class="modal-content container1">
+                             <div class="">
+              <div class="m-auto">
+                    <button type="button" class="close mb-auto" data-dismiss="modal" aria-label="Close">
+                        <span aria-hidden="true">&times;</span>
+                      </button>
+                  </div>
+                  <div class="m-4">
+                      <h2>Signup</h2>
+                  </div>
+              <form action="" method="POST" onsubmit="return validateSignup();" name="signupForm">
+                  <div class="card1">
+                <input type="text" name="username" placeholder="Username" required>
+                <input type="password" name="password" placeholder="Password" required>
+                <input type="email" name="email" placeholder="Email" required>
+                <input type="tel" pattern="[+]91 [0-9]{10}" placeholder="Enter your mobile number" required>
+                <input type="submit" value="Signup">
+                </div>
+              </form>
+            </div>
+                    </div>
+                </div>
+          </div>
+                  <div class="m-4">
+                      <h2>Signup</h2>
+                  </div>
+              <form action="" method="POST" onsubmit="return validateSignup();" name="signupForm">
+                  <div class="card1">
+                <input type="text" name="username" placeholder="Username" required>
+                <input type="password" name="password" placeholder="Password" required>
+                <input type="email" name="email" placeholder="Email" required>
+                <input type="tel" pattern="[+]91 [0-9]{10}" placeholder="Enter your mobile number" required>
+                <input type="submit" value="Signup">
+                </div>
+              </form>
+            </div>
+                    </div>
+                </div>
+          </div>
   
 <!-- Playlist Page appears when click on the playlist text -->
   <!-- still in progress -->
@@ -458,7 +505,7 @@ audio {
         </div>
         <div class="p-3">
             <h1 class="title">Chaleya</h1>
-            <p class="description">Description</p>
+            <p class="description">Anirudh Ravichande, Arijit Singh, Shilpa Rao</p>
             <div>
             <audio controls class="d-none" id="audio">
                 <source src="Chaleya Jawan 320 Kbps(1).mp3" type="audio/mp3" />
@@ -476,7 +523,7 @@ audio {
         </div>
         <div class="p-3">
             <h1 class="title">Apna Bana Le</h1>
-            <p class="description">Description</p>
+            <p class="description">Sachin-Jigar and Sakshi Holkar</p>
   
             <audio controls class="d-none" id="audio">
                 <source src="Apna Bana Le Bhediya 320 Kbps.mp3" type="audio/mp3" />
@@ -492,7 +539,7 @@ audio {
         </div>
         <div class="p-3">
             <h1 class="title">Tum Kya Mile</h1>
-            <p class="description">Description</p>
+            <p class="description">Arijit Singh and Shreya Ghoshal</p>
   
             <audio controls class="d-none" id="audio">
                 <source src="Tum Kya Mile Rocky Aur Rani Kii Prem Kahaani 320 Kbps.mp3" type="audio/mp3" />
@@ -513,7 +560,7 @@ audio {
         </div>
         <div class="p-3">
             <h1  class="title">Ranjha</h1>
-            <p class="description">Description</p>
+            <p class="description">Jasleen Royal, B Praak, and Romy</p>
   
             <audio controls class="d-none" id="audio">
                 <source src="ranjha1.mp3" type="audio/mp3" />