Update index.html

G-Mustafa1 · Jun 28, 2024 · 1d80416 · 1d80416
1 parent 7f3ab7e
commit 1d80416
Showing 1 changed file with 12 additions and 1 deletion.
diff --git a/index.html b/index.html
@@ -30,6 +30,9 @@
       @media only screen and (max-width: 450px){
    .carousel-item img{
      height: 200px;
+   }
+        .item {
+     height: 500px;
    }
  }
 
@@ -46,7 +49,7 @@
         </form>
       </div>
     </nav>
-    <div id="carouselExampleSlidesOnly" class="carousel slide" data-bs-ride="carousel">
+    <div id="carouselExampleFade" class="carousel slide carousel-fade" data-bs-ride="carousel">
       <div class="carousel-inner">
         <div class="carousel-item active">
           <img src="img/img-1.jpg" class="d-block w-100" alt="...">
@@ -58,6 +61,14 @@
           <img src="img/img-3.jpg" class="d-block w-100" alt="...">
         </div>
       </div>
+      <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleFade" 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" type="button" data-bs-target="#carouselExampleFade" data-bs-slide="next">
+        <span class="carousel-control-next-icon" aria-hidden="true"></span>
+        <span class="visually-hidden">Next</span>
+      </button>
     </div>
     <div class="div-1">
        <div class="new-div">