<!-- Main Slider Section Starts -->
<div id="demo" class="carousel slide" data-bs-ride="carousel">
<!-- Indicators/dots -->
<div class="carousel-indicators">
<button type="button" data-bs-target="#demo" data-bs-slide-to="0" class="active"></button>
<button type="button" data-bs-target="#demo" data-bs-slide-to="1"></button>
<button type="button" data-bs-target="#demo" data-bs-slide-to="2"></button>
</div>
<!-- The slideshow/carousel -->
<div class="carousel-inner">
<div class="carousel-item active">
<img src="http://via.placeholder.com/1200x580" class="d-block" style="width:100%">
</div>
<div class="carousel-item">
<img src="http://via.placeholder.com/1200x580" class="d-block" style="width:100%">
</div>
<div class="carousel-item">
<img src="http://via.placeholder.com/1200x580" class="d-block" style="width:100%">
</div>
</div>
</div>
<!-- Main Slider Section Ends -->
