diff --git a/carousel.html b/carousel.html
index 3c269946..e6b58bb1 100644
--- a/carousel.html
+++ b/carousel.html
@@ -24,6 +24,7 @@
           <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
           <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
           <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
+          <li data-target="#carouselExampleIndicators" data-slide-to="3"></li>
         </ol>
         <div class="carousel-inner">
           <div class="carousel-item active">
@@ -35,6 +36,9 @@
           <div class="carousel-item">
             <img class="d-block w-100" src="add1.jpg" alt="Third slide">
           </div>
+          <div class="carousel-item">
+            <img class="d-block w-100" src="add4.jpg" alt="Fourth slide">
+          </div>
         </div>
         <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
           <span class="carousel-control-prev-icon" aria-hidden="true"></span>
@@ -51,4 +55,4 @@
     <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
 <script src="https://cdn.jsdelivr.net/npm/popper.js@1.12.9/dist/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
 <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script><script src="./index.js">
-</script>
\ No newline at end of file
+</script>
diff --git a/images/add4.png b/images/add4.png
new file mode 100644
index 00000000..8a8cd64f
Binary files /dev/null and b/images/add4.png differ
diff --git a/index.html b/index.html
index 3eda660c..3281bf1b 100644
--- a/index.html
+++ b/index.html
@@ -169,6 +169,7 @@
         <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
         <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
         <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
+        <li data-target="#carouselExampleIndicators" data-slide-to="3"></li>
       </ol>
       <div class="carousel-inner">
         <div class="carousel-item active">
@@ -180,6 +181,9 @@
         <div class="carousel-item">
           <img class="d-block w-100" src="./images/add3.png" alt="Third slide">
         </div>
+        <div class="carousel-item">
+          <img class="d-block w-100" src="./images/add4.png" alt="Fourth slide">
+        </div>
       </div>
       <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
         <span class="carousel-control-prev-icon" aria-hidden="true"></span>