Go to your index file and change the content of the banner.
You can add more slider item by duplicating slider-item
<div class="hero-slider">
<!-- Slider Item -->
<div class="slider-item slide1" style="background-image:url(images/slider/slider-bg-1.jpg)">
<div class="container">
<div class="row">
<div class="col-12">
<!-- Slide Content Start -->
<div class="content style text-center">
<h2 class="text-white text-bold mb-2">Our Best Surgeons</h2>
<p class="tag-text mb-5">Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel sunt animi sequi
ratione quod at earum. <br>
Quis quos officiis numquam!</p>
<a href="#" class="btn btn-main btn-white">explore</a>
</div>
<!-- Slide Content End -->
</div>
</div>
</div>
</div>
<!-- Slider Item -->
<div class="slider-item" style="background-image:url(images/slider/slider-bg-2.jpg);">
<div class="container">
<div class="row">
<div class="col-12">
<!-- Slide Content Start-->
<div class="content style text-right">
<h2 class="text-white">We Care About <br>Your Health</h2>
<p class="tag-text">Lorem ipsum dolor sit amet consectetur adipisicing elit. </p>
<a href="#" class="btn btn-main btn-white">about us</a>
</div>
<!-- Slide Content End-->
</div>
</div>
</div>
</div>
<!-- Slider Item -->
<div class="slider-item" style="background-image:url(images/slider/slider-bg-3.jpg)">
<div class="container">
<div class="row">
<div class="col-12">
<!-- Slide Content Start -->
<div class="content text-center style">
<h2 class="text-white text-bold mb-2">Best Medical Services</h2>
<p class="tag-text mb-5">Lorem ipsum dolor sit amet consectetur adipisicing elit. Beatae deserunt,
<br>eius pariatur minus itaque nostrum.</p>
<a href="shop.html" class="btn btn-main btn-white">shop now</a>
</div>
<!-- Slide Content End -->
</div>
</div>
</div>
</div>
</div>