|
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') ?>
<!-- Curtain Category Navigation Start -->
<div class="container navigationTopPage">
<div class="row justify-content-center">
<div class="col-auto">
<div class="grid-filter center">
<button class="btn nav-btn active" id="btn-blackout" type="button">Blackout</button>
<button class="btn nav-btn" id="btn-dimout" type="button">Dimout</button>
<button class="btn nav-btn" id="btn-vitrage" type="button">Vitrage</button>
</div>
</div>
</div>
</div>
<!-- Curtain Category Navigation End -->
<script>
// Simple JS to handle active state
const navBtns = document.querySelectorAll('.nav-btn');
navBtns.forEach(btn => {
btn.addEventListener('click', function() {
navBtns.forEach(b => b.classList.remove('active'));
this.classList.add('active');
// You can add logic here to filter or show content based on selection
});
});
</script>
<!-- Page Banner Section Start -->
<div class="page-banner-section section bg-image productListContent" data-bg="./assets/images/bg/breadcrumb.jpg">
<div class="container">
<div class="row">
<div class="col">
<div class="page-banner text-center productListContent">
<h2>Blackout</h2>
<ul class="page-breadcrumb">
<li><a href="index.php">Home</a></li>
<li><a href="product-custom.php">Custom Made</a></li>
<li>Blackout</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">
<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>Custom Made Curtain</h2>
<br>
<!-- <div class="product-description">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
veniam, quis nostrud exercitation ullamco,Proin lectus ipsum, gravida et
mattis vulputate, tristique ut lectus</p>
</div> -->
<div class="single-product-quantity" id="next2">
<h4>1. SELECT FABRIC</h4>
<br>
<div id="products" class="row" style="height:400px; overflow-y:scroll">
<div class="col-lg-3 co-md-6 col-sm-6 col-6 first">
<div class="product-item">
<div class="product-media">
<a href="#">
<img style="height: 100%;" src="https://www.serbaantik.com/uploads/item1.jpg">
</a>
</div>
<p>#9739<br>
<span style="font-size:12px">Rp 97.500,-</span></p>
</div>
</div>
<div class="col-lg-3 co-md-6 col-sm-6 col-6 first">
<div class="product-item">
<div class="product-media">
<a href="#">
<img style="height: 100%;" src="https://www.serbaantik.com/uploads/item2.jpg">
</a>
</div>
<p>#9739<br>
<span style="font-size:12px">Rp 97.500,-</span></p>
</div>
</div>
<div class="col-lg-3 co-md-6 col-sm-6 col-6 first">
<div class="product-item">
<div class="product-media">
<a href="#">
<img style="height: 100%;" src="https://www.serbaantik.com/uploads/item3.jpg">
</a>
</div>
<p>#9739<br>
<span style="font-size:12px">Rp 97.500,-</span></p>
</div>
</div>
<div class="col-lg-3 co-md-6 col-sm-6 col-6 first">
<div class="product-item">
<div class="product-media">
<a href="#">
<img style="height: 100%;" src="https://www.serbaantik.com/uploads/item4.jpg">
</a>
</div>
<p>#9739<br>
<span style="font-size:12px">Rp 97.500,-</span></p>
</div>
</div>
<div class="col-lg-3 co-md-6 col-sm-6 col-6 first">
<div class="product-item">
<div class="product-media">
<a href="#">
<img style="height: 100%;" src="https://www.serbaantik.com/uploads/item5.jpg">
</a>
</div>
<p>#9739<br>
<span style="font-size:12px">Rp 97.500,-</span></p>
</div>
</div>
<div class="col-lg-3 co-md-6 col-sm-6 col-6 first">
<div class="product-item">
<div class="product-media">
<a href="#">
<img style="height: 100%;" src="https://www.serbaantik.com/uploads/item6.jpg">
</a>
</div>
<p>#9739<br>
<span style="font-size:12px">Rp 97.500,-</span></p>
</div>
</div>
<div class="col-lg-3 co-md-6 col-sm-6 col-6 first">
<div class="product-item">
<div class="product-media">
<a href="#">
<img style="height: 100%;" src="https://www.serbaantik.com/uploads/item7.jpg">
</a>
</div>
<p>#9739<br>
<span style="font-size:12px">Rp 97.500,-</span></p>
</div>
</div>
<div class="col-lg-3 co-md-6 col-sm-6 col-6 first">
<div class="product-item">
<div class="product-media">
<a href="#">
<img style="height: 100%;" src="https://www.serbaantik.com/uploads/item8.jpg">
</a>
</div>
<p>#9739<br>
<span style="font-size:12px">Rp 97.500,-</span></p>
</div>
</div>
<div class="col-lg-3 co-md-6 col-sm-6 col-6 first">
<div class="product-item">
<div class="product-media">
<a href="#">
<img style="height: 100%;" src="https://www.serbaantik.com/uploads/item1.jpg">
</a>
</div>
<p>#9739<br>
<span style="font-size:12px">Rp 97.500,-</span></p>
</div>
</div>
<div class="col-lg-3 co-md-6 col-sm-6 col-6 first">
<div class="product-item">
<div class="product-media">
<a href="#">
<img style="height: 100%;" src="https://www.serbaantik.com/uploads/item2.jpg">
</a>
</div>
<p>#9739<br>
<span style="font-size:12px">Rp 97.500,-</span></p>
</div>
</div>
<div class="col-lg-3 co-md-6 col-sm-6 col-6 first">
<div class="product-item">
<div class="product-media">
<a href="#">
<img style="height: 100%;" src="https://www.serbaantik.com/uploads/item3.jpg">
</a>
</div>
<p>#9739<br>
<span style="font-size:12px">Rp 97.500,-</span></p>
</div>
</div>
<div class="col-lg-3 co-md-6 col-sm-6 col-6 first">
<div class="product-item">
<div class="product-media">
<a href="#">
<img style="height: 100%;" src="https://www.serbaantik.com/uploads/item4.jpg">
</a>
</div>
<p>#9739<br>
<span style="font-size:12px">Rp 97.500,-</span></p>
</div>
</div>
<div class="col-lg-3 co-md-6 col-sm-6 col-6 first">
<div class="product-item">
<div class="product-media">
<a href="#">
<img style="height: 100%;" src="https://www.serbaantik.com/uploads/item8.jpg">
</a>
</div>
<p>#9739<br>
<span style="font-size:12px">Rp 97.500,-</span></p>
</div>
</div>
<div class="col-lg-3 co-md-6 col-sm-6 col-6 first">
<div class="product-item">
<div class="product-media">
<a href="#">
<img style="height: 100%;" src="https://www.serbaantik.com/uploads/item1.jpg">
</a>
</div>
<p>#9739<br>
<span style="font-size:12px">Rp 97.500,-</span></p>
</div>
</div>
<div class="col-lg-3 co-md-6 col-sm-6 col-6 first">
<div class="product-item">
<div class="product-media">
<a href="#">
<img style="height: 100%;" src="https://www.serbaantik.com/uploads/item2.jpg">
</a>
</div>
<p>#9739<br>
<span style="font-size:12px">Rp 97.500,-</span></p>
</div>
</div>
</div>
<br>
<form class="add-quantity" action="#">
<div class="add-to-link">
<button class="btn" id="next2btn"><i class="ion-chevron-forward-outline" style="color:black"></i>NEXT ></button>
</div>
</form>
</div>
<div class="single-product-quantity" id="next2result">
<h4>1. SELECT FABRIC</h4>
<img style="height: 100px;" src="https://www.serbaantik.com/uploads/item2.jpg" alt="" />
</div>
<div class="single-product-quantity" id="next3">
<h4>2. INPUT WIDTH & HEIGHT</h4>
<br>
<div class="row">
<div class="col-5">
<img src="assets/images/measurement.jpg" alt="">
</div>
<div class="col-7">
<input class="form-control" placeholder="Enter Width (Cm)" type="number">
<br>
<input class="form-control" name="con_name" placeholder="Enter Height (Cm)" type="number">
<br>
<p style="font-weight:bold">Measurement Guide</p>
<iframe width="100%" height="150" src="https://www.youtube.com/embed/WQiyNLPnbuM?si=p_YiPdnsio8u85qD" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div>
</div>
<br>
<form class="add-quantity" action="#">
<div class="add-to-link">
<button class="btn" id="next3btn"><i class="ion-chevron-forward-outline" style="color:black"></i>NEXT ></button>
</div>
</form>
</div>
<div class="single-product-quantity" id="next3result">
<h4>2. INPUT WIDTH & HEIGHT</h4>
Width: 100cm<br>
Height: 200cm
</div>
<div class="single-product-quantity" id="next5">
<h4>3. SELECT VITRAGE (OPTIONAL)</h4>
<br>
<div id="products" class="row" style="height:400px; overflow-y:scroll">
<div class="col-lg-3 co-md-6 col-sm-6 col-6 first">
<div class="product-item">
<div class="product-media">
<a href="#">
<img style="height: 100%;" src="https://www.serbaantik.com/uploads/item1.jpg">
</a>
</div>
<p>#9739<br>
<span style="font-size:12px">Rp 97.500,-</span></p>
</div>
</div>
<div class="col-lg-3 co-md-6 col-sm-6 col-6 first">
<div class="product-item">
<div class="product-media">
<a href="#">
<img style="height: 100%;" src="https://www.serbaantik.com/uploads/item2.jpg">
</a>
</div>
<p>#9739<br>
<span style="font-size:12px">Rp 97.500,-</span></p>
</div>
</div>
<div class="col-lg-3 co-md-6 col-sm-6 col-6 first">
<div class="product-item">
<div class="product-media">
<a href="#">
<img style="height: 100%;" src="https://www.serbaantik.com/uploads/item3.jpg">
</a>
</div>
<p>#9739<br>
<span style="font-size:12px">Rp 97.500,-</span></p>
</div>
</div>
<div class="col-lg-3 co-md-6 col-sm-6 col-6 first">
<div class="product-item">
<div class="product-media">
<a href="#">
<img style="height: 100%;" src="https://www.serbaantik.com/uploads/item4.jpg">
</a>
</div>
<p>#9739<br>
<span style="font-size:12px">Rp 97.500,-</span></p>
</div>
</div>
<div class="col-lg-3 co-md-6 col-sm-6 col-6 first">
<div class="product-item">
<div class="product-media">
<a href="#">
<img style="height: 100%;" src="https://www.serbaantik.com/uploads/item5.jpg">
</a>
</div>
<p>#9739<br>
<span style="font-size:12px">Rp 97.500,-</span></p>
</div>
</div>
<div class="col-lg-3 co-md-6 col-sm-6 col-6 first">
<div class="product-item">
<div class="product-media">
<a href="#">
<img style="height: 100%;" src="https://www.serbaantik.com/uploads/item6.jpg">
</a>
</div>
<p>#9739<br>
<span style="font-size:12px">Rp 97.500,-</span></p>
</div>
</div>
<div class="col-lg-3 co-md-6 col-sm-6 col-6 first">
<div class="product-item">
<div class="product-media">
<a href="#">
<img style="height: 100%;" src="https://www.serbaantik.com/uploads/item7.jpg">
</a>
</div>
<p>#9739<br>
<span style="font-size:12px">Rp 97.500,-</span></p>
</div>
</div>
<div class="col-lg-3 co-md-6 col-sm-6 col-6 first">
<div class="product-item">
<div class="product-media">
<a href="#">
<img style="height: 100%;" src="https://www.serbaantik.com/uploads/item8.jpg">
</a>
</div>
<p>#9739<br>
<span style="font-size:12px">Rp 97.500,-</span></p>
</div>
</div>
<div class="col-lg-3 co-md-6 col-sm-6 col-6 first">
<div class="product-item">
<div class="product-media">
<a href="#">
<img style="height: 100%;" src="https://www.serbaantik.com/uploads/item1.jpg">
</a>
</div>
<p>#9739<br>
<span style="font-size:12px">Rp 97.500,-</span></p>
</div>
</div>
<div class="col-lg-3 co-md-6 col-sm-6 col-6 first">
<div class="product-item">
<div class="product-media">
<a href="#">
<img style="height: 100%;" src="https://www.serbaantik.com/uploads/item2.jpg">
</a>
</div>
<p>#9739<br>
<span style="font-size:12px">Rp 97.500,-</span></p>
</div>
</div>
<div class="col-lg-3 co-md-6 col-sm-6 col-6 first">
<div class="product-item">
<div class="product-media">
<a href="#">
<img style="height: 100%;" src="https://www.serbaantik.com/uploads/item3.jpg">
</a>
</div>
<p>#9739<br>
<span style="font-size:12px">Rp 97.500,-</span></p>
</div>
</div>
<div class="col-lg-3 co-md-6 col-sm-6 col-6 first">
<div class="product-item">
<div class="product-media">
<a href="#">
<img style="height: 100%;" src="https://www.serbaantik.com/uploads/item4.jpg">
</a>
</div>
<p>#9739<br>
<span style="font-size:12px">Rp 97.500,-</span></p>
</div>
</div>
<div class="col-lg-3 co-md-6 col-sm-6 col-6 first">
<div class="product-item">
<div class="product-media">
<a href="#">
<img style="height: 100%;" src="https://www.serbaantik.com/uploads/item8.jpg">
</a>
</div>
<p>#9739<br>
<span style="font-size:12px">Rp 97.500,-</span></p>
</div>
</div>
<div class="col-lg-3 co-md-6 col-sm-6 col-6 first">
<div class="product-item">
<div class="product-media">
<a href="#">
<img style="height: 100%;" src="https://www.serbaantik.com/uploads/item1.jpg">
</a>
</div>
<p>#9739<br>
<span style="font-size:12px">Rp 97.500,-</span></p>
</div>
</div>
<div class="col-lg-3 co-md-6 col-sm-6 col-6 first">
<div class="product-item">
<div class="product-media">
<a href="#">
<img style="height: 100%;" src="https://www.serbaantik.com/uploads/item2.jpg">
</a>
</div>
<p>#9739<br>
<span style="font-size:12px">Rp 97.500,-</span></p>
</div>
</div>
</div>
<br>
<form class="add-quantity" action="#">
<div class="add-to-link">
<button class="btn" id="next5btn"><i class="ion-chevron-forward-outline" style="color:black"></i>NEXT ></button>
</div>
</form>
</div>
<div class="single-product-quantity" id="next5result">
<h4>3. SELECT VITRAGE</h4>
<img style="height: 100px;" src="https://www.serbaantik.com/uploads/item2.jpg" alt="" />
</div>
<div class="single-product-quantity" id="next6">
<h4>4. SELECT RAIL (OPTIONAL)</h4>
<br>
<div id="products" class="row" style="height:400px; overflow-y:scroll">
<div class="col-lg-3 co-md-6 col-sm-6 col-6 first">
<div class="product-item">
<div class="product-media">
<a href="#">
<img style="height: 100%;" src="https://www.serbaantik.com/uploads/item1.jpg">
</a>
</div>
<p>#9739<br>
<span style="font-size:12px">Rp 97.500,-</span></p>
</div>
</div>
<div class="col-lg-3 co-md-6 col-sm-6 col-6 first">
<div class="product-item">
<div class="product-media">
<a href="#">
<img style="height: 100%;" src="https://www.serbaantik.com/uploads/item2.jpg">
</a>
</div>
<p>#9739<br>
<span style="font-size:12px">Rp 97.500,-</span></p>
</div>
</div>
<div class="col-lg-3 co-md-6 col-sm-6 col-6 first">
<div class="product-item">
<div class="product-media">
<a href="#">
<img style="height: 100%;" src="https://www.serbaantik.com/uploads/item3.jpg">
</a>
</div>
<p>#9739<br>
<span style="font-size:12px">Rp 97.500,-</span></p>
</div>
</div>
<div class="col-lg-3 co-md-6 col-sm-6 col-6 first">
<div class="product-item">
<div class="product-media">
<a href="#">
<img style="height: 100%;" src="https://www.serbaantik.com/uploads/item4.jpg">
</a>
</div>
<p>#9739<br>
<span style="font-size:12px">Rp 97.500,-</span></p>
</div>
</div>
<div class="col-lg-3 co-md-6 col-sm-6 col-6 first">
<div class="product-item">
<div class="product-media">
<a href="#">
<img style="height: 100%;" src="https://www.serbaantik.com/uploads/item5.jpg">
</a>
</div>
<p>#9739<br>
<span style="font-size:12px">Rp 97.500,-</span></p>
</div>
</div>
<div class="col-lg-3 co-md-6 col-sm-6 col-6 first">
<div class="product-item">
<div class="product-media">
<a href="#">
<img style="height: 100%;" src="https://www.serbaantik.com/uploads/item6.jpg">
</a>
</div>
<p>#9739<br>
<span style="font-size:12px">Rp 97.500,-</span></p>
</div>
</div>
<div class="col-lg-3 co-md-6 col-sm-6 col-6 first">
<div class="product-item">
<div class="product-media">
<a href="#">
<img style="height: 100%;" src="https://www.serbaantik.com/uploads/item7.jpg">
</a>
</div>
<p>#9739<br>
<span style="font-size:12px">Rp 97.500,-</span></p>
</div>
</div>
<div class="col-lg-3 co-md-6 col-sm-6 col-6 first">
<div class="product-item">
<div class="product-media">
<a href="#">
<img style="height: 100%;" src="https://www.serbaantik.com/uploads/item8.jpg">
</a>
</div>
<p>#9739<br>
<span style="font-size:12px">Rp 97.500,-</span></p>
</div>
</div>
<div class="col-lg-3 co-md-6 col-sm-6 col-6 first">
<div class="product-item">
<div class="product-media">
<a href="#">
<img style="height: 100%;" src="https://www.serbaantik.com/uploads/item1.jpg">
</a>
</div>
<p>#9739<br>
<span style="font-size:12px">Rp 97.500,-</span></p>
</div>
</div>
<div class="col-lg-3 co-md-6 col-sm-6 col-6 first">
<div class="product-item">
<div class="product-media">
<a href="#">
<img style="height: 100%;" src="https://www.serbaantik.com/uploads/item2.jpg">
</a>
</div>
<p>#9739<br>
<span style="font-size:12px">Rp 97.500,-</span></p>
</div>
</div>
<div class="col-lg-3 co-md-6 col-sm-6 col-6 first">
<div class="product-item">
<div class="product-media">
<a href="#">
<img style="height: 100%;" src="https://www.serbaantik.com/uploads/item3.jpg">
</a>
</div>
<p>#9739<br>
<span style="font-size:12px">Rp 97.500,-</span></p>
</div>
</div>
<div class="col-lg-3 co-md-6 col-sm-6 col-6 first">
<div class="product-item">
<div class="product-media">
<a href="#">
<img style="height: 100%;" src="https://www.serbaantik.com/uploads/item4.jpg">
</a>
</div>
<p>#9739<br>
<span style="font-size:12px">Rp 97.500,-</span></p>
</div>
</div>
<div class="col-lg-3 co-md-6 col-sm-6 col-6 first">
<div class="product-item">
<div class="product-media">
<a href="#">
<img style="height: 100%;" src="https://www.serbaantik.com/uploads/item8.jpg">
</a>
</div>
<p>#9739<br>
<span style="font-size:12px">Rp 97.500,-</span></p>
</div>
</div>
<div class="col-lg-3 co-md-6 col-sm-6 col-6 first">
<div class="product-item">
<div class="product-media">
<a href="#">
<img style="height: 100%;" src="https://www.serbaantik.com/uploads/item1.jpg">
</a>
</div>
<p>#9739<br>
<span style="font-size:12px">Rp 97.500,-</span></p>
</div>
</div>
<div class="col-lg-3 co-md-6 col-sm-6 col-6 first">
<div class="product-item">
<div class="product-media">
<a href="#">
<img style="height: 100%;" src="https://www.serbaantik.com/uploads/item2.jpg">
</a>
</div>
<p>#9739<br>
<span style="font-size:12px">Rp 97.500,-</span></p>
</div>
</div>
</div>
<br>
<form class="add-quantity" action="#">
<div class="add-to-link">
<button class="btn" id="next6btn"><i class="ion-chevron-forward-outline" style="color:black"></i>NEXT ></button>
</div>
</form>
</div>
<div class="single-product-quantity" id="next6result">
<h4>4. SELECT RAIL</h4>
<img style="height: 100px;" src="https://www.serbaantik.com/uploads/item2.jpg" alt="" />
</div>
<div class="single-product-quantity" id="next7">
<h4>5. FIXING BY NAAVYA (OPTIONAL)</h4>
<form class="add-quantity" action="#">
<select name="size" id="" style="height: 155px; display: none;">
<option value="">Fixing by Naavya?</option>
<option value="">Yes</option>
<option value="">No</option>
</select><div class="nice-select" tabindex="0"><span class="current">Fixing by Naavya?</span><ul class="list"><li data-value="" class="option selected focus">Yes</li><li data-value="" class="option">No</li></ul></div>
<div class="product-quantity">
<input value="1" type="number">
</div>
<div class="add-to-link">
<button class="btn" id="next7btn"><i class="ion-chevron-forward-outline" style="color:black"></i>NEXT ></button>
</div>
</form>
</div>
<div class="single-product-quantity" id="next7result" style="">
<h4>5. FIXING BY NAAVYA (OPTIONAL)</h4>
Fixing by Naavya: Yes<br>
Window Qty: 3
</div>
<div class="single-product-price" id="next4">
Total Price: <span class="price new-price">Rp 500.000</span>
<form class="add-quantity" action="cart.php" style="margin-top:20px;">
<div class="add-to-link">
<button class="btn" id="next4btn"><i class="ion-bag" style="color:white"></i> ADD TO CART</button>
</div>
</form>
</div>
</div>
<!--Product Details Content End-->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Single Product Section End -->
<script>
</script>
<?php include('footer.php') ?>