<?php require_once("header.php");?>

			<!-- page template area start -->
			<section id="about">
				<div class="container mt-0 pb-0 pt-10">
					<div class="col-lg-12">
				        <h1 class="title mt-0 mb-5" style="text-align:center;">Browse By Service Category</h1>
				        <div class="row" style="margin-top:10px;">
					    <?php
						$sql_category = "SELECT * FROM `sc_category` WHERE `category_status` = 'Active' ORDER BY `category_id` ASC";
						$exe_category = mysqli_query($connection,$sql_category);
						while($arr_category = mysqli_fetch_array($exe_category))
						{
						    ?>	
    					    <a href="subcategory-list.php?category_id=<?php echo $arr_category['category_id'];?>" style="color:#333;">
							<div class="col-xs-6 pl-5 pr-5" data-nav="false">
								<div class="item">
									<div class="mb-15" style="border:1px solid #90caf9; border-radius:10px; background:#fff;">
										    <div class="thumb pt-10" style="border-radius:5px;">
											<img class="img-fullwidth" style="border-top-right-radius: 5px; border-top-left-radius: 5px;  padding:0 15px;" alt="" src="../uploads/category/<?php echo stripslashes($arr_category['category_icon']);?>">
										</div>
										<div class="p-0 pt-5 pb-10" style="text-align:center;  border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;">
											<p style="margin-bottom:0; font-size:12px; text-align:center;"><?php echo stripslashes($arr_category['category_name']);?></p>  </div>	
									</div>
								</div>
    						</div>
							</a>
							<?php
						}
						?>
    					</div>
					</div>
				</div>
			</section>
			<!-- page template area end -->
  
<?php require_once("footer.php");?>