<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="tr" lang="tr">
<!--[if IE 7 ]>    <html lang="tr" class="isie ie7 oldie no-js"> <![endif]-->
<!--[if IE 8 ]>    <html lang="tr" class="isie ie8 oldie no-js"> <![endif]-->
<!--[if IE 9 ]>    <html lang="tr" class="isie ie9 no-js"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html lang="tr" 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="Valioğlu Excavation" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="shortcut icon" href="https://www.valiogluhafriyat.com//deppo/image/logo-harfiyat-FAV.png" type="image/x-icon" />
	<link rel="icon" type="image/png" href="/garantimedya/fav/favicon-96x96.png" sizes="96x96" />
	<link rel="icon" type="image/svg+xml" href="/garantimedya/fav/favicon.svg" />
	<link rel="shortcut icon" href="/garantimedya/fav/favicon.ico" />
	<link rel="apple-touch-icon" sizes="180x180" href="/garantimedya/fav/apple-touch-icon.png" />
	<meta name="apple-mobile-web-app-title" content="AllAmino" />
	<link rel="manifest" href="/garantimedya/fav/site.webmanifest" />
    
    <meta name="google-site-verification" content="" />
    <meta name="yandex-verification" content="" />
    
    <title>Valioğlu Excavation & Construction Ltd.</title>
    <meta name="description" content="Valioğlu Excavation Construction has embraced teamwork and has always acted as a family." />
    <meta name="keywords" content="" />
    <link rel="canonical" href="https://www.valiogluhafriyat.com/" />

    <meta property="og:title" content="Valioğlu Excavation & Construction Ltd." />
    <meta property="og:type" content="web" />
    <meta property="og:site_name" content="Valioğlu Excavation & Construction Ltd." />
    <meta property="og:url" content="https://www.valiogluhafriyat.com//?lang=lang2/" />
    <meta property="og:image" content="https://www.valiogluhafriyat.com//https://www.valiogluhafriyat.com//deppo/image/logo-harfiyat-hd-.png" />
    <meta property="og:description" content="Valioğlu Excavation Construction has embraced teamwork and has always acted as a family." />

    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:site" content="https://www.valiogluhafriyat.com/" />
    <meta name="twitter:creator" content="@twitter" />
    <meta name="twitter:title" content="Valioğlu Excavation & Construction Ltd." />
    <meta name="twitter:description" content="Valioğlu Excavation Construction has embraced teamwork and has always acted as a family." />
    <meta name="twitter:image" content="https://www.valiogluhafriyat.com//https://www.valiogluhafriyat.com//deppo/image/logo-harfiyat-hd-.png" />
    <meta name="twitter:domain" content="https://www.valiogluhafriyat.com//?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://www.valiogluhafriyat.com//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://www.valiogluhafriyat.com//deppo/tools/js/html5.js'></script><![endif]--> <script src='https://www.valiogluhafriyat.com//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://www.valiogluhafriyat.com//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://www.valiogluhafriyat.com//deppo/tools/js/il-ilce.js"></script>
<script src="https://www.valiogluhafriyat.com//deppo/tools/js/gen_validatorv4.js"></script>
<script src="https://cdn.ckeditor.com/4.4.7/basic/ckeditor.js"></script>

<link data-optimized="1" rel='stylesheet' id='-style-css' href='garantimedya/tema/toygu/css/toygu-style.css' media='all'>
    <link data-optimized="1" rel='stylesheet' id='elementor-icons-css' href='garanti-content/litespeed/css/garanti_css1.css' media='all'>
    <link data-optimized="1" rel='stylesheet' id='elementor-frontend-css' href='garanti-content/litespeed/css/garanti_css2.css' media='all'>
    <link data-optimized="1" rel='stylesheet' id='swiper-css' href='garanti-content/litespeed/css/garanti_css3.css' media='all'>
    <link data-optimized="1" rel='stylesheet' id='elementor-post-6-css' href='garanti-content/litespeed/css/garanti_css4.css' media='all'>
    <link data-optimized="1" rel='stylesheet' id='font-awesome-5-all-css' href='garanti-content/litespeed/css/garanti_css5.css' media='all'>
    <link data-optimized="1" rel='stylesheet' id='font-awesome-4-shim-css' href='garanti-content/litespeed/css/garanti_css6.css' media='all'>
    <link data-optimized="1" rel='stylesheet' id='elementor-global-css' href='garanti-content/litespeed/css/garanti_css7.css' media='all'>
	<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" />
    <script src="garanti-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script>
    <script data-optimized="1" src="garanti-content/litespeed/js/garanti_u1.js" id="jquery-migrate-js"></script>
    <script data-optimized="1" src="garanti-content/litespeed/js/garanti_u2.js" id="ppress-flatpickr-js"></script>
    <script data-optimized="1" src="garanti-content/litespeed/js/garanti_u3.js" id="ppress-select2-js"></script>
    <script data-optimized="1" src="garanti-content/litespeed/js/garanti_u4.js" id="font-awesome-4-shim-js"></script>
    <link rel="alternate" type="application/json" href="garanti-json/wp/v2/pages/7">
  </head>
  <body id="bg">

    <div class="page-wraper">
  <div id="loading-area">
    <div class="spinner">
      <div class="video-wrapper">
    <video autoplay muted loop playsinline preload="auto">
      <source src="deppo/video/valioglu-harfiyat-open.mp4" type="video/mp4">
      <div>Video yüklenemedi.</div>
    </video>
  </div>
    </div>
  </div>
  <style>
	.video-wrapper {
      width: 100%;
      height: 100vh;
      max-width: 100vw;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    video {
      width: 21%;
      max-width: 100%;
      height: auto;
      display: block;
    }
    @media (max-width: 600px) {
      video {
        width: 20%;
        min-width: 280px;
      }
    }
    .video-wrapper > div {
      color: white;
      font-family: sans-serif;
      text-align: center;
      width: 100%;
    }
  </style>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">
<style>
    #modern-cookie {
        font-family: system-ui, -apple-system, sans-serif;
        position: fixed;
        z-index: 999999;
        opacity: 0;
        visibility: hidden;
        transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
    }
    @media (min-width: 768px) {
        #modern-cookie { bottom: 24px; right: 24px; max-width: 400px; transform: translateY(120px); }
        #modern-cookie.show { opacity: 1; visibility: visible; transform: translateY(0); }
    }
    @media (max-width: 767px) {
        #modern-cookie { bottom: 0; left: 0; right: 0; width: 100%; border-radius: 20px 20px 0 0; transform: translateY(100%); }
        #modern-cookie.show { opacity: 1; visibility: visible; transform: translateY(0); }
    }
    .cookie-card {
        background: #eee;
        color: #e84e2c;
        border: 3px solid #e84e2c;
        border-radius: 18px;
        padding: 28px;
        box-shadow: 0 25px 50px rgba(0,0,0,0.15);
        backdrop-filter: blur(10px);
    }
    .cookie-header {
        display: flex;
        align-items: center;
        gap: 14px;
        margin-bottom: 16px;
    }
    .cookie-header i {
        font-size: 32px;
        color: #e84e2c;
    }
    .cookie-title {
        font-size: 20px;
        font-weight: 700;
        margin: 0;
        color: #e84e2c;
    }
    .cookie-text {
        font-size: 15px;
        line-height: 1.6;
        margin-bottom: 24px;
        color: #e84e2c;
        opacity: 0.95;
    }
    .cookie-buttons {
        display: flex;
        gap: 14px;
    }
    .cookie-btn {
        flex: 1;
        padding: 14px;
        border: 2px solid #e84e2c;
        border-radius: 14px;
        font-size: 16px;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.3s ease;
    }
    .cookie-reject {
        background: transparent;
        color: #e84e2c;
    }
    .cookie-reject:hover {
        background: rgba(222,172,17,0.15);
    }
    .cookie-accept {
        background: #e84e2c;
        color: #fff;
    }
    .cookie-accept:hover {
        background: #c89a0f;
        transform: translateY(-3px);
        box-shadow: 0 12px 25px rgba(222,172,17,0.4);
    }
</style>
<div id="modern-cookie">
    <div class="cookie-card">
        <div class="cookie-header">
            <i class="fas fa-cookie-bite"></i>
            <h3 class="cookie-title">Çerez Kullanımı</h3>
        </div>
        <p class="cookie-text">
            Sitemizin daha iyi çalışması ve size özel deneyim sunması için çerez kullanıyoruz.
        </p>
        <div class="cookie-buttons">
            <button class="cookie-btn cookie-reject" id="cookie-reject">Reddet</button>
            <button class="cookie-btn cookie-accept" id="cookie-accept">Kabul Et</button>
        </div>
    </div>
</div>

<script>
document.addEventListener('DOMContentLoaded', () => {
    const banner = document.getElementById('modern-cookie');
    const accept = document.getElementById('cookie-accept');
    const reject = document.getElementById('cookie-reject');

    const cookieName = 'cookie_consent_gold';

    function getCookie(n) {
        const m = document.cookie.match(new RegExp('(^| )' + n + '=([^;]+)'));
        return m ? m[2] : null;
    }

    function setCookie(n, v, days) {
        const d = new Date();
        d.setTime(d.getTime() + days * 24 * 60 * 60 * 1000);
        document.cookie = `${n}=${v};expires=${d.toUTCString()};path=/;SameSite=Lax`;
    }

    if (!getCookie(cookieName)) {
        setTimeout(() => banner.classList.add('show'), 600);
    }

    accept.onclick = () => {
        setCookie(cookieName, 'accepted', 365);
        banner.classList.remove('show');
    };
    reject.onclick = () => {
        setCookie(cookieName, 'rejected', 365);
        banner.classList.remove('show');
    };
});
</script>
<script>
// BU TEK BLOĞU </body> kapanışından hemen önce yapıştır. Başka hiçbir şey yapma.

document.addEventListener("DOMContentLoaded", function () {
    const dilBtn = document.querySelector(".dilm");
    if (!dilBtn) return; // buton yoksa çık

    // Masaüstünde butonu tamamen gizle
    if (window.innerWidth > 767) {
        dilBtn.style.display = "none";
        return;
    }

    // Mobilde butonu görünür yap (orijinal haliyle)
    dilBtn.style.display = "inline-flex";

    // Popup zaten varsa tekrar oluşturma
    if (document.getElementById("goldLangPopup2025")) return;

    // Popup HTML + tümüyle inline-style (çakışma sıfır)
    const popup = document.createElement("div");
    popup.id = "goldLangPopup2025";
    popup.innerHTML = `
        <div style="position:fixed; inset:0; background:rgba(0,0,0,0.5); backdrop-filter:blur(10px); z-index:999999; display:none; align-items:flex-end; justify-content:center;">
            <div style="width:100%; max-width:500px; background:rgb(255 255 255 / 47%); border-radius:24px 24px 0 0; padding:32px 24px 40px; animation:s 0.5s cubic-bezier(0.16,1,0.3,1) forwards;">
                <div style="display:flex; align-items:center; justify-content:space-between; margin-bottom:28px; color:#e84e2c;">
                    <i class="fa-solid fa-globe" style="font-size:34px; color:#4c4c4c!important;"></i>
                    <button id="goldClose2025" style="background:none; border:none; font-size:40px; color:#4c4c4c; cursor:pointer; width:50px; height:50px; display:grid; place-items:center;">×</button>
                </div>
                <div>
                    <a href="?lang=lang1" data-lang="Türkçe" style="display:flex; align-items:center; gap:16px; padding:18px 0; color:#4c4c4c; font-size:19px; font-weight:600; text-decoration:none;">
                        <span style="font-size:30px;">Türkçe</span>
                    </a>
                    <a href="?lang=lang2" data-lang="English" style="display:flex; align-items:center; gap:16px; padding:18px 0; color:#4c4c4c; font-size:19px; font-weight:600; text-decoration:none;">
                        <span style="font-size:30px;">English</span>
                    </a>
                </div>
            </div>
        </div>
        <style>@keyframes s{from{transform:translateY(100%)}to{transform:translateY(0)}}</style>
    `;
    document.body.appendChild(popup);

    const overlay = popup.querySelector("div");
    const closeBtn = document.getElementById("goldClose2025");
    const links = popup.querySelectorAll("a");
    const currentLangSpan = document.getElementById("currentLang");

    // Tıklayınca aç
    dilBtn.onclick = function (e) {
        e.preventDefault();
        overlay.style.display = "flex";
    };

    // Kapatma yolları
    closeBtn.onclick = () => overlay.style.display = "none";
    overlay.onclick = (e) => { if (e.target === overlay) overlay.style.display = "none"; };

    // Dil seçildiğinde
    links.forEach(a => {
        a.onclick = function () {
            if (currentLangSpan) currentLangSpan.innerHTML = this.dataset.lang;
            overlay.style.display = "none";
        };
    });
});
</script>
    <!-- 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="site-header mo-left header style-1">
        <div class="top-bar">
          <div class="container-fluid">
            <div class="d-flex justify-content-between align-items-center">
              <div class="dz-topbar-left">
                <div class="dz-social-icon">
                  <ul class="dz-social-link">
                    <li>
                      <a target="_blank" href="#" class=" fab fa-facebook-f"></a>
                    </li>
                    <li>
                      <a target="_blank" href="#" class=" fab fa-twitter"></a>
                    </li>
                    <li>
                      <a target="_blank" href="#" class=" fab fa-linkedin"></a>
                    </li>
                    <li>
                      <a target="_blank" href="#" class=" fab fa-instagram"></a>
                    </li>
                  </ul>
                </div>
              </div>
              <div class="dz-topbar-right">
                <ul>
                  <li>
                    <i class="fas fa-map-marker-alt"></i>İhsaniye Mah. Akkuzu Sk. No:6/1 34076 Eyüpsultan/İstanbul
                  </li>
                  <li>
                    <i class="far fa-envelope"></i> <a href="mailto:info@valiogluhafriyat.com" style="color:#000;">info@valiogluhafriyat.com</a>
                  </li>
				  <li class="lang-selector">
  <a href="javascript:void(0)" class="lang-current" aria-label="Dil seç">
    <i class="fa-solid fa-earth-americas"></i>
    <span id="currentLang">Türkçe</span>
    <i class="fa fa-caret-down"></i>
  </a>
  <ul class="lang-dropdown">
    <li><a href="?lang=lang1" data-lang="Türkçe">Türkçe</a></li>
    <li><a href="?lang=lang2" data-lang="English">English</a></li>
  </ul>
</li>

<style>
.lang-selector { position:relative; display:inline-block; }
.lang-current {
  padding:8px 14px;
  border-radius:12px;
  background:#fff;
  border:1px solid #e2e8f0;
  display:flex;
  align-items:center;
  gap:gap:10px;
  color:#1e293b;
  text-decoration:none;
  transition:all 0.25s ease;
}
.lang-current:hover { border-color:#94a3b8; box-shadow:0 2px 8px rgba(0,0,0,.08); }

.lang-dropdown {
  position:absolute;
  top:calc(100% + 8px);
  left:50%;
  transform:translateX(-50%) scale(0.95);
  opacity:0;
  visibility:hidden;
  background:#fff;
  min-width:140px;
  border-radius:10px;
  border:1px solid #e2e8f0;
  box-shadow:0 10px 25px rgba(0,0,0,.1);
  padding:6px 0;
  transition:all 0.25s cubic-bezier(0.4,0,0.2,1);
  transform-origin:top;
  z-index:999;
}
.lang-dropdown.show {
  opacity:1;
  visibility:visible;
  transform:translateX(-50%) scale(1);
}
.lang-dropdown a {
  padding:8px 20px;
  color:#334155;
  display:block;
  transition:background 0.2s ease;
}
.lang-dropdown a:hover { background:#f8fafc; }
</style>

<script>
document.addEventListener("DOMContentLoaded", () => {
  const currentSpan = document.getElementById("currentLang");
  const dropdown = document.querySelector(".lang-dropdown");
  const trigger = document.querySelector(".lang-current");
  const params = new URLSearchParams(location.search);
  const lang = params.get("lang");
  const map = { lang1: "Türkçe", lang2: "English"};
  currentSpan.innerHTML = map[lang] || "Türkçe";
  trigger.addEventListener("click", e => {
    e.stopPropagation();
    dropdown.classList.toggle("show");
  });
  dropdown.querySelectorAll("a").forEach(a => {
    a.addEventListener("click", () => {
      currentSpan.innerHTML = a.dataset.lang;
      dropdown.classList.remove("show");
    });
  });
  document.addEventListener("click", () => dropdown.classList.remove("show"));
});
</script>	  
                </ul>
              </div>
            </div>
          </div>
        </div>
        <div class="sticky-header main-bar-wraper navbar-expand-lg">
          <div class="main-bar clearfix ">
            <div class="container-fluid clearfix">
              <div class="logo-header mostion logo-dark">
                <a href="." class="dark-logo" title="">
                  <img src="https://www.valiogluhafriyat.com//deppo/image/logo-harfiyat-hd-.png" alt="Valioğlu Excavation">
                </a>
              </div>
              <button class="navbar-toggler collapsed navicon justify-content-end" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
                <span></span>
                <span></span>
                <span></span>
              </button>
              <div class="extra-nav">
                <div class="extra-cell">
                  <a href="javascript:void();" class="btn shadow-primary btn-primary subscribe-btn btn-sm dilm">
                    <i class="fa-solid fa-earth-europe"></i>
                  </a>

                  <div class="menu-btn navicon">
                   <a href="#" target="_blank">
						<i class="fa-brands fa-whatsapp" style="font-size: 40px;color:#047a56;"></i>
					</a>
                  </div>
                </div>
              </div>
              <div class="header-nav navbar-collapse collapse justify-content-end" id="navbarNavDropdown">
                <div class="logo-header">
                  <a href="#" class="dark-logo" title="">
                    <img src="https://www.valiogluhafriyat.com//deppo/image/logo-harfiyat-hd-.png" alt="">
                  </a>
                </div>
                <ul class="nav navbar-nav navbar navbar-left ">
				
				
				
					   
                  <li id="menu-item-1001" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1001">
                    
					<a href="." class="hvr-underline-from-left1" data-scroll="" data-options="easing: easeOutQuart">Home</a>
								
					

                   </li>
					
					   
                  <li id="menu-item-1003" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1003">
                    
					<a href="?s1003/about-us" class="hvr-underline-from-left1" data-scroll="" data-options="easing: easeOutQuart">About us</a>
								
					

                   </li>
					
					   
                  <li id="menu-item-1006" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-1157 dropdown">
                    
					<a href="?u/Our-Products" class="hvr-underline-from-left1" data-scroll="" data-options="easing: easeOutQuart">Our Products</a>
					
					
					<ul role="menu" class="sub-menu">

<li id="menu-item-463" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-463">
    <a href="?x3/completed-projects">Completed Projects</a>
</li>

<li id="menu-item-463" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-463">
    <a href="?x4/our-ongoing-projects">Our Ongoing Projects</a>
</li>

<li id="menu-item-463" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-463">
    <a href="#">References</a>
</li>

					</ul>
					
								
					

                   </li>
					
					   
                  <li id="menu-item-1007" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-1157 dropdown">
                    
					<a href="?x6/our-references" class="hvr-underline-from-left1" data-scroll="" data-options="easing: easeOutQuart">Vehicle Parking</a>
					
					
					<ul role="menu" class="sub-menu">
					
					<li id="menu-item-463" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-463">
                        <a href="?x8/construction-machinery">Construction Machinery</a>
                    </li>
					
					<li id="menu-item-463" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-463">
                        <a href="?x7/earthmoving-vehicles">Earthmoving Vehicles</a>
                    </li>
					
					<li id="menu-item-463" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-463">
                        <a href="?x9/passenger-vehicles">Passenger Vehicles</a>
                    </li>
					
					</ul>
								
					

                   </li>
					
					   
                  <li id="menu-item-1008" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1008">
                    
					<a href="?i/contact" class="hvr-underline-from-left1" data-scroll="" data-options="easing: easeOutQuart">Contact</a>
								
					

                   </li>
					
                  
                  
				  
                </ul>
                <div class="sidebar-footer">
                  <div class="dlab-login-register"></div>
                  <div class="dz-social-icon">
                    <ul class="dz-social-link">
                      <li>
                        <a target="_blank" href="#" class=" fab fa-facebook-f"></a>
                      </li>
                      <li>
                        <a target="_blank" href="#" class=" fab fa-twitter"></a>
                      </li>
                      <li>
                        <a target="_blank" href="#" class=" fab fa-linkedin"></a>
                      </li>
                      <li>
                        <a target="_blank" href="#" class=" fab fa-instagram"></a>
                      </li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </header>
	  <div class="menu-close"></div>
      <div class="page-content bg-white">
      <div data-elementor-type="wp-page" data-elementor-id="7" class="elementor elementor-7">		<!-- slider-->
		<section class="slider4">
			<script src="garantimedya/slider/js/jssor.slider-28.1.0.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        window.jssor_1_slider_init = function() {

            var jssor_1_SlideoTransitions = [
              [{b:-1,d:1,ls:0.5},{b:0,d:1000,y:5,e:{y:6}}],
              [{b:-1,d:1,ls:0.5},{b:200,d:1000,y:25,e:{y:6}}],
              [{b:-1,d:1,ls:0.5},{b:400,d:1000,y:45,e:{y:6}}],
              [{b:-1,d:1,ls:0.5},{b:600,d:1000,y:65,e:{y:6}}],
              [{b:-1,d:1,ls:0.5},{b:800,d:1000,y:85,e:{y:6}}],
              [{b:-1,d:1,ls:0.5},{b:500,d:1000,y:195,e:{y:6}}],
              [{b:0,d:2000,y:30,e:{y:3}}],
              [{b:-1,d:1,rY:-15,tZ:100},{b:0,d:1500,y:30,o:1,e:{y:3}}],
              [{b:-1,d:1,rY:-15,tZ:-100},{b:0,d:1500,y:100,o:0.8,e:{y:3}}],
              [{b:500,d:1500,o:1}],
              [{b:0,d:1000,y:380,e:{y:6}}],
              [{b:300,d:1000,x:80,e:{x:6}}],
              [{b:300,d:1000,x:330,e:{x:6}}],
              [{b:-1,d:1,r:-110,sX:5,sY:5},{b:0,d:2000,o:1,r:-20,sX:1,sY:1,e:{o:6,r:6,sX:6,sY:6}}],
              [{b:0,d:600,x:150,o:1,e:{x:6}}],
              [{b:0,d:600,x:1140,o:1,e:{x:6}}],
              [{b:-1,d:1,sX:5,sY:5},{b:600,d:600,o:1,sX:1,sY:1,e:{sX:3,sY:3}}]
            ];

            var jssor_1_options = {
              $AutoPlay: 1,
              $LazyLoading: 1,
              $CaptionSliderOptions: {
                $Class: $JssorCaptionSlideo$,
                $Transitions: jssor_1_SlideoTransitions
              },
              $ArrowNavigatorOptions: {
                $Class: $JssorArrowNavigator$
              },
              $BulletNavigatorOptions: {
                $Class: $JssorBulletNavigator$,
                $SpacingX: 20,
                $SpacingY: 20
              }
            };

            var jssor_1_slider = new $JssorSlider$("jssor_1", jssor_1_options);

            /*#region responsive code begin*/

            var MAX_WIDTH = 5120;

            function ScaleSlider() {
                var containerElement = jssor_1_slider.$Elmt.parentNode;
                var containerWidth = containerElement.clientWidth;

                if (containerWidth) {

                    var expectedWidth = Math.min(MAX_WIDTH || containerWidth, containerWidth);

                    jssor_1_slider.$ScaleWidth(expectedWidth);
                }
                else {
                    window.setTimeout(ScaleSlider, 30);
                }
            }

            ScaleSlider();

            $Jssor$.$AddEvent(window, "load", ScaleSlider);
            $Jssor$.$AddEvent(window, "resize", ScaleSlider);
            $Jssor$.$AddEvent(window, "orientationchange", ScaleSlider);
            /*#endregion responsive code end*/
        };
    </script>
    <link href="https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300italic,regular,italic,700,700italic&subset=latin-ext,greek-ext,cyrillic-ext,greek,vietnamese,latin,cyrillic" rel="stylesheet" type="text/css" />
    <style>
        .jssorl-009-spin img {
            animation-name: jssorl-009-spin;
            animation-duration: 1.6s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
        }

        @keyframes jssorl-009-spin {
            from {
                transform: rotate(0deg);
            }

            to {
                transform: rotate(360deg);
            }
        }


        /*jssor slider bullet skin 132 css*/
        .jssorb132 {position:absolute;}
        .jssorb132 .i {position:absolute;cursor:pointer;}
        .jssorb132 .i .b {fill:#fff;fill-opacity:0.8;stroke:#000;stroke-width:1920;stroke-miterlimit:10;stroke-opacity:0.7;}
        .jssorb132 .i:hover .b {fill:#000;fill-opacity:.7;stroke:#fff;stroke-width:2000;stroke-opacity:0.8;}
        .jssorb132 .iav .b {fill:#000;stroke:#fff;stroke-width:2400;fill-opacity:0.8;stroke-opacity:1;}
        .jssorb132 .i.idn {opacity:0.3;}

        .jssora051 {display:block;position:absolute;cursor:pointer;}
        .jssora051 .a {fill:none;stroke:#fff;stroke-width:360;stroke-miterlimit:10;}
        .jssora051:hover {opacity:.8;}
        .jssora051.jssora051dn {opacity:.5;}
        .jssora051.jssora051ds {opacity:.3;pointer-events:none;}
    </style>
    <svg viewbox="0 0 0 0" width="0" height="0" style="display:block;position:relative;left:0px;top:0px;">
        <defs>
            <filter id="jssor_1_flt_1" x="-50%" y="-50%" width="200%" height="200%">
                <feGaussianBlur stddeviation="4"></feGaussianBlur>
            </filter>
            <radialGradient id="jssor_1_grd_2">
                <stop offset="0" stop-color="#fff"></stop>
                <stop offset="1" stop-color="#000"></stop>
            </radialGradient>
            <mask id="jssor_1_msk_3">
                <path fill="url(#jssor_1_grd_2)" d="M600,0L600,400L0,400L0,0Z" x="0" y="0" style="position:absolute;overflow:visible;"></path>
            </mask>
        </defs>
    </svg>
    <div id="jssor_1" style="position:relative;margin:0 auto;top:0px;left:0px;width:1640px;height:624px;overflow:hidden;visibility:hidden;">
        <!-- Loading Screen -->
        <div data-u="loading" class="jssorl-009-spin" style="position:absolute;top:0px;left:0px;width:100%;height:100%;text-align:center;background-color:rgba(0,0,0,0.7);">
            <img style="margin-top:-19px;position:relative;top:50%;width:38px;height:38px;" src="js/slider/img/spin.svg" />
        </div>

        <div data-u="slides" style="cursor:default;position:relative;top:0px;left:0px;width:1640px;height:624px;overflow:hidden;">
		
			<div>
                <img data-u="image" data-src="deppo/slide/1646383012253.jpg" />
                <div data-ts="flat" data-p="1080" style="left:0px;top:0px;width:1640px;height:624px;position:absolute;">
                </div>
            </div>
			
			<div>
                <img data-u="image" data-src="deppo/slide/1646493012253.jpg" />
                <div data-ts="flat" data-p="1080" style="left:0px;top:0px;width:1640px;height:624px;position:absolute;">
                </div>
            </div>
			
        </div>

        <!-- Bullet Navigator -->
        <div data-u="navigator" class="jssorb132" style="position:absolute;bottom:24px;right:16px;" data-autocenter="1" data-scale="0.5" data-scale-bottom="0.75">
            <div data-u="prototype" class="i" style="width:12px;height:12px;">
                <svg viewbox="0 0 19200 19200" style="position:absolute;top:0;left:0;width:100%;height:100%;">
                    <circle class="b" cx="8000" cy="8000" r="5800"></circle>
                </svg>
            </div>
        </div>
        <!-- Arrow Navigator -->
        <div data-u="arrowleft" class="jssora051" style="width:55px;height:55px;top:0px;left:25px;" data-autocenter="2" data-scale="0.75" data-scale-left="0.75">
            <svg viewbox="0 0 19200 19200" style="position:absolute;top:0;left:0;width:100%;height:100%;">
                <polyline class="a" points="11040,1920 4960,8000 11040,14080 "></polyline>
            </svg>
        </div>
        <div data-u="arrowright" class="jssora051" style="width:55px;height:55px;top:0px;right:25px;" data-autocenter="2" data-scale="0.75" data-scale-right="0.75">
            <svg viewbox="0 0 19200 19200" style="position:absolute;top:0;left:0;width:100%;height:100%;">
                <polyline class="a" points="4960,1920 11040,8000 4960,14080 "></polyline>
            </svg>
        </div>
    </div>
	
    <script type="text/javascript">jssor_1_slider_init();</script>
</section>
		  
		  
<div class="page-content bg-white" style="margin-top: 150px;">
  <div data-elementor-type="wp-page" data-elementor-id="9" class="elementor elementor-9">
    <section class="elementor-section elementor-top-section elementor-element elementor-element-146fc55 elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="146fc55" data-element_type="section">
      <div class="elementor-container elementor-column-gap-custom">
        <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5a08ffe" data-id="5a08ffe" data-element_type="column" style="top: -111px;">
          <div class="elementor-widget-wrap elementor-element-populated">
            <div class="elementor-element elementor-element-0d51d48 elementor-widget elementor-widget-dz-content-box-1" data-id="0d51d48" data-element_type="widget" data-widget_type="dz-content-box-1.default">
              <div class="elementor-widget-container">
                <section class="content-inner-2">
                  <div class="container">
                    <div class="row align-items-center about-bx1">
					<div class="section-head style-1">
                          <h6 class="text-primary sub-title">OUR PRODUCTS</h6>
                        </div>


                      <div class="col-lg-4 m-lg-b30">

                        <a href="?x3/completed-projects">

                          <img decoding="async" src="deppo/kategori/1620521112255.jpg" alt="Completed Projects" class="aos-item aos-init" data-aos="fade-down" data-aos-duration="800" data-aos-delay="400">

                          <div class="year-exp aos-item aos-init" data-aos="fade-up" data-aos-duration="800" data-aos-delay="500">

                            <a href="?x3/completed-projects"><h4 class="text">Completed Projects</h4></a>

                          </div>

</a>

                      </div>



                      <div class="col-lg-4 m-lg-b30">

                        <a href="?x4/our-ongoing-projects">

                          <img decoding="async" src="deppo/kategori/162171112255.jpg" alt="Our Ongoing Projects" class="aos-item aos-init" data-aos="fade-down" data-aos-duration="800" data-aos-delay="400">

                          <div class="year-exp aos-item aos-init" data-aos="fade-up" data-aos-duration="800" data-aos-delay="500">

                            <a href="?x4/our-ongoing-projects"><h4 class="text">Our Ongoing Projects</h4></a>

                          </div>

</a>

                      </div>



                      <div class="col-lg-4 m-lg-b30">

                        <a href="#">

                          <img decoding="async" src="deppo/kategori/1621141112255.jpg" alt="References" class="aos-item aos-init" data-aos="fade-down" data-aos-duration="800" data-aos-delay="400">

                          <div class="year-exp aos-item aos-init" data-aos="fade-up" data-aos-duration="800" data-aos-delay="500">

                            <a href="#"><h4 class="text">References</h4></a>

                          </div>

</a>

                      </div>


<style>
.about-bx1 .year-exp {
    background: #fff;
    padding: 20px 9px;
    display: flex;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, .1);
    margin-top: -120px!important;
    right: auto!important;
    margin-bottom: 56px;
    align-items: center;
    border-right: 10px solid var(--primary);
    animation: dzMove1 12s linear infinite;
    position: static;
	}

</style>					
					  
                    </div>
                  </div>
                </section>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>


  </div>
</div>
		  
		<section class="elementor-section elementor-top-section elementor-element elementor-element-d1d6493 elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="d1d6493" data-element_type="section">
		  <div class="elementor-container elementor-column-gap-custom">
			<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9ac90e8" data-id="9ac90e8" data-element_type="column">
			  <div class="elementor-widget-wrap elementor-element-populated">
				<div class="elementor-element elementor-element-d8b5952 elementor-widget elementor-widget-dz-service-listing-1" data-id="d8b5952" data-element_type="widget" data-widget_type="dz-service-listing-1.default">
				  <div class="elementor-widget-container">
					<section class="bg-gray content-inner  service-area">
					 <div class="container">
						<div class="row">
						  <div class="col-lg-4 col-md-12 aos-item" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="200">
							<div class="section-head">
							  <h6 class="sub-title text-primary"><img src="https://www.valiogluhafriyat.com//deppo/image/logo-harfiyat-hd-.png"></h6>
							  <br>
							  <h5 class="title" style="font-size: 19px; color:#474747;">As Valioğlu Excavation Construction, we aim to provide high-quality, reliable, and sustainable services in all areas of our operations. Our goal is to implement our projects in an environmentally conscious, timely, economical, and technically compliant manner to maximize customer satisfaction and contribute to the development of our country’s infrastructure.</h5>
							</div>
						  </div>
						  <div class="col-lg-8 col-md-12">
							<div class="row">
							  <div id="post-229" class="aos-item col-lg-6 col-sm-6 no-image-box post-7 page type-page status-publish hentry" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="400">
								<div class="icon-bx-wraper style-2 left m-b50">
								  <div class="icon-bx-sm bg-primary icon-bx text-white">
									<i class="fa-solid fa-check"></i>
								  </div>
								  <div class="icon-content">
									<p>We conduct all our business processes within the framework of transparency and ethical values, building long-term relationships of trust with our clients.</p>
								  </div>
								</div>
							  </div>
							  <div id="post-533" class="aos-item col-lg-6 col-sm-6 no-image-box post-7 page type-page status-publish hentry" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="600">
								<div class="icon-bx-wraper style-2 left m-b50">
								  <div class="icon-bx-sm bg-primary icon-bx text-white">
									<i class="fa-solid fa-check"></i>
								  </div>
								  <div class="icon-content">
									<p>We work with the goal of excellence in every project and meticulously adhere to national and international quality standards.</p>
								  </div>
								</div>
							  </div>
							  <div id="post-534" class="aos-item col-lg-6 col-sm-6 no-image-box post-7 page type-page status-publish hentry" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="800">
								<div class="icon-bx-wraper style-2 left m-b50">
								  <div class="icon-bx-sm bg-primary icon-bx text-white">
									<i class="fa-solid fa-check"></i>
								  </div>
								  <div class="icon-content">
									<p>Together with our employees, business partners, and clients, we move toward the same goal and place solidarity at the core of our corporate culture.</p>
								  </div>
								</div>
							  </div>
							  <div id="post-535" class="aos-item col-lg-6 col-sm-6 no-image-box post-7 page type-page status-publish hentry" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="1000">
								<div class="icon-bx-wraper style-2 left m-b50">
								  <div class="icon-bx-sm bg-primary icon-bx text-white">
									<i class="fa-solid fa-check"></i>
								  </div>
								  <div class="icon-content">
									<p>By preserving natural resources, we adopt environmentally friendly practices and develop sustainable solutions in every project we undertake.</p>
								  </div>
								</div>
							  </div>
							  <div id="post-536" class="aos-item col-lg-6 col-sm-6 no-image-box post-7 page type-page status-publish hentry" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="1200">
								<div class="icon-bx-wraper style-2 left m-b50">
								  <div class="icon-bx-sm bg-primary icon-bx text-white">
									<i class="fa-solid fa-check"></i>
								  </div>
								  <div class="icon-content">
									<p>We closely follow developments in the industry and enhance efficiency and safety by utilizing modern technologies.</p>
								  </div>
								</div>
							  </div>
							  <div id="post-537" class="aos-item col-lg-6 col-sm-6 no-image-box post-7 page type-page status-publish hentry" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="1400">
								<div class="icon-bx-wraper style-2 left m-b50">
								  <div class="icon-bx-sm bg-primary icon-bx text-white">
									<i class="fa-solid fa-check"></i>
								  </div>
								  <div class="icon-content">
									<p>We accurately analyze our clients’ needs and ensure complete satisfaction by adopting a solution-oriented approach at every stage of our projects.</p>
								  </div>
								</div>
							  </div>
							</div>
						  </div>
						</div>
					  </div>
					</section>
				  </div>
				</div>
			  </div>
			</div>
		  </div>
		</section>
        </div>
		</div>
		<style>
		@media (min-width: 1200px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl {
        max-width: 1300px;
    }
		</style><footer class="site-footer style-2" id="footer">
  <div class="footer-top">
    <div class="container">
      <div class="row justify-content-center">
        <div id="_dz_about_us-2" class="widget col-lg-3 col-md-6  widget__dz_about_us substitute-class footer-sidebar-1">
          <div class="widget widget_about">
            <div class="widget-title">
              <h4 class="title"><img src="https://www.valiogluhafriyat.com//deppo/image/logo-harfiyat-hd-.png"></h4>
            </div>
            <p>Valioğlu Excavation Construction has adopted teamwork and has always acted as a family.</p>
            <ul class="social-list style-2">
              <li>
                <a target="_blank" href="#" class=" fab fa-facebook-f"></a>
              </li>
              <li>
                <a target="_blank" href="#" class=" fab fa-twitter"></a>
              </li>
              <li>
                <a target="_blank" href="#" class=" fab fa-linkedin"></a>
              </li>
              <li>
                <a target="_blank" href="#" class=" fab fa-instagram"></a>
              </li>
            </ul>
          </div>
        </div>
        <div id="nav_menu-4" class="widget col-lg-3 col-md-6  widget_nav_menu substitute-class footer-sidebar-1">
          <div class="widget-title">
            <h4 class="title">MENU</h4>
          </div>
          <div class="menu-our-links-2-container">
            <ul id="menu-our-links-2" class="menu">
			
              <li id="menu-item-969" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-7 current_page_item menu-item-969">
                <a href="." aria-current="page">Home</a>
              </li>
              <li id="menu-item-970" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-970">
                <a href="?s1003/hakkimizda">About Valioğlu</a>
              </li>
              <li id="menu-item-973" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-973">
                <a href="?u/Urunlerimiz">Our Products</a>
              </li>
              <li id="menu-item-974" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-974">
                <a href="?s1007/referanslarimiz">Our References</a>
              </li>
			  <li id="menu-item-972" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-972">
                <a href="?i/iletisim">Contact</a>
              </li>
            </ul>
          </div>
        </div>
        <div id="nav_menu-5" class="widget col-lg-3 col-md-6  widget_nav_menu substitute-class footer-sidebar-1">
          <div class="widget-title">
            <h4 class="title">OUR PRODUCTS</h4>
          </div>
          <div class="menu-our-services-container">
            <ul id="menu-our-services" class="menu">
              	
			  
			  <li id="menu-item-968" class="menu-item menu-item-type-post_type menu-item-object-dz_service menu-item-968">
                <a href="?x3/completed-projects">Completed Projects</a>
              </li>
	
			  
			  <li id="menu-item-968" class="menu-item menu-item-type-post_type menu-item-object-dz_service menu-item-968">
                <a href="?x4/our-ongoing-projects">Our Ongoing Projects</a>
              </li>
	
			  
			  <li id="menu-item-968" class="menu-item menu-item-type-post_type menu-item-object-dz_service menu-item-968">
                <a href="#">References</a>
              </li>
	
			  
			  <li id="menu-item-968" class="menu-item menu-item-type-post_type menu-item-object-dz_service menu-item-968">
                <a href="?x7/earthmoving-vehicles">Earthmoving Vehicles</a>
              </li>
	
			  
			  <li id="menu-item-968" class="menu-item menu-item-type-post_type menu-item-object-dz_service menu-item-968">
                <a href="?x8/construction-machinery">Construction Machinery</a>
              </li>
	
			  
			  <li id="menu-item-968" class="menu-item menu-item-type-post_type menu-item-object-dz_service menu-item-968">
                <a href="?x9/passenger-vehicles">Passenger Vehicles</a>
              </li>
			  
			  
            </ul>
          </div>
        </div>
        <div id="_dz_newsletter-2" class="widget col-lg-3 col-md-6  widget__dz_newsletter substitute-class footer-sidebar-1">
          <div>
            <div class="widget-title">
              <h4 class="title">CONTACT</h4>
            </div>
			<p class="text m-b20"><i class="fa-solid fa-phone-volume" style="color:#e84e2c"></i><a href="tel:(+90 (212) 447 31 54"> (+90 (212) 447 31 54</p>
			<p class="text m-b20"><i class="fa-regular fa-envelope" style="color:#e84e2c"></i> info@valiogluhafriyat.com</p>
            <p class="text m-b20" ><i class="fas fa-map-marker-alt" style="color:#e84e2c"></i> İhsaniye Mah. Akkuzu Sk. No:6/1 34076 Eyüpsultan/İstanbul</p>
            <p class="text m-b20"></p>
          </div>
        </div>
		<style>.widget a{color:#474747!important;}</style>
      </div>
    </div>
  </div>
  <div class="footer-bottom">
    <div class="container">
      <div class="row align-items-center fb-inner spno">
        <div class="col-lg-12 col-md-12 text-center">
          <span class="copyright-text"> Copyright © 2025 AllAmino – “Since 1987, Our Strength Is Our Experience.” <i class="fa-solid fa-code" style="color:#3d3d3d"></i> <a href="#" class="text-primary" target="_blank">GarantiMedya</a> All Rights Reserved. </span>
        </div>
      </div>
    </div>
  </div>
</footer>


<button class="scroltop fa fa-arrow-up"></button>

<script>
        // JavaScript kodu
        function scrollToTop() {
            var currentScroll = document.documentElement.scrollTop || document.body.scrollTop;

            if (currentScroll > 0) {
                window.requestAnimationFrame(scrollToTop);
                window.scrollTo(0, currentScroll - currentScroll / 8); // Yumuşak kaydırma
            }
        }

        // Sayfa scroll olduğunda düğmenin görünürlüğünü kontrol etmek için
        window.onscroll = function() {
            scrollFunction();
        };

        function scrollFunction() {
            var scroltopButton = document.querySelector('.scroltop');
            if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
                scroltopButton.style.display = "block";
            } else {
                scroltopButton.style.display = "none";
            }
        }
    </script>
 </div>
	
	
<script data-optimized="1" src="garanti-content/litespeed/js/garanti_a1.js"></script>
<script data-optimized="1" src="garanti-content/litespeed/js/garanti_a2.js"></script>
<script data-optimized="1" src="garanti-content/litespeed/js/garanti_a3.js"></script>
<script data-optimized="1" src="garanti-content/litespeed/js/garanti_a4.js"></script>
<script data-optimized="1" src="garanti-content/litespeed/js/garanti_a5.js"></script>
<script data-optimized="1" src="garanti-content/litespeed/js/garanti_a6.js"></script>
<script data-optimized="1" src="garanti-content/litespeed/js/garanti_a7.js"></script>
<script data-optimized="1" src="garanti-content/litespeed/js/garanti_a8.js"></script>
<script data-optimized="1" src="garanti-content/litespeed/js/garanti_a9.js"></script>
<script data-optimized="1" src="garanti-content/litespeed/js/garanti_a10.js"></script>
<script data-optimized="1" src="garanti-content/litespeed/js/garanti_a11.js"></script>

</body>
</html>