ok
Mini Shell
<?php include "header1.php";
error_log("SELECT products.*,product_variant.price,product_variant.discounted_price,product_variant.serve_for,product_variant.stock,product_variant.sku FROM `products` LEFT JOIN product_variant ON products.id=product_variant.product_id WHERE products.id".$row_products['id']);
$query = $pdo->prepare("SELECT products.*,product_variant.price,product_variant.discounted_price,product_variant.serve_for,product_variant.stock,product_variant.sku FROM `products` LEFT JOIN product_variant ON products.id=product_variant.product_id WHERE products.id".$row_products['id']);
$query->execute();
$result = $query->fetchAll(PDO::FETCH_ASSOC);
?>
<main class="main single-product">
<div class="page-content mb-8">
<div class="container">
<div class="product-navigation">
<ul class="breadcrumb breadcrumb-lg">
<li>
<a href="index.php">
<i class="d-icon-home"></i>
</a>
</li>
<li>
<a href="#" class="active">Products</a>
</li>
<li>Detail</li>
</ul>
<ul class="product-nav">
<li class="product-nav-prev">
<a href="#">
<i class="d-icon-arrow-left"></i> Prev <span class="product-nav-popup">
<img src="images/product/product-thumb-prev.jpg" alt="product thumbnail" width="110" height="123">
<span class="product-name">Sed egtas Dnte Comfort</span>
</span>
</a>
</li>
<li class="product-nav-next">
<a href="#"> Next <i class="d-icon-arrow-right"></i>
<span class="product-nav-popup">
<img src="images/product/product-thumb-next.jpg" alt="product thumbnail" width="110" height="123">
<span class="product-name">Sed egtas Dnte Comfort</span>
</span>
</a>
</li>
</ul>
</div>
<div class="row gutter-lg">
<aside class="col-lg-3 right-sidebar sidebar-fixed sticky-sidebar-wrapper">
<div class="sidebar-overlay">
<a class="sidebar-close" href="#">
<i class="d-icon-times"></i>
</a>
</div>
<a href="#" class="sidebar-toggle">
<i class="fas fa-chevron-left"></i>
</a>
<div class="sidebar-content">
<div class="sticky-sidebar">
<div class="service-list mb-4">
<div class="icon-box icon-box-side icon-box3">
<span class="icon-box-icon mr-lg-4 mb-lg-4 mb-0">
<i class="d-icon-secure"></i>
</span>
<div class="icon-box-content">
<h4 class="icon-box-title ls-m">Secured Payment</h4>
<p class="ls-m">We ensure secure payment!</p>
</div>
</div>
<div class="icon-box icon-box-side icon-box1">
<span class="icon-box-icon mr-lg-4 mb-lg-4 mb-0">
<i class="d-icon-truck"></i>
</span>
<div class="icon-box-content">
<h4 class="icon-box-title ls-m">Free Shipping</h4>
<p class="ls-m">On all US orders above ₹99</p>
</div>
</div>
<div class="icon-box icon-box-side icon-box2">
<span class="icon-box-icon mr-lg-4 mb-lg-4 mb-0">
<i class="d-icon-money"></i>
</span>
<div class="icon-box-content">
<h4 class="icon-box-title ls-m">Money Back guarantee</h4>
<p class="ls-m">Any back within 30 days</p>
</div>
</div>
</div>
<div class="banner banner-fixed mb-6">
<figure>
<img src="images/new-product-detail/dc-drone-f.jpg" alt="banner" width="280" height="320">
</figure>
<div class="banner-content text-center">
<h5 class="banner-subtitle ls-l text-uppercase mb-0">DJI DC Motor</h5>
<h3 class="banner-title ls-s text-uppercase mb-0">New Trend 2023</h3>
</div>
</div>
<div class="widget widget-products">
<h4 class="widget-title border-no">Our Featured</h4>
<div class="widget-body">
<div class="owl-carousel owl-nav-top" data-owl-options="{
'items': 1,
'loop': true,
'nav': true,
'dots': false,
'margin': 20 }">
<div class="products-col">
<div class="product product-list-sm">
<figure class="product-media">
<a href="product1.php">
<img src="images/new-product-detail/pro1-100_114.jpg" alt="product" width="100" height="100">
</a>
</figure>
<div class="product-details">
<h3 class="product-name">
<a href="product1.php">Raspberry PI 3 Model B+ Basic Kit</a>
</h3>
<div class="product-price">
<span class="price">₹2199.00</span>
</div>
<div class="ratings-container">
<div class="ratings-full">
<span class="ratings" style="width:100%"></span>
<span class="tooltiptext tooltip-top"></span>
</div>
</div>
</div>
</div>
<div class="product product-list-sm">
<figure class="product-media">
<a href="product1.php">
<img src="images/new-product-detail/pro2-100_114.jpg" alt="product" width="100" height="100">
</a>
</figure>
<div class="product-details">
<h3 class="product-name">
<a href="product1.php">Arduino Uno R3</a>
</h3>
<div class="product-price">
<span class="price">₹1999.00</span>
</div>
<div class="ratings-container">
<div class="ratings-full">
<span class="ratings" style="width:100%"></span>
<span class="tooltiptext tooltip-top"></span>
</div>
</div>
</div>
</div>
<div class="product product-list-sm">
<figure class="product-media">
<a href="product1.php">
<img src="images/new-product-detail/pro3-100_114.jpg" alt="product" width="100" height="100">
</a>
</figure>
<div class="product-details">
<h3 class="product-name">
<a href="product1.php">Orange 8mm NPN Inductive Proximity Sensor</a>
</h3>
<div class="product-price">
<ins class="new-price">₹990.00</ins>
<del class="old-price">₹1500.00</del>
</div>
<div class="ratings-container">
<div class="ratings-full">
<span class="ratings" style="width:100%"></span>
<span class="tooltiptext tooltip-top"></span>
</div>
</div>
</div>
</div>
</div>
<div class="products-col">
<div class="product product-list-sm">
<figure class="product-media">
<a href="product1.php">
<img src="images/new-product-detail/pro2-100_114.jpg" alt="product" width="100" height="100">
</a>
</figure>
<div class="product-details">
<h3 class="product-name">
<a href="product1.php">Arduino Uno</a>
</h3>
<div class="product-price">
<span class="price">₹199.00</span>
</div>
<div class="ratings-container">
<div class="ratings-full">
<span class="ratings" style="width:100%"></span>
<span class="tooltiptext tooltip-top"></span>
</div>
</div>
</div>
</div>
<div class="product product-list-sm">
<figure class="product-media">
<a href="product1.php">
<img src="images/new-product-detail/pro3-100_114.jpg" alt="product" width="100" height="100">
</a>
</figure>
<div class="product-details">
<h3 class="product-name">
<a href="product1.php">Proximity Sensor</a>
</h3>
<div class="product-price">
<span class="price">₹19.00</span>
</div>
<div class="ratings-container">
<div class="ratings-full">
<span class="ratings" style="width:100%"></span>
<span class="tooltiptext tooltip-top"></span>
</div>
</div>
</div>
</div>
<div class="product product-list-sm">
<figure class="product-media">
<a href="product1.php">
<img src="images/new-product-detail/pro1-100_114.jpg" alt="product" width="100" height="100">
</a>
</figure>
<div class="product-details">
<h3 class="product-name">
<a href="product1.php">Raspberry PI 3</a>
</h3>
<div class="product-price">
<ins class="new-price">₹99.00</ins>
<del class="old-price">₹150.00</del>
</div>
<div class="ratings-container">
<div class="ratings-full">
<span class="ratings" style="width:100%"></span>
<span class="tooltiptext tooltip-top"></span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</aside>
<div class="col-lg-9">
<?php
foreach ($result as $row_product){
?>
<div class="product product-single row mb-10">
<div class="col-md-6">
<div class="product-gallery">
<div class="product-single-carousel owl-carousel owl-theme owl-nav-inner row cols-1">
<figure class="product-image">
<img src="images/new-product-detail/pc1-1.jpg" data-zoom-image="images/new-product-detail/pc1-1.jpg" alt="Blue Pinafore Denim Dress" width="800" height="900">
</figure>
<!--<figure class="product-image">
<img src="images/new-product-detail/pc1-2.jpg" data-zoom-image="images/new-product-detail/pc1-2.jpg" alt="Blue Pinafore Denim Dress" width="800" height="900">
</figure>
<figure class="product-image">
<img src="images/new-product-detail/pc1-3.jpg" data-zoom-image="images/new-product-detail/pc1-3.jpg" alt="Blue Pinafore Denim Dress" width="800" height="900">
</figure>
<figure class="product-image">
<img src="images/new-product-detail/pc1-4.jpg" data-zoom-image="images/new-product-detail/pc1-4.jpg" alt="Blue Pinafore Denim Dress" width="800" height="900">
</figure>-->
</div>
<div class="product-thumbs-wrap">
<div class="product-thumbs">
<div class="product-thumb active">
<img src="images/new-product-detail/pc1-1.jpg" alt="product thumbnail" width="109" height="122">
</div>
<div class="product-thumb">
<img src="images/new-product-detail/pc1-2.jpg" alt="product thumbnail" width="109" height="122">
</div>
<div class="product-thumb">
<img src="images/new-product-detail/pc1-3.jpg" alt="product thumbnail" width="109" height="122">
</div>
<div class="product-thumb">
<img src="images/new-product-detail/pc1-4.jpg" alt="product thumbnail" width="109" height="122">
</div>
</div>
<button class="thumb-up disabled">
<i class="fas fa-chevron-left"></i>
</button>
<button class="thumb-down disabled">
<i class="fas fa-chevron-right"></i>
</button>
</div>
</div>
</div>
<div class="col-md-6">
<div class="product-details">
<h1 class="product-name"><?=$row_product['name']?></h1>
<div class="product-meta"> SKU: <span class="product-sku">421648</span>Manufacturer: <span class="product-brand">Arduino Officials</span>
</div>
<div class="product-price">₹1,699.00</div>
<div class="ratings-container">
<div class="ratings-full">
<span class="ratings" style="width:80%"></span>
<span class="tooltiptext tooltip-top"></span>
</div>
<a href="#product-tab-reviews" class="link-to-tab rating-reviews">( 6 reviews )</a>
</div>
<p class="product-short-desc"> It has 14 digital input/output pins (of which 6 can be used as PWM outputs), 6 analog inputs, a 16 MHz quartz crystal, a USB connection, a power jack, an ICSP header and a reset button. The Original Arduino Uno Rev3 board is the first in a series of USB Arduino boards and the reference model for the Arduino platform; for an extensive list of current, past or outdated boards see the Arduino index of boards.</p>
<hr class="product-divider">
<div class="product-form product-qty">
<label>QTY:</label>
<div class="product-form-group">
<div class="input-group">
<button class="quantity-minus d-icon-minus"></button>
<input class="quantity form-control" type="number" min="1" max="1000000">
<button class="quantity-plus d-icon-plus"></button>
</div>
<button class="btn-product btn-cart">
<i class="d-icon-bag"></i>Add To Cart </button>
</div>
</div>
<hr class="product-divider mb-3">
<div class="product-footer">
<div class="social-links mr-4">
<a href="#" class="social-link social-facebook fab fa-facebook-f"></a>
<a href="#" class="social-link social-twitter fab fa-twitter"></a>
<a href="#" class="social-link social-pinterest fab fa-pinterest-p"></a>
</div>
<span class="divider d-lg-show"></span>
<div class="product-action">
<a href="#" class="btn-product btn-wishlist mr-6">
<i class="d-icon-heart"></i>Add to wishlist </a>
<span class="divider d-lg-show"></span>
<a href="#" class="btn-product btn-compare">
<i class="d-icon-compare"></i>Compare </a>
</div>
</div>
</div>
</div>
</div>
<div class="tab tab-nav-simple product-tabs mt-2 mb-4">
<ul class="nav nav-tabs justify-content-center" role="tablist">
<li class="nav-item">
<a class="nav-link active" href="#product-tab-description">Description</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#product-tab-additional">Additional Information</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#product-tab-reviews">Reviews (8)</a>
</li>
</ul>
<div class="tab-content">
<div class="tab-pane active in" id="product-tab-description">
<div class="row mt-6">
<div class="mb-4">
<h5 class="description-title mb-4 font-weight-semi-bold ls-m"> Features</h5>
<p class="mb-2"> Praesent id enim sit amet.Tdio vulputate eleifend in in tortor. ellus massa. siti iMassa ristique sit amet condim vel, facilisis quimequistiqutiqu amet condim Dilisis Facilisis quis sapien. Praesent id enim sit amet. </p>
<ul class="mb-8">
<li>Praesent id enim sit amet.Tdio vulputate</li>
<li>Eleifend in in tortor. ellus massa.Dristique sitii</li>
<li>Massa ristique sit amet condim vel</li>
<li>Dilisis Facilisis quis sapien. Praesent id enim sit amet </li>
</ul>
<h5 class="description-title mb-3 font-weight-semi-bold ls-m"> Specifications </h5>
<table class="table">
<tbody>
<tr>
<th class="font-weight-semi-bold text-dark pl-0"> Model Type</th>
<td class="pl-4">Arduino Uno R3</td>
</tr>
<tr>
<th class="font-weight-semi-bold text-dark pl-0">Microcontroller Chip</th>
<td class="pl-4">ATmega328P</td>
</tr>
<tr>
<th class="font-weight-semi-bold text-dark pl-0"> Operating Voltage (VDC) </th>
<td class="pl-4">5</td>
</tr>
<tr>
<th class="font-weight-semi-bold text-dark border-no pl-0" style="border-bottom: 1px solid #e9e9e9 !important;">Input Voltage(Recommended)</th>
<td class="border-no pl-4" style="border-bottom: 1px solid #e9e9e9 !important;">7-12V</td>
</tr>
<tr>
<th class="font-weight-semi-bold text-dark border-no pl-0" style="border-bottom: 1px solid #e9e9e9 !important;">Analog I/O Pins</th>
<td class="border-no pl-4" style="border-bottom: 1px solid #e9e9e9 !important;">6</td>
</tr>
<tr>
<th class="font-weight-semi-bold text-dark border-no pl-0" style="border-bottom: 1px solid #e9e9e9 !important;">Digital I/O Pins</th>
<td class="border-no pl-4" style="border-bottom: 1px solid #e9e9e9 !important;">14 (of which 6 provide PWM output)</td>
</tr>
<tr>
<th class="font-weight-semi-bold text-dark border-no pl-0" style="border-bottom: 1px solid #e9e9e9 !important;">PWM Digital I/O Pins</th>
<td class="border-no pl-4" style="border-bottom: 1px solid #e9e9e9 !important;">6</td>
</tr>
<tr>
<th class="font-weight-semi-bold text-dark border-no pl-0" style="border-bottom: 1px solid #e9e9e9 !important;">Clock Speed</th>
<td class="border-no pl-4" style="border-bottom: 1px solid #e9e9e9 !important;">16 MHz</td>
</tr>
</tbody>
</table>
</div>
<div>
<h5 class="description-title font-weight-semi-bold ls-m mb-5">Video Description </h5>
<figure class="p-relative d-inline-block mb-2 d-inline-block">
<img src="images/product/product.jpg" width="559" height="370" alt="Product" />
<a class="btn-play btn-iframe" href="video/memory-of-a-woman.mp4">
<i class="d-icon-play-solid"></i>
</a>
</figure>
<div class="d-flex justify-content-between flex-wrap pb-3" style="max-width: 55.3rem;">
<div class="icon-box icon-box-side icon-border pt-2 pb-2 mb-lg-4">
<div class="icon-box-icon">
<i class="d-icon-lock"></i>
</div>
<div class="icon-box-content">
<h4 class="icon-box-title lh-1 pt-1 ls-s text-normal">2 year warranty</h4>
<p>Guarantee with no doubt</p>
</div>
</div>
<div class="divider d-lg-show"></div>
<div class="icon-box icon-box-side icon-border pt-2 pb-2 mb-lg-4">
<div class="icon-box-icon">
<i class="d-icon-truck"></i>
</div>
<div class="icon-box-content">
<h4 class="icon-box-title lh-1 pt-1 ls-s text-normal"> Free shipping </h4>
<p>On orders over ₹50.00</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane" id="product-tab-additional">
<ul class="list-none">
<li>
<label>Flash Memory:</label>
<p>32 KB</p>
</li>
<li>
<label>SRAM:</label>
<p>2</p>
</li>
<li>
<label>EEPROM:</label>
<p>1 KB (ATmega328P)</p>
</li>
<li>
<label>DC Current for 3.3V Pin (mA):</label>
<p>50</p>
</li>
<li>
<label>DC Current per I/O Pin (mA):</label>
<p>20</p>
</li>
<li>
<label>On Board LEDs:</label>
<p>Yes</p>
</li>
<li>
<label>Operating Temperature (°C):</label>
<p>-10 to 60</p>
</li>
</ul>
</div>
<div class="tab-pane " id="product-tab-reviews">
<div class="row">
<div class="col-12 mb-6">
<div class="avg-rating-container">
<mark>5.0</mark>
<div class="avg-rating">
<span class="avg-rating-title">Average Rating</span>
<div class="ratings-container mb-0">
<div class="ratings-full">
<span class="ratings" style="width:100%"></span>
<span class="tooltiptext tooltip-top"></span>
</div>
<span class="rating-reviews">(2 Reviews)</span>
</div>
</div>
</div>
<div class="ratings-list mb-2">
<div class="ratings-item">
<div class="ratings-container mb-0">
<div class="ratings-full">
<span class="ratings" style="width:100%"></span>
<span class="tooltiptext tooltip-top"></span>
</div>
</div>
<div class="rating-percent">
<span style="width:100%;"></span>
</div>
<div class="progress-value">100%</div>
</div>
<div class="ratings-item">
<div class="ratings-container mb-0">
<div class="ratings-full">
<span class="ratings" style="width:80%"></span>
<span class="tooltiptext tooltip-top">4.00</span>
</div>
</div>
<div class="rating-percent">
<span style="width:0%;"></span>
</div>
<div class="progress-value">0%</div>
</div>
<div class="ratings-item">
<div class="ratings-container mb-0">
<div class="ratings-full">
<span class="ratings" style="width:60%"></span>
<span class="tooltiptext tooltip-top">4.00</span>
</div>
</div>
<div class="rating-percent">
<span style="width:0%;"></span>
</div>
<div class="progress-value">0%</div>
</div>
<div class="ratings-item">
<div class="ratings-container mb-0">
<div class="ratings-full">
<span class="ratings" style="width:40%"></span>
<span class="tooltiptext tooltip-top">4.00</span>
</div>
</div>
<div class="rating-percent">
<span style="width:0%;"></span>
</div>
<div class="progress-value">0%</div>
</div>
<div class="ratings-item">
<div class="ratings-container mb-0">
<div class="ratings-full">
<span class="ratings" style="width:20%"></span>
<span class="tooltiptext tooltip-top">4.00</span>
</div>
</div>
<div class="rating-percent">
<span style="width:0%;"></span>
</div>
<div class="progress-value">0%</div>
</div>
</div>
<a class="btn btn-dark btn-rounded submit-review-toggle" href="#">Submit Review</a>
</div>
<div class="col-12 comments pt-2 pb-10 border-no">
<nav class="toolbox">
<div class="toolbox-left">
<div class="toolbox-item">
<a href="#" class="btn btn-outline btn-rounded">All Reviews</a>
</div>
<div class="toolbox-item">
<a href="#" class="btn btn-outline btn-rounded">With Images</a>
</div>
<div class="toolbox-item">
<a href="#" class="btn btn-outline btn-rounded">With Videos</a>
</div>
</div>
<div class="toolbox-right">
<div class="toolbox-item toolbox-sort select-box text-dark">
<label>Sort By :</label>
<select name="orderby" class="form-control">
<option value>Default Order</option>
<option value="newest" selected="selected">Newest Reviews </option>
<option value="oldest">Oldest Reviews</option>
<option value="high_rate">Highest Rating</option>
<option value="low_rate">Lowest Rating</option>
<option value="most_likely">Most Likely</option>
<option value="most_unlikely">Most Unlikely</option>
</select>
</div>
</div>
</nav>
<ul class="comments-list">
<li>
<div class="comment">
<figure class="comment-media">
<a href="#">
<img src="images/blog/comments/1.jpg" alt="avatar">
</a>
</figure>
<div class="comment-body">
<div class="comment-rating ratings-container">
<div class="ratings-full">
<span class="ratings" style="width:100%"></span>
<span class="tooltiptext tooltip-top"></span>
</div>
</div>
<div class="comment-user">
<span class="comment-date">by <span class="font-weight-semi-bold text-uppercase text-dark">John Doe</span> on <span class="font-weight-semi-bold text-dark">Nov 22, 2018</span>
</span>
</div>
<div class="comment-content mb-5">
<p>Sed pretium, ligula sollicitudin laoreet viverra, tortor libero sodales leo, eget blandit nunc tortor eu nibh. Nullam mollis. Ut justo. Suspendisse potenti. Sed egestas, ante et vulputate volutpat, eros pede semper est, vitae luctus metus libero eu augue.</p>
</div>
<div class="file-input-wrappers">
<img class="btn-play btn-img pwsp" src="images/products/product1.jpg" width="280" height="315" alt="product" />
<img class="btn-play btn-img pwsp" src="images/products/product3.jpg" width="280" height="315" alt="product" />
<a class="btn-play btn-iframe" style="background-image: url(images/product/product.jpg);background-size: cover;" href="video/memory-of-a-woman.mp4">
<i class="d-icon-play-solid"></i>
</a>
</div>
<div class="feeling mt-5">
<button class="btn btn-link btn-icon-left btn-slide-up btn-infinite like mr-2">
<i class="fa fa-thumbs-up"></i> Like ( <span class="count">0</span>) </button>
<button class="btn btn-link btn-icon-left btn-slide-down btn-infinite unlike">
<i class="fa fa-thumbs-down"></i> Unlike ( <span class="count">0</span>) </button>
</div>
</div>
</div>
</li>
<li>
<div class="comment">
<figure class="comment-media">
<a href="#">
<img src="images/blog/comments/2.jpg" alt="avatar">
</a>
</figure>
<div class="comment-body">
<div class="comment-rating ratings-container">
<div class="ratings-full">
<span class="ratings" style="width:100%"></span>
<span class="tooltiptext tooltip-top"></span>
</div>
</div>
<div class="comment-user">
<span class="comment-date">by <span class="font-weight-semi-bold text-uppercase text-dark">John Doe</span> on <span class="font-weight-semi-bold text-dark">Nov 22, 2018</span>
</span>
</div>
<div class="comment-content">
<p>Sed pretium, ligula sollicitudin laoreet viverra, tortor libero sodales leo, eget blandit nunc tortor eu nibh. Nullam mollis. Ut justo. Suspendisse potenti. Sed egestas, ante et vulputate volutpat, eros pede semper est, vitae luctus metus libero eu augue. Morbi purus libero, faucibus adipiscing, commodo quis, avida id, est. Sed lectus. Praesent elementum hendrerit tortor. Sed semper lorem at felis. Vestibulum volutpat.</p>
</div>
<div class="feeling mt-5">
<button class="btn btn-link btn-icon-left btn-slide-up btn-infinite like mr-2">
<i class="fa fa-thumbs-up"></i> Like ( <span class="count">0</span>) </button>
<button class="btn btn-link btn-icon-left btn-slide-down btn-infinite unlike">
<i class="fa fa-thumbs-down"></i> Unlike ( <span class="count">0</span>) </button>
</div>
</div>
</div>
</li>
</ul>
<nav class="toolbox toolbox-pagination justify-content-end">
<ul class="pagination">
<li class="page-item disabled">
<a class="page-link page-link-prev" href="#" aria-label="Previous" tabindex="-1" aria-disabled="true">
<i class="d-icon-arrow-left"></i>Prev </a>
</li>
<li class="page-item active" aria-current="page">
<a class="page-link" href="#">1</a>
</li>
<li class="page-item">
<a class="page-link" href="#">2</a>
</li>
<li class="page-item">
<a class="page-link" href="#">3</a>
</li>
<li class="page-item page-item-dots">
<a class="page-link" href="#">6</a>
</li>
<li class="page-item">
<a class="page-link page-link-next" href="#" aria-label="Next"> Next <i class="d-icon-arrow-right"></i>
</a>
</li>
</ul>
</nav>
</div>
</div>
<div class="review-form-section">
<div class="review-overlay"></div>
<div class="review-form-wrapper">
<div class="title-wrapper text-left">
<h3 class="title title-simple text-left text-normal">Add a Review </h3>
<p>Your email address will not be published. Required fields are marked * </p>
</div>
<div class="rating-form">
<label for="rating" class="text-dark">Your rating * </label>
<span class="rating-stars selected">
<a class="star-1" href="#">1</a>
<a class="star-2" href="#">2</a>
<a class="star-3" href="#">3</a>
<a class="star-4 active" href="#">4</a>
<a class="star-5" href="#">5</a>
</span>
<select name="rating" id="rating" required style="display: none;">
<option value>Rate…</option>
<option value="5">Perfect</option>
<option value="4">Good</option>
<option value="3">Average</option>
<option value="2">Not that bad</option>
<option value="1">Very poor</option>
</select>
</div>
<form action="#">
<textarea id="reply-message" cols="30" rows="6" class="form-control mb-4" placeholder="Comment *" required></textarea>
<div class="review-medias">
<div class="file-input form-control image-input" style="background-image: url(images/product/placeholder.png);">
<div class="file-input-wrapper"></div>
<label class="btn-action btn-upload" title="Upload Media">
<input type="file" accept=".png, .jpg, .jpeg" name="riode_comment_medias_image_1">
</label>
<label class="btn-action btn-remove" title="Remove Media"></label>
</div>
<div class="file-input form-control image-input" style="background-image: url(images/product/placeholder.png);">
<div class="file-input-wrapper"></div>
<label class=" btn-action btn-upload" title="Upload Media">
<input type="file" accept=".png, .jpg, .jpeg" name="riode_comment_medias_image_2">
</label>
<label class="btn-action btn-remove" title="Remove Media"></label>
</div>
<div class="file-input form-control video-input" style="background-image: url(images/product/placeholder.png);">
<video class="file-input-wrapper" controls></video>
<label class="btn-action btn-upload" title="Upload Media">
<input type="file" accept=".avi, .mp4" name="riode_comment_medias_video_1">
</label>
<label class="btn-action btn-remove" title="Remove Media"></label>
</div>
</div>
<p>Upload images and videos. Maximum count: 3, size: 2MB</p>
<button type="submit" class="btn btn-primary btn-rounded">Submit <i class="d-icon-arrow-right"></i>
</button>
</form>
</div>
</div>
</div>
</div>
</div>
<?php } ?>
<section class="product-wrapper mb-4">
<h2 class="title mb-0 d-block text-center">Related Products </h2>
<div class="owl-carousel owl-theme owl-nav-full owl-split row cols-2 cols-md-3 cols-lg-4 gutter-xs" data-owl-options="{
'items': 5,
'nav': true,
'loop': false,
'dots': false,
'margin': 1,
'responsive': {
'0': {
'items': 2
},
'768': {
'items': 3
},
'992': {
'items': 4
}
}
}">
<div class="product text-center">
<figure class="product-media">
<a href="product1.php">
<img src="images/new-product-detail/pro1-1.jpg" alt="product" width="220" height="206">
</a>
<div class="product-action-vertical">
<a href="#" class="btn-product-icon btn-cart" data-toggle="modal" data-target="#addCartModal" title="Add to cart">
<i class="d-icon-bag"></i>
</a>
<a href="#" class="btn-product-icon btn-wishlist" title="Add to wishlist">
<i class="d-icon-heart"></i>
</a>
</div>
<div class="product-action">
<a href="#" class="btn-product btn-quickview" title="Quick View">Quick View</a>
</div>
</figure>
<div class="product-details">
<h3 class="product-name">
<a href="product1.php">Raspberry PI 3 Model B+ Basic Kit</a>
</h3>
<div class="product-price">
<ins class="new-price">₹199.00</ins>
<del class="old-price">₹210.00</del>
</div>
<div class="ratings-container">
<div class="ratings-full">
<span class="ratings" style="width:100%"></span>
<span class="tooltiptext tooltip-top"></span>
</div>
<a href="product1.php" class="rating-reviews">( 6 reviews )</a>
</div>
</div>
</div>
<div class="product text-center">
<figure class="product-media">
<a href="product1.php">
<img src="images/new-product-detail/pro1-4.jpg" alt="product" width="220" height="206">
</a>
<div class="product-action-vertical">
<a href="#" class="btn-product-icon btn-cart" data-toggle="modal" data-target="#addCartModal" title="Add to cart">
<i class="d-icon-bag"></i>
</a>
<a href="#" class="btn-product-icon btn-wishlist" title="Add to wishlist">
<i class="d-icon-heart"></i>
</a>
</div>
<div class="product-action">
<a href="#" class="btn-product btn-quickview" title="Quick View">Quick View</a>
</div>
</figure>
<div class="product-details">
<h3 class="product-name">
<a href="product1.php">Infrared (IR) Sensor Module</a>
</h3>
<div class="product-price">
<ins class="new-price">₹199.00</ins>
<del class="old-price">₹210.00</del>
</div>
<div class="ratings-container">
<div class="ratings-full">
<span class="ratings" style="width:100%"></span>
<span class="tooltiptext tooltip-top"></span>
</div>
<a href="product1.php" class="rating-reviews">( 6 reviews )</a>
</div>
</div>
</div>
<div class="product text-center">
<figure class="product-media">
<a href="product1.php">
<img src="images/new-product-detail/pro1-2.jpg" alt="product" width="220" height="206">
</a>
<div class="product-action-vertical">
<a href="#" class="btn-product-icon btn-cart" data-toggle="modal" data-target="#addCartModal" title="Add to cart">
<i class="d-icon-bag"></i>
</a>
<a href="#" class="btn-product-icon btn-wishlist" title="Add to wishlist">
<i class="d-icon-heart"></i>
</a>
</div>
<div class="product-action">
<a href="#" class="btn-product btn-quickview" title="Quick View">Quick View</a>
</div>
</figure>
<div class="product-details">
<h3 class="product-name">
<a href="product1.php">Arduino Uno R3</a>
</h3>
<div class="product-price">
<ins class="new-price">₹199.00</ins>
<del class="old-price">₹210.00</del>
</div>
<div class="ratings-container">
<div class="ratings-full">
<span class="ratings" style="width:100%"></span>
<span class="tooltiptext tooltip-top"></span>
</div>
<a href="product1.php" class="rating-reviews">( 6 reviews )</a>
</div>
</div>
</div>
<div class="product text-center">
<figure class="product-media">
<a href="product1.php">
<img src="images/new-product-detail/pro1-3.jpg" alt="product" width="220" height="206">
</a>
<div class="product-action-vertical">
<a href="#" class="btn-product-icon btn-cart" data-toggle="modal" data-target="#addCartModal" title="Add to cart">
<i class="d-icon-bag"></i>
</a>
<a href="#" class="btn-product-icon btn-wishlist" title="Add to wishlist">
<i class="d-icon-heart"></i>
</a>
</div>
<div class="product-action">
<a href="#" class="btn-product btn-quickview" title="Quick View">Quick View</a>
</div>
</figure>
<div class="product-details">
<h3 class="product-name">
<a href="product1.php">Orange 8mm NPN Inductive Proximity Sensor</a>
</h3>
<div class="product-price">
<ins class="new-price">₹199.00</ins>
<del class="old-price">₹210.00</del>
</div>
<div class="ratings-container">
<div class="ratings-full">
<span class="ratings" style="width:100%"></span>
<span class="tooltiptext tooltip-top"></span>
</div>
<a href="product1.php" class="rating-reviews">( 6 reviews )</a>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
</div>
</div>
</main>
<?php include "footer.php"; ?>
Zerion Mini Shell 1.0