Update index.html

index.html

@@ -385,7 +385,7 @@ button:hover {
           </nav>
     </div>
 
-
+<!-- Settiings page-->
             <div class="offcanvas offcanvas-start" data-bs-scroll="true" data-bs-backdrop="false" tabindex="-1" id="offcanvasScrolling" aria-labelledby="offcanvasScrollingLabel">
             <div class="offcanvas-header">
               <h5 class="offcanvas-title" id="offcanvasScrollingLabel">Settings</h5>
@@ -497,7 +497,7 @@ button:hover {
 
 <!-- SignUp Page appears when click on the signup text --> 
               <div class="modal fade" id="exampleModal2" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
-                <div class="modal-dialog">
+                <div class="modal-dialog modal-dialog-centered">
                        
                   <div class="modal-content container1">
                              <div class="">
@@ -524,7 +524,7 @@ button:hover {
           </div>
 <!--About-->
   <div class="modal fade" id="exampleModal4" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
-                <div class="modal-dialog">
+                <div class="modal-dialog modal-dialog-centered">
                        
                            <div class="modal-content container3">
                              <div>
@@ -576,7 +576,7 @@ button:hover {
 <!-- Playlist Page appears when click on the playlist text -->
   <!-- still in progress -->
               <div class="modal fade" id="exampleModal3" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
-                <div class="modal-dialog">
+                <div class="modal-dialog modal-dialog-centered">
                        
                 <div class="modal-content container2">
           
@@ -606,7 +606,7 @@ button:hover {
                   </audio>
           </div>
 
-        <!-- Add more songs as needed -->
+        
       </section>
     </div>
                     </div>