<!doctype html>
<html class="no-js" lang="en">

<?php
include 'partials/head.php';
?>

<body>

    <!-- page wrapper -->
    <div class="page-wrapper pbmit-bg-color-white" id="page">

        <!-- Header Main Area -->
        <header class="site-header header-style-14 ">
            <div class="pbmit-header-overley">
                <?php
                include 'partials/header.php';
                ?>
            </div>
            <!-- Title Bar -->
            <div class="pbmit-title-bar-wrapper">
                <div class="container">
                    <div class="pbmit-title-bar-content">
                        <div class="pbmit-title-bar-content-inner">
                            <div class="pbmit-tbar">
                                <div class="pbmit-tbar-inner container">
                                    <h1 class="pbmit-tbar-title">Tek Sıra Z Tip LowBed Döneri </h1>
                                </div>
                            </div>
                            <div class="pbmit-breadcrumb">
                                <div class="pbmit-breadcrumb-inner">
                                    <span>
                                        <a title="" href="#" class="home"><span>Anasayfa</span></a>
                                    </span>
                                    <span class="sep">
                                        <i class="pbmit-base-icon-angle-double-right"></i>
                                    </span>
                                    <span><span class="post-root post post-post current-item">Ürünlerimiz</span></span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Title Bar End-->
        </header>
        <!-- Header Main Area End Here -->

        <!-- Page Content -->
        <div class="page-content">
            <div class="product-container">
                <div class="product-header">
                    <div class="product-title">
                        <h1>Tek Sıra Z Tip LowBed Döneri </h1>
                    </div>
                    <div class="product-btn-area">
                        <a class="pbmit-btn" href="make-appointments-01.html">
                            <span class="pbmit-button-content-wrapper">
                                <span class="pbmit-button-icon pbmit-align-icon-right">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="54" height="54" viewBox="0 0 24 24" fill="#ffffff">
                                        <title>WhatsApp</title>
                                        <path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z" />
                                    </svg>
                                </span>
                                <span class="pbmit-button-text"> WHATSAPP BİLGİ AL </span>
                            </span>
                        </a>

                        <a class="pbmit-btn" href="make-appointments-01.html">
                            <span class="pbmit-button-content-wrapper">
                                <span class="pbmit-button-icon pbmit-align-icon-right">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="54" height="54" viewBox="0 0 24 24" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                        <title>Email</title>
                                        <rect x="2" y="4" width="20" height="16" rx="2"></rect>
                                        <path d="M22 7l-10 5-10-5"></path>
                                    </svg>
                                </span>
                                <span class="pbmit-button-text"> MAİL İLE BİLGİ AL </span>
                            </span>
                        </a>
                    </div>
                </div>

                <div class="product-display">
                    <div class="row">
                        <div class="col-12 col-lg-5">
                            <div class="main-image">
                                <img src="https://waspo.com.tr/writable/uploads/medias/images/101-7701_006.png" alt="101-7701 Devirdaim Su Pompası">
                            </div>
                        </div>
                        <div class="product-border col-12 col-lg-1"></div>
                        <div class="col-12 col-lg-6">
                            <div class="product-gallery">
                                <h2 class="gallery-title">Ürün Fotoğrafları</h2>
                                <div class="thumbnail-grid">
                                    <div class="thumbnail">
                                        <img src="https://waspo.com.tr/writable/uploads/medias/images/101-7701_006.png" alt="Su Pompası Açı 1">
                                    </div>
                                    <div class="thumbnail">
                                        <img src="https://waspo.com.tr/writable/uploads/medias/images/101-7701_006.png" alt="Su Pompası Açı 2">
                                    </div>
                                    <div class="thumbnail">
                                        <img src="https://waspo.com.tr/writable/uploads/medias/images/101-7701_006.png" alt="Su Pompası Açı 3">
                                    </div>
                                    <div class="thumbnail">
                                        <img src="assets/img/urun-2.png" alt="Su Pompası Açı 4">
                                    </div>
                                    <div class="thumbnail">
                                        <img src="assets/img/urun-2.png" alt="Su Pompası Parça Şeması">
                                    </div>
                                    <div class="thumbnail">
                                        <img src="assets/img/urun-2.png" alt="Su Pompası Detay">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="capacity-table-section">
                    <h2>Kapasite Tablosu</h2>
                    <div class="table-container">
                        <table class="capacity-table">
                            <thead>
                                <tr>
                                    <th>Kod</th>
                                    <th>Ø A</th>
                                    <th>Ø B</th>
                                    <th>Ø E1</th>
                                    <th>Ø E2</th>
                                    <th>H</th>
                                    <th>G</th>
                                    <th>Ø S</th>
                                    <th>Kapasite (ton)</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>DEK.08.L2.085</td>
                                    <td>085</td>
                                    <td>061</td>
                                    <td>082</td>
                                    <td>066</td>
                                    <td>256</td>
                                    <td>142</td>
                                    <td>213</td>
                                    <td></td>
                                </tr>
                                <tr>
                                    <td>DEK.08.L2.095</td>
                                    <td>095</td>
                                    <td>071</td>
                                    <td>091</td>
                                    <td>075</td>
                                    <td>856</td>
                                    <td>142</td>
                                    <td>215</td>
                                    <td></td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <div class="container-fluid">
                <section class="section-xl pbmit-column-four">
                    <div class="product-section px-xl-5 px-4">
                        <div class="row align-items-center">
                            <div class="col-md-12 col-xl-7">
                                <div class="pbmit-heading-subheading animation-style2">
                                    <h2 class="pbmit-title">Diğer Ürünlerimiz</h2>
                                </div>
                            </div>
                        </div>
                        <div
                            class="swiper-product swiper-container"
                            data-arrows-class="service-fourteen-swiper-arrow"
                            data-autoplay="false"
                            data-loop="true"
                            data-dots="false"
                            data-arrows="true"
                            data-columns="5"
                            data-margin="40"
                            data-effect="slide">
                            <div class="swiper-wrapper">
                                <!-- Slide1 -->

                                <div class="product-card swiper-slide">
                                    <h3>
                                        Dümenlenebilir LowBed <br />
                                        Sistemi
                                    </h3>
                                    <a href="urun-detay.php"> <img src="assets/img/urun-1.png" alt="Deutz Fahr Tractor" /></a>
                                    <a href="urun-detay.php" class="browse-link">
                                        <span>Ürünü İncele</span>
                                        <div class="circle-icon">→</div>
                                    </a>
                                </div>
                                <div class="product-card swiper-slide">
                                    <h3>
                                        Dümenlenebilir LowBed <br />
                                        Sistemi
                                    </h3>
                                    <a href="urun-detay.php"> <img src="assets/img/urun-1.png" alt="Deutz Fahr Tractor" /></a>
                                    <a href="urun-detay.php" class="browse-link">
                                        <span>Ürünü İncele</span>
                                        <div class="circle-icon">→</div>
                                    </a>
                                </div>
                                <div class="product-card swiper-slide">
                                    <h3>
                                        Dümenlenebilir LowBed <br />
                                        Sistemi
                                    </h3>
                                    <a href="urun-detay.php"> <img src="assets/img/urun-1.png" alt="Deutz Fahr Tractor" /></a>
                                    <a href="urun-detay.php" class="browse-link">
                                        <span>Ürünü İncele</span>
                                        <div class="circle-icon">→</div>
                                    </a>
                                </div>
                                <div class="product-card swiper-slide">
                                    <h3>
                                        Dümenlenebilir LowBed <br />
                                        Sistemi
                                    </h3>
                                    <a href="urun-detay.php"> <img src="assets/img/urun-1.png" alt="Deutz Fahr Tractor" /></a>
                                    <a href="urun-detay.php" class="browse-link">
                                        <span>Ürünü İncele</span>
                                        <div class="circle-icon">→</div>
                                    </a>
                                </div>
                                <div class="product-card swiper-slide">
                                    <h3>
                                        Dümenlenebilir LowBed <br />
                                        Sistemi
                                    </h3>
                                    <a href="urun-detay.php"> <img src="assets/img/urun-1.png" alt="Deutz Fahr Tractor" /></a>
                                    <a href="urun-detay.php" class="browse-link">
                                        <span>Ürünü İncele</span>
                                        <div class="circle-icon">→</div>
                                    </a>
                                </div>
                                <div class="product-card swiper-slide">
                                    <h3>
                                        Dümenlenebilir LowBed <br />
                                        Sistemi
                                    </h3>
                                    <a href="urun-detay.php"> <img src="assets/img/urun-1.png" alt="Deutz Fahr Tractor" /></a>
                                    <a href="urun-detay.php" class="browse-link">
                                        <span>Ürünü İncele</span>
                                        <div class="circle-icon">→</div>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
            </div>
        </div>
        <!-- Page Content End -->

        <!-- footer -->
        <?php
        include 'partials/footer.php'
        ?>
        <!-- footer End -->

    </div>
    <!-- page wrapper End -->

    <!-- Search Box Start Here -->
    <div class="pbmit-search-overlay">
        <div class="pbmit-icon-close">
            <svg class="qodef-svg--close qodef-m" xmlns="http://www.w3.org/2000/svg" width="28.163" height="28.163" viewbox="0 0 26.163 26.163">
                <rect width="36" height="1" transform="translate(0.707) rotate(45)"></rect>
                <rect width="36" height="1" transform="translate(0 25.456) rotate(-45)"></rect>
            </svg>
        </div>
        <div class="pbmit-search-outer">
            <form class="pbmit-site-searchform">
                <input type="search" class="form-control field searchform-s" name="s" placeholder="Search …">
                <button type="submit"></button>
            </form>
        </div>
    </div>
    <!-- Search Box End Here -->

    <!-- Scroll To Top -->
    <div class="pbmit-progress-wrap">
        <svg class="pbmit-progress-circle svg-content" width="100%" height="100%" viewbox="-1 -1 102 102">
            <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98"></path>
        </svg>
    </div>
    <!-- Scroll To Top End -->

    <!-- JS
        ============================================ -->
    <!-- jQuery JS -->
    <script data-cfasync="false" src="assets/../cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
    <script src="assets/js/jquery.min.js"></script>
    <!-- Popper JS -->
    <script src="assets/js/popper.min.js"></script>
    <!-- Bootstrap JS -->
    <script src="assets/js/bootstrap.min.js"></script>
    <!-- jquery Waypoints JS -->
    <script src="assets/js/jquery.waypoints.min.js"></script>
    <!-- jquery Appear JS -->
    <script src="assets/js/jquery.appear.js"></script>
    <!-- Numinate JS -->
    <script src="assets/js/numinate.min.js"></script>
    <!-- Slick JS -->
    <script src="assets/js/swiper.min.js"></script>
    <!-- Magnific JS -->
    <script src="assets/js/jquery.magnific-popup.min.js"></script>
    <!-- Circle Progress JS -->
    <script src="assets/js/circle-progress.js"></script>
    <!-- countdown JS -->
    <script src="assets/js/jquery.countdown.min.js"></script>
    <!-- AOS -->
    <script src="assets/js/aos.js"></script>
    <!-- GSAP -->
    <script src='js/gsap.js'></script>
    <!-- Scroll Trigger -->
    <script src='js/ScrollTrigger.js'></script>
    <!-- Split Text -->
    <script src='js/SplitText.js'></script>
    <!-- Magnetic -->
    <script src='js/magnetic.js'></script>
    <!-- GSAP Animation -->
    <script src='js/gsap-animation.js'></script>
    <!-- Scripts JS -->
    <script src="assets/js/scripts.js"></script>

    <!-- Belge görüntüleme için özel script -->
    <script>
        $(document).ready(function() {
            // Magnific Popup ile görsellerin büyütülmesi
            $('.certificate-link').magnificPopup({
                type: 'image',
                gallery: {
                    enabled: true
                },
                mainClass: 'mfp-with-zoom',
                zoom: {
                    enabled: true,
                    duration: 300,
                    easing: 'ease-in-out',
                }
            });
        });
        // JavaScript to handle thumbnail clicks (would change main image in a real implementation)
        // JavaScript to handle thumbnail clicks and change the main image
        document.addEventListener('DOMContentLoaded', function() {
            // Select all thumbnails
            const thumbnails = document.querySelectorAll('.thumbnail');
            // Select the main image
            const mainImage = document.querySelector('.main-image img');

            // Add click event listener to each thumbnail
            thumbnails.forEach(thumb => {
                thumb.addEventListener('click', function() {
                    // Get the source of the clicked thumbnail image
                    const newImageSrc = this.querySelector('img').src;

                    // Update the main image source
                    if (mainImage) {
                        mainImage.src = newImageSrc;

                        // Add visual feedback (highlight selected thumbnail)
                        thumbnails.forEach(t => t.style.border = '1px solid #ddd');
                        this.style.border = '2px solid #e63946';
                    }
                });
            });
        });
    </script>

</body>

</html>