@section('title')
product detail
@endsection
@section('seo')
@endsection
@section('css')
@endsection
@extends('website.layout.layout')
@section('content')
<div class="product-details-area border-top-2 mt-90 pt-100 pb-100 mt-xs-0">
    <div class="container">
        <div class="row">
            <div class="col-lg-6">
                <div class="product-details-tab">
                    <div class="pro-dec-big-img-slider product-big-img-style">
                        <div class="easyzoom-style">
                            <div class="easyzoom easyzoom--overlay">
                                <a href="assets/images/pro-big-1.jpg">
                                    <img src="assets/images/pro-1.jpg" alt="">
                                </a>
                            </div>
                            <span class="badge-black badge-right">New</span>
                            <div class="pro-dec-zoom-img">
                                <a class="img-popup" href="assets/images/pro-big-1.jpg"><i class="fa fa-search-plus"></i></a>
                            </div>
                        </div>
                        <div class="easyzoom-style">
                            <div class="easyzoom easyzoom--overlay">
                                <a href="assets/images/pro-big-2.jpg">
                                    <img src="assets/images/pro-2.jpg" alt="">
                                </a>
                            </div>
                            <span class="badge-black badge-right">New</span>
                            <div class="pro-dec-zoom-img">
                                <a class="img-popup" href="assets/images/pro-big-2.jpg"><i class="fa fa-search-plus"></i></a>
                            </div>
                        </div>
                        <div class="easyzoom-style">
                            <div class="easyzoom easyzoom--overlay">
                                <a href="assets/images/pro-big-3.jpg">
                                    <img src="assets/images/pro-3.jpg" alt="">
                                </a>
                            </div>
                            <span class="badge-black badge-right">New</span>
                            <div class="pro-dec-zoom-img">
                                <a class="img-popup" href="assets/images/pro-big-3.jpg"><i class="fa fa-search-plus"></i></a>
                            </div>
                        </div>
                        <div class="easyzoom-style">
                            <div class="easyzoom easyzoom--overlay">
                                <a href="assets/images/pro-big-4.jpg">
                                    <img src="assets/images/pro-4.jpg" alt="">
                                </a>
                            </div>
                            <span class="badge-black badge-right">New</span>
                            <div class="pro-dec-zoom-img">
                                <a class="img-popup" href="assets/images/pro-big-4.jpg"><i class="fa fa-search-plus"></i></a>
                            </div>
                        </div>
                        <div class="easyzoom-style">
                            <div class="easyzoom easyzoom--overlay">
                                <a href="assets/images/pro-big-5.jpg">
                                    <img src="assets/images/pro-5.jpg" alt="">
                                </a>
                            </div>
                            <span class="badge-black badge-right">New</span>
                            <div class="pro-dec-zoom-img">
                                <a class="img-popup" href="assets/images/pro-big-5.jpg"><i class="fa fa-search-plus"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="product-dec-slider product-small-img-style mt-10">
                        <div class="product-dec-small active">
                            <img src="assets/images/pro-1.jpg" alt="">
                        </div>
                        <div class="product-dec-small">
                            <img src="assets/images/pro-2.jpg" alt="">
                        </div>
                        <div class="product-dec-small">
                            <img src="assets/images/pro-3.jpg" alt="">
                        </div>
                        <div class="product-dec-small">
                            <img src="assets/images/pro-4.jpg" alt="">
                        </div>
                        <div class="product-dec-small">
                            <img src="assets/images/pro-5.jpg" alt="">
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-6">
                <div class="product-details-content product-details-ptb">
                    <div class="breadcrumb-content mb-35">
                        <ul>
                            <li>
                                <a href="index.html">Home </a>
                            </li>
                            <li> shop</li>
                            <li> Detachable belt dress</li>
                        </ul>
                    </div>
                    <h2>Detachable belt dress</h2>
                    <h3>Rs.2500.00</h3>
                    <div class="product-dec-configurable">
                        <div class="pro-details-color">
                            <span>Color</span>
                            <ul>
                                <li data-toggle="tooltip" data-placement="top" title="Black"><a href="#"><img src="assets/images/banner/black.jpg" alt=""></a></li>
                                <li data-toggle="tooltip" data-placement="top" title="Yellow"><a href="#"><img src="assets/images/banner/yellow.jpg" alt=""></a></li>
                            </ul>
                        </div>
                        <div class="pro-details-size">
                            <span>Size</span>
                            <ul>
                                <li><a href="#" data-toggle="tooltip" data-placement="top" title="L">L</a></li>
                                <li><a href="#" data-toggle="tooltip" data-placement="top" title="M">M</a></li>
                                <li><a href="#" data-toggle="tooltip" data-placement="top" title="S">S</a></li>
                                <li><a href="#" data-toggle="tooltip" data-placement="top" title="XL">XL</a></li>
                                <li><a href="#" data-toggle="tooltip" data-placement="top" title="XXL">XXL</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="product-dec-action-wrap pro-dec-action-2">
                        <div class="cart-plus-minus mr-20">
                            <input class="cart-plus-minus-box" type="text" name="qtybutton" value="0">
                        </div>
                        <div class="quality-cart-wrap">
                            <div class="pro-cart-wrap">
                                <a href="#">Add to cart</a>
                            </div>
                        </div>
                        <div class="pro-dec-wishlist-compare">
                            <a title="Add to wishlist" href="#"><i class="dl-icon-heart2"></i></a>
                        </div>
                    </div>
                    <div class="description-review-wrapper">
                        <div class="panel-group" id="accordion1">
                            <div class="panel pro-dec-accordion">
                                <div class="panel-heading">
                                    <h4 class="panel-title">
                                        <a data-toggle="collapse" href="#pro-dec-accordion1">
                                            Description
                                        </a>
                                    </h4>
                                </div>
                                <div data-parent="#accordion1" id="pro-dec-accordion1" class="product-description-wrapper panel-collapse collapse show">
                                    <div class="panel-body">
                                        <p>Donec venenatis tellus ut nisl rutrum luctus. Quisque euismod rutrum nibh, vel euismod augue iaculis eget. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Fusce magna nunc, iaculis sit amet eros eu, accumsan accumsan lacus. Aliquam viverra tellus quis ligula rutrum, ac ornare lorem rutrum. Suspendisse sagittis nisl sit amet nibh euismod con</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="product-dec-meta">
                        <span>Categories: <a href="#">Women</a></span>
                        <span>Tags: <a href="#">Fashion</a>, <a href="#">Lookbook</a></span>
                    </div>
                    <div class="product-social">
                        <span>Share with</span>
                        <ul>
                            <li><a data-toggle="tooltip" title="Share this post on Facebook" href="#"><i class="fa fa-facebook"></i></a></li>
                            <li><a data-toggle="tooltip" title="Share this post on Twitter" href="#"><i class="fa fa-twitter"></i></a></li>
                            <li><a data-toggle="tooltip" title="Share this post on Pinterest" href="#"><i class="fa fa-pinterest-p"></i></a></li>
                            <li><a data-toggle="tooltip" title="Share this post on Google Plus" href="#"><i class="fa fa-google-plus"></i></a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
@section('js')
@endsection