|
Server IP : 2a02:4780:3:1493:0:3736:a38e:7 / Your IP : 216.73.216.188 Web Server : LiteSpeed System : Linux sg-nme-web1393.main-hosting.eu 4.18.0-553.84.1.lve.el8.x86_64 #1 SMP Tue Nov 25 18:33:03 UTC 2025 x86_64 User : u926327694 ( 926327694) PHP Version : 7.4.33 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : OFF | Python : ON Directory (0755) : /home/u926327694/domains/svschool.in/../nargundles.com/public_html/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
<?php
include('header.php');
$news_letter_class = "newsletter-area-2";
?>
<section class="page-banner">
<div class="page-banner-bg bg_cover" style="background-image: url(assets/images/page-banner.jpg);">
<div class="container">
<div class="banner-content text-center">
<h2 class="title">Product Details</h2>
</div>
</div>
</div>
</section>
<section class="product-details-page">
<div class="container">
<div class="row">
<div class="col-lg-9">
<div class="product-details-wrapper">
<div class="product-details-content">
<div class="row justify-content-center">
<div class="col-lg-6 col-md-8">
<div class="details-image mt-50">
<img src="assets/images/product-details.jpg" alt="">
</div>
</div>
<div class="col-lg-6">
<div class="details-content mt-45">
<h4 class="product-title">Pen Holder</h4>
<div class="price-rating">
<span class="price">Price: $12.00</span>
<ul class="rating">
<li class="rating-on"><i class="fas fa-star"></i></li>
<li class="rating-on"><i class="fas fa-star"></i></li>
<li class="rating-on"><i class="fas fa-star"></i></li>
<li class="rating-on"><i class="fas fa-star"></i></li>
<li class="rating-on"><i class="fas fa-star"></i></li>
</ul>
</div>
<div class="product-content-wrapper">
<div class="stock">
<p>Available in Stock</p>
</div>
<div class="colors">
<span>Color: </span>
<ul class="product-color">
<li class="active" data-color="#07294D"></li>
<li data-color="#199053"></li>
<li data-color="#4B46D2"></li>
<li data-color="#8C46D2"></li>
<li data-color="#D2469F"></li>
</ul>
</div>
<div class="size">
<span>Size:</span>
<ul class="product-size">
<li>
<span>S</span>
</li>
<li class="active">
<span>M</span>
</li>
<li>
<span>L</span>
</li>
<li>
<span>XL</span>
</li>
<li>
<span>XXL</span>
</li>
</ul>
</div>
<div class="quantity">
<span>Quantity:</span>
<div class="product-quantity d-inline-flex">
<button type="button" class="sub"><i class="fal fa-minus"></i></button>
<input type="text" value="1" />
<button type="button" class="add"><i class="fal fa-plus"></i></button>
</div>
</div>
</div>
<div class="product-btn">
<a href="#" class="main-btn main-btn-2 add-cart">Add to Cart</a>
<a href="#" class="wishlist"><i class="fal fa-heart"></i></a>
<a href="#" class="compare"><i class="fal fa-repeat"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="product-details-tab">
<ul class="nav nav-justified" role="tablist">
<li class="nav-item">
<a class="active" data-toggle="tab" href="#description" role="tab">Description</a>
</li>
<li class="nav-item">
<a data-toggle="tab" href="#information" role="tab">Additional information</a>
</li>
<li class="nav-item">
<a data-toggle="tab" href="#reviews" role="tab">Reviews</a>
</li>
</ul>
<div class="tab-content">
<div class="tab-pane fade show active" id="description" role="tabpanel">
<div class="product-description">
<p>Product are all great condition in same If you are going use a passage of Lorem Ipsum need equal blame belongs to those who fail in their duty through weakness of will, which is the same as saying through shrinking from toil and pain. These cases are perfectly simple and easy to distinguish. <br> <br> Not to warry about quality, because we If you are going use a passage of Lorem Ipsum need equal blame belongs to those who fail in their duty through weakness</p>
<ul class="product-list">
<li>
<i class="far fa-check-circle"></i>
<p>Bachelor of Business Administration(BBA) If you are going use a passage of blame belongs to those who fail in their duty through weakness </p>
</li>
<li>
<i class="far fa-check-circle"></i>
<p>Bachelor of Business Administration(BBA) If you are going use a passage of blame belongs to those who fail in their duty through weakness </p>
</li>
<li>
<i class="far fa-check-circle"></i>
<p>Bachelor of Business Administration(BBA) If you are going use a passage of blame belongs to those who fail in their duty through weakness </p>
</li>
</ul>
</div>
</div>
<div class="tab-pane fade" id="information" role="tabpanel">
<div class="product-information table-responsive">
<table class="table">
<tbody>
<tr>
<td class="table-title"><h4 class="title">Materisl</h4></td>
<td class="table-content"><p>Plastic grade</p></td>
</tr>
<tr>
<td class="table-title"><h4 class="title">Quality</h4></td>
<td class="table-content"><p>Best quality</p></td>
</tr>
<tr>
<td class="table-title"><h4 class="title">Cash on Delivery</h4></td>
<td class="table-content"><p>Yes</p></td>
</tr>
<tr>
<td class="table-title"><h4 class="title">Return Policy</h4></td>
<td class="table-content"><p>30 days</p></td>
</tr>
<tr>
<td class="table-title"><h4 class="title">Warranty</h4></td>
<td class="table-content"><p>1 year</p></td>
</tr>
<tr>
<td class="table-title"><h4 class="title">Dimension</h4></td>
<td class="table-content"><p>10X6X12</p></td>
</tr>
</table>
</div>
</div>
<div class="tab-pane fade" id="reviews" role="tabpanel">
<div class="product-reviews">
<div class="review-wrapper">
<div class="review-star">
<div class="single-review">
<span class="label">Stars 5</span>
<div class="review-bar">
<div class="bar-inner" style="width: 100%;"></div>
</div>
<span class="value">35</span>
</div>
<div class="single-review">
<span class="label">Stars 4</span>
<div class="review-bar">
<div class="bar-inner" style="width: 80%;"></div>
</div>
<span class="value">10</span>
</div>
<div class="single-review">
<span class="label">Stars 3</span>
<div class="review-bar">
<div class="bar-inner" style="width: 55%;"></div>
</div>
<span class="value">8</span>
</div>
<div class="single-review">
<span class="label">Stars 2</span>
<div class="review-bar">
<div class="bar-inner" style="width: 0;"></div>
</div>
<span class="value">0</span>
</div>
<div class="single-review">
<span class="label">Stars 1</span>
<div class="review-bar">
<div class="bar-inner" style="width: 0;"></div>
</div>
<span class="value">0</span>
</div>
</div>
<div class="review-point">
<span>4.9</span>
</div>
</div>
<div class="review-form">
<div class="review-rating">
<h5 class="title">Write a Review</h5>
<ul id='stars'>
<li class='star' title='Poor' data-value='1'>
<i class='fas fa-star'></i>
</li>
<li class='star' title='Fair' data-value='2'>
<i class='fas fa-star'></i>
</li>
<li class='star' title='Good' data-value='3'>
<i class='fas fa-star'></i>
</li>
<li class='star' title='Excellent' data-value='4'>
<i class='fas fa-star'></i>
</li>
<li class='star' title='WOW!!!' data-value='5'>
<i class='fas fa-star'></i>
</li>
</ul>
</div>
<div class="review-form-wrapper">
<form action="#">
<div class="row">
<div class="col-md-6">
<div class="single-form">
<input type="text" placeholder="Name">
</div>
</div>
<div class="col-md-6">
<div class="single-form">
<input type="email" placeholder="Email">
</div>
</div>
<div class="col-md-6">
<div class="single-form">
<input type="text" placeholder="Phone">
</div>
</div>
<div class="col-md-6">
<div class="single-form">
<input type="text" placeholder="Title">
</div>
</div>
<div class="col-md-12">
<div class="single-form">
<textarea placeholder="Write here..."></textarea>
</div>
</div>
<div class="col-md-12">
<div class="single-form">
<button class="main-btn">Submit now</button>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="shop-sidebar pt-20">
<div class="shop-sidebar-category mt-30">
<div class="sidebar-title">
<h4 class="title">Categories</h4>
</div>
<ul class="category-items">
<li>
<div class="form-radio">
<input type="radio" name="categoryRadio" id="categoryRadio1">
<label for="categoryRadio1"> <span></span> Science <strong>(25)</strong></label>
</div>
</li>
<li>
<div class="form-radio">
<input type="radio" name="categoryRadio" id="categoryRadio2">
<label for="categoryRadio2"> <span></span> Marketing <strong>(18)</strong></label>
</div>
</li>
<li>
<div class="form-radio">
<input type="radio" name="categoryRadio" id="categoryRadio3">
<label for="categoryRadio3"> <span></span> Design <strong>(10)</strong></label>
</div>
</li>
<li>
<div class="form-radio">
<input type="radio" name="categoryRadio" id="categoryRadio4">
<label for="categoryRadio4"> <span></span> Social Marketing <strong>(05)</strong></label>
</div>
</li>
<li>
<div class="form-radio">
<input type="radio" name="categoryRadio" id="categoryRadio5">
<label for="categoryRadio5"> <span></span> Fine Arts <strong>(12)</strong></label>
</div>
</li>
<li>
<div class="form-radio">
<input type="radio" name="categoryRadio" id="categoryRadio6">
<label for="categoryRadio6"> <span></span> Law <strong>(05)</strong></label>
</div>
</li>
</ul>
</div>
<div class="shop-sidebar-price mt-30">
<div class="sidebar-title">
<h4 class="title">Price Filter</h4>
</div>
<ul class="price-items">
<li>
<div class="form-radio">
<input type="radio" name="priceRadio" id="priceRadio1">
<label for="priceRadio1"> <span></span> $50 to $200</label>
</div>
</li>
<li>
<div class="form-radio">
<input type="radio" name="priceRadio" id="priceRadio2">
<label for="priceRadio2"> <span></span> $201 to $700</label>
</div>
</li>
<li>
<div class="form-radio">
<input type="radio" name="priceRadio" id="priceRadio3">
<label for="priceRadio3"> <span></span> $800 to $5000</label>
</div>
</li>
<li>
<div class="form-radio">
<input type="radio" name="priceRadio" id="priceRadio4">
<label for="priceRadio4"> <span></span> $6000 to $5000</label>
</div>
</li>
</ul>
</div>
<div class="shop-sidebar-banner mt-30">
<a href="#">
<img src="assets/images/product/banner.jpg" alt="">
</a>
</div>
<div class="shop-sidebar-tags mt-30">
<div class="sidebar-title">
<h4 class="title">Tags</h4>
</div>
<ul class="tags-items">
<li><a href="#">Books</a></li>
<li><a href="#">Event</a></li>
<li><a href="#">Pen</a></li>
<li><a href="#">Bags</a></li>
<li><a href="#">Pencil</a></li>
<li><a href="#">Stationary</a></li>
<li><a href="#">Science</a></li>
<li><a href="#">Art</a></li>
<li><a href="#">Fashion</a></li>
<li><a href="#">ecommerce</a></li>
<li><a href="#">Library</a></li>
<li><a href="#">Shopping</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<?php include('news-letter.php'); ?>
<?php include('footer.php'); ?>