<!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-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>Belgelerimiz</h1>
                            <ul>
                                <li><a href="index.php">Anasayfa</a></li>
                                <li><a href="#">Kurumsal</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 href="hakkimizda.php">Hakkımızda</a></li>
                                <li><a href="vizyon-misyon.php">Vizyon & Misyon</a></li>
                                <li><a href="belgelerimiz.php" class="active">Belgelerimiz</a></li>
                                <li><a href="kvkk.php">KVKK</a></li>
                            </ul>

                            <div class="customer-support">
                                <h3>Müşteri</h3>
                                <p>temsilcilerimiz size çok yakın</p>
                                <a href="tel:08508113667" class="phone-button">
                                    <i>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                                            <path d="M3.654 1.328a.678.678 0 0 0-1.015-.063L1.605 2.3c-.483.484-.661 1.169-.45 1.77a17.568 17.568 0 0 0 4.168 6.608 17.569 17.569 0 0 0 6.608 4.168c.601.211 1.286.033 1.77-.45l1.034-1.034a.678.678 0 0 0-.063-1.015l-2.307-1.794a.678.678 0 0 0-.58-.122l-2.19.547a1.745 1.745 0 0 1-1.657-.459L5.482 8.062a1.745 1.745 0 0 1-.46-1.657l.548-2.19a.678.678 0 0 0-.122-.58L3.654 1.328zM1.884.511a1.745 1.745 0 0 1 2.612.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.678.678 0 0 0 .178.643l2.457 2.457a.678.678 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.634 18.634 0 0 1-7.01-4.42 18.634 18.634 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877L1.885.511z" />
                                        </svg>
                                    </i>
                                    0850 811 36 67
                                </a>
                                <img src="https://emosgroup.com.tr/assets/img/homeContact/man.png" alt="Müşteri Temsilcisi" class="support-image">
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-9">
                        <div class="about-text mb-5">
                            <h3>Belgelerimiz</h3>
                            <p>
                                DEKSAN Hidrolik olarak, ürün ve hizmet kalitemizi belgelendiren sertifikalarımız aşağıda yer almaktadır. Tüm üretim süreçlerimiz uluslararası standartlara uygun olarak gerçekleştirilmektedir.
                            </p>
                        </div>

                        <div class="certificate-gallery">
                            <div class="row g-4">
                                  <!-- Belge 5 -->
                                  <div class="col-md-4 col-sm-6">
                                    <div class="certificate-item">
                                        <a href="https://multeci.org.tr/wp-content/uploads/2023/06/11-1.png" class="certificate-link" title="TSEK Belgesi">
                                            <img src="https://multeci.org.tr/wp-content/uploads/2023/06/11-1.png" alt="TSEK Belgesi" class="img-fluid">
                                            <div class="certificate-title">TSEK Belgesi</div>
                                            <div class="certificate-desc">Türk Standartlarına Uygunluk</div>
                                        </a>
                                    </div>
                                </div>
                                
                                <!-- Belge 6 -->
                                <div class="col-md-4 col-sm-6">
                                    <div class="certificate-item">
                                        <a href="https://multeci.org.tr/wp-content/uploads/2023/06/11-1.png" class="certificate-link" title="Marka Tescil Belgesi">
                                            <img src="https://multeci.org.tr/wp-content/uploads/2023/06/11-1.png" alt="Marka Tescil Belgesi" class="img-fluid">
                                            <div class="certificate-title">Marka Tescil Belgesi</div>
                                            <div class="certificate-desc">Türk Patent Enstitüsü</div>
                                        </a>
                                    </div>
                                </div>
                                  <!-- Belge 5 -->
                                  <div class="col-md-4 col-sm-6">
                                    <div class="certificate-item">
                                        <a href="https://multeci.org.tr/wp-content/uploads/2023/06/11-1.png" class="certificate-link" title="TSEK Belgesi">
                                            <img src="https://multeci.org.tr/wp-content/uploads/2023/06/11-1.png" alt="TSEK Belgesi" class="img-fluid">
                                            <div class="certificate-title">TSEK Belgesi</div>
                                            <div class="certificate-desc">Türk Standartlarına Uygunluk</div>
                                        </a>
                                    </div>
                                </div>
                                
                                <!-- Belge 6 -->
                                <div class="col-md-4 col-sm-6">
                                    <div class="certificate-item">
                                        <a href="https://multeci.org.tr/wp-content/uploads/2023/06/11-1.png" class="certificate-link" title="Marka Tescil Belgesi">
                                            <img src="https://multeci.org.tr/wp-content/uploads/2023/06/11-1.png" alt="Marka Tescil Belgesi" class="img-fluid">
                                            <div class="certificate-title">Marka Tescil Belgesi</div>
                                            <div class="certificate-desc">Türk Patent Enstitüsü</div>
                                        </a>
                                    </div>
                                </div>
                                  <!-- Belge 5 -->
                                  <div class="col-md-4 col-sm-6">
                                    <div class="certificate-item">
                                        <a href="https://multeci.org.tr/wp-content/uploads/2023/06/11-1.png" class="certificate-link" title="TSEK Belgesi">
                                            <img src="https://multeci.org.tr/wp-content/uploads/2023/06/11-1.png" alt="TSEK Belgesi" class="img-fluid">
                                            <div class="certificate-title">TSEK Belgesi</div>
                                            <div class="certificate-desc">Türk Standartlarına Uygunluk</div>
                                        </a>
                                    </div>
                                </div>
                                
                                <!-- Belge 6 -->
                                <div class="col-md-4 col-sm-6">
                                    <div class="certificate-item">
                                        <a href="https://multeci.org.tr/wp-content/uploads/2023/06/11-1.png" class="certificate-link" title="Marka Tescil Belgesi">
                                            <img src="https://multeci.org.tr/wp-content/uploads/2023/06/11-1.png" alt="Marka Tescil Belgesi" class="img-fluid">
                                            <div class="certificate-title">Marka Tescil Belgesi</div>
                                            <div class="certificate-desc">Türk Patent Enstitüsü</div>
                                        </a>
                                    </div>
                                </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>