1#@!#!123s

: / home2 / technoi4 / www / demo /
Filename : services.php
back
<?php include_once('header.php'); ?>
<style>
    .post-image:hover .img-fluid {
      opacity: 0.2;
    }
    
</style>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A+rW+L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"></script>

<div id="banner-area" class="banner-area" style="background-image:url(images/mission.jpg)">
    <div class="banner-text">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="banner-heading">
                        <h1 class="banner-title">Service</h1>
                        <nav aria-label="breadcrumb">
                            <ol class="breadcrumb justify-content-center">
                                <li class="breadcrumb-item"><a href="#">Home</a></li>
                                <li class="breadcrumb-item"><a href="#">Services</a></li>
                                <li class="breadcrumb-item active" aria-current="page">All Services</li>
                            </ol>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<section id="main-container" class="main-container pb-2">
    <div class="container">
        <div class="row">
            <?php
				include("config.php");
				$query=mysqli_query($conn,"select * from service");
				while($row=mysqli_fetch_array($query)){
					$id = $row['id'];
					$service_name = $row['service_name'];
					$service_desc = $row['service_desc'];
					$image = $row['image'];
			?>
			<div class="col-md-3">
                <div class="post">
					<div class="post-media post-image">
						<?php 
							if($image == ''){
						?>
							<img loading="lazy" class="img-fluid" style="height: 15rem; border-radius: 12px 12px 2px 2px;" src="admin/img/service/profile.jpg">
						<?php	}else{?>
							<img loading="lazy" class="img-fluid" style="height: 15rem; border-radius: 12px 12px 2px 2px;" src="admin/img/service/<?php echo $image; ?>">
						<?php	
							}
						?>
					</div>
					<div class="post-body">
						<div class="entry-header">
							<h2 class="entry-title">
								<button class="btn btn-primary" style="border-radius: 5px;" data-toggle="tooltip" data-placement="bottom" title="<?php echo $service_name; ?>"><span style="display: inline-block; width: 200px; white-space: nowrap; overflow: hidden !important; text-overflow: ellipsis;"><?php echo $service_name; ?></span></button>
							</h2>
						</div>
						<div class="post-footer">
							<a href="service_detail.php?sid=<?php echo $id; ?>" class="btn btn-primary">View Details</a>
						</div>
					</div>
				</div>
            </div>
			<?php } ?>
        </div>
    </div>
</section>
<script>
 $(function () {
  $('[data-toggle="tooltip"]').tooltip()
 });
</script>
<?php include_once('footer.php'); ?>