Banner Section

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>