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

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

<body>

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

    <!-- Header Main Area -->
    <header class="site-header header-style-1 header-detailpage">
        <div class="pbmit-header-overley">
            <?php
            include 'partials/header.php';
            ?>
        </div>
    </header>
    <!-- Header Main Area End Here -->
    <section class="page-title">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="page-title-content">
                        <h1>Ürünlerimiz </h1>
                        <ul>
                            <li><a href="index.php">Anasayfa</a></li>
                            <li><a href="#">Ürünlerimiz</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Page Content -->
    <div class="page-content">
        <div class="product-section px-xl-5 px-4 py-5">
            <div class="row">
                <div class="col-lg-3">
                    <div class="sidebar-container">
                        <div class="logo-section">
                            <div class="logo-title">DEKSAN</div>
                            <div class="logo-subtitle">Hidrolik</div>
                        </div>

                        <ul class="sidebar-menu">
                            <li><a class="active" href="#">Dümenlenebilir LowBed Sistemi</a></li>
                            <li><a href="#">Treyler-Dorse Dönerleri</a></li>
                            <li><a href="#">Alttan Keçeli Silindirler</a></li>
                            <li><a href="#">Boğazdan Keçeli Silindirler</a></li>
                            <li><a href="#">Önden Kaldırmalı Damper Silindirleri</a></li>
                            <li><a href="#">Tarım ve İş Makinaları Silindirleri</a></li>
                            <li><a href="#">Çöp Arabası Silindirleri</a></li>
                            <li><a href="#">Hidrolikli Kompas Silindirleri</a></li>
                            <li><a href="#">Bilya Yataklı Dönerler</a></li>
                            <li><a href="#">Traktör Orta ve Yankol Silindirleri</a></li>
                            <li><a href="#">Hidrolik Krikolar</a></li>
                            <li><a href="#">Konteyner Kilitleri</a></li>
                        </ul>


                    </div>
                </div>
                <div class="col-lg-9">
                    <div class="products-container">
                        <div class="products-row">
                            <!-- Ürün 1 -->
                            <div class="product-item">
                                <div class="product-image">
                                    <img src="assets/img/urun-2.png" alt="AB - 135 3 Membranlı Pompa">
                                    <div class="view-product"><a href="urun-detay.php">ÜRÜNÜ İNCELE</a></div>
                                </div>
                                <div class="product-category">Konteyner Kilitleri</div>
                                <h3 class="product-title"><a href="urun-detay.php">Standart Konteyner Kilidi</a></h3>
                            </div>
                            <div class="product-item">
                                <div class="product-image">
                                    <img src="assets/img/urun-2.png" alt="AB - 135 3 Membranlı Pompa">
                                    <div class="view-product"><a href="urun-detay.php">ÜRÜNÜ İNCELE</a></div>
                                </div>
                                <div class="product-category">Konteyner Kilitleri</div>
                                <h3 class="product-title"><a href="urun-detay.php">Standart Konteyner Kilidi</a></h3>
                            </div>
                            <div class="product-item">
                                <div class="product-image">
                                    <img src="assets/img/urun-2.png" alt="AB - 135 3 Membranlı Pompa">
                                    <div class="view-product"><a href="urun-detay.php">ÜRÜNÜ İNCELE</a></div>
                                </div>
                                <div class="product-category">Konteyner Kilitleri</div>
                                <h3 class="product-title"><a href="urun-detay.php">Standart Konteyner Kilidi</a></h3>
                            </div>
                            <div class="product-item">
                                <div class="product-image">
                                    <img src="assets/img/urun-2.png" alt="AB - 135 3 Membranlı Pompa">
                                    <div class="view-product"><a href="urun-detay.php">ÜRÜNÜ İNCELE</a></div>
                                </div>
                                <div class="product-category">Konteyner Kilitleri</div>
                                <h3 class="product-title"><a href="urun-detay.php">Standart Konteyner Kilidi</a></h3>
                            </div>

                            <div class="product-item">
                                <div class="product-image">
                                    <img src="assets/img/urun-2.png" alt="AB - 135 3 Membranlı Pompa">
                                    <div class="view-product"><a href="urun-detay.php">ÜRÜNÜ İNCELE</a></div>
                                </div>
                                <div class="product-category">Konteyner Kilitleri</div>
                                <h3 class="product-title"><a href="urun-detay.php">Standart Konteyner Kilidi</a></h3>
                            </div>
                            <div class="product-item">
                                <div class="product-image">
                                    <img src="assets/img/urun-2.png" alt="AB - 135 3 Membranlı Pompa">
                                    <div class="view-product"><a href="urun-detay.php">ÜRÜNÜ İNCELE</a></div>
                                </div>
                                <div class="product-category">Konteyner Kilitleri</div>
                                <h3 class="product-title"><a href="urun-detay.php">Standart Konteyner Kilidi</a></h3>
                            </div>
                            <div class="product-item">
                                <div class="product-image">
                                    <img src="assets/img/urun-2.png" alt="AB - 135 3 Membranlı Pompa">
                                    <div class="view-product"><a href="urun-detay.php">ÜRÜNÜ İNCELE</a></div>
                                </div>
                                <div class="product-category">Konteyner Kilitleri</div>
                                <h3 class="product-title"><a href="urun-detay.php">Standart Konteyner Kilidi</a></h3>
                            </div>
                            <div class="product-item">
                                <div class="product-image">
                                    <img src="assets/img/urun-2.png" alt="AB - 135 3 Membranlı Pompa">
                                    <div class="view-product"><a href="urun-detay.php">ÜRÜNÜ İNCELE</a></div>
                                </div>
                                <div class="product-category">Konteyner Kilitleri</div>
                                <h3 class="product-title"><a href="urun-detay.php">Standart Konteyner Kilidi</a></h3>
                            </div>

                            <div class="product-item">
                                <div class="product-image">
                                    <img src="assets/img/urun-2.png" alt="AB - 135 3 Membranlı Pompa">
                                    <div class="view-product"><a href="urun-detay.php">ÜRÜNÜ İNCELE</a></div>
                                </div>
                                <div class="product-category">Konteyner Kilitleri</div>
                                <h3 class="product-title"><a href="urun-detay.php">Standart Konteyner Kilidi</a></h3>
                            </div>
                            <div class="product-item">
                                <div class="product-image">
                                    <img src="assets/img/urun-2.png" alt="AB - 135 3 Membranlı Pompa">
                                    <div class="view-product"><a href="urun-detay.php">ÜRÜNÜ İNCELE</a></div>
                                </div>
                                <div class="product-category">Konteyner Kilitleri</div>
                                <h3 class="product-title"><a href="urun-detay.php">Standart Konteyner Kilidi</a></h3>
                            </div>
                            <div class="product-item">
                                <div class="product-image">
                                    <img src="assets/img/urun-2.png" alt="AB - 135 3 Membranlı Pompa">
                                    <div class="view-product"><a href="urun-detay.php">ÜRÜNÜ İNCELE</a></div>
                                </div>
                                <div class="product-category">Konteyner Kilitleri</div>
                                <h3 class="product-title"><a href="urun-detay.php">Standart Konteyner Kilidi</a></h3>
                            </div>
                            <div class="product-item">
                                <div class="product-image">
                                    <img src="assets/img/urun-2.png" alt="AB - 135 3 Membranlı Pompa">
                                    <div class="view-product"><a href="urun-detay.php">ÜRÜNÜ İNCELE</a></div>
                                </div>
                                <div class="product-category">Konteyner Kilitleri</div>
                                <h3 class="product-title"><a href="urun-detay.php">Standart Konteyner Kilidi</a></h3>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </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',
            }
        });
    });
</script>

</body>

</html>