<!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 name="keywords" content="construction company in sri lanka, bathroom fittings, swimming pool construction, swimming pool fittings, consultant service, imports and exports company in sri lanka, civil construction company in sri lanka, faithlink international pvt ltd, faithlink in maldives, trading company in sri lanka">
<meta name="description" content="We are a Trading company, involved in Intending, Imports and exports of any item which complies with the standard import regulations, we also have diversified into construction and assist our customers on the whole process of getting the necessary products to the customer on a timely manner">
<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><?php echo $PRODUCT->name ?></h3>
<ul>
<li><a href="index.php">Home</a></li>
<li><a href="product.php">Product</a></li>
<li class="active"><a href="#"><?php echo $PRODUCT->name ?></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>
<?php
if ($PRODUCT->id == 8) {
?>
<iframe src="https://www.youtube.com/embed/tZWybkAFeOw" width="100%" height="315" frameborder="0" allowfullscreen="allowfullscreen"></iframe>
<?php }
?>
<center>
<div class="brick-button brick-button-yellow brick-button-radius view-product center">
<a href="<?php echo $PRODUCT->url; ?>" target="_blank"><h3>Read More</h3></a>
</div>
</center>
</div>
</div>
<div>
</div>
</div>
<div class="uk-width-medium-1-4 uk-width-small-1-1 uk-width-1-1">
<div class="brick-sidebar">
<div class="sidebar-latest-product sidebar-box">
<h3 class="brick-background-yellow">Latest Product</h3>
<ul>
<?php
$PRODUCT = new Product(NULL);
foreach ($PRODUCT->all() as $product) {
?>
<li>
<div class="brick-flex-box">
<div class="box-img">
<a href="view-product.php?id=<?php echo $product["id"]; ?>"><img src="upload/product-type/product/<?php echo $product['image_name'] ?>" alt=""></a>
</div>
<div class="box-product-info">
<a href="view-product.php?id=<?php echo $product["id"]; ?>" class="brick-hover-child-color-yellow"><h5><?php echo $product['name'] ?></h5></a>
<a href="view-product.php?id=<?php echo $product["id"]; ?>" class="brick-hover-child-color-yellow"><h6><?php echo substr($product['short_description'], 0, 30) . '...'; ?></h6></a>
<ul class="rating">
</ul>
</div>
</div>
</li>
<?php
}
?>
</ul>
</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>
|