<div class="main main-raised">
<div class="container mainn-raised" style="width:100%;">
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<!-- Wrapper for slides -->
<div class="carousel-inner">
<div class="item active">
<img src="img/banner3.jpg" alt="Los Angeles" style="width:100%;">
</div>
<div class="item">
<img src="img/banner2.jpg" style="width:100%;">
</div>
<div class="item">
<img src="img/banner4.jpg" alt="New York" style="width:100%;">
</div>
<div class="item">
<img src="img/banner1.jpg" alt="New York" style="width:100%;">
</div>
<div class="item">
<img src="img/banner3.jpg" alt="New York" style="width:100%;">
</div>
</div>
<!-- Left and right controls -->
<a class="left carousel-control _26sdfg" href="#myCarousel" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
<span class="sr-only" >Previous</span>
</a>
<a class="right carousel-control _26sdfg" href="#myCarousel" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
<!-- SECTION -->
<div class="section mainn mainn-raised">
<!-- container -->
<div class="container">
<!-- row -->
<div class="row">
<!-- shop -->
<div class="col-md-4 col-xs-6">
<a href="product.php?p=78"><div class="shop">
<div class="shop-img">
<img src="./img/shop01.png" alt="">
</div>
<div class="shop-body">
<h3>Laptop<br>Collection</h3>
<a href="product.php?p=78" class="cta-btn">Shop now <i class="fa fa-arrow-circle-right"></i></a>
</div>
</div></a>
</div>
<!-- /shop -->
<!-- shop -->
<div class="col-md-4 col-xs-6">
<a href="product.php?p=72"><div class="shop">
<div class="shop-img">
<img src="./img/shop03.png" alt="">
</div>
<div class="shop-body">
<h3>Accessories<br>Collection</h3>
<a href="product.php?p=72" class="cta-btn">Shop now <i class="fa fa-arrow-circle-right"></i></a>
</div>
</div></a>
</div>
<!-- /shop -->
<!-- shop -->
<div class="col-md-4 col-xs-6">
<a href="product.php?p=79"><div class="shop">
<div class="shop-img">
<img src="./img/shop02.png" alt="">
</div>
<div class="shop-body">
<h3>Cameras<br>Collection</h3>
<a href="product.php?p=79" class="cta-btn">Shop now <i class="fa fa-arrow-circle-right"></i></a>
</div>
</div></a>
</div>
<!-- /shop -->
</div>
<!-- /row -->
</div>
<!-- /container -->
</div>
<!-- /SECTION -->
<!-- SECTION -->
<div class="section">
<!-- container -->
<div class="container">
<!-- row -->
<div class="row">
<!-- section title -->
<div class="col-md-12">
<div class="section-title">
<h3 class="title">New Products</h3>
</div>
</div>
<!-- /section title -->
<!-- Products tab & slick -->
<div class="col-md-12 mainn mainn-raised">
<div class="row">
<div class="products-tabs">
<!-- tab -->
<div id="tab1" class="tab-pane active">
<div class="products-slick" data-nav="#slick-nav-1" >
<?php
include 'db.php';
$product_query = "SELECT * FROM products,categories WHERE product_cat=cat_id AND product_id BETWEEN 70 AND 75";
$run_query = mysqli_query($con,$product_query);
if(mysqli_num_rows($run_query) > 0){
while($row = mysqli_fetch_array($run_query)){
$pro_id = $row['product_id'];
$pro_cat = $row['product_cat'];
$pro_brand = $row['product_brand'];
$pro_title = $row['product_title'];
$pro_price = $row['product_price'];
$pro_image = $row['product_image'];
$cat_name = $row["cat_title"];
echo "
<div class='product'>
<a href='product.php?p=$pro_id'><div class='product-img'>
<img src='product_images/$pro_image' style='max-height: 170px;' alt=''>
<div class='product-label'>
<span class='sale'>-30%</span>
<span class='new'>NEW</span>
</div>
</div></a>
<div class='product-body'>
<p class='product-category'>$cat_name</p>
<h3 class='product-name header-cart-item-name'><a href='product.php?p=$pro_id'>$pro_title</a></h3>
<h4 class='product-price header-cart-item-info'>$pro_price<del class='product-old-price'>$990.00</del></h4>
<div class='product-rating'>";
$rating_query = "SELECT ROUND(AVG(rating),1) AS avg_rating FROM reviews WHERE product_id='$pro_id '";
$run_review_query = mysqli_query($con,$rating_query);
$review_row = mysqli_fetch_array($run_review_query);
if($review_row > 0){
$avg_count=$review_row["avg_rating"];
$i=1;
while($i <= round($avg_count ?? 0)){
$i++;
echo'
<i class="fa fa-star"></i>';
}
$i=1;
while($i <= 5-round($avg_count ?? 0)){
$i++;
echo'
<i class="fa fa-star-o empty"></i>';
}
}
echo "</div>
<div class='product-btns'>
<button pid='$pro_id' id='wishlist' class='add-to-wishlist'><i class='fa fa-heart-o'></i><span class='tooltipp'>add to wishlist</span></button>
<button class='add-to-compare'><i class='fa fa-exchange'></i><span class='tooltipp'>add to compare</span></button>
<button class='quick-view'><i class='fa fa-eye'></i><span class='tooltipp'>quick view</span></button>
</div>
</div>
<div class='add-to-cart'>
<button pid='$pro_id' id='product' class='add-to-cart-btn block2-btn-towishlist' href='#'><i class='fa fa-shopping-cart'></i> add to cart</button>
</div>
</div>
";
}
;
}
?>
<!-- product -->
<!-- /product -->
<!-- /product -->
</div>
<div id="slick-nav-1" class="products-slick-nav"></div>
</div>
<!-- /tab -->
</div>
</div>
</div>
<!-- Products tab & slick -->
</div>
<!-- /row -->
</div>
<!-- /container -->
</div>
<!-- /SECTION -->
<!-- HOT DEAL SECTION -->
<div id="hot-deal" class="section mainn mainn-raised">
<!-- container -->
<div class="container">
<!-- row -->
<div class="row">
<div class="col-md-12">
<div class="hot-deal">
<ul class="hot-deal-countdown">
<li>
<div>
<h3>02</h3>
<span>Days</span>
</div>
</li>
<li>
<div>
<h3>10</h3>
<span>Hours</span>
</div>
</li>
<li>
<div>
<h3>34</h3>
<span>Mins</span>
</div>
</li>
<li>
<div>
<h3>60</h3>
<span>Secs</span>
</div>
</li>
</ul>
<h2 class="text-uppercase">hot deal this week</h2>
<p>New Collection Up to 50% OFF</p>
<a class="primary-btn cta-btn" href="store.php">Shop now</a>
</div>
</div>
</div>
<!-- /row -->
</div>
<!-- /container -->
</div>
<!-- /HOT DEAL SECTION -->
<!-- SECTION -->
<div class="section">
<!-- container -->
<div class="container">
<!-- row -->
<div class="row">
<!-- section title -->
<div class="col-md-12">
<div class="section-title">
<h3 class="title">Top selling</h3>
</div>
</div>
<!-- /section title -->
<!-- Products tab & slick -->
<div class="col-md-12 mainn mainn-raised">
<div class="row">
<div class="products-tabs">
<!-- tab -->
<div id="tab2" class="tab-pane fade in active">
<div class="products-slick" data-nav="#slick-nav-2">
<!-- product -->
<?php
include 'db.php';
$product_query = "SELECT * FROM products,categories WHERE product_cat=cat_id AND product_id BETWEEN 59 AND 65";
$run_query = mysqli_query($con,$product_query);
if(mysqli_num_rows($run_query) > 0){
while($row = mysqli_fetch_array($run_query)){
$pro_id = $row['product_id'];
$pro_cat = $row['product_cat'];
$pro_brand = $row['product_brand'];
$pro_title = $row['product_title'];
$pro_price = $row['product_price'];
$pro_image = $row['product_image'];
$cat_name = $row["cat_title"];
echo "
<div class='product'>
<a href='product.php?p=$pro_id'><div class='product-img'>
<img src='product_images/$pro_image' style='max-height: 170px;' alt=''>
<div class='product-label'>
<span class='sale'>-30%</span>
<span class='new'>NEW</span>
</div>
</div></a>
<div class='product-body'>
<p class='product-category'>$cat_name</p>
<h3 class='product-name header-cart-item-name'><a href='product.php?p=$pro_id'>$pro_title</a></h3>
<h4 class='product-price header-cart-item-info'>$pro_price<del class='product-old-price'>$990.00</del></h4>
<div class='product-rating'>";
$rating_query = "SELECT ROUND(AVG(rating),1) AS avg_rating FROM reviews WHERE product_id='$pro_id '";
$run_review_query = mysqli_query($con,$rating_query);
$review_row = mysqli_fetch_array($run_review_query);
if($review_row > 0){
$avg_count=$review_row["avg_rating"];
$i=1;
while($i <= round($avg_count ?? 0)){
$i++;
echo'
<i class="fa fa-star"></i>';
}
$i=1;
while($i <= 5-round($avg_count ?? 0)){
$i++;
echo'
<i class="fa fa-star-o empty"></i>';
}
}
echo "</div>
<div class='product-btns'>
<button pid='$pro_id' id='wishlist' class='add-to-wishlist'><i class='fa fa-heart-o'></i><span class='tooltipp'>add to wishlist</span></button>
<button class='add-to-compare'><i class='fa fa-exchange'></i><span class='tooltipp'>add to compare</span></button>
<button class='quick-view'><i class='fa fa-eye'></i><span class='tooltipp'>quick view</span></button>
</div>
</div>
<div class='add-to-cart'>
<button pid='$pro_id' id='product' class='add-to-cart-btn block2-btn-towishlist' href='#'><i class='fa fa-shopping-cart'></i> add to cart</button>
</div>
</div>
";
}
;
}
?>
<!-- /product -->
</div>
<div id="slick-nav-2" class="products-slick-nav"></div>
</div>
<!-- /tab -->
</div>
</div>
</div>
<!-- /Products tab & slick -->
</div>
<!-- /row -->
</div>
<!-- /container -->
</div>
<!-- /SECTION -->
<!-- SECTION -->
<div class="section">
<!-- container -->
<div class="container">
<!-- row -->
<div class="row">
<div class="col-md-4 col-xs-6">
<div class="section-title">
<h4 class="title">New Products</h4>
<div class="section-nav">
<div id="slick-nav-3" class="products-slick-nav"></div>
</div>
</div>
<div class="products-widget-slick" data-nav="#slick-nav-3">
<div id="get_product_home">
<!-- product widget -->
<!-- product widget -->
</div>
<div id="get_product_home2">
<!-- product widget -->
<div class="product-widget">
<div class="product-img">
<img src="./img/product01.png" alt="">
</div>
<div class="product-body">
<p class="product-category">Category</p>
<h3 class="product-name"><a href="#">product name goes here</a></h3>
<h4 class="product-price">$980.00 <del class="product-old-price">$990.00</del></h4>
</div>
</div>
<!-- /product widget -->
<!-- product widget -->
<div class="product-widget">
<div class="product-img">
<img src="./img/product02.png" alt="">
</div>
<div class="product-body">
<p class="product-category">Category</p>
<h3 class="product-name"><a href="#">product name goes here</a></h3>
<h4 class="product-price">$980.00 <del class="product-old-price">$990.00</del></h4>
</div>
</div>
<!-- /product widget -->
<!-- product widget -->
<div class="product-widget">
<div class="product-img">
<img src="./img/product03.png" alt="">
</div>
<div class="product-body">
<p class="product-category">Category</p>
<h3 class="product-name"><a href="#">product name goes here</a></h3>
<h4 class="product-price">$980.00 <del class="product-old-price">$990.00</del></h4>
</div>
</div>
<!-- product widget -->
</div>
</div>
</div>
<div class="col-md-4 col-xs-6">
<div class="section-title">
<h4 class="title">Top selling</h4>
<div class="section-nav">
<div id="slick-nav-4" class="products-slick-nav"></div>
</div>
</div>
<div class="products-widget-slick" data-nav="#slick-nav-4">
<div>
<!-- product widget -->
<div class="product-widget">
<div class="product-img">
<img src="./img/product04.png" alt="">
</div>
<div class="product-body">
<p class="product-category">Category</p>
<h3 class="product-name"><a href="#">product name goes here</a></h3>
<h4 class="product-price">$980.00 <del class="product-old-price">$990.00</del></h4>
</div>
</div>
<!-- /product widget -->
<!-- product widget -->
<div class="product-widget">
<div class="product-img">
<img src="./img/product05.png" alt="">
</div>
<div class="product-body">
<p class="product-category">Category</p>
<h3 class="product-name"><a href="#">product name goes here</a></h3>
<h4 class="product-price">$980.00 <del class="product-old-price">$990.00</del></h4>
</div>
</div>
<!-- /product widget -->
<!-- product widget -->
<div class="product-widget">
<div class="product-img">
<img src="./img/product06.png" alt="">
</div>
<div class="product-body">
<p class="product-category">Category</p>
<h3 class="product-name"><a href="#">product name goes here</a></h3>
<h4 class="product-price">$980.00 <del class="product-old-price">$990.00</del></h4>
</div>
</div>
<!-- product widget -->
</div>
<div>
<!-- product widget -->
<div class="product-widget">
<div class="product-img">
<img src="./img/product07.png" alt="">
</div>
<div class="product-body">
<p class="product-category">Category</p>
<h3 class="product-name"><a href="#">product name goes here</a></h3>
<h4 class="product-price">$980.00 <del class="product-old-price">$990.00</del></h4>
</div>
</div>
<!-- /product widget -->
<!-- product widget -->
<div class="product-widget">
<div class="product-img">
<img src="./img/product08.png" alt="">
</div>
<div class="product-body">
<p class="product-category">Category</p>
<h3 class="product-name"><a href="#">product name goes here</a></h3>
<h4 class="product-price">$980.00 <del class="product-old-price">$990.00</del></h4>
</div>
</div>
<!-- /product widget -->
<!-- product widget -->
<div class="product-widget">
<div class="product-img">
<img src="./img/product09.png" alt="">
</div>
<div class="product-body">
<p class="product-category">Category</p>
<h3 class="product-name"><a href="#">product name goes here</a></h3>
<h4 class="product-price">$980.00 <del class="product-old-price">$990.00</del></h4>
</div>
</div>
<!-- product widget -->
</div>
</div>
</div>
<div class="clearfix visible-sm visible-xs">
</div>
<div class="col-md-4 col-xs-6">
<div class="section-title">
<h4 class="title">Recommended</h4>
<div class="section-nav">
<div id="slick-nav-5" class="products-slick-nav"></div>
</div>
</div>
<div class="products-widget-slick" data-nav="#slick-nav-5">
<div>
<!-- product widget -->
<div class="product-widget">
<div class="product-img">
<img src="./img/product01.png" alt="">
</div>
<div class="product-body">
<p class="product-category">Category</p>
<h3 class="product-name"><a href="#">product name goes here</a></h3>
<h4 class="product-price">$980.00 <del class="product-old-price">$990.00</del></h4>
</div>
</div>
<!-- /product widget -->
<!-- product widget -->
<div class="product-widget">
<div class="product-img">
<img src="./img/product02.png" alt="">
</div>
<div class="product-body">
<p class="product-category">Category</p>
<h3 class="product-name"><a href="#">product name goes here</a></h3>
<h4 class="product-price">$980.00 <del class="product-old-price">$990.00</del></h4>
</div>
</div>
<!-- /product widget -->
<!-- product widget -->
<div class="product-widget">
<div class="product-img">
<img src="./img/product03.png" alt="">
</div>
<div class="product-body">
<p class="product-category">Category</p>
<h3 class="product-name"><a href="#">product name goes here</a></h3>
<h4 class="product-price">$980.00 <del class="product-old-price">$990.00</del></h4>
</div>
</div>
<!-- product widget -->
</div>
<div>
<!-- product widget -->
<div class="product-widget">
<div class="product-img">
<img src="./img/product04.png" alt="">
</div>
<div class="product-body">
<p class="product-category">Category</p>
<h3 class="product-name"><a href="#">product name goes here</a></h3>
<h4 class="product-price">$980.00 <del class="product-old-price">$990.00</del></h4>
</div>
</div>
<!-- /product widget -->
<!-- product widget -->
<div class="product-widget">
<div class="product-img">
<img src="./img/product05.png" alt="">
</div>
<div class="product-body">
<p class="product-category">Category</p>
<h3 class="product-name"><a href="#">product name goes here</a></h3>
<h4 class="product-price">$980.00 <del class="product-old-price">$990.00</del></h4>
</div>
</div>
<!-- /product widget -->
<!-- product widget -->
<div class="product-widget">
<div class="product-img">
<img src="./img/product06.png" alt="">
</div>
<div class="product-body">
<p class="product-category">Category</p>
<h3 class="product-name"><a href="#">product name goes here</a></h3>
<h4 class="product-price">$980.00 <del class="product-old-price">$990.00</del></h4>
</div>
</div>
<!-- product widget -->
</div>
</div>
</div>
</div>
<!-- /row -->
</div>
<!-- /container -->
</div>
<!-- /SECTION -->
</div>