<!-- hm-hero -->

            <section class="hm-best-hero">

					<div class="container hm-pattan">

						<div class="before-pattan"></div>

						<div class="row">

							<div class="col-12 text-center">

								<div class="entry-title">

									<h2 class="hr-title" data-aos="fade-up"

	     							 data-aos-easing="linear"

	     							 data-aos-duration="1500">Our Best Expert Here.</h2>

									<p  data-aos="fade-up"

	     							 data-aos-easing="linear"

	     							 data-aos-duration="1500"><!--Digital ipsum dolor sit amet, consectetur adipisicing elit, sed do iusmod tempor.--></p>

								</div>

							</div>

						</div>

						<div class="row">

							<div class="col-12">

								<div class="hm-best-hero-slider" data-aos="fade-up"

	     							 data-aos-easing="linear"

	     							 data-aos-duration="1500">




<!--for dynamic -->

<?php

								 

//	$slug = mysqli_real_escape_string($con, $_GET['title']);

	 $services = "SELECT gallery.* FROM categories INNER JOIN gallery ON categories.id = gallery.category_id Where categories.name = 'Employees'";

	$services_run = mysqli_query($con, $services);



	if (mysqli_num_rows($services_run) > 0) {



		foreach ($services_run as $serviceitem) {

?>
									
									
									
									
									 <a href="#" class="hm-best-hero-slider__item">

										<figure class="media">

											<img src="uploads/gallery/<?=$serviceitem['image'];?>" class="img-fluid" alt="">

										</figure>

										<p class="list"><?=$serviceitem['field_4'];?></p>

										<h6 class="name"><?=$serviceitem['field_1'];?></h6>

										<p class="title"><?=$serviceitem['field_2'];?></p>

										<div class="icon-wrapper">

											<i class="icon-call"></i>

											<span>Call: <?=$serviceitem['field_3'];?></span>

										</div>

									</a><!-- hm-best-hero-slider__item -->


<!--dynamic end-->

<?php }

} else {

?>

<h4>No Such Image Found</h4>

<?php

}?>   									

								</div>

								<div class="slider-controls" data-aos="fade-left"

	     							 data-aos-easing="linear"

	     							 data-aos-duration="1500">

									<button class="slick-arrow slide-prev">

									  <i class="fas fa-arrow-right"></i>

									</button>

									<button class="slick-arrow slide-next">

									   <i class="fas fa-arrow-right"></i>

									</button>

								</div>

							</div>

						</div>

					</div>

				</section>

			<!-- hm-hero -->