|
Server : Apache/2.4.18 (Ubuntu) System : Linux canvaswebdesign 3.13.0-71-generic #114-Ubuntu SMP Tue Dec 1 02:34:22 UTC 2015 x86_64 User : oppastar ( 1041) PHP Version : 7.0.33-0ubuntu0.16.04.15 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority, Directory : /var/www/serbaantik.com/public_html/naavya/ |
Upload File : |
<?php include('header.php') ?>
<!-- Page Banner Section Start -->
<div class="page-banner-section section bg-image" data-bg="./assets/images/bg/breadcrumb.jpg">
<div class="container">
<div class="row">
<div class="col">
<div class="product-page-banner page-banner text-center">
<ul class="page-breadcrumb">
<li><a href="index.php">Home</a></li>
<li>Ready Made</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- Page Banner Section End -->
<!-- Single Product Section Start -->
<div class="single-product-section section pb-100 pb-lg-50 pb-md-70 pb-sm-30 pb-xs-20">
<div class="container">
<div class="row productDetailBoxes">
<div class="col-12">
<div class="shop-area">
<div class="row">
<div class="col-md-6">
<!-- Product Details Left -->
<div class="product-details-left">
<div class="product-details-images slider-lg-image-1 tf-element-carousel"
data-slick-options='{
"slidesToShow": 1,
"slidesToScroll": 1,
"infinite": true,
"asNavFor": ".slider-thumbs-1",
"arrows": false,
"prevArrow": {"buttonClass": "slick-btn slick-prev", "iconClass": "fa fa-angle-left" },
"nextArrow": {"buttonClass": "slick-btn slick-next", "iconClass": "fa fa-angle-right" }
}'>
<div class="lg-image">
<img src="assets/images/product/product1.jpg" alt="">
<a href="assets/images/product/product1.jpg"
class="popup-img venobox" data-gall="myGallery"><i
class="fa fa-expand"></i></a>
</div>
<div class="lg-image">
<img src="assets/images/product/product-b.jpg" alt="">
<a href="assets/images/product/product-b.jpg"
class="popup-img venobox" data-gall="myGallery"><i
class="fa fa-expand"></i></a>
</div>
<div class="lg-image">
<img src="assets/images/product/product1.jpg" alt="">
<a href="assets/images/product/product1.jpg"
class="popup-img venobox" data-gall="myGallery"><i
class="fa fa-expand"></i></a>
</div>
<div class="lg-image">
<img src="assets/images/product/product1.jpg" alt="">
<a href="assets/images/product/product1.jpg"
class="popup-img venobox" data-gall="myGallery"><i
class="fa fa-expand"></i></a>
</div>
<div class="lg-image">
<img src="assets/images/product/product1.jpg" alt="">
<a href="assets/images/product/product1.jpg"
class="popup-img venobox" data-gall="myGallery"><i
class="fa fa-expand"></i></a>
</div>
</div>
<div class="product-details-thumbs slider-thumbs-1 tf-element-carousel"
data-slick-options='{
"slidesToShow": 4,
"slidesToScroll": 1,
"infinite": true,
"focusOnSelect": true,
"asNavFor": ".slider-lg-image-1",
"arrows": false,
"prevArrow": {"buttonClass": "slick-btn slick-prev", "iconClass": "fa fa-angle-left" },
"nextArrow": {"buttonClass": "slick-btn slick-next", "iconClass": "fa fa-angle-right" }
}' data-slick-responsive='[
{"breakpoint":991, "settings": {
"slidesToShow": 3
}},
{"breakpoint":767, "settings": {
"slidesToShow": 4
}},
{"breakpoint":479, "settings": {
"slidesToShow": 2
}}
]'>
<div class="sm-image"><img
src="assets/images/product/product1.jpg"
alt="product image thumb"></div>
<div class="sm-image"><img
src="assets/images/product/product-b.jpg"
alt="product image thumb"></div>
<div class="sm-image"><img
src="assets/images/product/product1.jpg"
alt="product image thumb"></div>
<div class="sm-image"><img
src="assets/images/product/product1.jpg"
alt="product image thumb"></div>
<div class="sm-image"><img
src="assets/images/product/product1.jpg"
alt="product image thumb"></div>
</div>
</div>
<!--Product Details Left -->
</div>
<div class="col-md-6 productDetailDescriptionBox">
<!--Product Details Content Start-->
<div class="product-details-content">
<h2 class="h2Styling">Pinch Pleat</h2>
<div style="font-size:1.1rem;color:#333;margin-bottom:10px;">Width 100cm | Heigh 3000cm</div>
<br>
<div class="single-product-price mb-2" style="display:flex;align-items:end;gap:15px;">
<span class="regular-price" style="text-decoration:line-through;color:#999;">Rp 113.000</span>
<span class="price new-price" style="color:#524b45 !important;font-weight:700;">Rp 99.000</span>
</div>
<div style="font-weight:700;letter-spacing:.5px;margin-bottom:10px;">DISKON 12 %</div>
<br>
<!-- Variant 1 -->
<div class="mb-3">
<div style="margin-bottom:5px;">Choose Width: <span style="font-weight:700">100cm</span></div>
<div style="display:flex;gap:15px;">
<button type="button" class="variant-btn active" style="height:40px;background:#c2b595;color:#6b5725;border:2px solid #b7a06a;font-weight:700;">100cm</button>
<button type="button" class="variant-btn" style="height:40px;background:#fff;color:#292929;border:2px solid #eee;font-weight:700;">200cm</button>
<button type="button" class="variant-btn" style="height:40px;background:#fff;color:#292929;border:2px solid #eee;font-weight:700;">300cm</button>
</div>
</div>
<hr>
<!-- Variant 2 -->
<div class="mb-3">
<div style="margin-bottom:5px;">Choose Height: <span style="font-weight:700">200cm</span></div>
<div style="display:flex;gap:15px;">
<button type="button" class="variant-btn active" style="height:40px;background:#c2b595;color:#6b5725;border:2px solid #b7a06a;font-weight:700;">200cm</button>
<button type="button" class="variant-btn" style="height:40px;background:#fff;color:#292929;border:2px solid #eee;font-weight:700;">300cm</button>
</div>
</div>
<br>
<div class="product-quantity mb-3" style="padding-top:15px; padding-bottom:15px">
<input value="1" type="number" min="1" style="width:60px;height:50px;text-align:center; position:relative; top:3px; margin-right:10px"> <button class="btn"><i class="ion-bag" style="color:white"></i> ADD TO CART</button>
</div>
<div class="product-description mb-3">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
</div>
<script>
// Simple variant select UI (demo only, no backend)
document.querySelectorAll('.variant-btn').forEach(btn => {
btn.addEventListener('click', function() {
const group = this.parentElement;
group.querySelectorAll('.variant-btn').forEach(b => b.classList.remove('active'));
this.classList.add('active');
});
});
</script>
<div class="wishlist-compare-btn">
<a href="#" class="wishlist-btn">Add to Wishlist</a>
</div>
</div>
<!--Product Details Content End-->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Single Product Section End -->
<!--Product section start-->
<div
class="product-section section pt-0 pt-lg-0 pt-md-70 pt-sm-60 pt-xs-50 pb-95 pb-lg-75 pb-md-65 pb-sm-55 pb-xs-45">
<div class="container">
<div class="row">
<div class="col">
<div class="section-title st-border mb-20 pt-20">
<h2>Related Products</h2>
</div>
</div>
</div>
<div class="product-slider tf-element-carousel" data-slick-options='{
"slidesToShow": 3,
"slidesToScroll": 1,
"infinite": true,
"arrows": true,
"prevArrow": {"buttonClass": "slick-btn slick-prev", "iconClass": "fa fa-angle-left" },
"nextArrow": {"buttonClass": "slick-btn slick-next", "iconClass": "fa fa-angle-right" }
}' data-slick-responsive='[
{"breakpoint":1199, "settings": {
"slidesToShow": 3
}},
{"breakpoint":992, "settings": {
"slidesToShow": 2
}},
{"breakpoint":768, "settings": {
"slidesToShow": 2
}},
{"breakpoint":576, "settings": {
"slidesToShow": 2,
"arrows": false,
"autoplay": true
}}
]'>
<div class="col">
<!-- Single Grid product Start -->
<div class="single-grid-product">
<div class="product-image"> <a href="product.php">
<img src="assets/images/product/product5.jpg" class="img-fluid" alt="">
<img src="assets/images/product/product-b.jpg" class="img-fluid" alt="">
</a>
</div>
<div class="product-content">
<h3 class="title"> <a href="product.php">Eyelet (Grommet)</a>
</h3>
<p class="product-price"><span class="discounted-price">Rp 600.000</span></p>
</div>
</div>
<!-- Single Grid product End -->
</div>
<div class="col">
<!-- Single Grid product Start -->
<div class="single-grid-product">
<div class="product-image">
<a href="product.php">
<img src="assets/images/product/product6.jpg" class="img-fluid" alt="">
<img src="assets/images/product/product-b.jpg" class="img-fluid" alt="">
</a>
</div>
<div class="product-content">
<h3 class="title"> <a href="product.php">S Fold</a>
</h3>
<p class="product-price"><span class="discounted-price">Rp 600.000</span></p>
</div>
</div>
<!-- Single Grid product End -->
</div>
<div class="col">
<!-- Single Grid product Start -->
<div class="single-grid-product">
<div class="product-image">
<div class="product-label">
<span class="new">New</span>
</div>
<a href="product.php">
<img src="assets/images/product/product2.jpg" class="img-fluid" alt="">
<img src="assets/images/product/product-b.jpg" class="img-fluid" alt="">
</a>
</div>
<div class="product-content">
<h3 class="title"> <a href="product.php">Box Pleat</a>
</h3>
<p class="product-price"><span class="discounted-price">Rp 600.000</span></p>
</div>
</div>
<!-- Single Grid product End -->
</div>
<div class="col">
<!-- Single Grid product Start -->
<div class="single-grid-product">
<div class="product-image">
<div class="product-label">
<span class="sale">-20%</span>
<span class="new">New</span>
</div>
<a href="product.php">
<img src="assets/images/product/product1.jpg" class="img-fluid" alt="">
<img src="assets/images/product/product-b.jpg" class="img-fluid" alt="">
</a>
</div>
<div class="product-content">
<h3 class="title"> <a href="product.php">Pinch Pleat</a>
</h3>
<p class="product-price"><span class="discounted-price">Rp 500.000</span> <span
class="main-price discounted">Rp 700.000</span</p>
</div>
</div>
<!-- Single Grid product End -->
</div>
<div class="col">
<!-- Single Grid product Start -->
<div class="single-grid-product">
<div class="product-image">
<a href="product.php">
<img src="assets/images/product/product3.jpg" class="img-fluid" alt="">
<img src="assets/images/product/product-b.jpg" class="img-fluid" alt="">
</a>
</div>
<div class="product-content">
<h3 class="title"> <a href="product.php">Goblet Pleat</a>
</h3>
<p class="product-price"><span class="discounted-price">Rp 600.000</span></p>
</div>
</div>
<!-- Single Grid product End -->
</div>
</div>
</div>
</div>
<!--Product section end-->
<?php include('footer.php') ?>