<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-gb" lang="en-gb">
<!--[if IE 7 ]>    <html lang="en-gb" class="isie ie7 oldie no-js"> <![endif]-->
<!--[if IE 8 ]>    <html lang="en-gb" class="isie ie8 oldie no-js"> <![endif]-->
<!--[if IE 9 ]>    <html lang="en-gb" class="isie ie9 no-js"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html lang="en-gb" class="no-js">
<!--<![endif]-->
<head>
    <!-- Head -->
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1254" />
    <script src="//code.jquery.com/jquery-latest.js" type="text/javascript"></script>
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="author" content="DALOGLU" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="shortcut icon" href="https://daloglu.com.tr//deppo/image/wfavic6on.ico" type="image/x-icon" />
    
    <meta name="google-site-verification" content="" />
    <meta name="yandex-verification" content="" />
    
    <title>Yükü Yöneten Mühendislik Gücü</title>
    <meta name="description" content="Yükü Yöneten Mühendislik Gücü" />
    <meta name="keywords" content="Yükü Yöneten Mühendislik Gücü,DALOĞLU,daloğlu,dökme malzeme elleçleme sistemleri,konteyner dolum sistemleri,konteyner yükleme sistemleri,gemi yükleme sistemleri,gemi boşaltma sistemleri,dökme yük gemi yükleyicileri,dökme yük gemi boşaltıcıları,konveyör sistemleri,liman yükleme ekipmanları,terminal depolama sistemleri,kuru dökme yük çözümleri,özel dökme malzeme elleçleme sistemleri,anahtar teslim dökme malzeme elleçleme çözümleri" />
    <link rel="canonical" href="https://daloglu.com.tr/" />

    <meta property="og:title" content="Yükü Yöneten Mühendislik Gücü" />
    <meta property="og:type" content="web" />
    <meta property="og:site_name" content="Yükü Yöneten Mühendislik Gücü" />
    <meta property="og:url" content="https://daloglu.com.tr//?lang=lang2/" />
    <meta property="og:image" content="https://daloglu.com.tr//https://daloglu.com.tr//deppo/image/wlog6o.png" />
    <meta property="og:description" content="Yükü Yöneten Mühendislik Gücü" />

    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:site" content="https://daloglu.com.tr/" />
    <meta name="twitter:creator" content="@twitter" />
    <meta name="twitter:title" content="Yükü Yöneten Mühendislik Gücü" />
    <meta name="twitter:description" content="Yükü Yöneten Mühendislik Gücü" />
    <meta name="twitter:image" content="https://daloglu.com.tr//https://daloglu.com.tr//deppo/image/wlog6o.png" />
    <meta name="twitter:domain" content="https://daloglu.com.tr//?lang=lang2/" />
    <style type="text/css">
    /****************** Switches ********************/
    #autosave input[type=checkbox] {
        display: none;
    }

    #autosave input[type="checkbox"]:checked + label:before {
        display: none;
    }

    .mini-switch + label {
        width: 40px;
        height: 20px;
        background: url('https://cdn.v3medya.com/wpanel/wpanel.png') no-repeat 0 -24px;
        background-position: -1px -311px;
        display: inline-block;
        padding: 0 0 0 0px;
        cursor: pointer;
    }

    .mini-switch:checked + label {
        width: 40px;
        height: 20px;
        background: url('https://cdn.v3medya.com/wpanel/wpanel.png') no-repeat 0 0px;
        background-position: -1px -287px;
        display: inline-block;
        padding: 0 0 0 0px;
        cursor: pointer;
    }

    #guncellendi {
        padding: 5px 10px;
        background-color: #FFFF00;
        color: #000;
        width: 100px;
        position: fixed;
        margin-left: 46%;
        z-index: 9999999999999999;
        display: none;
        text-align: center;
    }

    .v3statusac {
        position: fixed;
        left: 10px;
        z-index: 9999999999;
        cursor: pointer;
        font-size: 30px !important;
    }

    .v3status {
        background-color: #000;
        color: #fff;
        opacity: 0.8;
        position: fixed;
        display: block;
        left: -1px;
        top: -2px;
        margin: 0px;
        width: 101%;
        padding: 5px;
        border: solid 1px #ccc;
        z-index: 999999999;
        display: none;
    }

        .v3status ul {
            list-style: none;
            font-size: 13px;
        }

            .v3status ul li {
                float: left;
                padding: 5px;
                margin-left: 10px;
            }

                .v3status ul li a {
                    color: #fff;
                }
</style>
<div id="guncellendi">Güncellendi</div>
<div id="preload" style="display: none; width: 100%; height: 100%; padding: 20% 45%; position: fixed; margin: 0px; left: 0px; top: 0px; z-index: 999999999999;">
</div>
<div id="preload" style="display:none; width:100%; height:100%; padding:20% 45%; position:fixed; margin:0px; left:0px; top:0px; z-index:999999999999;"><img border="0" src="https://daloglu.com.tr//deppo/tools/img/loading.gif" style="max-height: 150px;"></div>

<link rel='stylesheet' href='https://res.cloudinary.com/watolye/raw/upload/v1556794008/css/watolye.css' type='text/css' /><link rel='stylesheet' href='//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css'> <!--[if lt IE 9]><script src='https://daloglu.com.tr//deppo/tools/js/html5.js'></script><![endif]--> <script src='https://daloglu.com.tr//deppo/tools/js/gen_validatorv4.js'></script> <script src='https://cdn.ckeditor.com/4.8.0/basic/ckeditor.js'></script> 

<script type="text/javascript">
    document.getElementsByTagName("body")[0].setAttribute("id", "watolye");

    function AjaxKaydet(){
        for(var dilan in CKEDITOR.instances)
            CKEDITOR.instances[dilan].updateElement();
        jQuery.ajax({type: "POST", url: "?panel/ilan/kilan/<?php echo $sayfa3?>",
            data: jQuery('#autosave').serialize(), success: function () {
                setTimeout(function () { jQuery('#guncellendi').fadeIn('slow'); }, 500);  setTimeout(function () { jQuery('#guncellendi').delay(3000).fadeOut('slow'); }, 500);
            }
        });
    }

    $(document).on('click','[data-form]',function(e){
        $('#preload').fadeIn('slow');
        e.preventDefault();
        var _this=$(this);
        $.post(_this.data('url'),$(_this.data('form')).find('input,textarea,select').serialize(),function(){
            show('mmesaj');
            $(_this.data('form'))[0].reset();
            $('#preload').fadeOut('slow');
        });
    });
    //data-url="func..php?func.=fmail" data-form="#iform"

    //!-- Göster/Gizle -->
    function hide(id){var divObject=document.getElementById(id); divObject.style.display="none";}
    function show(id){var divObject=document.getElementById(id); divObject.style.display="block";}
    //!-- Göster/Gizle -->

    function sgoster(id){
        setTimeout(function() {var divObject=document.getElementById(id); divObject.style.display="block";}, 0);
        setTimeout(function() {var divObject=document.getElementById(id); divObject.style.display="none";}, 3000);
    }

    jQuery(function(){
        jQuery('form.fcontrol button').prop('disabled',true);
    });

    jQuery(document).on('input','form.fcontrol input.icontrol',function(e){
        if(jQuery('form.fcontrol input.icontrol').filter(function() { return this.value == ""; }).length==0){
            jQuery('form.fcontrol').find('.alert1').remove();
            jQuery('form.fcontrol button').prop('disabled',false);
        }else{
            jQuery('form.fcontrol button').prop('disabled',true);
            if(jQuery('form.fcontrol').find('.alert1').length==0){
                jQuery('form.fcontrol').prepend('<div class="v3-row alert alert-danger alert1" style="padding:5px;">Formda boş alanlar var.</div><br>');
            }
        }
    });

    jQuery(function(){
        jQuery('form.fcontrol2 button').prop('disabled',true);
    });

    jQuery(document).on('input','form.fcontrol2 input.icontrol',function(e){
        if(jQuery('form.fcontrol2 input.icontrol').filter(function() { return this.value == ""; }).length==0){
            jQuery('form.fcontrol2').find('.alert2').remove();
            jQuery('form.fcontrol2 button').prop('disabled',false);
        }else{
            jQuery('form.fcontrol2 button').prop('disabled',true);
            if(jQuery('form.fcontrol2').find('.alert2').length==0){
                jQuery('form.fcontrol2').prepend('<div class="v3-row alert alert-danger alert2" style="padding:5px;">Formda boş alanlar var.</div><br>');
            }
        }
    });

    jQuery(function(){
        jQuery('form.fcontrol3 button').prop('disabled',true);
    });

    jQuery(document).on('input','form.fcontrol3 input.icontrol',function(e){
        if(jQuery('form.fcontrol3 input.icontrol').filter(function() { return this.value == ""; }).length==0){
            jQuery('form.fcontrol3').find('.alert3').remove();
            jQuery('form.fcontrol3 button').prop('disabled',false);
        }else{
            jQuery('form.fcontrol3 button').prop('disabled',true);
            if(jQuery('form.fcontrol3').find('.alert3').length==0){
                jQuery('form.fcontrol3').prepend('<div class="v3-row alert alert-danger alert3" style="padding:5px;">Formda boş alanlar var.</div><br>');
            }
        }
    });

    //<form class="fcontrol">
    //<input type="text" class="icontrol">
    //</form>

    //!-- Fade Out -->
    jQuery(window).load(function(){setTimeout(function(){
        jQuery('.v3_mbox').fadeOut() }, 3000);});
    //<div class="v3_mbox"></div>
    //!-- Fade Out -->

    //!-- Sadece Sayı -->
    function IsNumeric(nesne){var ValidChars = "0123456789.";
        var IsNumber=true;
        var Char;
        for (i = 0; i < nesne.value.length && IsNumber == true; i++){Char = nesne.value.charAt(i); 
            if (ValidChars.indexOf(Char) == -1) {// alert('Lütfen Sadece Sayısal Değer Giriniz')
                nesne.value = nesne.value.substring(0,i);
                break;}}
        return IsNumber;}
    //<input name="" type="text" onKeyUp="IsNumeric(this);">
    //!-- Sadece Sayı -->

    //!-- Font Boyut -->
    function degistir(kaynak, deger) {
        var hedef = document.getElementById(kaynak);
        var hedeffont = parseInt(hedef.style.fontSize, 10)
        hedef.style.fontSize = (hedeffont + parseInt(deger, 10)) + 'px';
    }
    //Kullanımı onClick="degistir('ContentID','2');"
    //!-- Font Boyut -->

    
    //!-- Lazyload -->

    //!-- LightBOX-1 -->


    //var frmvalidator = new Validator("FormID");
    //frmvalidator.addValidation("Zorunlu","req","Lütfen Adınızı Giriniz");
    //frmvalidator.addValidation("max50","maxlen=50");
    //frmvalidator.addValidation("Email","email");
    //frmvalidator.addValidation("Numara","numeric");
</script>





































<!--[if lt IE 9]>
    <script src="https://daloglu.com.tr//deppo/tools/js/html5.js"></script>
<![endif]-->
<script type="text/javascript">
    
        //!-- Göster/Gizle -->
	function hide(id){var divObject=document.getElementById(id); divObject.style.display="none";}
        function show(id){var divObject=document.getElementById(id); divObject.style.display="block";}
    //!-- Göster/Gizle -->

    //!-- Fade Out -->
    jQuery(window).load(function () { setTimeout(function () {
        jQuery('.v3_mbox').fadeOut() }, 3000); });
    //!-- Fade Out -->

    //!-- Sadece Sayı -->
    function IsNumeric(nesne){var ValidChars = "0123456789.";
        var IsNumber=true;
        var Char;
        for (i = 0; i < nesne.value.length && IsNumber == true; i++){Char = nesne.value.charAt(i); 
            if (ValidChars.indexOf(Char) == -1) {// alert('Lütfen Sadece Sayısal Değer Giriniz')
                nesne.value = nesne.value.substring(0,i);
                break;}}
        return IsNumber;}
    //<input name="" type="text" onKeyUp="IsNumeric(this);">
    //!-- Sadece Sayı -->
</script>






<script src="https://daloglu.com.tr//deppo/tools/js/il-ilce.js"></script>
<script src="https://daloglu.com.tr//deppo/tools/js/gen_validatorv4.js"></script>
<script src="https://cdn.ckeditor.com/4.4.7/basic/ckeditor.js"></script>

<!-- favicons Icons -->
    <link rel="icon" type="image/ico" sizes="32x32" href="assets/images/icon/daloglu-mhr.ico">
    <link rel="manifest" href="assets/images/favicons/site.webmanifest">
    <meta name="description" content="">
    <!-- fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap" rel="stylesheet">
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.1/css/all.min.css" integrity="sha512-2SwdPD6INVrV/lHTZbO2nodKhrnDdJK9/kg2XD1r9uGqPo1cUbujc+IYdlYdEErWNu69gVcYgdxlmVmzTWnetw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
    <link rel="stylesheet" href="assets/vendors/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/vendors/animate/animate.min.css">
    <link rel="stylesheet" href="assets/vendors/animate/custom-animate.css">
    <link rel="stylesheet" href="assets/vendors/fontawesome/css/all.min.css">
    <link rel="stylesheet" href="assets/vendors/jarallax/jarallax.css">
    <link rel="stylesheet" href="assets/vendors/jquery-magnific-popup/jquery.magnific-popup.css">
    <link rel="stylesheet" href="assets/vendors/nouislider/nouislider.min.css">
    <link rel="stylesheet" href="assets/vendors/nouislider/nouislider.pips.css">
    <link rel="stylesheet" href="assets/vendors/odometer/odometer.min.css">
    <link rel="stylesheet" href="assets/vendors/swiper/swiper.min.css">
    <link rel="stylesheet" href="assets/vendors/insur-icons/style.css">
    <link rel="stylesheet" href="assets/vendors/insur-two-icon/style.css">
    <link rel="stylesheet" href="assets/vendors/tiny-slider/tiny-slider.min.css">
    <link rel="stylesheet" href="assets/vendors/reey-font/stylesheet.css">
    <link rel="stylesheet" href="assets/vendors/owl-carousel/owl.carousel.min.css">
    <link rel="stylesheet" href="assets/vendors/owl-carousel/owl.theme.default.min.css">
    <link rel="stylesheet" href="assets/vendors/bxslider/jquery.bxslider.css">
    <link rel="stylesheet" href="assets/vendors/bootstrap-select/css/bootstrap-select.min.css">
    <link rel="stylesheet" href="assets/vendors/vegas/vegas.min.css">
    <link rel="stylesheet" href="assets/vendors/jquery-ui/jquery-ui.css">
    <link rel="stylesheet" href="assets/vendors/timepicker/timePicker.css">
    <link rel="stylesheet" href="assets/vendors/ion.rangeSlider/css/ion.rangeSlider.min.css">
    <link rel="stylesheet" href="assets/vendors/insur-three-icon/style.css">
    <!-- template styles -->
    <link rel="stylesheet" id="langLtr" href="assets/css/insur.css">
    <link rel="stylesheet" href="assets/css/color-2.css">
  </head>
  <body class="custom-cursor">
    <div class="custom-cursor__cursor"></div>
    <div class="custom-cursor__cursor-two"></div>

<div class="page-wrapper">
    <!-- Head -->
</head>
<!--[if lt IE 9]>
<div style="background-color:#FFF1A8; opacity:0.2; position:fixed; left:0px; top:0px; width:99.8%; padding:10px; border:solid 1px #ccc; z-index:99999999999; text-align:center;" id="uyari">
Web Sitesi taraf?ndan art?k desteklenmeyen bir Internet Explorer s?r?m?n? kullan?yorsunuz. Baz? ?zellikler do?ru ?al??mayabilir. <a href="https://www.google.com/intl/tr/chrome/browser/promo/gmail/?brand=CHHM" target="_blank" style="color:#1155CC; font-weight:bold;">Google Chrome</a> gibi <a href="https://www.google.com/intl/tr/chrome/browser/promo/gmail/?brand=CHHM" target="_blank" style="color:#1155CC; font-weight:bold;">modern bir taray?c?ya</a> ge?in. <a href="javascript:hide('uyari');" style="color:#1155CC; font-weight:bold;">Yoksay</a>
</div>
<![endif]-->
<style>
.v3icerik {
	position : fixed;
top : expression(eval(document.body.scrollTop));
	margin-left : 2px;
	height : 105%;
	width : 100%;
	z-index : 99999999;
	border : 0px solid #000;
}
iframe {
	height : 100%;
	width : 100%;
	border : none;
}
/* message box */
.message-box {
	display: none;
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 9999;
}
.message-box.open {
	display: block;
}
.message-box .mb-container {
	position: absolute;
	left: 0px;
	top: 35%;
	background: rgba(0, 0, 0, 0.9);
	padding: 20px;
	width: 100%;
}
.message-box .mb-container .mb-middle {
	width: 50%;
	left: 25%;
	position: relative;
	color: #FFF;
}
.message-box .mb-container .mb-middle .mb-title {
	width: 100%;
	float: left;
	padding: 10px 0px 0px;
	font-size: 31px;
	font-weight: 400;
	line-height: 36px;
}
.message-box .mb-container .mb-middle .mb-title .fa, .message-box .mb-container .mb-middle .mb-title .glyphicon {
	font-size: 38px;
	float: left;
	margin-right: 10px;
}
.message-box .mb-container .mb-middle .mb-content {
	width: 100%;
	float: left;
	padding: 10px 0px 0px;
}
.message-box .mb-container .mb-middle .mb-content p {
	margin-bottom: 0px;
}
.message-box .mb-container .mb-middle .mb-footer {
	width: 100%;
	float: left;
	padding: 10px 0px;
}
.message-box.message-box-warning .mb-container {
	background: rgba(254, 162, 35, 0.9);
}
.message-box.message-box-danger .mb-container {
	background: rgba(182, 70, 69, 0.9);
}
.message-box.message-box-info .mb-container {
	background: rgba(63, 186, 228, 0.9);
}
.message-box.message-box-success .mb-container {
	background: rgba(149, 183, 93, 0.9);
}
	/* end message box */
</style>

<div style="display:none; background-image:url('deppo/tools/img/trns.png'); margin-top:-20px;" class="v3icerik" id="icerik" align="center" onclick="icerik.location.href='about:blank'; hide('icerik');">
  <div style="margin-top:5%; width:80%; height:70%; position:relative; border:solid 5px #ccc; background-color:#fff;" class="yuvarla rounded">
    <div style="margin-top:10px; position:absolute; right:-20px; top:-35px; width:32px; height:32px; z-index:9999999999999999999;"><a href="about:blank" target="icerik" class="fa fa-remove" onclick="hide('icerik')" style="cursor:pointer;font-size:30px;" id="ajxsepet"></a></div>
    <iframe name="icerik"></iframe>
  </div>
</div>

<div id="islem" style="background-color:#fff; position:fixed; left:-1px; top:-2px; margin:0px; height:35px; width:100%; border:solid 1px #ccc; z-index:999999999; display:none;">
  <iframe name="islem" style="width:98%; float:left;" scrolling="no"></iframe>
  <i class="fa fa-remove" style="cursor:pointer; float:right; font-size:20px; margin-top:6px; margin-right:10px;" onclick="hide('islem')"></i>
</div>

<div class="message-box animated fadeIn" data-sound="alert" id="mmesaj">
  <div class="mb-container">
    <div class="mb-middle">
      <div class="mb-title"><span class="fa fa-check"></span>  İşlem Başarılı ! </div>
      <div class="mb-content">
        <p> Bizi tercih Ettiğiniz için Teşekkürler </p>
      </div>
      <div class="mb-footer">
        <div class="pull-right">
          <a style="cursor:pointer;" onclick="hide('mmesaj')" class="v3-btn v3-btn-default v3-btn-lg mb-control-close"> Kapat </a>
        </div>
      </div>
    </div>
  </div>
</div><header class="main-header-four">
  <nav class="main-menu main-menu-four">
    <div class="main-menu-four__wrapper">
      <div class="main-menu-four__wrapper-inner">
        <div class="main-menu-four__left">
          <div class="main-menu-four__logo">
            <a href=".">
              <img src="assets/images/logo/logo.png" alt="" style="width: 97%; height: auto;">
            </a>
          </div>
        </div>
        <div class="main-menu-four__right">
          <div class="main-menu-four__top">
            <ul class="list-unstyled main-menu-four__top-address-list">
              <li>
                <i class="fa-regular fa-envelope"></i>
                <div class="text">
                  <p>
                    <a href="mailto:daloglu@daloglu.com.tr">daloglu@daloglu.com.tr</a>
                  </p>
                </div>
              </li>
              <li>
                <i class="fa-regular fa-compass"></i>
                <div class="text">
                  <p>İstim Sanayi Sitesi No: 196 - Tuzla</p>
                </div>
              </li>
            </ul>
            <div class="main-menu-four__top-social-btn">
              <div class="main-menu-four__top-social">
                <a href="#"><i class="fab fa-twitter"></i></a>
                <a href="#"><i class="fab fa-facebook"></i></a>
                <a href="#"><i class="fab fa-pinterest-p"></i></a>
                <a href="#"><i class="fab fa-instagram"></i></a>
              </div>
			  <div class="main-menu-four__btn-box">
  <div class="thm-dil-dropdown">
    <button class="thm-dil" id="langBtn">
      <i class="fa-solid fa-earth-europe"></i> 
      <span id="selectedLangText">English</span>
      <i class="fa-solid fa-chevron-down"></i>
    </button>
    <ul class="lang-dropdown-menu" id="langDropdown">
      <li data-lang="lang1"><a href="?lang=lang1">English</a></li>
      <li data-lang="lang2"><a href="?lang=lang2">Türkçe</a></li>
      <li data-lang="lang3"><a href="?lang=lang3">&#1056;&#1091;&#1089;&#1089;&#1082;&#1080;&#1081;</a></li>
      <li data-lang="lang4"><a href="?lang=lang4">&#1575;&#1604;&#1593;&#1585;&#1576;&#1610;&#1577;</a></li>
    </ul>
  </div>
</div>

<style>
.thm-dil-dropdown {
  position: relative;
  display: inline-block;
}
.thm-dil {
  background: transparent;
  border: none;
  padding: 4px 12px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  color: #6b6b6b;
  display: flex;
  align-items: center;
  gap: 6px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Arial', sans-serif;
  line-height: 1;
  height: auto;  
  min-height: 32px; 
}
.thm-dil:focus {
  outline: none;
}
.lang-dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  background: white;
  border: 1px solid #ccc;
  border-radius: 4px;
  list-style: none;
  padding: 8px 0;
  margin: 4px 0 0;
  min-width: 120px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease, visibility 0.2s ease;
  z-index: 1000;
}
.thm-dil-dropdown:hover .lang-dropdown-menu {
  opacity: 1;
  visibility: visible;
}
.lang-dropdown-menu li {
  padding: 6px 16px;
  cursor: pointer;
}
.lang-dropdown-menu li:hover {
  background: #f5f5f5;
}
.lang-dropdown-menu li a {
  text-decoration: none;
  color: inherit;
  display: block;
}
/* Arapça için */
.lang-dropdown-menu li:last-child a {
  font-family: 'Segoe UI', 'Tahoma', 'Noto Sans Arabic', sans-serif;
  font-size: 15px;
}
</style>

<script>
(function() {
  const selectedLangSpan = document.getElementById('selectedLangText');
  const langItems = document.querySelectorAll('#langDropdown li');
  

  const langData = {};
  langItems.forEach(item => {
    const link = item.querySelector('a');
    const href = link.getAttribute('href');
    const langCode = href.split('=')[1];
    const langText = link.innerHTML;
    langData[langCode] = langText;
    item.setAttribute('data-lang', langCode);
    item.setAttribute('data-text', langText);
  });
  
  // Kayıtlı dili al
  let currentLang = localStorage.getItem('selectedLang');
  
  if (!currentLang || !langData[currentLang]) {
    const urlParams = new URLSearchParams(window.location.search);
    const urlLang = urlParams.get('lang');
    if (urlLang && langData[urlLang]) {
      currentLang = urlLang;
    } else {
      currentLang = 'lang1';
    }
  }
  
  if (langData[currentLang]) {
    selectedLangSpan.innerHTML = langData[currentLang];
  }
  
  langItems.forEach(item => {
    item.addEventListener('click', function(e) {
      e.preventDefault();
      const langCode = this.getAttribute('data-lang');
      const langText = this.getAttribute('data-text');
      const link = this.querySelector('a');
      
      if (link && link.getAttribute('href')) {
        // Buton metnini güncelle (backend'den gelen orijinal metin)
        selectedLangSpan.innerHTML = langText;
        localStorage.setItem('selectedLang', langCode);
        window.location.href = link.getAttribute('href');
      }
    });
  });
})();
</script>
              <div class="main-menu-four__btn-box">
                <a href="?i/iletisim" class="thm-btn-two main-menu-four__btn"><i class="fa-solid fa-phone-volume"></i> İLETİŞİM</a>
              </div>
            </div>
          </div>
		  
          <div class="main-menu-four__bottom">
            <div class="main-menu-four__main-menu-box">
              <a href="#" class="mobile-nav__toggler">
                <i class="fa fa-bars"></i>
              </a>
              <ul class="main-menu__list">
                <!-- 1) Anasayfa ikonu (sabit) -->
                <li>
                  <a href="./"><i class="fa fa-home" aria-hidden="true"></i></a>
                </li>

                
      <!-- Dropdown menü -->
      <li class="dropdown">
        <a href="#">
          KURUMSAL <i class="fa-solid fa-angle-down"></i>
        </a>
        <ul>

          <li>
            <a href="?h1003/Hakkimizda">Hakkımızda</a>
          </li>

          <li>
            <a href="?r1022/Referanslar">Referanslar</a>
          </li>

        </ul>
      </li>

      <!-- Dropdown menü -->
      <li class="dropdown">
        <a href="#">
          ÇÖZÜMLER <i class="fa-solid fa-angle-down"></i>
        </a>
        <ul>

          <li>
            <a href="?s1007/gemi-yukleme-sistemleri">Gemi Yükleme Sistemleri</a>
          </li>

          <li>
            <a href="?s1008/gemi-bosaltma-sistemleri">Gemi Boşaltma Sistemleri</a>
          </li>

          <li>
            <a href="?s1009/terminaldepolama-sistemleri">Terminal & Depolama Sistemleri</a>
          </li>

          <li>
            <a href="?s1010/konveyor-sistemleri">Konveyör Sistemleri</a>
          </li>

          <li>
            <a href="?s1011/konteyner-dolum-sistemleri">Konteyner Dolum Sistemleri</a>
          </li>

          <li>
            <a href="?s1012/ozel-muhendislik-cozumleri">Özel Mühendislik Çözümleri</a>
          </li>

        </ul>
      </li>

      <!-- Dropdown menü -->
      <li class="dropdown">
        <a href="#">
          SEKTÖRLER <i class="fa-solid fa-angle-down"></i>
        </a>
        <ul>

          <li>
            <a href="?s1014/limanlar-ve-terminaller">Limanlar ve Terminaller</a>
          </li>

          <li>
            <a href="?s1015/madencilik">Madencilik</a>
          </li>

          <li>
            <a href="?s1016/cimento">Çimento</a>
          </li>

          <li>
            <a href="?s1017/tahiltarim">Tahıl & Tarım</a>
          </li>

        </ul>
      </li>

      <!-- Dropdown menü -->
      <li class="dropdown">
        <a href="#">
          MÜHENDİSLİK <i class="fa-solid fa-angle-down"></i>
        </a>
        <ul>

          <li>
            <a href="?s1019/muhendislik-yaklasimimiz">Mühendislik Yaklaşımımız</a>
          </li>

          <li>
            <a href="?s1020/ar-ge">Ar-Ge</a>
          </li>

          <li>
            <a href="?s1021/proses-tasarimi">Proses Tasarımı</a>
          </li>

        </ul>
      </li>

                

                <!-- 3) Ürünler dropdown (kategoriler) -->
                <li class="dropdown">
                  <a href="#">PROJELER <i class="fa-solid fa-angle-down"></i></a>
                  <ul>
                    
                    <li>
                      <a href="/?r1022/References">Referanslar</a>
                    </li>
                    
                    <li>
                      <a href="?x4/konsept-calismalar">Konsept Çalışmalar</a>
                    </li>
                    
                  </ul>
                </li>
              </ul>
            </div>
            <div class="main-menu-four__call-search-cart">
              <div class="main-menu-four__call">
                <div class="main-menu-four__call-icon">
                  <i class="fa fa-phone" aria-hidden="true"></i>
                </div>
                <div class="main-menu-four__call-content">
                  <p>İletişim Hattı</p>
                  <a href="tel:+90 (544) 435 37 13">+90 (544) 435 37 13</a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </nav>
</header>
<div class="stricky-header stricked-menu main-menu main-menu-four">
  <div class="sticky-header__content"></div>
</div><!-- Loading Ekranı -->
<div id="loading-area">
  <div class="video-wrapper">
    <video id="intro-video" autoplay muted playsinline preload="auto">
      <source src="video/intro.mp4" type="video/mp4">
      Video yüklenemedi.
    </video>
  </div>
</div>

<style>
  #loading-area {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: #fff;
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: opacity 0.6s ease;
  }

  .video-wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
  }

  .video-wrapper::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 2px;
    background-color: #fff;
    z-index: 2;
  }

  /* Sağ kenar için de ekleyelim (gerekirse) */
  .video-wrapper::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 2px;
    background-color: #fff;
    z-index: 2;
  }

  video {
    width: 23%;
    max-width: 100%;
    height: auto;
    display: block;
    margin-top: -30px;
    position: relative;
    z-index: 1;
    

    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    

    transform: scale(1.001);
    

    outline: none;
    box-shadow: inset 0 0 0 1px transparent;
    

    clip-path: inset(0 0 0 0);
    -webkit-clip-path: inset(0 0 0 0);
    
    /* Anti-aliasing */
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
  }

  @media (max-width: 600px) {
    video {
      width: 23%;
      min-width: 280px;
    }
  }
</style>

<script>
  const video = document.getElementById('intro-video');
  const loadingArea = document.getElementById('loading-area');
  const mainContent = document.getElementById('main-content');

  function videoBitti() {
    loadingArea.style.opacity = '0';

    setTimeout(() => {
      loadingArea.style.display = 'none';
      if (mainContent) {
        mainContent.style.display = 'block';
      }
    }, 600);
  }

  video.addEventListener('play', () => {
    setTimeout(() => {
      if (loadingArea.style.display !== 'none') {
        videoBitti();
      }
    }, 7000);
  });
</script>
<!--Main Slider Start-->
      <section class="main-slider-four clearfix">
        <div class="swiper-container thm-swiper__slider" data-swiper-options='{"slidesPerView": 1, "loop": true,
                "effect": "fade",
                "pagination": {
                "el": "#main-slider-pagination",
                "type": "bullets",
                "clickable": true
                },
                "navigation": {
                "nextEl": "#main-slider__swiper-button-next",
                "prevEl": "#main-slider__swiper-button-prev"
                },
                "autoplay": {
                "delay": 5000
                }}'>
          <div class="swiper-wrapper">
		  
            <div class="swiper-slide">
              <div class="main-slider-four__img">
                <img src="assets/images/shapes/slider-main.jpg" alt="">
              </div>
              <!-- /.image-layer -->
              <div class="main-slider-four__shape-1 float-bob-y">
                <img src="assets/images/shapes/slider-1.png" alt="">
              </div>
              <div class="main-slider-four__shape-2 float-bob-x">
                <img src="assets/images/update-10-02-2023/shapes/main-slider-four-shape-2.png" alt="">
              </div>
              <div class="main-slider-four__shadow"></div>
              <div class="container">
                <div class="row">
                  <div class="col-xl-12">
                    <div class="main-slider-four__content">
                      <p class="main-slider-four__sub-title">Dökme Yük Sistemlerinde Mühendislik Gücü</p>
                      <h2 class="main-slider-four__title">YÜKÜ YÖNETEN MÜHENDİSLİK<span>.</span>
                      </h2>
                      <div class="main-slider-four__btn-box">
                        <a href="#" class="thm-btn-two main-slider-four__btn">ÇÖZÜMLER <i class="fa-solid fa-chevron-right"></i></a>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>

          </div>
          <!-- If we need navigation buttons -->
          <div class="main-slider-four__nav">
            <div class="swiper-button-prev" id="main-slider__swiper-button-next">
              <i class="fa-solid fa-chevron-left"></i>
            </div>
            <div class="swiper-button-next" id="main-slider__swiper-button-prev">
              <i class="fa-solid fa-chevron-right"></i>
            </div>
          </div>
        </div>
      </section>
      <!--Main Slider End-->
      <!--Feature Five Start-->
      <section class="feature-five">
        <div class="container">
          <ul class="list-unstyled feature-five__list">
            <li>
              <div class="feature-five__single">
                <div class="feature-five__icon">
                  <i class="fas fa-drafting-compass" style="font-size: 40px; color:#fff;"></i>
                </div>
                <h3 class="feature-five__title">
                  <a href="#">Özel Mühendislik Çözümleri</a>
                </h3>
                <p class="feature-five__text">Her dökme yük sistemi, operasyonunuzun ve malzemenizin özel ihtiyaçlarına göre tasarlanır.</p>
              </div>
            </li>
            <li>
              <div class="feature-five__single">
                <div class="feature-five__icon">
                  <i class="fas fa-tachometer-alt" style="font-size: 40px; color:#fff;"></i>
                </div>
                <h3 class="feature-five__title">
                  <a href="#">Maksimum Verimlilik</a>
                </h3>
                <p class="feature-five__text">Optimize edilmiş tasarımlar ile en yüksek kapasiteyi, minimum enerji tüketimi ve duruş süresiyle sunar.</p>
              </div>
            </li>
            <li>
              <div class="feature-five__single">
                <div class="feature-five__icon">
                  <i class="fas fa-shield-halved" style="font-size: 40px; color:#fff;"></i>
                </div>
                <h3 class="feature-five__title">
                  <a href="#">Kanıtlanmış Güvenilirlik</a>
                </h3>
                <p class="feature-five__text">Dünyanın en zorlu liman ve terminal koşullarında kesintisiz çalışmak üzere üretilmiş ağır hizmet çözümleri.</p>
              </div>
            </li>
          </ul>
        </div>
      </section>
      <!--Feature Five End-->
<!--About Five Start-->
<section class="about-five">
  <div class="container">
    <div class="row">
      <div class="col-xl-6">
        <div class="about-five__left">
          <div class="about-five__img-box wow slideInLeft" data-wow-delay="100ms" data-wow-duration="2500ms">
            
            <!-- Orijinal Ana Resim -->
            <div class="about-five__img">
              <img src="assets/images/home/daloglu-inf.png" 
                   alt="Daloğlu Dökme Yük Sistemleri" 
                   class="img-fluid">
            </div>
			
            <div class="about-five__shape-1 zoominout"></div>
            <div class="about-five__arrow float-bob-x">
              <img src="assets/images/home/daloglu-five-arrow.png" alt="">
            </div>
          </div>
        </div>
      </div>

      <div class="col-xl-6">
        <div class="about-five__right">
          <div class="section-title-two text-left">
            <div class="section-title-two__sub-title-box">
              <p class="section-title-two__sub-title">
                <span class="section-title-two__slash-one"></span> HAKKIMIZDA  <span class="section-title-two__slash-two"></span>
              </p>
            </div>
            <h2 class="section-title-two__title">
				<span class="text-emerald-600">Yükü Yöneten Mühendislik Gücü</span>
            </h2>
          </div>

          <p class="about-five__text">Daloğlu Ağır Makine San. ve Tic. A.Ş. olarak, limanlar, terminaller ve ağır sanayi tesisleri için yüksek performanslı dökme yük handling sistemleri tasarlar, üretir ve anahtar teslim şekilde teslim eder.</p>

          <div class="about-five__points-and-counter-box">
            <div class="about-five__points-box">
              <ul class="about-five__points list-unstyled">
                <li>
                  <div class="icon">
                    <i class="fa fa-check"></i>
                  </div>
                  <div class="text">
                    <h4>20+ Yıllık Ağır Makine ve Mühendislik Tecrübesi</h4>
                  </div>
                </li>
                <li>
                  <div class="icon">
                    <i class="fa fa-check"></i>
                  </div>
                  <div class="text">
                    <h4>Özel Tasarlanmış Ship Loading & Unloading Sistemleri</h4>
                  </div>
                </li>
                <li>
                  <div class="icon">
                    <i class="fa fa-check"></i>
                  </div>
                  <div class="text">
                    <h4>Turnkey Bulk Terminal Projeleri</h4>
                  </div>
                </li>
                <li>
                  <div class="icon">
                    <i class="fa fa-check"></i>
                  </div>
                  <div class="text">
                    <h4>Uzun Mesafe Konveyör ve Taşıma Çözümleri</h4>
                  </div>
                </li>
                <li>
                  <div class="icon">
                    <i class="fa fa-check"></i>
                  </div>
                  <div class="text">
                    <h4>Remote Kontrollü ve Akıllı Sistem Teknolojileri</h4>
                  </div>
                </li>
              </ul>

              <div class="about-five__btn-box">
                <a href="#" class="thm-btn-two about-five__btn">Daha Fazla Keşfet</a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<!--About Five End-->
<!--sektör-->
<section class="services-four">
    <div class="services-four__bg" style="background-image: url(assets/images/update-10-02-2023/backgrounds/services-four-bg.jpg);"></div>
    <div class="container">
        <div class="section-title-two text-center">
            <div class="section-title-two__sub-title-box">
                <p class="section-title-two__sub-title">
                    <img src="assets/images/logo/logo.png">
                </p>
            </div>
        </div>
        <div class="owl-carousel owl-theme thm-owl__carousel services-four__carousel" data-owl-options='{
            "loop": true,
            "autoplay": true,
            "margin": 20,
            "nav": false,
            "dots": true,
            "smartSpeed": 500,
            "autoplayTimeout": 10000,
            "navText": [
                "<span class=\"fa fa-angle-left\"></span>",
                "<span class=\"fa fa-angle-right\"></span>"
            ],
            "responsive": {
                "0": {
                    "items": 1,
                    "nav": false,
                    "dots": true,
                    "center": false
                },
                "768": {
                    "items": 1,
                    "nav": false,
                    "dots": true,
                    "center": false
                },
                "992": {
                    "items": 3,
                    "nav": false,
                    "dots": false,
                    "center": false,
                    "margin": 30,
                    "loop": true,
                    "autoplay": false
                },
                "1200": {
                    "items": 3,
                    "nav": false,
                    "dots": false,
                    "center": false,
                    "margin": 30,
                    "loop": true,
                    "autoplay": false
                }
            }
        }'>

            <!-- Item 1 -->
            <div class="item" style="padding:10px;">
                <div class="services-four__single">
                    <div class="services-four__img-box">
                        <div class="services-four__img">
                            <img src="assets/images/home/daloglu-cozumler.jpg" alt="">
                        </div>
                        <div class="services-four__icon">
                            <img src="assets/images/icon/dal-ico.png">
                        </div>
                    </div>
                    <div class="services-four__content-box">
                        <div class="services-four__content">
                            <h4 class="services-four__title">
                                <a href="#">ÇÖZÜMLER</a>
                            </h4>
                            <p class="services-four__text">Dökme yük operasyonlarınızı optimize eden özel tasarlanmış sistemler ve ekipmanlar.</p>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Item 2 -->
            <div class="item" style="padding:10px;">
                <div class="services-four__single">
                    <div class="services-four__img-box">
                        <div class="services-four__img">
                            <img src="assets/images/home/daloglu-sektorler.jpg" alt="">
                        </div>
                        <div class="services-four__icon">
                            <img src="assets/images/icon/dal-ico.png">
                        </div>
                    </div>
                    <div class="services-four__content-box">
                        <div class="services-four__content">
                            <h4 class="services-four__title">
                                <a href="#">SEKTÖRLER</a>
                            </h4>
                            <p class="services-four__text">Dökme yük operasyonlarınızı optimize eden özel tasarlanmış sistemler ve ekipmanlar.</p>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Item 3 -->
            <div class="item" style="padding:10px;">
                <div class="services-four__single">
                    <div class="services-four__img-box">
                        <div class="services-four__img">
                            <img src="assets/images/home/daloglu-muhendislik.jpg" alt="">
                        </div>
                        <div class="services-four__icon">
                            <img src="assets/images/icon/dal-ico.png">
                        </div>
                    </div>
                    <div class="services-four__content-box">
                        <div class="services-four__content">
                            <h4 class="services-four__title">
                                <a href="#">MÜHENDİSLİK</a>
                            </h4>
                            <p class="services-four__text">Her projeye özel süreç tasarımı, simülasyon ve sistem entegrasyonu.</p>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</section>
	  

		<section class="tracking-two">
		  <div class="container">
			<div class="tracking-two__inner">
			  <div class="tracking-two__left">
				<div class="tracking-two__icon">
				  <i class="fa-solid fa-diagram-project" style="font-size:60px; color:#fff;"></i>
				</div>
				<div class="tracking-two__content">
				  <p class="tracking-two__sub-title">DALOĞLU</p>
				  <h3 class="tracking-two__title">Tamamlanmış Projelerimizi İnceleyin</h3>
				</div>
			  </div>
			  
			  <div class="tracking-two__btn-box">
				<a href="#" class="thm-btn-two tracking-two__btn">
				  Referansları Gör
				  <i class="fas fa-arrow-right ms-2"></i>
				</a>
			  </div>
			</div>
		  </div>
		</section>
<footer class="site-footer-two">
    <div class="container">
        <div class="site-footer-two__top">
            <div class="row">
                <div class="col-xl-3 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay="100ms">
                    <div class="footer-widget__column footer-widget-two__about">
                        <div class="footer-widget-two__logo">
                            <a href="#"><img src="assets/images/logo/logo-beyaz.png"
                                    alt="DALOĞLU" style="width: 96%;"></a>
                        </div>
                        <div class="footer-widget-two__about-text-box">
                            <p class="footer-widget-two__about-text">Dünyanın en zorlu liman ve terminal koşullarında kesintisiz çalışmak üzere üretilmiş ağır hizmet çözümleri.</p>
                        </div>
                        <div class="site-footer-two__social">
                            <a href="#"><i class="fab fa-twitter"></i></a>
                            <a href="#"><i class="fab fa-facebook"></i></a>
                            <a href="#"><i class="fab fa-pinterest-p"></i></a>
                            <a href="#"><i class="fab fa-instagram"></i></a>
                        </div>
                    </div>
                </div>
                
                <!-- Menü 1 -->
                <div class="col-xl-2 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay="200ms">
                    <div class="footer-widget__column footer-widget-two__links clearfix">
                        <h3 class="footer-widget-two__title">ÇÖZÜMLER</h3>
                        <ul class="footer-widget-two__links-list list-unstyled clearfix">
                            
                            <li><a href="?s1007/gemi-yukleme-sistemleri">Gemi Yükleme Sistemleri</a></li>
                            
                            <li><a href="?s1008/gemi-bosaltma-sistemleri">Gemi Boşaltma Sistemleri</a></li>
                            
                            <li><a href="?s1009/terminaldepolama-sistemleri">Terminal & Depolama Sistemleri</a></li>
                            
                            <li><a href="?s1010/konveyor-sistemleri">Konveyör Sistemleri</a></li>
                            
                            <li><a href="?s1011/konteyner-dolum-sistemleri">Konteyner Dolum Sistemleri</a></li>
                            
                            <li><a href="?s1012/ozel-muhendislik-cozumleri">Özel Mühendislik Çözümleri</a></li>
                            
                        </ul>
                    </div>
                </div>
                
                <!-- Menü 2 -->
                <div class="col-xl-2 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay="300ms">
                    <div class="footer-widget__column footer-widget-two__links clearfix">
                        <h3 class="footer-widget-two__title">ENDÜSTRİLER</h3>
                        <ul class="footer-widget-two__links-list list-unstyled clearfix">
                            
                            <li><a href="?s1014/limanlar-ve-terminaller">Limanlar ve Terminaller</a></li>
                            
                            <li><a href="?s1015/madencilik">Madencilik</a></li>
                            
                            <li><a href="?s1016/cimento">Çimento</a></li>
                            
                            <li><a href="?s1017/tahiltarim">Tahıl & Tarım</a></li>
                            
                        </ul>
                    </div>
                </div>
                
                <!-- Menü 3 -->
                <div class="col-xl-2 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay="400ms">
                    <div class="footer-widget__column footer-widget-two__links clearfix">
                        <h3 class="footer-widget-two__title">MÜHENDİSLİK</h3>
                        <ul class="footer-widget-two__links-list list-unstyled clearfix">
                            
                            <li><a href="?s1019/muhendislik-yaklasimimiz">Mühendislik Yaklaşımımız</a></li>
                            
                            <li><a href="?s1020/ar-ge">Ar-Ge</a></li>
                            
                            <li><a href="?s1021/proses-tasarimi">Proses Tasarımı</a></li>
                            
                        </ul>
                    </div>
                </div>

                <div class="col-xl-3 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay="400ms">
                    <div class="footer-widget__column footer-widget-two__contact clearfix">
                        <h3 class="footer-widget-two__title">İLETİŞİM</h3>
                        <p class="footer-widget-two__contact-text">İstim Sanayi Sitesi No: 196 - Tuzla</p>
                        <ul class="footer-widget-two__contact-list list-unstyled clearfix">
                            <li>
                                <div class="icon">
                                    <span class="fas fa-envelope"></span>
                                </div>
                                <div class="text">
                                    <p><a href="mailto:daloglu@daloglu.com.tr">daloglu@daloglu.com.tr</a></p>
                                </div>
                            </li>
                            <li>
                                <div class="icon">
                                    <span class="fas fa-phone-alt"></span>
                                </div>
                                <div class="text">
                                    <p><a href="tel:+905444353713">+90 (544) 435 37 13</a></p>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="site-footer-two__bottom">
        <div class="container">
            <div class="row">
                <div class="col-xl-12">
                    <div class="site-footer-two__bottom-inner">
                        <p class="site-footer-two__bottom-text">DALOĞLU <i class="fa-regular fa-copyright"></i> 2026 - TÜM HAKLARI SAKLIDIR. <i class="fa-solid fa-code"></i> <a href="#">Garanti Medya</a>
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</footer>


    </div><!-- /.page-wrapper -->


    <div class="mobile-nav__wrapper">
        <div class="mobile-nav__overlay mobile-nav__toggler"></div>
        <!-- /.mobile-nav__overlay -->
        <div class="mobile-nav__content mobile-nav__content--two">
            <span class="mobile-nav__close mobile-nav__toggler"><i class="fa fa-times"></i></span>

            <div class="logo-box">
                <a href="#" aria-label="logo image"><img
                        src="https://daloglu.com.tr//deppo/image/wlog6o.png" width="143" alt=""></a>
            </div>
            <!-- /.logo-box -->
            <div class="mobile-nav__container"></div>
            <!-- /.mobile-nav__container -->

            <ul class="mobile-nav__contact mobile-nav__contact--two list-unstyled">
                <li>
                    <i class="fa fa-envelope"></i>
                    <a href="mailto:daloglu@daloglu.com.tr">daloglu@daloglu.com.tr</a>
                </li>
                <li>
                    <i class="fa fa-phone-alt"></i>
                    <a href="tel:+905444353713">+90 (544) 435 37 13</a>
                </li>
            </ul><!-- /.mobile-nav__contact -->
            <div class="mobile-nav__top">
                <div class="mobile-nav__social">
                    <a href="#" class="fab fa-twitter"></a>
                    <a href="#" class="fab fa-facebook-square"></a>
                    <a href="#" class="fab fa-pinterest-p"></a>
                    <a href="#" class="fab fa-instagram"></a>
                </div><!-- /.mobile-nav__social -->
            </div><!-- /.mobile-nav__top -->



        </div>
        <!-- /.mobile-nav__content -->
    </div>
    <!-- /.mobile-nav__wrapper -->
    <a href="#" data-target="html" class="scroll-to-target scroll-to-top"><i class="fa fa-angle-up"></i></a>
    <script src="assets/vendors/jquery/jquery-3.6.0.min.js"></script>
    <script src="assets/vendors/bootstrap/js/bootstrap.bundle.min.js"></script>
    <script src="assets/vendors/jarallax/jarallax.min.js"></script>
    <script src="assets/vendors/jquery-ajaxchimp/jquery.ajaxchimp.min.js"></script>
    <script src="assets/vendors/jquery-appear/jquery.appear.min.js"></script>
    <script src="assets/vendors/jquery-circle-progress/jquery.circle-progress.min.js"></script>
    <script src="assets/vendors/jquery-magnific-popup/jquery.magnific-popup.min.js"></script>
    <script src="assets/vendors/jquery-validate/jquery.validate.min.js"></script>
    <script src="assets/vendors/nouislider/nouislider.min.js"></script>
    <script src="assets/vendors/odometer/odometer.min.js"></script>
    <script src="assets/vendors/swiper/swiper.min.js"></script>
    <script src="assets/vendors/tiny-slider/tiny-slider.min.js"></script>
    <script src="assets/vendors/wnumb/wNumb.min.js"></script>
    <script src="assets/vendors/wow/wow.js"></script>
    <script src="assets/vendors/isotope/isotope.js"></script>
    <script src="assets/vendors/countdown/countdown.min.js"></script>
    <script src="assets/vendors/owl-carousel/owl.carousel.min.js"></script>
    <script src="assets/vendors/bxslider/jquery.bxslider.min.js"></script>
    <script src="assets/vendors/bootstrap-select/js/bootstrap-select.min.js"></script>
    <script src="assets/vendors/vegas/vegas.min.js"></script>
    <script src="assets/vendors/jquery-ui/jquery-ui.js"></script>
    <script src="assets/vendors/timepicker/timePicker.js"></script>
    <script src="assets/vendors/circleType/jquery.circleType.js"></script>
    <script src="assets/vendors/circleType/jquery.lettering.min.js"></script>
    <script src="assets/vendors/ion.rangeSlider/js/ion.rangeSlider.min.js"></script>



    <!-- template js -->
    <script src="assets/js/insur.js"></script>
</body>

</html>