<!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 Hafriyat" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="shortcut icon" href="https://www.valiogluhafriyat.com//deppo/image/wfavicon.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 Hafriyat Taah. Mücevh. İnşaat Sab. Tic. Ltd. Şti.</title>
    <meta name="description" content="Valioğlu Hafriyat İnşaat, takım çalışmasını benimsemiş ve her zaman bir aile olarak hareket etmiştir." />
    <meta name="keywords" content="" />
    <link rel="canonical" href="https://www.valiogluhafriyat.com/" />

    <meta property="og:title" content="Valioğlu Hafriyat Taah. Mücevh. İnşaat Sab. Tic. Ltd. Şti." />
    <meta property="og:type" content="web" />
    <meta property="og:site_name" content="Valioğlu Hafriyat Taah. Mücevh. İnşaat Sab. Tic. Ltd. Şti." />
    <meta property="og:url" content="https://www.valiogluhafriyat.com//?/" />
    <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 Hafriyat İnşaat, takım çalışmasını benimsemiş ve her zaman bir aile olarak hareket etmiştir." />

    <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 Hafriyat Taah. Mücevh. İnşaat Sab. Tic. Ltd. Şti." />
    <meta name="twitter:description" content="Valioğlu Hafriyat İnşaat, takım çalışmasını benimsemiş ve her zaman bir aile olarak hareket etmiştir." />
    <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//?/" />
    <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 Hafriyat">
                </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">Anasayfa</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/hakkimizda" class="hvr-underline-from-left1" data-scroll="" data-options="easing: easeOutQuart">Hakkımızda</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/Urunlerimiz" class="hvr-underline-from-left1" data-scroll="" data-options="easing: easeOutQuart">Projelerimiz</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/tamamlanan-projeler">Tamamlanan Projeler</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/devam-eden-projelerimiz">Devam Eden Projelerimiz</a>
</li>

<li id="menu-item-463" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-463">
    <a href="#">Referanslar</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/referanslarimiz" class="hvr-underline-from-left1" data-scroll="" data-options="easing: easeOutQuart">Araç Parkı</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/is-makinalari">İş Makinaları</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/hafriyat-araclari">Hafriyat Araçları</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/binek-araclar">Binek Araçlar</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/iletisim" class="hvr-underline-from-left1" data-scroll="" data-options="easing: easeOutQuart">İletişim</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/162521112255.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/1657451112255.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">ÜRÜNLERİMİZ</h6>
                        </div>


                      <div class="col-lg-4 m-lg-b30">

                        <a href="?x3/tamamlanan-projeler">

                          <img decoding="async" src="deppo/kategori/1620521112255.jpg" alt="Tamamlanan Projeler" 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/tamamlanan-projeler"><h4 class="text">Tamamlanan Projeler</h4></a>

                          </div>

</a>

                      </div>



                      <div class="col-lg-4 m-lg-b30">

                        <a href="?x4/devam-eden-projelerimiz">

                          <img decoding="async" src="deppo/kategori/162171112255.jpg" alt="Devam Eden Projelerimiz" 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/devam-eden-projelerimiz"><h4 class="text">Devam Eden Projelerimiz</h4></a>

                          </div>

</a>

                      </div>



                      <div class="col-lg-4 m-lg-b30">

                        <a href="#">

                          <img decoding="async" src="deppo/kategori/1621141112255.jpg" alt="Referanslar" 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">Referanslar</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;">Valioğlu Hafriyat İnşaat olarak, faaliyet gösterdiğimiz tüm alanlarda kaliteli, güvenilir ve sürdürülebilir hizmetler sunmayı hedefliyoruz. Amacımız; projelerimizi çevreye duyarlı, zamanında, ekonomik ve teknik standartlara uygun şekilde hayata geçirerek, müşteri memnuniyetini en üst düzeyde sağlamak ve ülkemizin altyapı gelişimine katkıda bulunmaktır.</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>Tüm iş süreçlerimizi şeffaflık ve etik değerler çerçevesinde yürütür, müşterilerimizle uzun soluklu güven ilişkileri kurarız.</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>Her projede mükemmeliyet hedefiyle çalışır, ulusal ve uluslararası kalite standartlarını titizlikle uygularız.</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>Çalışanlarımız, iş ortaklarımız ve müşterilerimizle birlikte aynı hedefe yönelir, dayanışmayı kurumsal kültürün temeline yerleştiririz.</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>Doğal kaynakları koruyarak, çevreye zarar vermeyen uygulamaları benimser ve her projemizde sürdürülebilir çözümler geliştiririz.</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>Sektördeki gelişmeleri yakından takip eder, modern teknolojileri kullanarak verimliliği ve güvenliği artırırız.</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>Müşterilerimizin ihtiyaçlarını doğru analiz eder, projelerin her aşamasında çözüm odaklı yaklaşım sergileyerek tam memnuniyet sağlarız.</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 Hafriyat İnşaat, takım çalışmasını benimsemiş ve her zaman bir aile olarak hareket etmiştir. </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">MENÜ</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">Anasayfa</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">Valioğlu Hakkında</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">Ürünlerimiz</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">Referanslarımız</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">İletişim</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">ÜRÜNLERİMİZ</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/tamamlanan-projeler">Tamamlanan Projeler</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/devam-eden-projelerimiz">Devam Eden Projelerimiz</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="#">Referanslar</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/hafriyat-araclari">Hafriyat Araçları</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/is-makinalari">İş Makinaları</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/binek-araclar">Binek Araçlar</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">İLETİŞİM</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 – “1987’den Bugüne, Gücümüz Deneyimimiz.” <i class="fa-solid fa-code" style="color:#3d3d3d"></i> <a href="#" class="text-primary" target="_blank">GarantiMedya</a> Tüm Hakları Saklıdır. </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>