<?php
include './class/include.php';
if (!isset($_SESSION)) {
session_start();
}
$PRODUCT_CATEGORY = new ProductCategory(NULL);
$product_categories = $PRODUCT_CATEGORY->all();
$PRODUCT = new Product(NULL);
$product = $PRODUCT->all();
$COMMENT = new Comments(NULL);
$comments = $COMMENT->all();
$WHO_WE_ARE = new Page(1);
?>
<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>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" />
<!--
<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css'> -->
<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css'>
<!-- <link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css'> -->
</head>
<body>
<?php include './header.php'; ?>
<main>
<?php include './slider1.php'; ?>
<!-- about us area start -->
<section class="about-us section-padding mobile-section-index-about">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-5">
<div class="about-thumb">
<img src="assets/img/about/about2.png" alt="about thumb">
</div>
</div>
<div class="col-lg-7">
<div class="about-content">
<div class="section-title text-center" style="margin-left: -512px;">
<h2 class="title p-cate" style="font-weight: 600;">About Us</h2>
</div>
<!-- <h2 class="about-title"></h2> -->
<h5 class="about-sub-title">
Who We Are
</h5>
<?= $WHO_WE_ARE->description; ?>
<div class="price-box abt-btn">
<a href="about.php" class="btn-sec btn btn-hero">More About Us</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- about us area end -->
<!-- product area start -->
<section class="product-area section-padding" style="background: url(assets/img/banner/banner-2.jpg)">
<div class="container">
<div class="row">
<div class="col-12">
<div class="section-title text-center">
<h2 class="title p-cate" style="font-weight: 600;">our products</h2>
<p class="sub-title white-letters2">Add our products to weekly lineup</p>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="product-container">
<div class="banner-statistics-area">
<div class="container">
<div class="row row-20 mtn-20">
<div class="col-sm-6">
<figure class="banner-statistics mt-20">
<a href="product-categories.php">
<img src="assets/img/banner/gems1.jpg" alt="product banner">
</a>
<div class="banner-content text-right">
<h5 class="banner-text1">BEAUTIFUL</h5>
<h2 class="banner-text2" style="font-weight: 600;">Natural <span>Gemstones</span></h2>
<a href="product-categories.php" class="btn btn-text">View More</a>
</div>
</figure>
</div>
<div class="col-sm-6">
<figure class="banner-statistics mt-20">
<a href="product-categories.php">
<img src="assets/img/banner/gem3.jpg" alt="product banner">
</a>
<div class="banner-content text-center">
<h5 class="banner-text1">EARRINGS</h5>
<h2 class="banner-text2" style="font-weight: 600;">Tangerine Floral <span>Earring</span></h2>
<a href="product-categories.php" class="btn btn-text">View More</a>
</div>
</figure>
</div>
<div class="col-sm-6">
<figure class="banner-statistics mt-20">
<a href="product-categories.php">
<img src="assets/img/banner/gems2.jpg" alt="product banner">
</a>
<div class="banner-content text-center">
<h5 class="banner-text1">NEW ARRIVALLS</h5>
<h2 class="banner-text2" style="font-weight: 600;">Pearl<span>Necklaces</span></h2>
<a href="product-categories.php" class="btn btn-text">View More</a>
</div>
</figure>
</div>
<div class="col-sm-6">
<figure class="banner-statistics mt-20">
<a href="product-categories.php">
<img src="assets/img/banner/gems5.jpg" alt="product banner">
</a>
<div class="banner-content text-right">
<h5 class="banner-text1">NEW DESIGN</h5>
<h2 class="banner-text2" style="font-weight: 600;">Diamond<span>Jewelry</span></h2>
<a href="product-categories.php" class="btn btn-text">View More</a>
</div>
</figure>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- product area end -->
<!-- featured product area start -->
<section class="feature-product feature-sec section-padding feature-product-mobile">
<div class="container">
<div class="row">
<div class="col-12">
<div class="section-title text-center">
<h2 class="title" style="font-weight: 600;">featured products</h2>
<p class="sub-title">Add featured products to weekly lineup</p>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="product-carousel-4_2 slick-row-10 slick-arrow-style">
<!-- product item start -->
<?php
if (count($product) > 0) {
foreach ($product as $key => $product) {
if ($key < 20) {
$discount = ($product['price'] * $product['discount']) / 100;
$new_price = $product['price'] - $discount;
?>
<div class="product-item">
<figure class="product-thumb">
<a href="view-product.php?id=<?php echo $product['id']; ?>">
<img src="upload/product/<?= $product['image_name'] ?>" alt="product">
</a>
<div class="cart-hover">
<a href="view-product.php?id=<?php echo $product['id']; ?>">
<button class="btn btn-cart">View More</button>
</a>
</div>
</figure>
<div class="product-caption text-center product-box product-ptb-7">
<h6 class="product-name">
<a href="view-product.php?id=<?php echo $product['id']; ?>"><?php echo $product['name']; ?></a>
</h6>
<div class="price-box">
<span class="price-regular"><span>US $ </span><?= number_format($new_price, 2); ?></span>
<?php
if ($discount != 0) {
?>
<span class="price-old"><del><span>US $ </span><?= number_format($product['price'], 2); ?></del></span>
<?php
}
?>
</div>
</div>
</div>
<?php
}
}
} else {
}
?>
</div>
</div>
</div>
</div>
</section>
<!-- featured product area end -->
<!-- testimonial area start -->
<section class="testimonial-area section-padding bg-img mobile-section-index-about" data-bg="assets/img/testimonial/colours-gems-banner-mar15.jpg">
<div class="container">
<div class="row">
<div class="col-12">
<!-- section title start -->
<div class="section-title text-center">
<h2 class="title" style="font-weight: 600;">testimonials</h2>
<p class="sub-title">What they say</p>
</div>
<!-- section title start -->
</div>
</div>
<div class="gtco-testimonials">
<div class="owl-carousel owl-carousel1 owl-theme">
<?php
if (count($comments) > 0) {
foreach ($comments as $key => $comment) {
?>
<div>
<div class="card text-center"><img class="card-img-top" src="upload/comments/<?php echo $comment['image_name']; ?>" alt="testimonial-thumb">
<div class="card-body">
<h5><?php echo $comment['name']; ?><br />
<!-- <span> Project Manager </span> -->
</h5>
<p class="card-text"> <?php echo $comment['comment']; ?></p>
<div class="ratings">
<span><i class="fa fa-star-o"></i></span>
<span><i class="fa fa-star-o"></i></span>
<span><i class="fa fa-star-o"></i></span>
<span><i class="fa fa-star-o"></i></span>
<span><i class="fa fa-star-o"></i></span>
</div>
</div>
</div>
</div>
<?php
}
} else {
}
?>
<!-- <div>
<div class="card text-center"><img class="card-img-top" src="https://images.unsplash.com/photo-1588361035994-295e21daa761?crop=entropy&cs=tinysrgb&fit=crop&fm=jpg&h=301&ixid=eyJhcHBfaWQiOjF9&ixlib=rb-1.2.1&q=50&w=301" alt="">
<div class="card-body">
<h5>Missy Limana<br />
<span> Engineer </span>
</h5>
<p class="card-text">“ Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil
impedit quo minus id quod maxime placeat ” </p>
</div>
</div>
</div>
<div>
<div class="card text-center"><img class="card-img-top" src="https://images.unsplash.com/photo-1575377222312-dd1a63a51638?crop=entropy&cs=tinysrgb&fit=crop&fm=jpg&h=302&ixid=eyJhcHBfaWQiOjF9&ixlib=rb-1.2.1&q=50&w=302" alt="">
<div class="card-body">
<h5>Martha Brown<br />
<span> Project Manager </span>
</h5>
<p class="card-text">“ Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil
impedit quo minus id quod maxime placeat ” </p>
</div>
</div>
</div>
<div>
<div class="card text-center"><img class="card-img-top" src="https://images.unsplash.com/photo-1549836938-d278c5d46d20?crop=entropy&cs=tinysrgb&fit=crop&fm=jpg&h=303&ixid=eyJhcHBfaWQiOjF9&ixlib=rb-1.2.1&q=50&w=303" alt="">
<div class="card-body">
<h5>Hanna Lisem<br />
<span> Project Manager </span>
</h5>
<p class="card-text">“ Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil
impedit quo minus id quod maxime placeat ” </p>
</div>
</div>
</div> -->
</div>
</div>
</div>
</section>
<!-- testimonial area end -->
<!-- TESTIMONIALS -->
</main>
<!-- Scroll to top start -->
<div class="scroll-top not-visible">
<i class=""><img src="assets/img/icon/gem-top.png"></i>
</div>
<!-- Scroll to Top End -->
<?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>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js'></script>
<script src="./script.js"></script>
<script>
(function() {
"use strict";
var carousels = function() {
$(".owl-carousel1").owlCarousel({
loop: true,
center: true,
margin: 0,
responsiveClass: true,
nav: false,
responsive: {
0: {
items: 1,
nav: false
},
680: {
items: 2,
nav: false,
loop: false
},
1000: {
items: 3,
nav: true
}
}
});
};
(function($) {
carousels();
})(jQuery);
})();
</script>
<script>$('.owl-carousel').owlCarousel({
loop:true,
margin:10,
dots:false,
nav:true,
mouseDrag:false,
autoplay:true,
animateOut: 'slideOutUp',
responsive:{
0:{
items:1
},
600:{
items:1
},
1000:{
items:1
}
}
});</script>
</body>
</html> |