diff --git a/main.html b/main.html
index 0c0ba99..2c9435a 100644
--- a/main.html
+++ b/main.html
@@ -5,20 +5,20 @@
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css">
-  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.jsscript">
-  </script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
 </head>
 <body>
 <body>
      <div id="myCarousel" class="carousel slide">
   <div class="carousel-inner">
-    <div class="first-slide carousel-item">
+    <div class="first-slide carousel-item active">
       <img src="https://www.shutterstock.com/shutterstock/photos/119831752/display_1500/stock-photo-lake-and-palms-mahe-island-seychelles-119831752.jpg" class="d-block w-100" alt="...">
     </div>
     <div class="Second-slide carousel-item">
       <img src="https://cdn.pixabay.com/photo/2024/03/05/22/04/bird-8615360_1280.jpg" class="d-block w-100" alt="...">
     </div>
-    <div class="third-slide carousel-item active">
+    <div class="third-slide carousel-item">
       <img src="https://cdn.pixabay.com/photo/2024/03/05/22/04/bird-8615360_1280.jpg" class="d-block w-100" alt="...">
     </div>
     <div class="fourth-slide carousel-item">
@@ -28,18 +28,15 @@
       <img src="https://cdn.pixabay.com/photo/2024/03/05/22/04/bird-8615360_1280.jpg" class="d-block w-100" alt="...">
     </div>
   </div>
-	 <a href="#myCarousel" class="carousel-control-prev glyphicon-chevron-left left carousel-control" type="button" data-bs-slide="prev" data-bs-target="#myCarousel">
-    <span class="glyphicon glyphicon-chevron-left"></span>
-		 <span class="carousel-control-prev-icon"  role="button" aria-hidden="true"></span>
-		 
-    <!-- <span class="visually-hidden">Previous</span> -->
-  </a>
-  <a href="#myCarousel" class="carousel-control-next glyphicon-chevron-right right carousel-control" type="button" data-bs-slide="next" data-bs-target="#myCarousel">
+  <button class="carousel-control-prev glyphicon-chevron-left left carousel-control" type="button" data-bs-target="#myCarousel" data-bs-slide="prev">
+    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
+    <span class="visually-hidden">Previous</span>
+  </button>
+  <button class="carousel-control-next glyphicon-chevron-right right carousel-control" type="button" data-bs-target="#myCarousel" data-bs-slide="next">
     <span class="carousel-control-next-icon" aria-hidden="true"></span>
-	   <span class="glyphicon glyphicon-chevron-right right" role="button"></span>
-    <!-- <span class="visually-hidden">Next</span> -->
-  </a>
+    <span class="visually-hidden">Next</span>
+  </button>
 </div>
 <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
-  </body>
-</html>
+  </body>
+</html>
\ No newline at end of file
diff --git a/styles.css b/styles.css
index 68035b1..e674748 100644
--- a/styles.css
+++ b/styles.css
@@ -1 +1 @@
-/* Do not add any css, this is a bootstrap only assignment  */
+/*  */
\ No newline at end of file
