Mini Shell
Mini Shell
| Direktori : /home2/selectio/public_html/ramali.in/ |
| Current File : /home2/selectio/public_html/ramali.in/product-details1.php |
<?php include "header1.php"?>
<style>
table {
font-family: arial, sans-serif;
border-collapse: collapse;
width: 100%;
}
td, th {
border: 1px solid #ffffff;
text-align: left;
text-align: center;
padding-top: 4%;
}
tr:nth-child(odd) {
background-color: #1b99d978;
}
</style>
<style>
.btn-dark{
border-color: #08c;
background-color: #0088cc;
}
@media (min-width: 768px){
.product-single .product-details{
width: 160%;
}
}
</style>
<!-- Start of Main -->
<main class="main mb-10 pb-1">
<!-- Start of Breadcrumb -->
<nav class="breadcrumb-nav container">
<ul class="breadcrumb bb-no">
<li><a href="demo1.html">Home</a></li>
<li>Products</li>
</ul>
<!--<ul class="product-nav list-style-none">
<li class="product-nav-prev">
<a href="#">
<i class="w-icon-angle-left"></i>
</a>
<span class="product-nav-popup">
<img src="assets/images/products/product-nav-prev.jpg" alt="Product" width="110" height="110" />
<span class="product-name">Soft Sound Maker</span>
</span>
</li>
<li class="product-nav-next">
<a href="#">
<i class="w-icon-angle-right"></i>
</a>
<span class="product-nav-popup">
<img src="assets/images/products/product-nav-next.jpg" alt="Product" width="110" height="110" />
<span class="product-name">Fabulous Sound Speaker</span>
</span>
</li>
</ul>-->
</nav>
<!-- End of Breadcrumb -->
<!-- Start of Page Content -->
<div class="page-content">
<div class="container">
<div class="row gutter-lg">
<div class="main-content">
<div class="product product-single row">
<div class="col-md-6 mb-6">
<div class="product-gallery product-gallery-sticky">
<div class="swiper-container product-single-swiper swiper-theme nav-inner" data-swiper-options="{
'navigation': {
'nextEl': '.swiper-button-next',
'prevEl': '.swiper-button-prev'
}
}">
<div class="swiper-wrapper row cols-1 gutter-no">
<div class="swiper-slide">
<figure class="product-image">
<img src="images/main-products/image22.jpeg"
data-zoom-image="images/main-products/image22.jpeg"
alt="Electronics Black Wrist Watch" width="800" height="900">
</figure>
</div>
<div class="swiper-slide">
<figure class="product-image">
<img src="images/main-products/image23.jpeg"
data-zoom-image="images/main-products/image23.jpeg"
alt="Electronics Black Wrist Watch" width="488" height="549">
</figure>
</div>
<div class="swiper-slide">
<figure class="product-image">
<img src="images/main-products/image24.jpeg"
data-zoom-image="images/main-products/image24.jpeg"
alt="Electronics Black Wrist Watch" width="800" height="900">
</figure>
</div>
<div class="swiper-slide">
<figure class="product-image">
<img src="images/main-products/image25.jpeg"
data-zoom-image="images/main-products/image25.jpeg"
alt="Electronics Black Wrist Watch" width="800" height="900">
</figure>
</div>
<div class="swiper-slide">
<figure class="product-image">
<img src="images/main-products/image20.jpeg"
data-zoom-image="images/main-products/image20.jpeg"
alt="Electronics Black Wrist Watch" width="800" height="900">
</figure>
</div>
<div class="swiper-slide">
<figure class="product-image">
<img src="images/main-products/image21.jpeg"
data-zoom-image="images/main-products/image21.jpeg"
alt="Electronics Black Wrist Watch" width="800" height="900">
</figure>
</div>
</div>
<button class="swiper-button-next"></button>
<button class="swiper-button-prev"></button>
<a href="#" class="product-gallery-btn product-image-full"><i class="w-icon-zoom"></i></a>
</div>
<div class="product-thumbs-wrap swiper-container" data-swiper-options="{
'navigation': {
'nextEl': '.swiper-button-next',
'prevEl': '.swiper-button-prev'
}
}">
<div class="product-thumbs swiper-wrapper row cols-4 gutter-sm">
<div class="product-thumb swiper-slide">
<img src="images/main-products/image22.jpeg"
alt="Product Thumb" width="800" height="900">
</div>
<div class="product-thumb swiper-slide">
<img src="images/main-products/image23.jpeg"
alt="Product Thumb" width="800" height="900">
</div>
<div class="product-thumb swiper-slide">
<img src="images/main-products/image24.jpeg"
alt="Product Thumb" width="800" height="900">
</div>
<div class="product-thumb swiper-slide">
<img src="images/main-products/image25.jpeg"
alt="Product Thumb" width="800" height="900">
</div>
<div class="product-thumb swiper-slide">
<img src="images/main-products/image20.jpeg"
alt="Product Thumb" width="800" height="900">
</div>
<div class="product-thumb swiper-slide">
<img src="images/main-products/image21.jpeg"
alt="Product Thumb" width="800" height="900">
</div>
</div>
<button class="swiper-button-next"></button>
<button class="swiper-button-prev"></button>
</div>
</div>
</div>
<div class="col-md-6 mb-4 mb-md-6">
<div class="product-details" data-sticky-options="{'minWidth': 767}">
<h1 class="product-title">Kasturi vol.02 Brand & readymade chudidar</h1>
<hr class="product-divider">
<table>
<tr>
<td style="width: 30%;">
<h4>Price</h4>
</td>
<td>
<div class="product-price" style="font-size: 20px;">
<ins class="new-price">₹ 4,650.00</ins>
</div>
</td>
</tr>
<tr>
<td>
<h6>Availability</h6>
</td>
<td>
<h6>Available</h6>
</td>
</tr>
<tr>
<td>
<h6>Product Code</h6>
</td>
<td>
<h6>
Kasturi vol.02 Brand readymade chudidar With lining Cotton mix Catlog 2
</h6>
</td>
</tr>
<tr>
<td>
<h6>Catelog pieces</h6>
</td>
<td>
<h6>12</h6>
</td>
</tr>
<tr>
<td>
<h6>Full Catelog Price</h6>
</td>
<td><h6>₹4,500.00 </h6></td>
</tr>
<tr>
<td>
<h6>Price Per piece</h6>
</td>
<td>
<h6>₹375.00</h6>
</td>
</tr>
<tr>
<td>
<h6>MOQ</h6>
</td>
<td>
<h6>Full Catalog</h6>
</td>
</tr>
<tr>
<td>
<h6>Sizes</h6>
</td>
<td>
<div class="product-form product-variation-form product-size-swatch">
<div class="flex-wrap d-flex align-items-center product-variations">
<a href="#" class="size">Small</a>
<a href="#" class="size">Medium</a>
<a href="#" class="size">Large</a>
<a href="#" class="size">Extra Large</a>
</div>
</div>
</td>
</tr>
<tr>
<td>
<h6>Shipping Chargers</h6>
</td>
<td>
<h6> ₹150.00 Tamilnadu shipping charges </h6>
</td>
</tr>
<tr>
<td>
<h6>Shipping Time</h6>
</td>
<td>
<h6>2-3 Days</h6>
</td>
</tr>
<tr>
<td>
<h6>Dispatch</h6>
</td>
<td>
<h6>Ready To Dispatch</h6>
</td>
</tr>
<tr>
<td>
<h6>Brand</h6>
</td>
<td>
<h6>Navkar</h6>
</td>
</tr>
</table>
<div class="fix-bottom product-sticky-content sticky-content">
<div class="product-form container" style=" margin-top: 3%;">
<div class="product-qty-form">
<div class="input-group">
<input class="quantity form-control" type="number" min="1"
max="10000000">
<button class="quantity-plus w-icon-plus"></button>
<button class="quantity-minus w-icon-minus"></button>
</div>
</div>
<button class="btn btn-dark btn-rounded">
<a href="shipping-details.php">
Add To Cart
</a>
</button>
</div>
</div>
<div class="social-links-wrapper">
<div class="social-links">
<div class="social-icons social-no-color border-thin">
<a href="#" class="social-icon social-facebook w-icon-facebook"></a>
<a href="#" class="social-icon social-twitter w-icon-twitter"></a>
<a href="#"
class="social-icon social-pinterest fab fa-pinterest-p"></a>
<a href="#" class="social-icon social-whatsapp fab fa-whatsapp"></a>
<a href="#"
class="social-icon social-youtube fab fa-linkedin-in"></a>
</div>
</div>
<span class="divider d-xs-show"></span>
</div>
</div>
</div>
</div>
<div class="tab tab-nav-boxed tab-nav-underline product-tabs" style="width: 125%;">
<ul class="nav nav-tabs" role="tablist">
<li class="nav-item">
<a href="#product-tab-description" class="nav-link active">Description</a>
</li>
<li class="nav-item">
<a href="#product-tab-specification" class="nav-link">Specification</a>
</li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="product-tab-description">
<div class="row mb-4">
<div class="col-md-12 mb-5">
<h4 class="title tab-pane-title font-weight-bold mb-2">Detail</h4>
<p class="mb-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit,
sed do eiusmod tempor incididunt arcu cursus vitae congue mauris.
Sagittis id consectetur purus ut. Tellus rutrum tellus pelle Vel
pretium lectus quam id leo in vitae turpis massa.</p>
<ul class="list-type-check">
<li>Nunc nec porttitor turpis. In eu risus enim. In vitae mollis
elit.
</li>
<li>Vivamus finibus vel mauris ut vehicula.</li>
<li>Nullam a magna porttitor, dictum risus nec, faucibus sapien.
</li>
</ul>
</div>
</div>
<div class="row cols-md-3">
<div class="mb-3">
<h5 class="sub-title font-weight-bold"><span class="mr-3">1.</span>Free
Shipping & Return</h5>
<p class="detail pl-5">We offer free shipping for products on orders
above 50$ and offer free delivery for all orders in US.</p>
</div>
<div class="mb-3">
<h5 class="sub-title font-weight-bold"><span>2.</span>Free and Easy
Returns</h5>
<p class="detail pl-5">We guarantee our products and you could get back
all of your money anytime you want in 30 days.</p>
</div>
<div class="mb-3">
<h5 class="sub-title font-weight-bold"><span>3.</span>Special Financing
</h5>
<p class="detail pl-5">Get 20%-50% off items over 50$ for a month or
over 250$ for a year with our special credit card.</p>
</div>
</div>
</div>
<div class="tab-pane" id="product-tab-specification">
<ul class="list-none">
<li>
<label>Model</label>
<p>Skysuite 320</p>
</li>
<li>
<label>Color</label>
<p>Black</p>
</li>
<li>
<label>Size</label>
<p>Large, Small</p>
</li>
<li>
<label>Guarantee Time</label>
<p>3 Months</p>
</li>
</ul>
</div>
<div class="tab-pane" id="product-tab-vendor">
<div class="row mb-3">
<div class="col-md-6 mb-4">
<figure class="vendor-banner br-sm">
<img src="assets/images/products/vendor-banner.jpg"
alt="Vendor Banner" width="610" height="295"
style="background-color: #353B55;" />
</figure>
</div>
<div class="col-md-6 pl-2 pl-md-6 mb-4">
<div class="vendor-user">
<figure class="vendor-logo mr-4">
<a href="#">
<img src="assets/images/products/vendor-logo.jpg"
alt="Vendor Logo" width="80" height="80" />
</a>
</figure>
<div>
<div class="vendor-name"><a href="#">Jone Doe</a></div>
<div class="ratings-container">
<div class="ratings-full">
<span class="ratings" style="width: 90%;"></span>
<span class="tooltiptext tooltip-top"></span>
</div>
<a href="#" class="rating-reviews">(32 Reviews)</a>
</div>
</div>
</div>
<ul class="vendor-info list-style-none">
<li class="store-name">
<label>Store Name:</label>
<span class="detail">OAIO Store</span>
</li>
<li class="store-address">
<label>Address:</label>
<span class="detail">Steven Street, El Carjon, CA 92020, United
States (US)</span>
</li>
<li class="store-phone">
<label>Phone:</label>
<a href="#tel:">1234567890</a>
</li>
</ul>
<a href="vendor-dokan-store.html"
class="btn btn-dark btn-link btn-underline btn-icon-right">Visit
Store<i class="w-icon-long-arrow-right"></i></a>
</div>
</div>
<p class="mb-5"><strong class="text-dark">L</strong>orem ipsum dolor sit amet,
consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua.
Venenatis tellus in metus vulputate eu scelerisque felis. Vel pretium
lectus quam id leo in vitae turpis massa. Nunc id cursus metus aliquam.
Libero id faucibus nisl tincidunt eget. Aliquam id diam maecenas ultricies
mi eget mauris. Volutpat ac tincidunt vitae semper quis lectus. Vestibulum
mattis ullamcorper velit sed. A arcu cursus vitae congue mauris.
</p>
<p class="mb-2"><strong class="text-dark">A</strong> arcu cursus vitae congue
mauris. Sagittis id consectetur purus
ut. Tellus rutrum tellus pellentesque eu tincidunt tortor aliquam nulla.
Diam in
arcu cursus euismod quis. Eget sit amet tellus cras adipiscing enim eu. In
fermentum et sollicitudin ac orci phasellus. A condimentum vitae sapien
pellentesque
habitant morbi tristique senectus et. In dictum non consectetur a erat. Nunc
scelerisque viverra mauris in aliquam sem fringilla.</p>
</div>
<div class="tab-pane" id="product-tab-reviews">
<div class="row mb-4">
<div class="col-xl-4 col-lg-5 mb-4">
<div class="ratings-wrapper">
<div class="avg-rating-container">
<h4 class="avg-mark font-weight-bolder ls-50">3.3</h4>
<div class="avg-rating">
<p class="text-dark mb-1">Average Rating</p>
<div class="ratings-container">
<div class="ratings-full">
<span class="ratings" style="width: 60%;"></span>
<span class="tooltiptext tooltip-top"></span>
</div>
<a href="#" class="rating-reviews">(3 Reviews)</a>
</div>
</div>
</div>
<div
class="ratings-value d-flex align-items-center text-dark ls-25">
<span
class="text-dark font-weight-bold">66.7%</span>Recommended<span
class="count">(2 of 3)</span>
</div>
<div class="ratings-list">
<div class="ratings-container">
<div class="ratings-full">
<span class="ratings" style="width: 100%;"></span>
<span class="tooltiptext tooltip-top"></span>
</div>
<div class="progress-bar progress-bar-sm ">
<span></span>
</div>
<div class="progress-value">
<mark>70%</mark>
</div>
</div>
<div class="ratings-container">
<div class="ratings-full">
<span class="ratings" style="width: 80%;"></span>
<span class="tooltiptext tooltip-top"></span>
</div>
<div class="progress-bar progress-bar-sm ">
<span></span>
</div>
<div class="progress-value">
<mark>30%</mark>
</div>
</div>
<div class="ratings-container">
<div class="ratings-full">
<span class="ratings" style="width: 60%;"></span>
<span class="tooltiptext tooltip-top"></span>
</div>
<div class="progress-bar progress-bar-sm ">
<span></span>
</div>
<div class="progress-value">
<mark>40%</mark>
</div>
</div>
<div class="ratings-container">
<div class="ratings-full">
<span class="ratings" style="width: 40%;"></span>
<span class="tooltiptext tooltip-top"></span>
</div>
<div class="progress-bar progress-bar-sm ">
<span></span>
</div>
<div class="progress-value">
<mark>0%</mark>
</div>
</div>
<div class="ratings-container">
<div class="ratings-full">
<span class="ratings" style="width: 20%;"></span>
<span class="tooltiptext tooltip-top"></span>
</div>
<div class="progress-bar progress-bar-sm ">
<span></span>
</div>
<div class="progress-value">
<mark>0%</mark>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-8 col-lg-7 mb-4">
<div class="review-form-wrapper">
<h3 class="title tab-pane-title font-weight-bold mb-1">Submit Your
Review</h3>
<p class="mb-3">Your email address will not be published. Required
fields are marked *</p>
<form action="#" method="POST" class="review-form">
<div class="rating-form">
<label for="rating">Your Rating Of This Product :</label>
<span class="rating-stars">
<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" 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>
<textarea cols="30" rows="6"
placeholder="Write Your Review Here..." class="form-control"
id="review"></textarea>
<div class="row gutter-md">
<div class="col-md-6">
<input type="text" class="form-control"
placeholder="Your Name" id="author">
</div>
<div class="col-md-6">
<input type="text" class="form-control"
placeholder="Your Email" id="email_1">
</div>
</div>
<div class="form-group">
<input type="checkbox" class="custom-checkbox"
id="save-checkbox">
<label for="save-checkbox">Save my name, email, and website
in this browser for the next time I comment.</label>
</div>
<button type="submit" class="btn btn-dark">Submit
Review</button>
</form>
</div>
</div>
</div>
<div class="tab tab-nav-boxed tab-nav-outline tab-nav-center">
<ul class="nav nav-tabs" role="tablist">
<li class="nav-item">
<a href="#show-all" class="nav-link active">Show All</a>
</li>
<li class="nav-item">
<a href="#helpful-positive" class="nav-link">Most Helpful
Positive</a>
</li>
<li class="nav-item">
<a href="#helpful-negative" class="nav-link">Most Helpful
Negative</a>
</li>
<li class="nav-item">
<a href="#highest-rating" class="nav-link">Highest Rating</a>
</li>
<li class="nav-item">
<a href="#lowest-rating" class="nav-link">Lowest Rating</a>
</li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="show-all">
<ul class="comments list-style-none">
<li class="comment">
<div class="comment-body">
<figure class="comment-avatar">
<img src="assets/images/agents/1-100x100.png"
alt="Commenter Avatar" width="90" height="90">
</figure>
<div class="comment-content">
<h4 class="comment-author">
<a href="#">John Doe</a>
<span class="comment-date">March 22, 2021 at
1:54 pm</span>
</h4>
<div class="ratings-container comment-rating">
<div class="ratings-full">
<span class="ratings"
style="width: 60%;"></span>
<span
class="tooltiptext tooltip-top"></span>
</div>
</div>
<p>pellentesque habitant morbi tristique senectus
et. In dictum non consectetur a erat.
Nunc ultrices eros in cursus turpis massa
tincidunt ante in nibh mauris cursus mattis.
Cras ornare arcu dui vivamus arcu felis bibendum
ut tristique.</p>
<div class="comment-action">
<a href="#"
class="btn btn-secondary btn-link btn-underline sm btn-icon-left font-weight-normal text-capitalize">
<i class="far fa-thumbs-up"></i>Helpful (1)
</a>
<a href="#"
class="btn btn-dark btn-link btn-underline sm btn-icon-left font-weight-normal text-capitalize">
<i class="far fa-thumbs-down"></i>Unhelpful
(0)
</a>
<div class="review-image">
<a href="#">
<figure>
<img src="assets/images/products/default/review-img-1.jpg"
width="60" height="60"
alt="Attachment image of John Doe's review on Electronics Black Wrist Watch"
data-zoom-image="assets/images/products/default/review-img-1-800x900.jpg" />
</figure>
</a>
</div>
</div>
</div>
</div>
</li>
<li class="comment">
<div class="comment-body">
<figure class="comment-avatar">
<img src="assets/images/agents/2-100x100.png"
alt="Commenter Avatar" width="90" height="90">
</figure>
<div class="comment-content">
<h4 class="comment-author">
<a href="#">John Doe</a>
<span class="comment-date">March 22, 2021 at
1:52 pm</span>
</h4>
<div class="ratings-container comment-rating">
<div class="ratings-full">
<span class="ratings"
style="width: 80%;"></span>
<span
class="tooltiptext tooltip-top"></span>
</div>
</div>
<p>Nullam a magna porttitor, dictum risus nec,
faucibus sapien.
Ultrices eros in cursus turpis massa tincidunt
ante in nibh mauris cursus mattis.
Cras ornare arcu dui vivamus arcu felis bibendum
ut tristique.</p>
<div class="comment-action">
<a href="#"
class="btn btn-secondary btn-link btn-underline sm btn-icon-left font-weight-normal text-capitalize">
<i class="far fa-thumbs-up"></i>Helpful (1)
</a>
<a href="#"
class="btn btn-dark btn-link btn-underline sm btn-icon-left font-weight-normal text-capitalize">
<i class="far fa-thumbs-down"></i>Unhelpful
(0)
</a>
<div class="review-image">
<a href="#">
<figure>
<img src="assets/images/products/default/review-img-2.jpg"
width="60" height="60"
alt="Attachment image of John Doe's review on Electronics Black Wrist Watch"
data-zoom-image="assets/images/products/default/review-img-2.jpg" />
</figure>
</a>
<a href="#">
<figure>
<img src="assets/images/products/default/review-img-3.jpg"
width="60" height="60"
alt="Attachment image of John Doe's review on Electronics Black Wrist Watch"
data-zoom-image="assets/images/products/default/review-img-3.jpg" />
</figure>
</a>
</div>
</div>
</div>
</div>
</li>
<li class="comment">
<div class="comment-body">
<figure class="comment-avatar">
<img src="assets/images/agents/3-100x100.png"
alt="Commenter Avatar" width="90" height="90">
</figure>
<div class="comment-content">
<h4 class="comment-author">
<a href="#">John Doe</a>
<span class="comment-date">March 22, 2021 at
1:21 pm</span>
</h4>
<div class="ratings-container comment-rating">
<div class="ratings-full">
<span class="ratings"
style="width: 60%;"></span>
<span
class="tooltiptext tooltip-top"></span>
</div>
</div>
<p>In fermentum et sollicitudin ac orci phasellus. A
condimentum vitae
sapien pellentesque habitant morbi tristique
senectus et. In dictum
non consectetur a erat. Nunc scelerisque viverra
mauris in aliquam sem fringilla.</p>
<div class="comment-action">
<a href="#"
class="btn btn-secondary btn-link btn-underline sm btn-icon-left font-weight-normal text-capitalize">
<i class="far fa-thumbs-up"></i>Helpful (0)
</a>
<a href="#"
class="btn btn-dark btn-link btn-underline sm btn-icon-left font-weight-normal text-capitalize">
<i class="far fa-thumbs-down"></i>Unhelpful
(1)
</a>
</div>
</div>
</div>
</li>
</ul>
</div>
<div class="tab-pane" id="helpful-positive">
<ul class="comments list-style-none">
<li class="comment">
<div class="comment-body">
<figure class="comment-avatar">
<img src="assets/images/agents/1-100x100.png"
alt="Commenter Avatar" width="90" height="90">
</figure>
<div class="comment-content">
<h4 class="comment-author">
<a href="#">John Doe</a>
<span class="comment-date">March 22, 2021 at
1:54 pm</span>
</h4>
<div class="ratings-container comment-rating">
<div class="ratings-full">
<span class="ratings"
style="width: 60%;"></span>
<span
class="tooltiptext tooltip-top"></span>
</div>
</div>
<p>pellentesque habitant morbi tristique senectus
et. In dictum non consectetur a erat.
Nunc ultrices eros in cursus turpis massa
tincidunt ante in nibh mauris cursus mattis.
Cras ornare arcu dui vivamus arcu felis bibendum
ut tristique.</p>
<div class="comment-action">
<a href="#"
class="btn btn-secondary btn-link btn-underline sm btn-icon-left font-weight-normal text-capitalize">
<i class="far fa-thumbs-up"></i>Helpful (1)
</a>
<a href="#"
class="btn btn-dark btn-link btn-underline sm btn-icon-left font-weight-normal text-capitalize">
<i class="far fa-thumbs-down"></i>Unhelpful
(0)
</a>
<div class="review-image">
<a href="#">
<figure>
<img src="assets/images/products/default/review-img-1.jpg"
width="60" height="60"
alt="Attachment image of John Doe's review on Electronics Black Wrist Watch"
data-zoom-image="assets/images/products/default/review-img-1.jpg" />
</figure>
</a>
</div>
</div>
</div>
</div>
</li>
<li class="comment">
<div class="comment-body">
<figure class="comment-avatar">
<img src="assets/images/agents/2-100x100.png"
alt="Commenter Avatar" width="90" height="90">
</figure>
<div class="comment-content">
<h4 class="comment-author">
<a href="#">John Doe</a>
<span class="comment-date">March 22, 2021 at
1:52 pm</span>
</h4>
<div class="ratings-container comment-rating">
<div class="ratings-full">
<span class="ratings"
style="width: 80%;"></span>
<span
class="tooltiptext tooltip-top"></span>
</div>
</div>
<p>Nullam a magna porttitor, dictum risus nec,
faucibus sapien.
Ultrices eros in cursus turpis massa tincidunt
ante in nibh mauris cursus mattis.
Cras ornare arcu dui vivamus arcu felis bibendum
ut tristique.</p>
<div class="comment-action">
<a href="#"
class="btn btn-secondary btn-link btn-underline sm btn-icon-left font-weight-normal text-capitalize">
<i class="far fa-thumbs-up"></i>Helpful (1)
</a>
<a href="#"
class="btn btn-dark btn-link btn-underline sm btn-icon-left font-weight-normal text-capitalize">
<i class="far fa-thumbs-down"></i>Unhelpful
(0)
</a>
<div class="review-image">
<a href="#">
<figure>
<img src="assets/images/products/default/review-img-2.jpg"
width="60" height="60"
alt="Attachment image of John Doe's review on Electronics Black Wrist Watch"
data-zoom-image="assets/images/products/default/review-img-2-800x900.jpg" />
</figure>
</a>
<a href="#">
<figure>
<img src="assets/images/products/default/review-img-3.jpg"
width="60" height="60"
alt="Attachment image of John Doe's review on Electronics Black Wrist Watch"
data-zoom-image="assets/images/products/default/review-img-3-800x900.jpg" />
</figure>
</a>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
<div class="tab-pane" id="helpful-negative">
<ul class="comments list-style-none">
<li class="comment">
<div class="comment-body">
<figure class="comment-avatar">
<img src="assets/images/agents/3-100x100.png"
alt="Commenter Avatar" width="90" height="90">
</figure>
<div class="comment-content">
<h4 class="comment-author">
<a href="#">John Doe</a>
<span class="comment-date">March 22, 2021 at
1:21 pm</span>
</h4>
<div class="ratings-container comment-rating">
<div class="ratings-full">
<span class="ratings"
style="width: 60%;"></span>
<span
class="tooltiptext tooltip-top"></span>
</div>
</div>
<p>In fermentum et sollicitudin ac orci phasellus. A
condimentum vitae
sapien pellentesque habitant morbi tristique
senectus et. In dictum
non consectetur a erat. Nunc scelerisque viverra
mauris in aliquam sem fringilla.</p>
<div class="comment-action">
<a href="#"
class="btn btn-secondary btn-link btn-underline sm btn-icon-left font-weight-normal text-capitalize">
<i class="far fa-thumbs-up"></i>Helpful (0)
</a>
<a href="#"
class="btn btn-dark btn-link btn-underline sm btn-icon-left font-weight-normal text-capitalize">
<i class="far fa-thumbs-down"></i>Unhelpful
(1)
</a>
</div>
</div>
</div>
</li>
</ul>
</div>
<div class="tab-pane" id="highest-rating">
<ul class="comments list-style-none">
<li class="comment">
<div class="comment-body">
<figure class="comment-avatar">
<img src="assets/images/agents/2-100x100.png"
alt="Commenter Avatar" width="90" height="90">
</figure>
<div class="comment-content">
<h4 class="comment-author">
<a href="#">John Doe</a>
<span class="comment-date">March 22, 2021 at
1:52 pm</span>
</h4>
<div class="ratings-container comment-rating">
<div class="ratings-full">
<span class="ratings"
style="width: 80%;"></span>
<span
class="tooltiptext tooltip-top"></span>
</div>
</div>
<p>Nullam a magna porttitor, dictum risus nec,
faucibus sapien.
Ultrices eros in cursus turpis massa tincidunt
ante in nibh mauris cursus mattis.
Cras ornare arcu dui vivamus arcu felis bibendum
ut tristique.</p>
<div class="comment-action">
<a href="#"
class="btn btn-secondary btn-link btn-underline sm btn-icon-left font-weight-normal text-capitalize">
<i class="far fa-thumbs-up"></i>Helpful (1)
</a>
<a href="#"
class="btn btn-dark btn-link btn-underline sm btn-icon-left font-weight-normal text-capitalize">
<i class="far fa-thumbs-down"></i>Unhelpful
(0)
</a>
<div class="review-image">
<a href="#">
<figure>
<img src="assets/images/products/default/review-img-2.jpg"
width="60" height="60"
alt="Attachment image of John Doe's review on Electronics Black Wrist Watch"
data-zoom-image="assets/images/products/default/review-img-2-800x900.jpg" />
</figure>
</a>
<a href="#">
<figure>
<img src="assets/images/products/default/review-img-3.jpg"
width="60" height="60"
alt="Attachment image of John Doe's review on Electronics Black Wrist Watch"
data-zoom-image="assets/images/products/default/review-img-3-800x900.jpg" />
</figure>
</a>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
<div class="tab-pane" id="lowest-rating">
<ul class="comments list-style-none">
<li class="comment">
<div class="comment-body">
<figure class="comment-avatar">
<img src="assets/images/agents/1-100x100.png"
alt="Commenter Avatar" width="90" height="90">
</figure>
<div class="comment-content">
<h4 class="comment-author">
<a href="#">John Doe</a>
<span class="comment-date">March 22, 2021 at
1:54 pm</span>
</h4>
<div class="ratings-container comment-rating">
<div class="ratings-full">
<span class="ratings"
style="width: 60%;"></span>
<span
class="tooltiptext tooltip-top"></span>
</div>
</div>
<p>pellentesque habitant morbi tristique senectus
et. In dictum non consectetur a erat.
Nunc ultrices eros in cursus turpis massa
tincidunt ante in nibh mauris cursus mattis.
Cras ornare arcu dui vivamus arcu felis bibendum
ut tristique.</p>
<div class="comment-action">
<a href="#"
class="btn btn-secondary btn-link btn-underline sm btn-icon-left font-weight-normal text-capitalize">
<i class="far fa-thumbs-up"></i>Helpful (1)
</a>
<a href="#"
class="btn btn-dark btn-link btn-underline sm btn-icon-left font-weight-normal text-capitalize">
<i class="far fa-thumbs-down"></i>Unhelpful
(0)
</a>
<div class="review-image">
<a href="#">
<figure>
<img src="assets/images/products/default/review-img-3.jpg"
width="60" height="60"
alt="Attachment image of John Doe's review on Electronics Black Wrist Watch"
data-zoom-image="assets/images/products/default/review-img-3-800x900.jpg" />
</figure>
</a>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<section class="vendor-product-section" style="margin-bottom: -5%;">
<div class="title-link-wrapper mb-4">
<h4 class="title text-left">RELATED PRODUCTS</h4>
</div>
<div class="swiper-container swiper-theme" data-swiper-options="{
'spaceBetween': 20,
'slidesPerView': 2,
'breakpoints': {
'576': {
'slidesPerView': 3
},
'768': {
'slidesPerView': 4
},
'992': {
'slidesPerView': 3
}
}
}">
<div class="swiper-wrapper row cols-lg-3 cols-md-4 cols-sm-3 cols-2">
<div class="swiper-slide product-wrap">
<div class="product product-simple text-center">
<figure class="product-media">
<a href="product-details.php">
<img src="images/main-products/image15.jpeg" alt="Product"
width="330" height="338" />
<img src="images/main-products/image15.jpeg" alt="Product"
width="330" height="338" />
</a>
<div class="product-action-vertical">
<a href="#" class="btn-product-icon btn-wishlist w-icon-heart"
title="Add to wishlist"></a>
<a href="#" class="btn-product-icon btn-compare w-icon-compare"
title="Add to Compare"></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">
<h4 class="product-name"><a href="#">churidar </a>
</h4>
<div class="ratings-container">
<div class="ratings-full">
<span class="ratings" style="width: 100%;"></span>
<span class="tooltiptext tooltip-top"></span>
</div>
<a href="#" class="rating-reviews">(4.5 reviews)</a>
</div>
<div class="product-pa-wrapper">
<div class="product-price">
<ins class="new-price">₹ 360.00</ins>
</div>
<div class="product-action">
<a href="#"
class="btn-cart btn-product btn btn-icon-right btn-link btn-underline">Add
To Cart</a>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide product-wrap">
<div class="product product-simple text-center">
<figure class="product-media">
<a href="product-details.php">
<img src="images/main-products/image13.jpeg" alt="Product"
width="330" height="338" />
<img src="images/main-products/image13.jpeg" alt="Product"
width="330" height="338" />
</a>
<div class="product-action-vertical">
<a href="#" class="btn-product-icon btn-wishlist w-icon-heart"
title="Add to wishlist"></a>
<a href="#" class="btn-product-icon btn-compare w-icon-compare"
title="Add to Compare"></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">
<h4 class="product-name"><a href="#">churidar </a>
</h4>
<div class="ratings-container">
<div class="ratings-full">
<span class="ratings" style="width: 100%;"></span>
<span class="tooltiptext tooltip-top"></span>
</div>
<a href="#" class="rating-reviews">(4.5 reviews)</a>
</div>
<div class="product-pa-wrapper">
<div class="product-price">
<ins class="new-price">₹ 360.00</ins>
</div>
<div class="product-action">
<a href="#"
class="btn-cart btn-product btn btn-icon-right btn-link btn-underline">Add
To Cart</a>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide product-wrap">
<div class="product product-simple text-center">
<figure class="product-media">
<a href="product-details.php">
<img src="images/main-products/image16.jpeg" alt="Product"
width="330" height="338" />
<img src="images/main-products/image16.jpeg" alt="Product"
width="330" height="338" />
</a>
<div class="product-action-vertical">
<a href="#" class="btn-product-icon btn-wishlist w-icon-heart"
title="Add to wishlist"></a>
<a href="#" class="btn-product-icon btn-compare w-icon-compare"
title="Add to Compare"></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">
<h4 class="product-name"><a href="#">churidar </a>
</h4>
<div class="ratings-container">
<div class="ratings-full">
<span class="ratings" style="width: 100%;"></span>
<span class="tooltiptext tooltip-top"></span>
</div>
<a href="#" class="rating-reviews">(4.5 reviews)</a>
</div>
<div class="product-pa-wrapper">
<div class="product-price">
<ins class="new-price">₹ 360.00</ins>
</div>
<div class="product-action">
<a href="#"
class="btn-cart btn-product btn btn-icon-right btn-link btn-underline">Add
To Cart</a>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide product-wrap">
<div class="product product-simple text-center">
<figure class="product-media">
<a href="product-details.php">
<img src="images/main-products/image18.jpeg" alt="Product"
width="330" height="338" />
<img src="images/main-products/image18.jpeg" alt="Product"
width="330" height="338" />
</a>
<div class="product-action-vertical">
<a href="#" class="btn-product-icon btn-wishlist w-icon-heart"
title="Add to wishlist"></a>
<a href="#" class="btn-product-icon btn-compare w-icon-compare"
title="Add to Compare"></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">
<h4 class="product-name"><a href="#">churidar </a>
</h4>
<div class="ratings-container">
<div class="ratings-full">
<span class="ratings" style="width: 100%;"></span>
<span class="tooltiptext tooltip-top"></span>
</div>
<a href="#" class="rating-reviews">(4.5 reviews)</a>
</div>
<div class="product-pa-wrapper">
<div class="product-price">
<ins class="new-price">₹ 360.00</ins>
</div>
<div class="product-action">
<a href="#"
class="btn-cart btn-product btn btn-icon-right btn-link btn-underline">Add
To Cart</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End of Main Content -->
<!-- End of Sidebar -->
</div>
</div>
</div>
<!-- End of Page Content -->
</main>
<!-- End of Main -->
<?php include "footer1.php"?>