<?php include "../includes/header.php"; ?>
<section class="banner wow fadeInUp" data-wow-delay=".3s" style="background:url('../assets/images/banner/ik-banner.webp')">
    <div class="container-fluid maxWidth">
        <div class="row">
             <div class="col-lg-12 col-md-12 col-sm-12">
                <div class="banner-title">
                    <h1>Kulplu Körüksüz Ürünü</h1>
                </div>
             </div>
        </div>
    </div>
</section>
<section class="shop-details-section section-padding fix shop-bg">
    <div class="container">
        <div class="shop-details-wrapper">
            <div class="row g-4">
                <div class="col-lg-6">
                    <div class="shop-details-image">
                    <div class="tab-content">
                        <div id="thumb1" class="tab-pane fade show active">
                            <div class="shop-thumb">
                                <img src="../assets/images/urunler/04.jpg" alt="Posette">
                            </div>
                        </div>
                        <div id="thumb2" class="tab-pane fade">
                            <div class="shop-thumb">
                                <img src="../assets/images/urunler/03.jpg" alt="Posette">
                            </div>
                        </div>
                        <div id="thumb3" class="tab-pane fade">
                            <div class="shop-thumb">
                                <img src="../assets/images/urunler/03.jpg" alt="Posette">
                            </div>
                        </div>
                        <div id="thumb4" class="tab-pane fade">
                            <div class="shop-thumb">
                                <img src="../assets/images/urunler/04.jpg" alt="Posette">
                            </div>
                        </div>
                        <div id="thumb5" class="tab-pane fade">
                            <div class="shop-thumb">
                                <img src="../assets/images/urunler/01.jpg" alt="Posette">
                            </div>
                        </div>
                        </div>
                        <ul class="nav">
                        <li class="nav-item">
                            <a href="#thumb1" data-bs-toggle="tab" class="nav-link ps-0 active">
                                  <img src="../assets/images/urunler/01.jpg" alt="Posette">
                            </a>
                        </li>
                        <li class="nav-item">
                            <a href="#thumb2" data-bs-toggle="tab" class="nav-link">
                                <img src="../assets/images/urunler/03.jpg" alt="Posette">
                            </a>
                        </li>
                        <li class="nav-item">
                            <a href="#thumb3" data-bs-toggle="tab" class="nav-link">
                                <img src="../assets/images/urunler/04.jpg" alt="Posette">
                            </a>
                        </li>
                        <li class="nav-item">
                        <a href="#thumb4" data-bs-toggle="tab" class="nav-link">
                            <img src="../assets/images/urunler/04.jpg" alt="Posette">
                        </a>
                        </li>
                        <li class="nav-item">
                            <a href="#thumb5" data-bs-toggle="tab" class="nav-link">
                                <img src="../assets/images/urunler/04.jpg" alt="Posette">
                            </a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="product-details-content">
                        <h3 class="pb-3">Kulplu Körüksüz Ürünü</h3>
                        <p class="mb-3">
                            Lorem ipsum dolor sit amet consectetur adipisicing elit. Maiores, veritatis. Corrupti ex ut, rerum voluptatum accusantium perferendis quas architecto error. Commodi quo sed voluptates perspiciatis.
                        </p>
                        <p class="mb-3">
                            Lorem ipsum dolor sit amet consectetur adipisicing elit. Maiores, veritatis. Corrupti ex ut, rerum voluptatum accusantium perferendis quas architecto error. Commodi quo sed voluptates perspiciatis.
                        </p>
                        <p class="mb-3">
                            Lorem ipsum dolor sit amet consectetur adipisicing elit. Maiores, veritatis. Corrupti ex ut, rerum voluptatum accusantium perferendis quas architecto error. Commodi quo sed voluptates perspiciatis.
                        </p>
                        <h6 class="details-info"><span>Stok Kodu:</span> <a href="#">124224</a></h6>
                        <h6 class="details-info"><span>Ürün Kategorisi:</span> <a href="#">Kulplu Körüksüz Ürünü</a></h6>

                    </div>
                </div>
                <div class="col-lg-12">
                    <div class="page-content-description wow fadeInUp mt-5" data-wow-delay=".3s">
                       <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsum, veritatis iusto. Fugit error itaque excepturi saepe sint cupiditate dignissimos illo ratione eius aperiam veniam vel, voluptate ipsum quia. Quam dolores repellendus harum reiciendis facere consectetur soluta error suscipit magni. Id porro eveniet ut repellat libero harum quod eligendi, aliquam iste eaque distinctio doloremque tenetur pariatur reprehenderit iusto autem facere sequi qui. Iusto quis sed quas aspernatur provident. Voluptatum, ducimus quae.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<?php include "../includes/footer.php"; ?>