<!DOCTYPE html>
<?php
include './class/include.php';
$id = '';
$id = $_GET['id'];
$PRODUCT_PHOTO = new ProductPhoto($id);
$PRODUCT = new Product($id);
$PRODUCTS = $PRODUCT->getProductsById($id);
?>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Faithlink International (Pvt) Ltd - Product</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta content="width=device-width, initial-scale=1" name="viewport" />
<meta content="" name="description" />
<meta content="" name="author" />
<!-- BEGIN GLOBAL MANDATORY STYLES -->
<link href="plugins/normalize.css" rel="stylesheet" type="text/css">
<link href="plugins/uikit-2.27.2/css/uikit.min.css" rel="stylesheet" type="text/css">
<link href="plugins/font-awesome-4.7/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="plugins/slick-master/slick/slick.css" rel="stylesheet" type="text/css">
<link href="plugins/flat-icon/flaticon.css" rel="stylesheet" type="text/css">
<!-- END GLOBAL MANDATORY STYLES -->
<!-- BEGIN PAGE COMPONENTS UIKIT -->
<link href="plugins/uikit-2.27.2/css/components/sticky.min.css" rel="stylesheet" type="text/css">
<link href="plugins/uikit-2.27.2/css/components/slider.min.css" rel="stylesheet" type="text/css">
<!-- END PAGE COMPONENTS UIKIT -->
<!-- BEGIN REVOLUTION SLIDER -->
<link rel="stylesheet" href="plugins/revolution/css/settings.css">
<link rel="stylesheet" href="plugins/revolution/css/layers.css">
<link rel="stylesheet" href="plugins/revolution/css/navigation.css">
<!-- END REVOLUTION SLIDER -->
<!-- BEGIN TEMPLATE LAYOUT STYLES -->
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/responsive.css">
<!-- END TEMPLATE LAYOUT STYLES -->
<link rel="shortcut icon" href="images/icon.png" />
</head>
<body>
<!-- BEGIN HEADER -->
<?php include './header.php'; ?>
<!-- END HEADER -->
<!-- BEGIN CONTAINER -->
<!-- BEGIN SLIDER -->
<section class="brick-banner">
<div class="uk-container uk-container-center">
<div class="title">
<h3>PRODUCT</h3>
<ul>
<li><a href="index.php">Home</a></li>
<li class="active"><a href="product.php">Product</a></li>
</ul>
</div>
</div>
</section>
<section class="product-detail set-padding">
<div class="uk-container uk-container-center" style="margin-top: 50px; margin-bottom: 50px;">
<div class="uk-grid">
<div class="uk-width-medium-3-4 uk-width-small-1-1 uk-width-1-1">
<div class="box-detail uk-clearfix">
<div class="box-product-detail uk-clearfix">
<ul class=" slick-big-images">
<?php
foreach ($PRODUCT_PHOTO->getProductPhotosById($id) as $key => $product_photo) {
?>
<li>
<div class="box-img">
<img src="upload/product-type/product/gallery/<?php echo $product_photo['image_name']; ?>" alt="">
</div>
</li>
<?php
}
?>
</ul>
<ul class="slick-thumbnail-images">
<?php
foreach ($PRODUCT_PHOTO->getProductPhotosById($id) as $key => $product_photo) {
?>
<li>
<div class="box-thumbanil">
<img src="upload/product-type/product/gallery/thumb/<?php echo $product_photo['image_name'] ?>" alt="">
</div>
</li>
<?php
}
?>
</ul>
</div>
<div class="box-detail-content">
<h3><?php echo $PRODUCT->name; ?></h3>
<p><?php echo $PRODUCT->description; ?></p>
<div class="brick-button brick-button-yellow brick-button-radius">
<a href="<?php echo $PRODUCT->url; ?>" target="_blank"><h3>Read More</h3></a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- END SLIDER -->
<!-- BEGIN FOOTER -->
<?php include './footer.php'; ?>
<!-- END FOOTER -->
<div class="brick-backtotop brick-background-yellow" data-uk-smooth-scroll><span class="fa fa-arrow-up"></span></div>
<!-- BEGIN JQUERY JS -->
<script src="plugins/jquery/jquery-1.12.4.min.js"></script>
<script src="plugins/uikit-2.27.2/js/uikit.min.js" type="text/javascript"></script>
<script src="plugins/slick-master/slick/slick.min.js" type="text/javascript"></script>
<script src="plugins/jquery-waypoints/2.0.3/waypoints.min.js" type="text/javascript"></script>
<script src="plugins/jquery-count-to-number/jquery.counterup.min.js" type="text/javascript"></script>
<!-- END JQUERY JS -->
<!-- BEGIN COMPONENT UIKIT-->
<script src="plugins/uikit-2.27.2/js/components/sticky.min.js" type="text/javascript"></script>
<script src="plugins/uikit-2.27.2/js/components/slider.min.js" type="text/javascript"></script>
<!-- END COMPONENT UIKIT-->
<!-- BEGIN REVOLUTION SLIDER -->
<script src="plugins/revolution/js/jquery.themepunch.tools.min.js"></script>
<script src="plugins/revolution/js/jquery.themepunch.revolution.min.js"></script>
<script src="plugins/revolution/js/extensions/revolution.extension.actions.min.js"></script>
<script src="plugins/revolution/js/extensions/revolution.extension.carousel.min.js"></script>
<script src="plugins/revolution/js/extensions/revolution.extension.kenburn.min.js"></script>
<script src="plugins/revolution/js/extensions/revolution.extension.layeranimation.min.js"></script>
<script src="plugins/revolution/js/extensions/revolution.extension.migration.min.js"></script>
<script src="plugins/revolution/js/extensions/revolution.extension.navigation.min.js"></script>
<script src="plugins/revolution/js/extensions/revolution.extension.parallax.min.js"></script>
<script src="plugins/revolution/js/extensions/revolution.extension.slideanims.min.js"></script>
<script src="plugins/revolution/js/extensions/revolution.extension.video.min.js"></script>
<!-- END REVOLUTION SLIDER -->
<!-- BEGIN MAIN JS -->
<script src="js/main.js"></script>
<!-- END MAIN JS -->
</body>
</html>
|