Update index.html

index.html

@@ -331,46 +331,41 @@ audio {
                 <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>
+                               <section id="about">
+        <div class="background-image">
+            <div class="abcd">
+                <h2>About Us</h2>
+                <p>Welcome to Be Music , where the rhythm of words meets the melody of music.
+ We are more than just a website; we're a community of music enthusiasts, creators, and explorers united by our love for diverse sounds and meaningful lyrics.</p>
+        
+ <section id="mission">
+    <h2>Our Mission</h2>
+    <p>At YourMusicHub, our mission is simple: to cultivate a space where music lovers can discover, connect, and celebrate the diverse world of music. Whether you're into chart-toppers, indie gems, or timeless classics, we've got you covered.</p>
+  </section>
+
+  <section id="features">
+    <h2>What Sets Us Apart</h2>
+    <ul>
+      <li><strong>Diverse Music Selection:</strong> From pop to rock, classical to hip-hop, explore a vast array of musical genres.</li>
+      <li><strong>Expert Reviews:</strong> Our team of music connoisseurs provides insightful reviews to guide your musical exploration.</li>
+      <li><strong>User Engagement:</strong> Share your thoughts, create playlists, and connect with like-minded music aficionados.</li>
+    </ul>
+  </section>
+
+  <section id="join">
+    <h2>Join the Community</h2>
+    <p>Ready to embark on a musical adventure? Join YourMusicHub today and become part of a community that shares your love for great tunes. Let the music unite us!</p>
+    <a href="#signup" class="btn">Sign Up Now</a>
+  </section>
+
+  <section id="contact">
+    <h2>Contact Us</h2>
+    <p>Have questions or suggestions? We'd love to hear from you. Reach out to us at <a href="mailto:jayaswaroopdandamudi@gmail.com">jayaswaroopdandamudi@gmail.com</a></p>
+  </section>    
+        </div>
+    </section>
+                             </div>
                     </div>
                 </div>
           </div>