Updated highlights

index.html

@@ -105,28 +105,32 @@ <h3 class="highlight-text">Highlights&emsp; <span class="fa fa-camera"></span></
                 <li data-target="#Highlight-carousel" data-slide-to="0" class="active"></li>
                 <li data-target="#Highlight-carousel" data-slide-to="1"></li>
                 <li data-target="#Highlight-carousel" data-slide-to="2"></li>
+                <li data-target="#Highlight-carousel" data-slide-to="3"></li>
+                <li data-target="#Highlight-carousel" data-slide-to="4"></li>
+                <li data-target="#Highlight-carousel" data-slide-to="5"></li>
+                <li data-target="#Highlight-carousel" data-slide-to="6"></li>
             </ol>
             <div class="carousel-inner">
                 <div class="carousel-item active">
-                    <img class="carousel-image" src="src/img/lnmiit.jpg" alt="First slide">
-                    <div class="carousel-caption d-none d-md-block">
-                        <h5>lnmiit</h5>
-                        <p>lnmiit</p>
-                    </div>
+                    <img class="carousel-image" src="src/img/highlights/1.jpg" alt="First slide">
                 </div>
                 <div class="carousel-item">
-                    <img class="carousel-image" src="src/img/lnmiit.jpg" alt="Second slide">
-                    <div class="carousel-caption d-none d-md-block">
-                        <h5>lnmiit</h5>
-                        <p>lnmiit</p>
-                    </div>
+                    <img class="carousel-image" src="src/img/highlights/2.jpg" alt="Second slide">
                 </div>
                 <div class="carousel-item">
-                    <img class="carousel-image" src="src/img/lnmiit.jpg" alt="Third slide">
-                    <div class="carousel-caption d-none d-md-block">
-                        <h5>lnmiit</h5>
-                        <p>lnmiit</p>
-                    </div>
+                    <img class="carousel-image" src="src/img/highlights/3.jpg" alt="Third slide">
+                </div>
+                <div class="carousel-item">
+                    <img class="carousel-image" src="src/img/highlights/4.jpg" alt="Fourth slide">
+                </div>
+                <div class="carousel-item">
+                    <img class="carousel-image" src="src/img/highlights/5.jpg" alt="Fifth slide">
+                </div>
+                <div class="carousel-item">
+                    <img class="carousel-image" src="src/img/highlights/6.jpg" alt="Sixth slide">
+                </div>
+                <div class="carousel-item">
+                    <img class="carousel-image" src="src/img/highlights/7.jpg" alt="Seventh slide">
                 </div>
             </div>
             <a class="carousel-control-prev" href="#Highlight-carousel" role="button" data-slide="prev">