<!DOCTYPE html>
<html lang="fa" dir="rtl">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description"
          content="Cuba admin is super flexible, powerful, clean &amp; modern responsive bootstrap 5 admin template with unlimited possibilities.">
    <meta name="keywords"
          content="admin template, Cuba admin template, dashboard template, flat admin template, responsive admin template, web app">
    <meta name="author" content="pixelstrap">
    <link rel="icon" href="/RTL/superAdmin/images/favicon.png" type="image/x-icon">
    <link rel="shortcut icon" href="/RTL/superAdmin/images/favicon.png" type="image/x-icon">
    <title>آنسه تیم</title>
    <!-- Google font-->

    <script src="https://cdn.ckeditor.com/ckeditor5/35.0.1/classic/ckeditor.js"></script>

    <link href="https://fonts.googleapis.com/css?family=Rubik:400,400i,500,500i,700,700i&amp;display=swap"
          rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i,900&amp;display=swap"
          rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="/RTL/superAdmin/css/font-awesome.css">
    <!-- ico-font-->
    <link rel="stylesheet" type="text/css" href="/RTL/superAdmin/css/vendors/icofont.css">
    <!-- Themify icon-->
    <link rel="stylesheet" type="text/css" href="/RTL/superAdmin/css/vendors/themify.css">
    <!-- Flag icon-->
    <link rel="stylesheet" type="text/css" href="/RTL/superAdmin/css/vendors/flag-icon.css">
    <!-- Feather icon-->
    <link rel="stylesheet" type="text/css" href="/RTL/superAdmin/css/vendors/feather-icon.css">
    <!-- Plugins css start-->
    <link rel="stylesheet" type="text/css" href="/RTL/superAdmin/css/vendors/scrollbar.css">
    <link rel="stylesheet" type="text/css" href="/RTL/superAdmin/css/vendors/prism.css">
    <!-- Plugins css Ends-->
    <!-- Bootstrap css-->
    <link rel="stylesheet" type="text/css" href="/RTL/superAdmin/css/vendors/bootstrap.css">
    <!-- App css-->
    <link rel="stylesheet" type="text/css" href="/RTL/superAdmin/css/style.css">
    <link id="color" rel="stylesheet" href="/RTL/superAdmin/css/color-1.css" media="screen">
    <!-- Responsive css-->
    <link rel="stylesheet" type="text/css" href="/RTL/superAdmin/css/responsive.css">
    <link rel="stylesheet" type="text/css" href="/RTL/superAdmin/css/vendors/select2.css">
</head>
<body class="rtl">
<!-- tap on top starts-->
<div class="tap-top"><i data-feather="chevrons-up"></i></div>
<!-- tap on tap ends-->
<!-- page-wrapper Start-->
<div class="page-wrapper compact-wrapper" id="pageWrapper">
    <!-- Page Header Start-->

    <%- include('../../../partials/header') %>

    <!-- Page Sidebar Ends-->
    <div class="page-body">
        <div class="container-fluid">
            <div class="page-title">
                <div class="row">
                    <div class="col-6">
                        <h3>Product Page</h3>
                    </div>
                    <div class="col-6">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="index.html">                                       <i data-feather="home"></i></a></li>
                            <li class="breadcrumb-item">ECommerce</li>
                            <li class="breadcrumb-item active">Product Page</li>
                        </ol>
                    </div>
                </div>
            </div>
        </div>
        <!-- Container-fluid starts-->
        <div class="container-fluid">
            <div>
                <div class="row product-page-main p-0">
                    <div class="col-xl-4 xl-cs-65 box-col-12">
                        <div class="card">
                            <div class="card-body">
                                <div class="product-slider owl-carousel owl-theme" id="sync1">
                                    <div class="item"><img src="../assets/images/ecommerce/01.jpg" alt=""></div>
                                    <div class="item"><img src="../assets/images/ecommerce/02.jpg" alt=""></div>
                                    <div class="item"><img src="../assets/images/ecommerce/03.jpg" alt=""></div>
                                    <div class="item"><img src="../assets/images/ecommerce/04.jpg" alt=""></div>
                                    <div class="item"><img src="../assets/images/ecommerce/05.jpg" alt=""></div>
                                    <div class="item"><img src="../assets/images/ecommerce/06.jpg" alt=""></div>
                                    <div class="item"><img src="../assets/images/ecommerce/07.jpg" alt=""></div>
                                    <div class="item"><img src="../assets/images/ecommerce/08.jpg" alt=""></div>
                                </div>
                                <div class="owl-carousel owl-theme" id="sync2">
                                    <div class="item"><img src="../assets/images/ecommerce/01.jpg" alt=""></div>
                                    <div class="item"><img src="../assets/images/ecommerce/02.jpg" alt=""></div>
                                    <div class="item"><img src="../assets/images/ecommerce/03.jpg" alt=""></div>
                                    <div class="item"><img src="../assets/images/ecommerce/04.jpg" alt=""></div>
                                    <div class="item"><img src="../assets/images/ecommerce/05.jpg" alt=""></div>
                                    <div class="item"><img src="../assets/images/ecommerce/06.jpg" alt=""></div>
                                    <div class="item"><img src="../assets/images/ecommerce/07.jpg" alt=""></div>
                                    <div class="item"><img src="../assets/images/ecommerce/08.jpg" alt=""></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-5 xl-100 box-col-6">
                        <div class="card">
                            <div class="card-body">
                                <div class="product-page-details">
                                    <h3>Women Pink shirt.</h3>
                                </div>
                                <div class="product-price">$26.00
                                    <del>$350.00 </del>
                                </div>
                                <ul class="product-color">
                                    <li class="bg-primary"></li>
                                    <li class="bg-secondary"></li>
                                    <li class="bg-success"></li>
                                    <li class="bg-info"></li>
                                    <li class="bg-warning"></li>
                                </ul>
                                <hr>
                                <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that.</p>
                                <hr>
                                <div>
                                    <table class="product-page-width">
                                        <tbody>
                                        <tr>
                                            <td> <b>Brand &nbsp;&nbsp;&nbsp;:</b></td>
                                            <td>Pixelstrap</td>
                                        </tr>
                                        <tr>
                                            <td> <b>Availability &nbsp;&nbsp;&nbsp;: &nbsp;&nbsp;&nbsp;</b></td>
                                            <td class="txt-success">In stock</td>
                                        </tr>
                                        <tr>
                                            <td> <b>Seller &nbsp;&nbsp;&nbsp;: &nbsp;&nbsp;&nbsp;</b></td>
                                            <td>ABC</td>
                                        </tr>
                                        <tr>
                                            <td> <b>Fabric &nbsp;&nbsp;&nbsp;: &nbsp;&nbsp;&nbsp;</b></td>
                                            <td>Cotton</td>
                                        </tr>
                                        </tbody>
                                    </table>
                                </div>
                                <hr>
                                <div class="row">
                                    <div class="col-md-6">
                                        <h6 class="product-title">share it</h6>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="product-icon">
                                            <ul class="product-social">
                                                <li class="d-inline-block"><a href="#"><i class="fa fa-facebook"></i></a></li>
                                                <li class="d-inline-block"><a href="#"><i class="fa fa-google-plus"></i></a></li>
                                                <li class="d-inline-block"><a href="#"><i class="fa fa-twitter"></i></a></li>
                                                <li class="d-inline-block"><a href="#"><i class="fa fa-instagram"></i></a></li>
                                                <li class="d-inline-block"><a href="#"><i class="fa fa-rss"></i></a></li>
                                            </ul>
                                            <form class="d-inline-block f-right"></form>
                                        </div>
                                    </div>
                                </div>
                                <hr>
                                <div class="row">
                                    <div class="col-md-6">
                                        <h6 class="product-title">Rate Now</h6>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="d-flex">
                                            <select id="u-rating-fontawesome" name="rating" autocomplete="off">
                                                <option value="1">1</option>
                                                <option value="2">2</option>
                                                <option value="3">3</option>
                                                <option value="4">4</option>
                                                <option value="5">5</option>
                                            </select><span>(250 review)</span>
                                        </div>
                                    </div>
                                </div>
                                <hr>
                                <div class="m-t-15">
                                    <button class="btn btn-primary m-r-10" type="button" title=""> <i class="fa fa-vendorping-basket me-1"></i>Add To Cart</button>
                                    <button class="btn btn-success m-r-10" type="button" title=""> <i class="fa fa-vendorping-cart me-1"></i>Buy Now</button><a class="btn btn-secondary" href="#"> <i class="fa fa-heart me-1"></i>Add To WishList</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-3 xl-cs-35 box-col-6">
                        <div class="card">
                            <div class="card-body">
                                <!-- side-bar colleps block stat-->
                                <div class="filter-block">
                                    <h4>Brand</h4>
                                    <ul>
                                        <li>Clothing</li>
                                        <li>Bags</li>
                                        <li>Footwear</li>
                                        <li>Watches</li>
                                        <li>ACCESSORIES</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="card">
                            <div class="card-body">
                                <div class="collection-filter-block">
                                    <ul class="pro-services">
                                        <li>
                                            <div class="media"><i data-feather="truck"></i>
                                                <div class="media-body">
                                                    <h5>Free Shipping                                    </h5>
                                                    <p>Free Shipping World Wide</p>
                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="media"><i data-feather="clock"></i>
                                                <div class="media-body">
                                                    <h5>24 X 7 Service                                    </h5>
                                                    <p>Online Service For New Customer</p>
                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="media"><i data-feather="gift"></i>
                                                <div class="media-body">
                                                    <h5>Festival Offer                                 </h5>
                                                    <p>New Online Special Festival</p>
                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="media"><i data-feather="credit-card"></i>
                                                <div class="media-body">
                                                    <h5>Online Payment                                  </h5>
                                                    <p>Contrary To Popular Belief.                                   </p>
                                                </div>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <!-- silde-bar colleps block end here-->
                        </div>
                    </div>
                </div>
            </div>
            <div class="card">
                <div class="row product-page-main">
                    <div class="col-sm-12">
                        <ul class="nav nav-tabs border-tab mb-0" id="top-tab" role="tablist">
                            <li class="nav-item"><a class="nav-link active" id="top-home-tab" data-bs-toggle="tab" href="#top-home" role="tab" aria-controls="top-home" aria-selected="false">Febric</a>
                                <div class="material-border"></div>
                            </li>
                            <li class="nav-item"><a class="nav-link" id="profile-top-tab" data-bs-toggle="tab" href="#top-profile" role="tab" aria-controls="top-profile" aria-selected="false">Video</a>
                                <div class="material-border"></div>
                            </li>
                            <li class="nav-item"><a class="nav-link" id="contact-top-tab" data-bs-toggle="tab" href="#top-contact" role="tab" aria-controls="top-contact" aria-selected="true">Details</a>
                                <div class="material-border"></div>
                            </li>
                            <li class="nav-item"><a class="nav-link" id="brand-top-tab" data-bs-toggle="tab" href="#top-brand" role="tab" aria-controls="top-brand" aria-selected="true">Brand</a>
                                <div class="material-border"></div>
                            </li>
                        </ul>
                        <div class="tab-content" id="top-tabContent">
                            <div class="tab-pane fade active show" id="top-home" role="tabpanel" aria-labelledby="top-home-tab">
                                <p class="mb-0 m-t-20">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."</p>
                                <p class="mb-0 m-t-20">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."</p>
                            </div>
                            <div class="tab-pane fade" id="top-profile" role="tabpanel" aria-labelledby="profile-top-tab">
                                <p class="mb-0 m-t-20">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum</p>
                            </div>
                            <div class="tab-pane fade" id="top-contact" role="tabpanel" aria-labelledby="contact-top-tab">
                                <p class="mb-0 m-t-20">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum</p>
                            </div>
                            <div class="tab-pane fade" id="top-brand" role="tabpanel" aria-labelledby="brand-top-tab">
                                <p class="mb-0 m-t-20">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Container-fluid Ends-->
    </div>
    <!-- popup -->
    <%- include("../../../partials/popup") %>
    <!-- popup-->

    <%- include("../../../partials/footer") %>
</div>
</div>
<!-- latest jquery-->
<script src="/RTL/superAdmin/js/jquery-3.5.1.min.js"></script>
<!-- Bootstrap js-->
<script src="/RTL/superAdmin/js/bootstrap/bootstrap.bundle.min.js"></script>
<!-- feather icon js-->
<script src="/RTL/superAdmin/js/icons/feather-icon/feather.min.js"></script>
<script src="/RTL/superAdmin/js/icons/feather-icon/feather-icon.js"></script>
<!-- scrollbar js-->
<script src="/RTL/superAdmin/js/scrollbar/simplebar.js"></script>
<script src="/RTL/superAdmin/js/scrollbar/custom.js"></script>
<!-- Sidebar jquery-->
<script src="/RTL/superAdmin/js/config.js"></script>
<!-- Plugins JS start-->
<script src="/RTL/superAdmin/js/sidebar-menu.js"></script>
<script src="/RTL/superAdmin/js/prism/prism.min.js"></script>
<script src="/RTL/superAdmin/js/clipboard/clipboard.min.js"></script>
<script src="/RTL/superAdmin/js/custom-card/custom-card.js"></script>
<script src="/RTL/superAdmin/js/tooltip-init.js"></script>
<!-- Plugins JS Ends-->
<!-- Theme js-->
<script src="/RTL/superAdmin/js/script.js"></script>
<!-- login js-->
<!--error message for inputs-->
<script src="/RTL/superAdmin/js/input-error.js"></script>
<script src="/RTL/superAdmin/js/tiny/tinymce.min.js"></script>
<!-- Plugin used-->
<script src="/RTL/superAdmin/js/select2/select2.full.min.js"></script>
<script src="/RTL/superAdmin/js/select2/select2-custom.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.19.0/axios.min.js"></script>
<!-- script pop up -->
<script src="/RTL/superAdmin/js/anse/albumPopup.js"></script>


</body>
</html>
