<!doctype html>
<html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en-gb" lang="en-gb">
<!--[if IE 7 ]>    <html lang="en-gb" class="isie ie7 oldie no-js"> <![endif]-->
<!--[if IE 8 ]>    <html lang="en-gb" class="isie ie8 oldie no-js"> <![endif]-->
<!--[if IE 9 ]>    <html lang="en-gb" class="isie ie9 no-js"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html lang="en-gb" class="no-js">
<!--<![endif]-->
<head>
    <!-- Head -->
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1254" />
    <script src="//code.jquery.com/jquery-latest.js" type="text/javascript"></script>
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="author" content="TUĞ İNŞAAT" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="shortcut icon" href="deppo/image/wfavicon.png" type="image/x-icon" />
    
    <meta name="google-site-verification" content="" />
    <meta name="yandex-verification" content="" />
    
    <title>TUĞ İNŞAAT</title>
    <meta name="description" content="TUĞ İNŞAAT" />
    <meta name="keywords" content="Hafriyat,istanbul hafriyat ,istanbulun en iyi hafriyat firması,türkiyenin en iyi hafriyat firması,özyılmazlar,en iyi hafriyat firması,avrupa konutları hafriyat,sur yapı hafriyat,yedi mavi hafriyat ,torkam hafriyat,büyük yalı hafriyat,medipol hastaneleri hafriyat,kale topkapı hafriyat,çiftçiler hafriyat,tem 34 ikitelli hafriyat,bayrampaşa ikitelli hafriyat,doğuş hafriyat,emlak konut hafriyat,toki hafriyat,inistanbul hafriyat,çiftçi towers hafriyat,nef hafriyat,merter vakko hafriyat,başbakanlık arşiv binası hafriyat ,yıldız teknik üniversitesi hafriyat,istanbul teknik üniversitesi hafriyat,rönesans hafriyat,buyaka hafriyat,Ozy Grup,Ozy Özyılmazlar,ozy grup,TUĞ İNŞAAT" />
    <link rel="canonical" href="https://tasarim.garantimedya.com.tr/tug/panel/" />

    <meta property="og:title" content="TUĞ İNŞAAT" />
    <meta property="og:type" content="web" />
    <meta property="og:site_name" content="TUĞ İNŞAAT" />
    <meta property="og:url" content="https://tasarim.garantimedya.com.tr/tug/panel//?p411/projelerimiz" />
    <meta property="og:image" content="https://tasarim.garantimedya.com.tr/tug/panel//deppo/image/wlogo.png" />
    <meta property="og:description" content="TUĞ İNŞAAT" />

    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:site" content="https://tasarim.garantimedya.com.tr/tug/panel/" />
    <meta name="twitter:creator" content="@twitter" />
    <meta name="twitter:title" content="TUĞ İNŞAAT" />
    <meta name="twitter:description" content="TUĞ İNŞAAT" />
    <meta name="twitter:image" content="https://tasarim.garantimedya.com.tr/tug/panel//deppo/image/wlogo.png" />
    <meta name="twitter:domain" content="https://tasarim.garantimedya.com.tr/tug/panel//?p411/projelerimiz" />
    <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; background-image: url('https://tasarim.garantimedya.com.tr/tug/panel//deppo/tools/img/trns.png')">
    <img border="0" src="https://tasarim.garantimedya.com.tr/tug/panel//deppo/tools/img/loading.svg" 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://tasarim.garantimedya.com.tr/tug/panel//deppo/tools/js/html5.js'></script><![endif]--> <script src='https://tasarim.garantimedya.com.tr/tug/panel//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>
































<script src="https://cdn.v3medya.com/js/watolye.js"></script>
<link rel='stylesheet' href='deppo/tools/css/watolye.css' type='text/css' /><link rel='stylesheet' href='//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css'>


<!--[if lt IE 9]>
    <script src="https://tasarim.garantimedya.com.tr/tug/panel//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://tasarim.garantimedya.com.tr/tug/panel//deppo/tools/js/il-ilce.js"></script>
<script src="https://tasarim.garantimedya.com.tr/tug/panel//deppo/tools/js/gen_validatorv4.js"></script>
<script src="https://cdn.ckeditor.com/4.4.7/basic/ckeditor.js"></script>

<!--css-->
        <link rel="stylesheet" href="assets/css/bootstrap.min.css">
        <link rel="stylesheet" href="../../css2?family=Barlow:wght@400;500;600;700&family=Heebo:wght@400;500;600;700&display=swap">
        <link rel="stylesheet" href="assets/fonts/fontawesome/css/all.min.css">
        <link rel="stylesheet" href="assets/fonts/flaticon/style.css">
        <link rel="stylesheet" href="assets/css/animate.css">
        <link rel="stylesheet" href="assets/css/owl.carousel.min.css">
        <link rel="stylesheet" href="assets/css/owl.theme.default.min.css">
        <link rel="stylesheet" href="assets/css/lity.min.css">
        <link rel="stylesheet" href="assets/css/nice-select.css">
        <link rel="stylesheet" href="assets/css/magnific-popup.css">
        <link rel="stylesheet" href="assets/css/style.css">
        <link rel="stylesheet" href="assets/css/responsive.css">
        <!--[if lt IE 9]>
            <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
            <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
    </head>
    <body>
        <!--YÃ¼kleme EkranÄ±-->
        <div class="loading">
            <div class="loading-box">
                <div class="lds-roller">
                    <div></div>
                    <div></div>
                    <div></div>
                    <div></div>
                    <div></div>
                    <div></div>
                    <div></div>
                    <div></div>
                </div>
            </div>
        </div>
    <!-- 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><div style='width:100%; height:100%; background: rgba(0, 0, 0, .9); position:fixed; z-index:999999999; top:0px; left:0px;'><div style='width:30%; height:10%; margin-top:10%; color:white; margin-left:auto; margin-right:auto; text-align:center;'><i class='fa fa-minus-circle' style='color:red; font-size:200px;'></i><br />Bu yazılım lisansı aktif edilmemiş veya iptal edilmiş olabilir. <br />Lütfen Sistem Yöneticiniz İle İrtibata Geçiniz<br /><a href='Web' style='color:white;'>TUĞ İNŞAAT</a> - Tel</div></div><!--Tuğ Menü-->
        <header class="all-navbar fixed-top">
            <!--Üst Menü-->
            <nav class="nav-bar">
                <div class="container">
                    <div class="content-box d-flex align-items-center justify-content-between">
                        <div class="logo">
                            <a href="index.html" class="logo-nav">
                                <img class="img-fluid one" src="assets/images/logo/tug-insaat-footer-logo.png" alt="TUĞ İNŞAAT">
                                <img class="img-fluid two" src="assets/images/logo/tug-insaat-logo.png" alt="TUĞ İNŞAAT">
                            </a>
                            <a href="#open-nav-bar-menu" class="open-nav-bar">
                                <span></span>
                                <span></span>
                                <span></span>
                            </a>
                        </div>
                        <div class="nav-bar-links" id="open-nav-bar-menu">
                            <ul class="level-1">
								<li class="item-level-1">
                                    <a href="." class="link-level-1">ANASAYFA</a>
                                </li>
								<li class="item-level-1">
                                    <a href="?s652/hakkimizda" class="link-level-1">KURUMSAL</a>
                                </li>
								<li class="item-level-1">
                                    <a href="?p411/projelerimiz" class="link-level-1">PROJELER</a>
                                </li>
								<li class="item-level-1 has-menu">
                                    <a href="#" class="link-level-1">ARAÇ PARKI</a>
                                    <ul class="level-2">
                                        <li class="item-level-2">
                                            <a class="link-level-2" href="?a413/nakliye-araclari">Nakliye Araçları</a>
                                        </li>
                                        <li class="item-level-2">
                                            <a class="link-level-2" href="?a467/is-makineleri">İş Makineleri</a>
                                        </li>
                                        <li class="item-level-2">
                                            <a class="link-level-2" href="?a478/santiye-ikmal-araclari">Şantiye İkmal Araçları</a>
                                        </li>
										<li class="item-level-2">
                                            <a class="link-level-2" href="?a485/santiye-yeri">Şantiye Yeri</a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="item-level-1">
                                    <a href="?i/iletisim" class="link-level-1">İLETİŞİM</a>
                                </li>
                            </ul>
                        </div>
                        <ul class="nav-bar-tools d-flex align-items-center justify-content-between">
                            <li class="item phone">
                                <div class="nav-bar-contact">
                                    <i class="ar-icons-phone"></i>
                                    <div class="content-box">
                                        <span>Teleon Numarası</span>
                                        <a href="tel:+902126349051">0 (212) 634 90 51</a>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </nav>
        </header>
		<style>
		/* Breadcrumb Header Modern */
.breadcrumb-header {
    position: relative;
    background-size: cover;
    background-position: center;
    padding: 100px 0;
}

.breadcrumb-header .overlay {
    background: linear-gradient(135deg, rgba(26,26,26,0.9) 0%, rgba(26,26,26,0.7) 50%, rgba(255,107,43,0.2) 100%);
}

.breadcrumb-header .banner ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.breadcrumb-header .banner ul li {
    color: var(--white);
    font-size: 16px;
}

.breadcrumb-header .banner ul li a {
    color: var(--orange-primary);
    text-decoration: none;
    font-weight: 600;
    transition: color 0.3s ease;
}

.breadcrumb-header .banner ul li a:hover {
    color: var(--orange-light);
}

.breadcrumb-header .banner ul li i {
    color: var(--orange-primary);
    font-size: 12px;
}

.breadcrumb-header .banner ul li:last-child {
    color: #B0B0B0;
}
		</style><!--PROJE-->
<section class="breadcrumb-header style-2" id="page" style="background-image: url(assets/images/header/slider-3.jpg)">
    <div class="overlay"></div>
    <div class="container">
        <div class="row">
            <div class="col-md-8">
                <div class="banner">
                    <ul>
                        <li><a href="index.html">TUĞ İNŞAAT</a></li>
                        <li><i class="fas fa-angle-right"></i></li>
                        <li>PROJELERİMİZ</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="modern-projects-listing">
    <div class="container">
        <div class="section-header-modern">
            <div class="header-left">
                <span class="section-badge">PORTFÖY</span>
                <h2 class="section-title">TUĞ İNŞAAT</h2>
                <h3 class="section-subtitle">PROJELERİMİZ</h3>
            </div>
            <div class="header-right">
                <p class="section-description">Tamamlanmış ve devam eden projelerimizle hafriyat sektöründe güvenilir çözüm ortağınız olmaya devam ediyoruz.</p>
            </div>
        </div>
        
        <div class="projects-listing-grid">
            
            <div class="project-listing-card">
                <a href="?q1009/atelier-towers-projesi-hafriyati-" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/atelier-towers-projesi-hafriya-2726171728.JPG" alt="Atelier Towers Projesi Hafriyatı " loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">Atelier Towers Projesi Hafriyatı </h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q1008/unsal-prestij-projeleri-hafriyat-isleri" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/unsal-prestij-projesileri-hafr-2726171411.JPG" alt="Ünsal Prestij Projeleri Hafriyat İşleri" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">Ünsal Prestij Projeleri Hafriyat İşleri</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q1007/borsakule2-projesi-hafriyati-" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/borsakule2-projesi-hafriyati--2726171156.JPG" alt="Borsakule2 Projesi Hafriyatı " loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">Borsakule2 Projesi Hafriyatı </h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q1006/ticarethane-basaksehir-projesi-hafriyati-" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/ticarethane-basaksehir-projesi-2726162556.JPG" alt="Ticarethane Başakşehir Projesi Hafriyatı " loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">Ticarethane Başakşehir Projesi Hafriyatı </h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q1005/next-level-istanbul-projesi-hafriyati-" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/next-level-istanbul-projesi-ha-272615527.JPG" alt="Next Level İstanbul Projesi Hafriyatı " loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">Next Level İstanbul Projesi Hafriyatı </h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q1004/next-level-kemer-country-projesi-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/next-level-kemer-country-proje-27261589.JPG" alt="Next Level Kemer Country Projesi Hafriyatı" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">Next Level Kemer Country Projesi Hafriyatı</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q1003/arnavutkoy-baklali-konut-ve-dukkanprojesi-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/arnavutkoy-baklali-konut-ve-du-2726115613.JPG" alt="Arnavutköy Baklalı Konut ve Dükkan  Projesi Hafriyatı" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">Arnavutköy Baklalı Konut ve Dükkan  Projesi Hafriyatı</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q1002/kayabasi-konut-ve-dukkanprojesi-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/kayabasi-konut-ve-dukkanprojes-2726113833.JPG" alt="Kayabaşı Konut ve Dükkan  Projesi Hafriyatı" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">Kayabaşı Konut ve Dükkan  Projesi Hafriyatı</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q1001/haribo-bosphorus-projesihafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/haribo-bosphorus-projesihafriy-2726113446.JPG" alt="Haribo Bosphorus Projesi  Hafriyatı" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">Haribo Bosphorus Projesi  Hafriyatı</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q1000/zeytinburnu-kentsel-donusum-projesi-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/-272611456.JPG" alt="Zeytinburnu Kentsel Dönüşüm Projesi Hafriyatı" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">Zeytinburnu Kentsel Dönüşüm Projesi Hafriyatı</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q681/esta-insaat-bahcelievler-konut-ve-ticaret-projesi-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/esta-insaat-bahcelievler-konut-892216355.jpg" alt="ESTA İNŞAAT BAHÇELİEVLER KONUT VE TİCARET PROJESİ HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">ESTA İNŞAAT BAHÇELİEVLER KONUT VE TİCARET PROJESİ HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q680/olusum-mimarlik-basaksehir-fabrika-projesi-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/esta-insaat-bahcelievler-konut-8922155316.jpg" alt="OLUŞUM MİMARLIK BAŞAKŞEHİR FABRİKA PROJESİ HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">OLUŞUM MİMARLIK BAŞAKŞEHİR FABRİKA PROJESİ HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q679/kahraman-insaat-esenler-kentsel-donusum-projesi-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/kahraman-insaat-esenler-kentse-8922155010.jpg" alt="KAHRAMAN İNŞAAT ESENLER KENTSEL DÖNÜŞÜM PROJESİ HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">KAHRAMAN İNŞAAT ESENLER KENTSEL DÖNÜŞÜM PROJESİ HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q678/sur-yapi-halkali-bizim-mahalle-projesi-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/sur-yapi-halkali-bizim-mahalle-8922154813.jpg" alt="SUR YAPI HALKALI BİZİM MAHALLE PROJESİ HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">SUR YAPI HALKALI BİZİM MAHALLE PROJESİ HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q677/unsal-yapi-hayatpark-konaklari-olimpiyat-projesi-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/unsal-yapi-hayatpark-konaklari-8922154442.jpg" alt="ÜNSAL YAPI HAYATPARK KONAKLARI OLİMPİYAT PROJESİ HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">ÜNSAL YAPI HAYATPARK KONAKLARI OLİMPİYAT PROJESİ HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q676/unsal-yapi-kayasehir-…-projesi-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/unsal-yapi-kayasehir-…-projesi-8922154214.jpg" alt="ÜNSAL YAPI KAYAŞEHİR …............ PROJESİ HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">ÜNSAL YAPI KAYAŞEHİR …............ PROJESİ HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q675/som-group-yapiustun-hizmet-basaksehir-ticaret-merkezi-projesi" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/som-group-yapiustun-hizmet-bas-8922153746.jpg" alt="SOM GROUP YAPI - ÜSTÜN HİZMET BAŞAKŞEHİR TİCARET MERKEZİ PROJESİ" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">SOM GROUP YAPI - ÜSTÜN HİZMET BAŞAKŞEHİR TİCARET MERKEZİ PROJESİ</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q674/luxera-gayrimenkul-nevbahar-kayasehir-projesi-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/luxera-gayrimenkul-nevbahar-ka-8922153412.jpg" alt="LUXERA GAYRİMENKUL NEVBAHAR KAYAŞEHİR PROJESİ HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">LUXERA GAYRİMENKUL NEVBAHAR KAYAŞEHİR PROJESİ HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q673/makro-insaat-mavera-boutique-projesi-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/makro-insaat-mavera-boutique-p-8922125740.jpeg" alt="MAKRO İNŞAAT MAVERA BOUTIQUE PROJESİ HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">MAKRO İNŞAAT MAVERA BOUTIQUE PROJESİ HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q672/nur-group-ve-hak-is-ortakligi-…projesi-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/nur-group-ve-hak-is-ortakligi--8922125349.jpg" alt="NUR GROUP VE HAK İŞ ORTAKLIĞI …........... PROJESİ HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">NUR GROUP VE HAK İŞ ORTAKLIĞI …........... PROJESİ HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q671/kahraman-insaat-kayabasi-konut-ve-is-yeri-projesi-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/kahraman-insaat-kayabasi-konut-8922123849.jpg" alt="KAHRAMAN İNŞAAT KAYABAŞI KONUT VE İŞ YERİ PROJESİ HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">KAHRAMAN İNŞAAT KAYABAŞI KONUT VE İŞ YERİ PROJESİ HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q670/hak-hirdavat-metrokent-projesi-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/hak-hirdavat-metrokent-projesi-892212367.jpeg" alt="HAK HIRDAVAT METROKENT PROJESİ HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">HAK HIRDAVAT METROKENT PROJESİ HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q669/luxera-gunesli" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/luxera-gunesli-8922122551.jpeg" alt="LUXERA GÜNEŞLİ" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">LUXERA GÜNEŞLİ</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q668/istanbul-esenler-kahraman-insaat-emlak-konut-projesi-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/yeni-sayfa-41221194460.jpg" alt="İSTANBUL ESENLER KAHRAMAN İNŞAAT EMLAK KONUT PROJESİ HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">İSTANBUL ESENLER KAHRAMAN İNŞAAT EMLAK KONUT PROJESİ HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q667/istanbul-kucukcekmece-bizim-mahallesuryapi-projesi-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/yeni-sayfa-41221194021.jpg" alt="İSTANBUL KÜÇÜKÇEKMECE BİZİM MAHALLE  SURYAPI PROJESİ HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">İSTANBUL KÜÇÜKÇEKMECE BİZİM MAHALLE  SURYAPI PROJESİ HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q665/istanbul-basaksehir-gumusdag-elektronik-santiyesi-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/istanbul-basaksehir-gumusdag-e-41221192931.jpg" alt="İSTANBUL BAŞAKŞEHİR GÜMÜŞDAĞ ELEKTRONİK ŞANTİYESİ HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">İSTANBUL BAŞAKŞEHİR GÜMÜŞDAĞ ELEKTRONİK ŞANTİYESİ HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q663/istanbul-basaksehir-unsal-yapi-rezidans-santiyesi-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/istanbul-basaksehir-unsal-yapi-41221171329.jpg" alt="İSTANBUL BAŞAKŞEHİR ÜNSAL YAPI REZİDANS ŞANTİYESİ HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">İSTANBUL BAŞAKŞEHİR ÜNSAL YAPI REZİDANS ŞANTİYESİ HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q662/istanbul-basaksehir-unsal-yapi-olimpiyat-santiyesi-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/yeni-sayfa-4122116462.JPG" alt="İSTANBUL BAŞAKŞEHİR ÜNSAL YAPI OLİMPİYAT ŞANTİYESİ HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">İSTANBUL BAŞAKŞEHİR ÜNSAL YAPI OLİMPİYAT ŞANTİYESİ HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q661/istanbul-benesta-bahcelievler-projesi-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/istanbul-benesta-bahcelievler--6621191730.jpeg" alt="İSTANBUL BENESTA BAHÇELİEVLER PROJESİ HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">İSTANBUL BENESTA BAHÇELİEVLER PROJESİ HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q654/istanbul-bahcesehir-zafer-mimarlik-projesi-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/istanbul-bahcesehir-zafer-mima-10521185045.jpeg" alt="İSTANBUL BAHÇEŞEHİR ZAFER MİMARLIK PROJESİ HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">İSTANBUL BAHÇEŞEHİR ZAFER MİMARLIK PROJESİ HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q651/istanbul-kemerburgaz-kemerkent-insaat-as-projesi-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/yeni-sayfa-28221144736.jpeg" alt="İSTANBUL KEMERBURGAZ KEMERKENT İNŞAAT AŞ PROJESİ HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">İSTANBUL KEMERBURGAZ KEMERKENT İNŞAAT AŞ PROJESİ HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q644/istanbul-alba-yapi-insaat-kayasehir-projesi-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/yeni-sayfa-2522118544.jpeg" alt="İSTANBUL ALBA YAPI İNŞAAT KAYAŞEHİR PROJESİ HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">İSTANBUL ALBA YAPI İNŞAAT KAYAŞEHİR PROJESİ HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q639/istanbul-zeytinburnu-yedimavi-projesi-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/yeni-sayfa-2422122154.jpg" alt="İSTANBUL ZEYTİNBURNU YEDİMAVİ PROJESİ HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">İSTANBUL ZEYTİNBURNU YEDİMAVİ PROJESİ HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q633/yalova-avrasya-osb-projesi" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/yalova-avrasya-osb-projesi-23221224221.jpg" alt="YALOVA AVRASYA OSB PROJESİ HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">YALOVA AVRASYA OSB PROJESİ HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q632/istanbul-karpem-insaattozkoparan-projesi-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/karpem-insaattozkoparan-santiy-23221223928.jpg" alt="İSTANBUL KARPEM İNŞAAT - TOZKOPARAN PROJESİ HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">İSTANBUL KARPEM İNŞAAT - TOZKOPARAN PROJESİ HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q627/hamburger-kagit-fabrikasikutahya-projesi-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/hamburger-kagit-fabrikasikutah-28720174926.jpg" alt="HAMBURGER KAĞIT FABRİKASI - KÜTAHYA PROJESİ HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">HAMBURGER KAĞIT FABRİKASI - KÜTAHYA PROJESİ HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q626/istanbul-s-shavais-konut-yapi-kooperatifi-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/s-shavais-konut-yapi-kooperati-28720172959.jpg" alt="İSTANBUL S.S. HAVAİŞ KONUT YAPI KOOPERATİFİ HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">İSTANBUL S.S. HAVAİŞ KONUT YAPI KOOPERATİFİ HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q625/istanbul-berko-insaat3-havaalani-projesi-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/berkoinsaat3-havaalani-projesi-28720172264.jpg" alt="İSTANBUL BERKO İNŞAAT - 3.HAVAALANI PROJESİ HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">İSTANBUL BERKO İNŞAAT - 3.HAVAALANI PROJESİ HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q624/istanbul-avrupa-konutlari-artas-insaricilar-projesi-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/istanbul-avrupa-konutlari-arta-2422115540.jpg" alt="İSTANBUL AVRUPA KONUTLARI ARTAŞ İNŞ - ARICILAR PROJESİ HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">İSTANBUL AVRUPA KONUTLARI ARTAŞ İNŞ - ARICILAR PROJESİ HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q623/istanbul-turgut-ins-zeytinburnu-emlak-konut-projesi-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/turgut-ins-zeytinburnu-emlak-k-28720164216.jpg" alt="İSTANBUL TURGUT İNŞ. - ZEYTİNBURNU EMLAK KONUT PROJESİ HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">İSTANBUL TURGUT İNŞ. - ZEYTİNBURNU EMLAK KONUT PROJESİ HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q622/istanbul-koray-biancogokturk-projesi-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/koray-biancogokturk-projesi-2872015408.PNG" alt="İSTANBUL KORAY BİANCO - GÖKTÜRK PROJESİ HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">İSTANBUL KORAY BİANCO - GÖKTÜRK PROJESİ HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q621/istanbul-unsal-yapibasaksehir-lojistik-destek-merkezi-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/unsal-yapibasaksehir-konut-pro-28720153256.jpg" alt="İSTANBUL ÜNSAL YAPI - BAŞAKŞEHİR LOJİSTİK DESTEK MERKEZİ HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">İSTANBUL ÜNSAL YAPI - BAŞAKŞEHİR LOJİSTİK DESTEK MERKEZİ HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q620/istanbul-akcam-gayrimenkulvizyon-grup-ofisler-projesi-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/akcam-gayrimenkulvizyon-grup-o-2872015275.jpg" alt="İSTANBUL AKÇAM GAYRİMENKUL - VİZYON GRUP OFİSLER PROJESİ HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">İSTANBUL AKÇAM GAYRİMENKUL - VİZYON GRUP OFİSLER PROJESİ HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q619/istanbul-suryapigenom-instopkapi-projesi-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/yeni-sayfa-28720152224.jpg" alt="İSTANBUL SURYAPI - GENOM İNŞ. TOPKAPI PROJESİ HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">İSTANBUL SURYAPI - GENOM İNŞ. TOPKAPI PROJESİ HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q617/istanbul-idakon-yapi-hadimkoy-santiyesi-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/yeni-sayfa-28720151523.jpg" alt="İSTANBUL İDAKON YAPI HADIMKÖY ŞANTİYESİ HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">İSTANBUL İDAKON YAPI HADIMKÖY ŞANTİYESİ HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q613/istanbul-asl-insaat-levent-camii-projesi-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/asl-insaat-levent-camii-projes-2872015333.jpg" alt="İSTANBUL ASL İNŞAAT LEVENT CAMİİ PROJESİ HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">İSTANBUL ASL İNŞAAT LEVENT CAMİİ PROJESİ HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q573/istanbul-ismetpasa-mah-rezerv-alani-kentsel-donusum2-projesi-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/ismetpasa-mahrezerv-alani-kent-2351914626.jpg" alt="İSTANBUL İSMETPAŞA MAH REZERV ALANI KENTSEL DÖNÜŞÜM2 PROJESİ HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">İSTANBUL İSMETPAŞA MAH REZERV ALANI KENTSEL DÖNÜŞÜM2 PROJESİ HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q572/istanbul-benzin-istasyonu-ve-is-merkezi-insaati-temel-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/benzin-istasyonu-ve-is-merkezi-18419151113.jpg" alt="İSTANBUL BENZİN iSTASYONU VE İŞ MERKEZİ İNŞAATI TEMEL HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">İSTANBUL BENZİN iSTASYONU VE İŞ MERKEZİ İNŞAATI TEMEL HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q571/istanbul-yesilkoy-havalimani-ozel-firmalar-hangarlari-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/yesilkoy-havalimani-ozel-firma-1841914505.jpg" alt="İSTANBUL YEŞİLKÖY HAVALİMANI ÖZEL FİRMALAR HANGARLARI HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">İSTANBUL YEŞİLKÖY HAVALİMANI ÖZEL FİRMALAR HANGARLARI HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q570/istanbul-ikitelli-org-san-bol-altintac-tekstile-ait-insaatin-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/ikitelli-org-san-bol-altintac--18419144719.jpg" alt="İSTANBUL İKİTELLİ ORG.SAN.BÖL.ALTINTAÇ TEKSTİLE AİT İNŞAATIN HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">İSTANBUL İKİTELLİ ORG.SAN.BÖL.ALTINTAÇ TEKSTİLE AİT İNŞAATIN HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q569/istanbul-ikitelli-organize-sanayi-aydin-mensucat-ek-bina-ins-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/ikitelli-organize-sanbol-aydin-1841914444.jpg" alt="İSTANBUL İKİTELLİ ORGANİZE SANAYİ AYDIN MENSUCAT EK BİNA İNŞ.HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">İSTANBUL İKİTELLİ ORGANİZE SANAYİ AYDIN MENSUCAT EK BİNA İNŞ.HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q568/kocaeli-tuzla-deri-san-bol-evyap-sabun-fab-insaati-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/tuzla-deri-san-bol-evyap-sabun-18419143918.jpg" alt="KOCAELİ TUZLA DERİ SAN.BÖL.EVYAP SABUN FAB.İNŞAATI HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">KOCAELİ TUZLA DERİ SAN.BÖL.EVYAP SABUN FAB.İNŞAATI HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q566/kocaeli-tuzla-deri-san-bol-evyap-sabun-fab-insaati-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/tuzla-deri-san-bol-evyap-sabun-1841914299.jpg" alt="KOCAELİ TUZLA DERİ SAN.BÖL.EVYAP SABUN FAB.İNŞAATI HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">KOCAELİ TUZLA DERİ SAN.BÖL.EVYAP SABUN FAB.İNŞAATI HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q565/istanbul-ikitelli-organize-san-bol-haseyad-koop-2-kisim-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/ikitelli-organize-sanbol-hasey-18419142511.jpg" alt="İSTANBUL İKİTELLİ ORGANİZE SAN.BÖL.HASEYAD KOOP.2.KISIM HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">İSTANBUL İKİTELLİ ORGANİZE SAN.BÖL.HASEYAD KOOP.2.KISIM HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q564/istanbul-aktif-insmadnaksanticltdsti-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/aktif-insmadnaksanticltdsti--18419141634.jpg" alt="İSTANBUL AKTİF İNŞ. MAD. NAK. SAN. TİC. LTD. ŞTİ.HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">İSTANBUL AKTİF İNŞ. MAD. NAK. SAN. TİC. LTD. ŞTİ.HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q563/istanbul-istoc-saray-temelifore-kazikli-iksa-sistemi-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/istoc-saray-temel-hafriyati-fo-18419141245.jpg" alt="İSTANBUL İSTOÇ SARAY TEMELİ- FORE KAZIKLI İKSA SİSTEMİ HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">İSTANBUL İSTOÇ SARAY TEMELİ- FORE KAZIKLI İKSA SİSTEMİ HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q562/istanbul-nur-yildiz-teks-is-merkezi-insaat-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/nur-yildiz-teks-is-merkezi-ins-18419141012.jpg" alt="İSTANBUL NUR YILDIZ TEKS.İŞ MERKEZİ İNŞAAT HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">İSTANBUL NUR YILDIZ TEKS.İŞ MERKEZİ İNŞAAT HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q561/istanbul-pendik-aydos-hilal-top-kon-ogrenci-yurdu-insaati-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/pendikaydos-hilal-top-kon-ogre-1841914756.jpg" alt="İSTANBUL PENDİK-AYDOS HİLAL TOP.KON.ÖĞRENCİ YURDU İNŞAATI HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">İSTANBUL PENDİK-AYDOS HİLAL TOP.KON.ÖĞRENCİ YURDU İNŞAATI HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q560/istanbul-ersa-kongre-merkezi-ve-otel-projesi-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/ersa-kongre-merk-ve-oteli-proj-17419195357.jpg" alt="İSTANBUL ERSA KONGRE MERKEZİ VE OTEL PROJESİ HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">İSTANBUL ERSA KONGRE MERKEZİ VE OTEL PROJESİ HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q559/istanbul-istoc-istasyonu-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/istoc-istasyonu-hafriyati-17419194860.jpg" alt="İSTANBUL İSTOÇ İSTASYONU HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">İSTANBUL İSTOÇ İSTASYONU HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q558/istanbul-buyaka-projesi-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/buyaka-projesi-hafriyat-isleri-17419192812.jpg" alt="İSTANBUL BUYAKA PROJESİ HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">İSTANBUL BUYAKA PROJESİ HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q557/istanbul-halkali-lalesehir-konutlari-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/halkali-lalesehir-konutlari-ha-17419192426.jpg" alt="İSTANBUL HALKALI LALEŞEHİR KONUTLARI HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">İSTANBUL HALKALI LALEŞEHİR KONUTLARI HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q556/istanbul-airport-hill-konutlari-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/airport-hill-konutlari-17419191829.jpg" alt="İSTANBUL AİRPORT HİLL KONUTLARI HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">İSTANBUL AİRPORT HİLL KONUTLARI HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q555/istanbul-haseyad-1-kisim-sosyal-tesis-insaati-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/haseyad-1-kisim-sosyal-tesis-i-17419191031.jpg" alt="İSTANBUL HASEYAD 1.KISIM SOSYAL TESİS İNŞAATI HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">İSTANBUL HASEYAD 1.KISIM SOSYAL TESİS İNŞAATI HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q554/istanbul-seker-vadi-konaklari-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/seker-vadi-konaklari-1741919637.jpg" alt="İSTANBUL ŞEKER VADİ KONAKLARI HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">İSTANBUL ŞEKER VADİ KONAKLARI HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q553/istanbul-eglence-merkezi-insaati-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/istanbul-eglence-merkezi-insaa-17419185238.jpg" alt="İSTANBUL EĞLENCE MERKEZİ İNŞAATI HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">İSTANBUL EĞLENCE MERKEZİ İNŞAATI HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q552/istanbul-esenler-ilce-emniyet-mudurlugu-bina-ins-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/esenler-ilce-emniyet-mudurlugu-17419175323.jpg" alt="İSTANBUL ESENLER İLÇE EMNİYET MÜDÜRLÜĞÜ BİNA İNŞ.HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">İSTANBUL ESENLER İLÇE EMNİYET MÜDÜRLÜĞÜ BİNA İNŞ.HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q551/istanbul-kadikoy-kozyatagi-belediyesi-meclis-binasi-projesi-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/kadikoy-kozyatagi-belediyesi-m-17419174758.jpg" alt="İSTANBUL KADIKÖY KOZYATAĞI BELEDİYESİ MECLİS BİNASI PROJESİ HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">İSTANBUL KADIKÖY KOZYATAĞI BELEDİYESİ MECLİS BİNASI PROJESİ HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q550/istanbul-ronesans-optimum-2-outlet-alisveris-merkezi-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/ronesans-optimum-2-outlet-alis-17419174535.jpg" alt="İSTANBUL RÖNESANS OPTİMUM 2 OUTLET ALIŞVERİŞ MERKEZİ HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">İSTANBUL RÖNESANS OPTİMUM 2 OUTLET ALIŞVERİŞ MERKEZİ HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q549/istanbul-depo-ve-ardiye-binasi-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/depo-ve-ardiye-binasi-17419174230.jpg" alt="İSTANBUL DEPO VE ARDİYE BİNASI HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">İSTANBUL DEPO VE ARDİYE BİNASI HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q548/istanbul-basaksehir-konutlari-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/basaksehir-konutlari-1741917334.jpg" alt="İSTANBUL BAŞAKŞEHİR KONUTLARI HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">İSTANBUL BAŞAKŞEHİR KONUTLARI HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q547/istanbul-ark-alisveris-merkezi-ve-rezidans-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/ark-alisveris-merkve-rezidans-17419173057.jpg" alt="İSTANBUL ARK ALIŞVERİŞ MERKEZİ VE REZİDANS HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">İSTANBUL ARK ALIŞVERİŞ MERKEZİ VE REZİDANS HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q546/istanbul-elysium-suits-taksim-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/elysium-suits-taksim-17419171948.jpg" alt="İSTANBUL ELYSİUM SUİTS TAKSİM HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">İSTANBUL ELYSİUM SUİTS TAKSİM HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q545/istanbul-zeytinburnu-celik-sabuncu-projesi-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/zeytinburnu-celik-sabuncu-proj-1741917131.jpg" alt="İSTANBUL ZEYTİNBURNU ÇELİK SABUNCU PROJESİ HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">İSTANBUL ZEYTİNBURNU ÇELİK SABUNCU PROJESİ HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q544/istanbul-yildiz-teknik-universitesi-davutpasa-kampusu-yurt-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/yeni-sayfa-1741917018.jpg" alt="İSTANBUL YILDIZ TEKNİK ÜNİVERSİTESİ DAVUTPAŞA KAMPÜSÜ YURT HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">İSTANBUL YILDIZ TEKNİK ÜNİVERSİTESİ DAVUTPAŞA KAMPÜSÜ YURT HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q543/istanbul-yildiz-teknik-universite-d-pasa-kampusu-elektrik-fak-hafriyat" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/yildiz-teknik-unid-pasa-kampus-17419125744.jpg" alt="İSTANBUL YILDIZ TEKNİK ÜNİVERSİTE D.PAŞA KAMPÜSÜ ELEKTRİK FAK.HAFRİYAT" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">İSTANBUL YILDIZ TEKNİK ÜNİVERSİTE D.PAŞA KAMPÜSÜ ELEKTRİK FAK.HAFRİYAT</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q542/istanbul-itu-teknokent-ari-3-binasi-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/itu-teknokent-ari-3-binasi-haf-1741912297.jpg" alt="İSTANBUL İTÜ TEKNOKENT ARI-3 BİNASI HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">İSTANBUL İTÜ TEKNOKENT ARI-3 BİNASI HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q541/istanbul-sinpas-g-y-o-ashalkali-bosphorus-city-projesi-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/sinpas-g-y-o-ashalkali-bosphor-16419141644.jpg" alt="İSTANBUL SİNPAŞ G.Y.O.AŞ. HALKALI BOSPHORUS CİTY PROJESİ HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">İSTANBUL SİNPAŞ G.Y.O.AŞ. HALKALI BOSPHORUS CİTY PROJESİ HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q540/istanbul-sinpas-g-y-o-ashalkali-bosphorus-city-projesi-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/sinpas-g-y-o-ashalkali-bosphor-16419141430.jpg" alt="İSTANBUL SİNPAŞ G.Y.O.AŞ. HALKALI BOSPHORUS CİTY PROJESİ HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">İSTANBUL SİNPAŞ G.Y.O.AŞ. HALKALI BOSPHORUS CİTY PROJESİ HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q539/istanbul-sinpas-g-y-o-ashalkali-bosphorus-city-projesi-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/sinpas-g-y-o-ashalkali-bosphor-16419135336.jpg" alt="İSTANBUL SİNPAŞ G.Y.O.AŞ. HALKALI BOSPHORUS CİTY PROJESİ HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">İSTANBUL SİNPAŞ G.Y.O.AŞ. HALKALI BOSPHORUS CİTY PROJESİ HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q538/istanbul-basbakanlik-milli-arsiv-sitesi-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/basbakanlik-milli-arsiv-sitesi-1641913221.jpg" alt="İSTANBUL BAŞBAKANLIK MİLLİ ARŞİV SİTESİ HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">İSTANBUL BAŞBAKANLIK MİLLİ ARŞİV SİTESİ HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q537/istanbul-sinpas-g-y-oa-shalkali-bosphorus-city-5-etap-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/sinpas-g-y-oa-shalkali-bosphor-16419125633.jpg" alt="İSTANBUL SİNPAŞ G.Y.O. A.Ş. HALKALI BOSPHORUS CİTY 5.ETAP HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">İSTANBUL SİNPAŞ G.Y.O. A.Ş. HALKALI BOSPHORUS CİTY 5.ETAP HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q536/istanbul-maslak-spine-tower-projesi-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/maslak-spine-tower-projesi-16419125226.jpg" alt="İSTANBUL MASLAK SPINE TOWER PROJESİ HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">İSTANBUL MASLAK SPINE TOWER PROJESİ HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q535/istanbul-hayat-kimya-yeni-genel-merkezi-projesi-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/hayat-kimya-yeni-genel-merkezi-1641912477.jpg" alt="İSTANBUL HAYAT KİMYA YENİ GENEL MERKEZİ PROJESİ HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">İSTANBUL HAYAT KİMYA YENİ GENEL MERKEZİ PROJESİ HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q534/istanbul-lounge-halkali-1-konut-projesi-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/istanbul-lounge-halkali-1-konu-15419192354.jpg" alt="İSTANBUL LOUNGE HALKALI 1 KONUT PROJESİ HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">İSTANBUL LOUNGE HALKALI 1 KONUT PROJESİ HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q533/istanbul-bagcilar-hastane-projesi-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/bagcilar-hastane-projesi-15419192152.jpg" alt="İSTANBUL BAĞCILAR HASTANE PROJESİ HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">İSTANBUL BAĞCILAR HASTANE PROJESİ HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q531/istanbul-gurpinar-yeni-moda-evleri-projesi-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/gurpinar-yeni-moda-evleri-proj-15419191544.jpg" alt="İSTANBUL GÜRPINAR YENİ MODA EVLERİ PROJESİ HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">İSTANBUL GÜRPINAR YENİ MODA EVLERİ PROJESİ HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q530/istanbul-merter-vakko-projesi-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/merter-vakko-projesi-15419191414.jpg" alt="İSTANBUL MERTER VAKKO PROJESİ HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">İSTANBUL MERTER VAKKO PROJESİ HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q528/istanbul-ozak-gyo-bayrampasa-is-merkezi-projesi-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/ozak-gyo-bayrampasa-is-merkezi-1541919960.jpg" alt="İSTANBUL ÖZAK GYO BAYRAMPAŞA İŞ MERKEZİ PROJESİ HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">İSTANBUL ÖZAK GYO BAYRAMPAŞA İŞ MERKEZİ PROJESİ HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q527/istanbul-terrace-tema-projesi-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/terrace-tema-projesi-1541919721.jpg" alt="İSTANBUL TERRACE TEMA PROJESİ HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">İSTANBUL TERRACE TEMA PROJESİ HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q526/istanbul-newista-life-basaksehir-konut-projesi-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/newista-life-basaksehir-konut--15419185838.jpg" alt="İSTANBUL NEWİSTA LİFE BAŞAKŞEHİR KONUT PROJESİ HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">İSTANBUL NEWİSTA LİFE BAŞAKŞEHİR KONUT PROJESİ HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q525/istanbul-ciftci-towers-zincirlikuyu-projesi-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/citfci-towers-zincirlikuyu-pro-15419185649.jpg" alt="İSTANBUL ÇİFTÇİ TOWERS ZİNCİRLİKUYU PROJESİ HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">İSTANBUL ÇİFTÇİ TOWERS ZİNCİRLİKUYU PROJESİ HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q524/istanbul-makro-insaat-tica-s-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/makro-insaat-tica-s--15419184914.jpg" alt="İSTANBUL MAKRO İNŞAAT TİC. A.Ş.HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">İSTANBUL MAKRO İNŞAAT TİC. A.Ş.HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q523/istanbulgungoren-mehmetcik-vakfi-projesi-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/-gungoren-mehmetcik-vakfi-proj-1541918476.jpg" alt="İSTANBUL  GÜNGÖREN MEHMETÇİK VAKFI PROJESİ HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">İSTANBUL  GÜNGÖREN MEHMETÇİK VAKFI PROJESİ HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q522/istanbul-zeytinburnu-merter-konut-projesi-hafriyati-" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/zeytinburnu-merter-konut-proje-1541918451.jpg" alt="İSTANBUL ZEYTİNBURNU MERTER KONUT PROJESİ HAFRİYATI " loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">İSTANBUL ZEYTİNBURNU MERTER KONUT PROJESİ HAFRİYATI </h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q520/istanbul-dogus-maslak-ofis-projesi-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/dogus-maslak-ofis-projesi-15419184060.jpg" alt="İSTANBUL DOĞUŞ MASLAK OFİS PROJESİ HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">İSTANBUL DOĞUŞ MASLAK OFİS PROJESİ HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q519/istanbul-emlak-konut-gayrimenkul-konut-projesi-hafiyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/emlak-konut-gaykonut-projesi-15419182918.jpg" alt="İSTANBUL EMLAK KONUT GAYRİMENKUL KONUT PROJESİ HAFİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">İSTANBUL EMLAK KONUT GAYRİMENKUL KONUT PROJESİ HAFİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q518/istanbul-kaya-kule-projesi-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/istanbul-kaya-kule-projesi-1541918228.jpg" alt="İSTANBUL KAYA KULE PROJESİ HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">İSTANBUL KAYA KULE PROJESİ HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q517/istanbul-basaksehir-bahcetepe-konut-projesi-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/-basaksehir-bahcetepe-konut-pr-28720153531.JPG" alt="İSTANBUL BAŞAKŞEHİR BAHÇETEPE KONUT PROJESİ HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">İSTANBUL BAŞAKŞEHİR BAHÇETEPE KONUT PROJESİ HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q513/istanbul-yenibosna-nisa-hastanesi-projesi-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/yenibosna-nisa-hastanesi-proje-15419162525.jpg" alt="İSTANBUL YENİBOSNA NİSA HASTANESİ PROJESİ HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">İSTANBUL YENİBOSNA NİSA HASTANESİ PROJESİ HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q512/istanbul-kayabasi-2-etap-projesi-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/kayabasi-2-etap-projesi-15419161152.jpg" alt="İSTANBUL KAYABAŞI 2.ETAP PROJESİ HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">İSTANBUL KAYABAŞI 2.ETAP PROJESİ HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q511/istanbul-bayrampasa-hayattepe-kose-recidence-projesi-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/bayrampasa-hayattepe-kose-resi-1541915533.jpg" alt="İSTANBUL BAYRAMPAŞA HAYATTEPE KÖŞE RECİDENCE PROJESİ HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">İSTANBUL BAYRAMPAŞA HAYATTEPE KÖŞE RECİDENCE PROJESİ HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q510/istanbul-kale-topkapi-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/kale-topkapi-projesi-1541915513.jpg" alt="İSTANBUL KALE TOPKAPI HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">İSTANBUL KALE TOPKAPI HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q509/istanbul-medipol-kavacik-hastane-projesihafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/istanbul-medipol-kavacik-hasta-242212139.jpg" alt="İSTANBUL MEDİPOL KAVACIK HASTANE PROJESİ  HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">İSTANBUL MEDİPOL KAVACIK HASTANE PROJESİ  HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q508/istanbul-tobb-zeytinburnu-projesi-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/istanbul-tobb-zeytinburnu-proj-24221287.jpg" alt="İSTANBUL TOBB ZEYTİNBURNU PROJESİ HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">İSTANBUL TOBB ZEYTİNBURNU PROJESİ HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q506/istanbul-avrupa-konutlari-atakoy-projesi-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/istanbul-avrupa-konutlari-atak-242212455.jpg" alt="İSTANBUL AVRUPA KONUTLARI ATAKÖY PROJESİ HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">İSTANBUL AVRUPA KONUTLARI ATAKÖY PROJESİ HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q505/istanbul-inistanbul-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/inistanbul-12419191839.jpg" alt="İSTANBUL İNİSTANBUL HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">İSTANBUL İNİSTANBUL HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q504/istanbul-gultas-halkali-atakent-projesi-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/gultas-halkali-atakent-projesi-1241918599.jpg" alt="İSTANBUL GÜLTAŞ HALKALI ATAKENT PROJESİ HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">İSTANBUL GÜLTAŞ HALKALI ATAKENT PROJESİ HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q503/istanbul-gunesli-nur-yildiz-mirage-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/gunesli-nur-yildiz-mirage-12419184026.jpg" alt="İSTANBUL GÜNEŞLİ NUR YILDIZ MİRAGE HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">İSTANBUL GÜNEŞLİ NUR YILDIZ MİRAGE HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q502/istanbul-avrupa-konutlari-basaksehir-projesi-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/avrupa-konutlari-basaksehir-pr-1241918032.jpg" alt="İSTANBUL AVRUPA KONUTLARI BAŞAKŞEHİR PROJESİ HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">İSTANBUL AVRUPA KONUTLARI BAŞAKŞEHİR PROJESİ HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q501/istanbul-inistanbul-3-etap-projesi-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/inistanbul-3-etap-projesi-12419173925.jpg" alt="İSTANBUL İNİSTANBUL 3.ETAP PROJESİ HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">İSTANBUL İNİSTANBUL 3.ETAP PROJESİ HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q500/istanbul-buyukyali-konut-projesi-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/istanbul-buyukyali-konut-proje-2422121823.jpg" alt="İSTANBUL BÜYÜKYALI KONUT PROJESİ HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">İSTANBUL BÜYÜKYALI KONUT PROJESİ HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q499/istanbul-cathay-nivo-projesi-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/cathay-nivo-istanbul-10419192531.jpg" alt="İSTANBUL CATHAY NİVO PROJESİ HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">İSTANBUL CATHAY NİVO PROJESİ HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q496/istanbul-ismetpasa-mahrezerv-alani-kentsel-donusum-projesi-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/ismetpasa-mahrezerv-alani-kent-10419172243.jpg" alt="İSTANBUL İSMETPAŞA MAH. REZERV ALANI KENTSEL DÖNÜŞÜM PROJESİ HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">İSTANBUL İSMETPAŞA MAH. REZERV ALANI KENTSEL DÖNÜŞÜM PROJESİ HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q495/istanbul-tem-34-ikitelli-projesi-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/istanbul-tem-34-ikitelli-proje-2422121355.jpg" alt="İSTANBUL TEM 34 İKİTELLİ PROJESİ HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">İSTANBUL TEM 34 İKİTELLİ PROJESİ HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q494/istanbul-referans-basaksehir-projesi-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/referans-basaksehir-projesi-10419154725.jpg" alt="İSTANBUL REFERANS BAŞAKŞEHİR PROJESİ HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">İSTANBUL REFERANS BAŞAKŞEHİR PROJESİ HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q493/istanbul-nef-36-basinekspres-projesi-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/istanbul-nef-36-basinekspres-p-2422121019.jpg" alt="İSTANBUL NEF 36 BASINEKSPRES PROJESİ HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">İSTANBUL NEF 36 BASINEKSPRES PROJESİ HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
            <div class="project-listing-card">
                <a href="?q492/istanbul-torkam-e5-konut-projesi-hafriyati" class="card-link-wrapper">
                    <div class="card-image-container">
                        <img class="card-main-image" src="deppo/image/torkam-e5-konut-projesi-2872015958.jpg" alt="İSTANBUL TORKAM E5 KONUT PROJESİ HAFRİYATI" loading="lazy">
                        <div class="card-image-overlay">
                            <div class="overlay-icon">
                                <i class="fas fa-arrow-right"></i>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="card-category">PROJE</div>
                        <h4 class="card-title">İSTANBUL TORKAM E5 KONUT PROJESİ HAFRİYATI</h4>
                        <div class="card-link">
                            <span>Detayları İncele</span>
                            <i class="fas fa-angle-right"></i>
                        </div>
                    </div>
                </a>
            </div>
            
        </div>
    </div>
</section>

<style>
/* Ana Değişkenler */
:root {
    --orange-primary: #FF6B2B;
    --orange-dark: #E55A1F;
    --orange-light: #FF8F5E;
    --black: #1A1A1A;
    --dark-gray: #2D2D2D;
    --medium-gray: #4A4A4A;
    --light-gray: #F5F5F5;
    --white: #FFFFFF;
}

/* Breadcrumb Header Modern */
.breadcrumb-header {
    position: relative;
    background-size: cover;
    background-position: center;
    padding: 100px 0;
}

.breadcrumb-header .overlay {
    background: linear-gradient(135deg, rgba(26,26,26,0.9) 0%, rgba(26,26,26,0.7) 50%, rgba(255,107,43,0.2) 100%);
}

.breadcrumb-header .banner ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.breadcrumb-header .banner ul li {
    color: var(--white);
    font-size: 16px;
}

.breadcrumb-header .banner ul li a {
    color: var(--orange-primary);
    text-decoration: none;
    font-weight: 600;
    transition: color 0.3s ease;
}

.breadcrumb-header .banner ul li a:hover {
    color: var(--orange-light);
}

.breadcrumb-header .banner ul li i {
    color: var(--orange-primary);
    font-size: 12px;
}

.breadcrumb-header .banner ul li:last-child {
    color: #B0B0B0;
}

/* Modern Projeler Listeleme */
.modern-projects-listing {
    background: var(--black);
    padding: 100px 0;
    position: relative;
    overflow: hidden;
}

.modern-projects-listing::before {
    content: '';
    position: absolute;
    top: -10%;
    right: -5%;
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, rgba(255,107,43,0.05) 0%, transparent 70%);
    border-radius: 50%;
}

.section-header-modern {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    margin-bottom: 60px;
    align-items: start;
    position: relative;
    z-index: 1;
}

.section-badge {
    display: inline-block;
    background: var(--orange-primary);
    color: var(--white);
    padding: 8px 20px;
    border-radius: 30px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 3px;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.section-title {
    font-size: 22px;
    color: var(--orange-primary);
    font-weight: 700;
    letter-spacing: 2px;
    margin-bottom: 8px;
    text-transform: uppercase;
}

.section-subtitle {
    font-size: 42px;
    font-weight: 800;
    color: var(--white);
    position: relative;
    padding-left: 20px;
    line-height: 1.2;
}

.section-subtitle::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 50px;
    background: var(--orange-primary);
    border-radius: 2px;
}

.section-description {
    color: #999;
    line-height: 1.8;
    font-size: 15px;
}

/* Proje Listeleme Grid */
.projects-listing-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    position: relative;
    z-index: 1;
}

.project-listing-card {
    background: var(--dark-gray);
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid #333;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.project-listing-card:hover {
    transform: translateY(-12px);
    border-color: var(--orange-primary);
    box-shadow: 0 25px 50px rgba(255,107,43,0.2);
}

.card-link-wrapper {
    text-decoration: none;
    display: block;
    height: 100%;
}

.card-image-container {
    position: relative;
    overflow: hidden;
    aspect-ratio: 16/10;
    background: var(--black);
}

.card-main-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease;
}

.project-listing-card:hover .card-main-image {
    transform: scale(1.1);
}

.card-image-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(26,26,26,0.95) 0%, rgba(255,107,43,0.4) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: all 0.4s ease;
}

.project-listing-card:hover .card-image-overlay {
    opacity: 1;
}

.overlay-icon {
    width: 65px;
    height: 65px;
    background: var(--orange-primary);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    font-size: 22px;
    transform: scale(0.5) rotate(-45deg);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0% { box-shadow: 0 0 0 0 rgba(255,107,43,0.7); }
    70% { box-shadow: 0 0 0 25px rgba(255,107,43,0); }
    100% { box-shadow: 0 0 0 0 rgba(255,107,43,0); }
}

.project-listing-card:hover .overlay-icon {
    transform: scale(1) rotate(0deg);
}

.card-content {
    padding: 25px 30px;
    background: var(--dark-gray);
    border-top: 1px solid #333;
}

.card-category {
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    color: var(--orange-primary);
    letter-spacing: 3px;
    text-transform: uppercase;
    margin-bottom: 12px;
    padding: 4px 12px;
    background: rgba(255,107,43,0.1);
    border-radius: 15px;
}

.card-title {
    font-size: 18px;
    font-weight: 700;
    color: var(--white);
    line-height: 1.4;
    margin-bottom: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.card-link {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #999;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all 0.3s ease;
}

.project-listing-card:hover .card-link {
    color: var(--orange-primary);
}

.card-link i {
    transition: transform 0.3s ease;
    font-size: 14px;
}

.project-listing-card:hover .card-link i {
    transform: translateX(5px);
}

/* Responsive */
@media (max-width: 1200px) {
    .projects-listing-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 992px) {
    .section-header-modern {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    
    .breadcrumb-header {
        padding: 80px 0;
    }
}

@media (max-width: 768px) {
    .modern-projects-listing {
        padding: 60px 0;
    }
    
    .projects-listing-grid {
        grid-template-columns: 1fr;
        gap: 25px;
    }
    
    .section-subtitle {
        font-size: 32px;
    }
    
    .section-title {
        font-size: 18px;
    }
    
    .card-content {
        padding: 20px 25px;
    }
    
    .card-title {
        font-size: 16px;
    }
    
    .overlay-icon {
        width: 55px;
        height: 55px;
        font-size: 18px;
    }
}

@media (max-width: 480px) {
    .section-subtitle {
        font-size: 26px;
    }
    
    .card-content {
        padding: 18px 20px;
    }
}
</style><!--Footer Modern-->
<footer class="modern-footer">
    <div class="footer-top">
        <div class="container">
            <div class="footer-grid">
                <!-- Şirket Bilgisi -->
                <div class="footer-col footer-about">
                    <div class="footer-logo">
                        <img class="img-fluid" src="assets/images/logo/tug-insaat-footer-logo.png" alt="Tuğ İnşaat Logo">
                    </div>
                    <p class="footer-about-text">Hafriyat sektöründe uzun yıllardır faaliyet göstermekte olan firmamız kazı, nakliye ve dolgu alanlarında profesyonel ekibiyle günün her saatinde hizmet vermektedir.</p>
                    <div class="footer-social">
                        <a href="#" class="social-link" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
                        <a href="#" class="social-link" aria-label="Twitter"><i class="fab fa-twitter"></i></a>
                        <a href="#" class="social-link" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
                        <a href="#" class="social-link" aria-label="LinkedIn"><i class="fab fa-linkedin-in"></i></a>
                    </div>
                </div>
                
                <!-- Hızlı Menü -->
                <div class="footer-col footer-menu">
                    <h4 class="footer-title">KURUMSAL</h4>
                    <ul class="footer-links">
                        <li><a href="."><i class="fas fa-angle-right"></i> Anasayfa</a></li>
                        <li><a href="?s652/hakkimizda"><i class="fas fa-angle-right"></i> Hakkımızda</a></li>
                        <li><a href="?p411/projelerimiz"><i class="fas fa-angle-right"></i> Projelerimiz</a></li>
                        <li><a href="?i/iletisim"><i class="fas fa-angle-right"></i> İletişim</a></li>
                    </ul>
                </div>
                
                <!-- Projeler - Veritabanından -->
                <div class="footer-col footer-projects">
                    <h4 class="footer-title">PROJELER</h4>
                    <ul class="footer-links">
                        
                        <li><a href="?q1009/atelier-towers-projesi-hafriyati-"><i class="fas fa-angle-right"></i> Atelier Towers Projesi Hafriyatı </a></li>
                        
                        <li><a href="?q1008/unsal-prestij-projeleri-hafriyat-isleri"><i class="fas fa-angle-right"></i> Ünsal Prestij Projeleri Hafriyat İşleri</a></li>
                        
                        <li><a href="?q1007/borsakule2-projesi-hafriyati-"><i class="fas fa-angle-right"></i> Borsakule2 Projesi Hafriyatı </a></li>
                        
                        <li><a href="?q1006/ticarethane-basaksehir-projesi-hafriyati-"><i class="fas fa-angle-right"></i> Ticarethane Başakşehir Projesi Hafriyatı </a></li>
                        
                        <li><a href="?q1005/next-level-istanbul-projesi-hafriyati-"><i class="fas fa-angle-right"></i> Next Level İstanbul Projesi Hafriyatı </a></li>
                        
                    </ul>
                </div>
                
                <!-- İletişim -->
                <div class="footer-col footer-contact">
                    <h4 class="footer-title">İLETİŞİM</h4>
                    <ul class="footer-contact-list">
                        <li>
                            <div class="contact-icon-box">
                                <i class="fas fa-phone-alt"></i>
                            </div>
                            <div class="contact-info">
                                <span>Telefon</span>
                                <a href="tel:+902126349051">0 (212) 634 90 51</a>
                            </div>
                        </li>
                        <li>
                            <div class="contact-icon-box">
                                <i class="fas fa-fax"></i>
                            </div>
                            <div class="contact-info">
                                <span>Fax</span>
                                <a href="tel:+902126349051">0 (212) 634 90 51</a>
                            </div>
                        </li>
                        <li>
                            <div class="contact-icon-box">
                                <i class="fas fa-map-marker-alt"></i>
                            </div>
                            <div class="contact-info">
                                <span>Adres</span>
                                <p>Başakşehir Mah. Prf. Dr. Necmettin Erbakan Cad. Nevista Life No:5/62 Başakşehir / İstanbul</p>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    
    <!-- Copyright -->
    <div class="footer-bottom">
        <div class="container">
            <div class="footer-bottom-content">
                <p class="copyright-text">TUĞ İNŞAAT <i class="far fa-copyright"></i> 2026 - TÜM HAKLARI SAKLIDIR.</p>
                <div class="footer-credit">
                    <span>Web Tasarım</span>
                    <a href="#" class="credit-link">Garanti Medya</a>
                </div>
            </div>
        </div>
    </div>
</footer>

<!--Yukarı Çık!-->
<div class="scroll-up modern-scroll-up">
    <a class="move-section" href="#page">
        <i class="fas fa-chevron-up"></i>
    </a>
</div>

<!--JavaScript-->
<script src="assets/js/jquery-3.6.0.min.js"></script>
<script src="assets/js/bootstrap.bundle.min.js"></script>
<script src="assets/js/owl.carousel.min.js"></script>
<script src="assets/js/lity.min.js"></script>
<script src="assets/js/jquery.nice-select.min.js"></script>
<script src="assets/js/jquery.waypoints.min.js"></script>
<script src="assets/js/jquery.counterup.min.js"></script>
<script src="assets/js/jquery.magnific-popup.min.js"></script>
<script src="assets/js/mixitup.min.js"></script>
<script src="assets/js/main.js"></script>
<script src="assets/js/ajax-script.js"></script>
</body>
</html>

<style>
/* Ana Değişkenler */
:root {
    --orange-primary: #FF6B2B;
    --orange-dark: #E55A1F;
    --orange-light: #FF8F5E;
    --black: #1A1A1A;
    --dark-gray: #2D2D2D;
    --medium-gray: #4A4A4A;
    --light-gray: #F5F5F5;
    --white: #FFFFFF;
}

/* Modern Footer */
.modern-footer {
    background: var(--black);
    position: relative;
}

/* Footer Top */
.footer-top {
    padding: 80px 0 50px;
    border-bottom: 1px solid rgba(255,107,43,0.15);
}

.footer-grid {
    display: grid;
    grid-template-columns: 1.5fr 1fr 1.2fr 1.3fr;
    gap: 40px;
}

/* Footer Kolonları */
.footer-col {
    position: relative;
}

/* Footer Logo ve Hakkında */
.footer-logo {
    margin-bottom: 25px;
}

.footer-logo img {
    max-height: 55px;
}

.footer-about-text {
    color: #999;
    line-height: 1.8;
    font-size: 14px;
    margin-bottom: 25px;
}

/* Sosyal Medya İkonları */
.footer-social {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.social-link {
    width: 40px;
    height: 40px;
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,107,43,0.2);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #999;
    font-size: 14px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.social-link:hover {
    background: var(--orange-primary);
    border-color: var(--orange-primary);
    color: var(--white);
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(255,107,43,0.3);
}

/* Footer Başlıklar */
.footer-title {
    color: var(--white);
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 2px;
    margin-bottom: 25px;
    position: relative;
    padding-bottom: 15px;
}

.footer-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 30px;
    height: 3px;
    background: var(--orange-primary);
    border-radius: 2px;
}

/* Footer Linkler */
.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-links li {
    margin-bottom: 12px;
}

.footer-links li a {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #999;
    text-decoration: none;
    font-size: 14px;
    transition: all 0.3s ease;
    line-height: 1.5;
}

.footer-links li a i {
    color: var(--orange-primary);
    font-size: 10px;
    transition: transform 0.3s ease;
}

.footer-links li a:hover {
    color: var(--orange-primary);
    padding-left: 5px;
}

.footer-links li a:hover i {
    transform: translateX(3px);
}

/* İletişim Listesi */
.footer-contact-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-contact-list li {
    display: flex;
    gap: 15px;
    margin-bottom: 20px;
    align-items: flex-start;
}

.contact-icon-box {
    width: 42px;
    height: 42px;
    background: rgba(255,107,43,0.1);
    border: 1px solid rgba(255,107,43,0.2);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: var(--orange-primary);
    font-size: 16px;
    transition: all 0.3s ease;
}

.footer-contact-list li:hover .contact-icon-box {
    background: var(--orange-primary);
    color: var(--white);
    border-color: var(--orange-primary);
}

.contact-info {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.contact-info span {
    font-size: 10px;
    color: #666;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 600;
}

.contact-info a {
    color: #B0B0B0;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    transition: color 0.3s ease;
}

.contact-info a:hover {
    color: var(--orange-primary);
}

.contact-info p {
    color: #B0B0B0;
    font-size: 13px;
    line-height: 1.6;
    margin: 0;
}

/* Footer Bottom */
.footer-bottom {
    padding: 25px 0;
}

.footer-bottom-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
}

.copyright-text {
    color: #666;
    font-size: 13px;
    margin: 0;
}

.copyright-text i {
    font-size: 11px;
    margin: 0 3px;
}

.footer-credit {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #666;
    font-size: 13px;
}

.footer-credit span {
    color: #888;
}

.credit-link {
    color: var(--orange-primary);
    text-decoration: none;
    font-weight: 600;
    transition: color 0.3s ease;
}

.credit-link:hover {
    color: var(--orange-light);
}

/* Scroll Up Butonu */
.modern-scroll-up {
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

.modern-scroll-up.visible {
    opacity: 1;
    visibility: visible;
}

.modern-scroll-up a {
    width: 45px;
    height: 45px;
    background: var(--orange-primary);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    text-decoration: none;
    font-size: 18px;
    transition: all 0.3s ease;
    box-shadow: 0 10px 25px rgba(255,107,43,0.3);
}

.modern-scroll-up a:hover {
    background: var(--orange-dark);
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(255,107,43,0.4);
}

/* Responsive */
@media (max-width: 1200px) {
    .footer-grid {
        grid-template-columns: 1fr 1fr;
        gap: 40px 30px;
    }
}

@media (max-width: 992px) {
    .footer-top {
        padding: 60px 0 30px;
    }
    
    .footer-grid {
        grid-template-columns: 1fr 1fr;
        gap: 40px 30px;
    }
}

@media (max-width: 768px) {
    .footer-grid {
        grid-template-columns: 1fr;
        gap: 35px;
    }
    
    .footer-top {
        padding: 50px 0 20px;
    }
    
    .footer-title {
        font-size: 14px;
        margin-bottom: 20px;
    }
    
    .footer-links li a {
        font-size: 13px;
    }
    
    .footer-bottom-content {
        flex-direction: column;
        text-align: center;
    }
    
    .modern-scroll-up {
        bottom: 20px;
        right: 20px;
    }
    
    .modern-scroll-up a {
        width: 40px;
        height: 40px;
        font-size: 16px;
        border-radius: 10px;
    }
}

@media (max-width: 480px) {
    .footer-about-text {
        font-size: 13px;
    }
    
    .social-link {
        width: 35px;
        height: 35px;
        font-size: 12px;
    }
    
    .contact-icon-box {
        width: 38px;
        height: 38px;
        font-size: 14px;
    }
}
</style>

<script>
// Scroll Up Butonu Göster/Gizle
window.addEventListener('scroll', function() {
    const scrollUp = document.querySelector('.modern-scroll-up');
    if (window.scrollY > 500) {
        scrollUp.classList.add('visible');
    } else {
        scrollUp.classList.remove('visible');
    }
});

// Smooth Scroll
document.querySelector('.modern-scroll-up a').addEventListener('click', function(e) {
    e.preventDefault();
    window.scrollTo({
        top: 0,
        behavior: 'smooth'
    });
});
</script>