<?php
include './class/include.php';
if (!isset($_SESSION)) {
session_start();
}
$SERVICE = new Service(NULL);
$services = $SERVICE->all();
?>
<!doctype html>
<html class="no-js" lang="zxx">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Services || Pramudi Gems & Jewellery</title>
<meta name="robots" content="noindex, follow" />
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Favicon -->
<link rel="shortcut icon" type="image/x-icon" href="assets/img/favicon.png">
<!-- CSS
============================================ -->
<!-- google fonts -->
<link href="https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i,700,900" rel="stylesheet">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="assets/css/vendor/bootstrap.min.css">
<!-- Pe-icon-7-stroke CSS -->
<link rel="stylesheet" href="assets/css/vendor/pe-icon-7-stroke.css">
<!-- Font-awesome CSS -->
<link rel="stylesheet" href="assets/css/vendor/font-awesome.min.css">
<!-- Slick slider css -->
<link rel="stylesheet" href="assets/css/plugins/slick.min.css">
<!-- animate css -->
<link rel="stylesheet" href="assets/css/plugins/animate.css">
<!-- Nice Select css -->
<link rel="stylesheet" href="assets/css/plugins/nice-select.css">
<!-- jquery UI css -->
<link rel="stylesheet" href="assets/css/plugins/jqueryui.min.css">
<!-- main style css -->
<link rel="stylesheet" href="assets/css/style.css">
<link href="assets/css/responsive.css" rel="stylesheet" type="text/css" />
</head>
<body>
<!-- Start Header Area -->
<?php include './header.php'; ?>
<!-- end Header Area -->
<main>
<!-- breadcrumb area start -->
<div class="breadcrumb-area">
<div class="container">
<div class="row">
<div class="col-12">
<div class="breadcrumb-wrap">
<nav aria-label="breadcrumb">
<ul class="breadcrumb">
<li class="breadcrumb-item"><a href="./"><i class="fa fa-home"></i> Home</a></li>
<li class="breadcrumb-item active" aria-current="page">Our Services</li>
</ul>
</nav>
</div>
</div>
</div>
</div>
</div>
<div class="shop-main-wrapper section-padding-service mobile-section-index-about">
<div class="container">
<div class="row">
<div class="col-lg-12 order-1">
<div class="shop-product-wrapper">
<div class="shop-product-wrap list-view row mbn-30">
<?php
if (count($services) > 0) {
foreach ($services as $service) {
?>
<div class="col-md-4 col-sm-12">
<a href="view-service.php?id=<?= $service['id']; ?>">
<div class="product-list-item">
<div class="blog-post-item mb-30">
<figure class="blog-thumb">
<img src="upload/service/<?php echo $service['image_name']; ?>" alt="product">
</figure>
</div>
<div class="product-content-list">
<h5 class="product-name product-underline"><?php echo $service['title']; ?></h5>
<?php
if (strlen($service['short_description']) > 500) {
echo substr($service['short_description'], 0, 500) . '...';
} else {
echo $service['short_description'];
} ?>
<div class="price-box abt-btn">
<a href="view-service.php?id=<?= $service['id']; ?>" class="btn-sec btn btn-hero">View Service</a>
</div>
</div>
</div>
</a>
</div>
<?php
}
} else {
}
?>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
<div class="scroll-top not-visible">
<i class=""><img src="assets/img/icon/gem-top.png"></i>
</div>
<?php include './footer.php'; ?>
<!-- JS
============================================ -->
<!-- Modernizer JS -->
<script src="assets/js/vendor/modernizr-3.6.0.min.js"></script>
<!-- jQuery JS -->
<script src="assets/js/vendor/jquery-3.3.1.min.js"></script>
<!-- Popper JS -->
<script src="assets/js/vendor/popper.min.js"></script>
<!-- Bootstrap JS -->
<script src="assets/js/vendor/bootstrap.min.js"></script>
<!-- slick Slider JS -->
<script src="assets/js/plugins/slick.min.js"></script>
<!-- Countdown JS -->
<script src="assets/js/plugins/countdown.min.js"></script>
<!-- Nice Select JS -->
<script src="assets/js/plugins/nice-select.min.js"></script>
<!-- jquery UI JS -->
<script src="assets/js/plugins/jqueryui.min.js"></script>
<!-- Image zoom JS -->
<script src="assets/js/plugins/image-zoom.min.js"></script>
<!-- Imagesloaded JS -->
<script src="assets/js/plugins/imagesloaded.pkgd.min.js"></script>
<!-- Instagram feed JS -->
<script src="assets/js/plugins/instagramfeed.min.js"></script>
<!-- mailchimp active js -->
<script src="assets/js/plugins/ajaxchimp.js"></script>
<!-- contact form dynamic js -->
<script src="assets/js/plugins/ajax-mail.js"></script>
<!-- google map api -->
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCfmCVTjRI007pC1Yk2o2d_EhgkjTsFVN8"></script>
<!-- google map active js -->
<script src="assets/js/plugins/google-map.js"></script>
<!-- Main JS -->
<script src="assets/js/main.js"></script>
</body>
</html> |