<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="tr" lang="tr">
<!--[if IE 7 ]>    <html lang="tr" class="isie ie7 oldie no-js"> <![endif]-->
<!--[if IE 8 ]>    <html lang="tr" class="isie ie8 oldie no-js"> <![endif]-->
<!--[if IE 9 ]>    <html lang="tr" class="isie ie9 no-js"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html class="light" lang="tr" class="no-js">
<!--<![endif]-->
<head>
    <!-- Head -->
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1254" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="author" content="GARANTİ MEDYA DİJİTAL KART" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="shortcut icon" href="deppo/image/Garanti-NFC.jpg" type="image/x-icon" />
    
    <meta name="google-site-verification" content="" />
    <meta name="yandex-verification" content="" />
    
    <title>GARANTİ MEDYA DİJİTAL KART</title>
    <meta name="description" content="GARANTİ MEDYA DİJİTAL KART" />
    <meta name="keywords" content="GARANTİ MEDYA DİJİTAL KART" />
    <link rel="canonical" href="https://ozygrup.temasplus.com/" />

    <meta property="og:title" content="GARANTİ MEDYA DİJİTAL KART" />
    <meta property="og:type" content="web" />
    <meta property="og:site_name" content="GARANTİ MEDYA DİJİTAL KART" />
    <meta property="og:url" content="https://ozygrup.temasplus.com//?/" />
    <meta property="og:image" content="https://ozygrup.temasplus.com//deppo/image/logo (6).png" />
    <meta property="og:description" content="GARANTİ MEDYA DİJİTAL KART" />

    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:site" content="https://ozygrup.temasplus.com/" />
    <meta name="twitter:creator" content="@twitter" />
    <meta name="twitter:title" content="GARANTİ MEDYA DİJİTAL KART" />
    <meta name="twitter:description" content="GARANTİ MEDYA DİJİTAL KART" />
    <meta name="twitter:image" content="https://ozygrup.temasplus.com//deppo/image/logo (6).png" />
    <meta name="twitter:domain" content="https://ozygrup.temasplus.com//?/" />
    <style type="text/css">
    /****************** Switches ********************/
    #autosave input[type=checkbox] {
        display: none;
    }

    #autosave input[type="checkbox"]:checked + label:before {
        display: none;
    }

    .mini-switch + label {
        width: 40px;
        height: 20px;
        background: url('//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('//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://ozygrup.temasplus.com//deppo/tools/img/trns.png')">
    <img border="0" src="https://ozygrup.temasplus.com//deppo/tools/img/loading.svg" style="max-height: 150px;">
</div>

<link rel='stylesheet' href='/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://ozygrup.temasplus.com//deppo/tools/js/html5.js'></script><![endif]--> <script src='https://ozygrup.temasplus.com//deppo/tools/js/gen_validatorv4.js'></script> <script src='//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="/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://ozygrup.temasplus.com//deppo/tools/js/html5.js"></script>
<![endif]-->
<script type="text/javascript">
    
        //!-- Göster/Gizle -->
	function hide(id){var divObject=document.getElementById(id); divObject.style.display="none";}
        function show(id){var divObject=document.getElementById(id); divObject.style.display="block";}
    //!-- Göster/Gizle -->

    //!-- Fade Out -->
    jQuery(window).load(function () { setTimeout(function () {
        jQuery('.v3_mbox').fadeOut() }, 3000); });
    //!-- Fade Out -->

    //!-- Sadece Sayı -->
    function IsNumeric(nesne){var ValidChars = "0123456789.";
        var IsNumber=true;
        var Char;
        for (i = 0; i < nesne.value.length && IsNumber == true; i++){Char = nesne.value.charAt(i); 
            if (ValidChars.indexOf(Char) == -1) {// alert('Lütfen Sadece Sayısal Değer Giriniz')
                nesne.value = nesne.value.substring(0,i);
                break;}}
        return IsNumber;}
    //<input name="" type="text" onKeyUp="IsNumeric(this);">
    //!-- Sadece Sayı -->
</script>






<script src="https://ozygrup.temasplus.com//deppo/tools/js/il-ilce.js"></script>
<script src="https://ozygrup.temasplus.com//deppo/tools/js/gen_validatorv4.js"></script>
<script src="//cdn.ckeditor.com/4.4.7/basic/ckeditor.js"></script>


    <!-- Head -->
</head>
<!--[if lt IE 9]>
<div style="background-color:#FFF1A8; opacity:0.2; position:fixed; left:0px; top:0px; width:99.8%; padding:10px; border:solid 1px #ccc; z-index:99999999999; text-align:center;" id="uyari">
Web Sitesi tarafından artık desteklenmeyen bir Internet Explorer sürümünü kullanıyorsunuz. Bazı özellikler doğru çalışmayabilir. <a href="https://www.google.com/intl/tr/chrome/browser/promo/gmail/?brand=CHHM" target="_blank" style="color:#1155CC; font-weight:bold;">Google Chrome</a> gibi <a href="https://www.google.com/intl/tr/chrome/browser/promo/gmail/?brand=CHHM" target="_blank" style="color:#1155CC; font-weight:bold;">modern bir tarayıcıya</a> geçin. <a href="javascript:hide('uyari');" style="color:#1155CC; font-weight:bold;">Yoksay</a>
</div>
<![endif]-->
<style>
.v3icerik {
	position : fixed;
top : expression(eval(document.body.scrollTop));
	margin-left : 2px;
	height : 105%;
	width : 100%;
	z-index : 99999999;
	border : 0px solid #000;
}
iframe {
	height : 100%;
	width : 100%;
	border : none;
}
/* message box */
.message-box {
	display: none;
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 9999;
}
.message-box.open {
	display: block;
}
.message-box .mb-container {
	position: absolute;
	left: 0px;
	top: 35%;
	background: rgba(0, 0, 0, 0.9);
	padding: 20px;
	width: 100%;
}
.message-box .mb-container .mb-middle {
	width: 50%;
	left: 25%;
	position: relative;
	color: #FFF;
}
.message-box .mb-container .mb-middle .mb-title {
	width: 100%;
	float: left;
	padding: 10px 0px 0px;
	font-size: 31px;
	font-weight: 400;
	line-height: 36px;
}
.message-box .mb-container .mb-middle .mb-title .fa, .message-box .mb-container .mb-middle .mb-title .glyphicon {
	font-size: 38px;
	float: left;
	margin-right: 10px;
}
.message-box .mb-container .mb-middle .mb-content {
	width: 100%;
	float: left;
	padding: 10px 0px 0px;
}
.message-box .mb-container .mb-middle .mb-content p {
	margin-bottom: 0px;
}
.message-box .mb-container .mb-middle .mb-footer {
	width: 100%;
	float: left;
	padding: 10px 0px;
}
.message-box.message-box-warning .mb-container {
	background: rgba(254, 162, 35, 0.9);
}
.message-box.message-box-danger .mb-container {
	background: rgba(182, 70, 69, 0.9);
}
.message-box.message-box-info .mb-container {
	background: rgba(63, 186, 228, 0.9);
}
.message-box.message-box-success .mb-container {
	background: rgba(149, 183, 93, 0.9);
}
	/* end message box */
</style>

<div style="display:none; background-image:url('deppo/tools/img/trns.png'); margin-top:-20px;" class="v3icerik" id="icerik" align="center" onclick="icerik.location.href='about:blank'; hide('icerik');">
  <div style="margin-top:5%; width:80%; height:70%; position:relative; border:solid 5px #ccc; background-color:#fff;" class="yuvarla rounded">
    <div style="margin-top:10px; position:absolute; right:-20px; top:-35px; width:32px; height:32px; z-index:9999999999999999999;"><a href="about:blank" target="icerik" class="fa fa-remove" onclick="hide('icerik')" style="cursor:pointer;font-size:30px;" id="ajxsepet"></a></div>
    <iframe name="icerik"></iframe>
  </div>
</div>

<div id="islem" style="background-color:#fff; position:fixed; left:-1px; top:-2px; margin:0px; height:35px; width:100%; border:solid 1px #ccc; z-index:999999999; display:none;">
  <iframe name="islem" style="width:98%; float:left;" scrolling="no"></iframe>
  <i class="fa fa-remove" style="cursor:pointer; float:right; font-size:20px; margin-top:6px; margin-right:10px;" onclick="hide('islem')"></i>
</div>

<div class="message-box animated fadeIn" data-sound="alert" id="mmesaj">
  <div class="mb-container">
    <div class="mb-middle">
      <div class="mb-title"><span class="fa fa-check"></span>  İşlem Başarılı ! </div>
      <div class="mb-content">
        <p> Bizi tercih Ettiğiniz için Teşekkürler </p>
      </div>
      <div class="mb-footer">
        <div class="pull-right">
          <a style="cursor:pointer;" onclick="hide('mmesaj')" class="v3-btn v3-btn-default v3-btn-lg mb-control-close"> Kapat </a>
        </div>
      </div>
    </div>
  </div>
</div><script src="https://cdn.tailwindcss.com?plugins=forms,container-queries"></script>
<link href="https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap" rel="stylesheet"/>
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap" rel="stylesheet"/>
<script id="tailwind-config">
tailwind.config = {
  darkMode: "class",
  theme: {
    extend: {
      colors: {
        "primary": "#136dec",
        "background-light": "#E0E0E0",
        "background-dark": "#101822",
      },
      fontFamily: {
        "display": ["Manrope", "sans-serif"]
      },
      borderRadius: {"DEFAULT": "0.25rem", "lg": "0.5rem", "xl": "0.75rem", "full": "9999px"},
    },
  },
}
</script>
<style>
.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

/* Geçişleri yumuşat */
html, body, .transition-theme, .transition-card {
  transition: background-color 0.8s ease, color 0.8s ease, background-image 0.8s ease;
}
.text-\[\#A5D6A7\] {
    --tw-text-opacity: 1;
    color: rgb(0 167 6)!important;
}
.bg-white\/10 {
    background-color: rgb(255 255 255 / 88%)!important;
}
</style>
</head>
<body class="font-display transition-theme">
<div class="relative flex h-auto min-h-screen w-full flex-col 
  bg-gradient-to-br from-[#FFFFFF] to-[#BDBDBD] 
  dark:from-[#3C3C3C] dark:to-[#000000] 
  overflow-x-hidden transition-theme">
<div class="layout-container flex h-full grow flex-col">
<div class="px-4 py-5 sm:px-10 md:px-20 lg:px-40 flex flex-1 justify-center">
<div class="layout-content-container flex flex-col max-w-7xl flex-1">
<header class="flex items-center justify-between whitespace-nowrap px-4 py-3 md:px-10">
<div class="flex items-center gap-4 text-black dark:text-white transition-theme">
<div class="size-15 text-black dark:text-white">
<img src="deppo/image/logo (6).png"
     class="block dark:hidden transition-theme">
<img src="deppo/image/l1ogo-(6).png"
     class="hidden dark:block transition-theme">
</div>
<h2 class="text-black dark:text-white text-lg font-bold leading-tight tracking-[-0.015em] transition-theme"></h2>
</div>
<button id="modeToggle" class="flex max-w-[480px] cursor-pointer items-center justify-center overflow-hidden rounded-lg h-10 w-10 bg-black/10 text-black dark:bg-white/10 dark:text-white gap-2 text-sm font-bold leading-normal tracking-[0.015em] min-w-0 px-2.5 transition-theme">
<span class="material-symbols-outlined text-black dark:text-white transition-theme">dark_mode</span>
</button>
</header>
<main class="flex-1 p-4 md:p-10">
<div class="grid grid-cols-1 lg:grid-cols-2 gap-8">


<!-- NFC KART -->
<a href="?k1001/ibrahim-yilmaz">
<div class="flex flex-col gap-3">
  <div class="w-full aspect-[1.586] rounded-xl shadow-lg p-6 flex flex-col justify-between transition-card
    bg-gradient-to-br from-[#424242] to-[#212121] text-[#B0BEC5]
    dark:from-[#F5F5F5] dark:to-[#E0E0E0] dark:text-[#212121]">
    
    <div class="flex justify-between items-start">
      <div class="size-8">
        <img src="deppo/image/Garanti-NFC.jpg">
      </div>
      <span class="material-symbols-outlined text-3xl transition-theme">nfc</span>
    </div>

    <div class="flex justify-between items-center mt-auto">
      <div class="text-left transition-theme">
        <p class="text-xl md:text-2xl font-mono tracking-wider">İBRAHİM YILMAZ</p>
		<p class="text-m md:text-m font-mono tracking-wider">GARANTİ MEDYA DİJİTAL KART</p>
      </div>
    </div>

    <div class="flex justify-end items-center mt-4">
      <div class="flex items-center gap-2 rounded-full bg-white/10 px-3 py-1 text-sm text-[#A5D6A7] dark:text-[#2E7D32] transition-theme">
        <span class="material-symbols-outlined text-base transition-theme">check_circle</span>
        <span>Kart Aktif</span>
      </div>
    </div>
  </div>
</div>
</a>


<!-- NFC KART -->
<a href="?k1003/izzet-yilmaz">
<div class="flex flex-col gap-3">
  <div class="w-full aspect-[1.586] rounded-xl shadow-lg p-6 flex flex-col justify-between transition-card
    bg-gradient-to-br from-[#424242] to-[#212121] text-[#B0BEC5]
    dark:from-[#F5F5F5] dark:to-[#E0E0E0] dark:text-[#212121]">
    
    <div class="flex justify-between items-start">
      <div class="size-8">
        <img src="deppo/image/Garanti-NFC.jpg">
      </div>
      <span class="material-symbols-outlined text-3xl transition-theme">nfc</span>
    </div>

    <div class="flex justify-between items-center mt-auto">
      <div class="text-left transition-theme">
        <p class="text-xl md:text-2xl font-mono tracking-wider">İZZET YILMAZ</p>
		<p class="text-m md:text-m font-mono tracking-wider">GARANTİ MEDYA DİJİTAL KART</p>
      </div>
    </div>

    <div class="flex justify-end items-center mt-4">
      <div class="flex items-center gap-2 rounded-full bg-white/10 px-3 py-1 text-sm text-[#A5D6A7] dark:text-[#2E7D32] transition-theme">
        <span class="material-symbols-outlined text-base transition-theme">check_circle</span>
        <span>Kart Aktif</span>
      </div>
    </div>
  </div>
</div>
</a>


<!-- NFC KART -->
<a href="?k1004/emine-yilmaz">
<div class="flex flex-col gap-3">
  <div class="w-full aspect-[1.586] rounded-xl shadow-lg p-6 flex flex-col justify-between transition-card
    bg-gradient-to-br from-[#424242] to-[#212121] text-[#B0BEC5]
    dark:from-[#F5F5F5] dark:to-[#E0E0E0] dark:text-[#212121]">
    
    <div class="flex justify-between items-start">
      <div class="size-8">
        <img src="deppo/image/Garanti-NFC.jpg">
      </div>
      <span class="material-symbols-outlined text-3xl transition-theme">nfc</span>
    </div>

    <div class="flex justify-between items-center mt-auto">
      <div class="text-left transition-theme">
        <p class="text-xl md:text-2xl font-mono tracking-wider">EMİNE YILMAZ</p>
		<p class="text-m md:text-m font-mono tracking-wider">GARANTİ MEDYA DİJİTAL KART</p>
      </div>
    </div>

    <div class="flex justify-end items-center mt-4">
      <div class="flex items-center gap-2 rounded-full bg-white/10 px-3 py-1 text-sm text-[#A5D6A7] dark:text-[#2E7D32] transition-theme">
        <span class="material-symbols-outlined text-base transition-theme">check_circle</span>
        <span>Kart Aktif</span>
      </div>
    </div>
  </div>
</div>
</a>


<!-- NFC KART -->
<a href="?k1005/hasan-kaya">
<div class="flex flex-col gap-3">
  <div class="w-full aspect-[1.586] rounded-xl shadow-lg p-6 flex flex-col justify-between transition-card
    bg-gradient-to-br from-[#424242] to-[#212121] text-[#B0BEC5]
    dark:from-[#F5F5F5] dark:to-[#E0E0E0] dark:text-[#212121]">
    
    <div class="flex justify-between items-start">
      <div class="size-8">
        <img src="deppo/image/Garanti-NFC.jpg">
      </div>
      <span class="material-symbols-outlined text-3xl transition-theme">nfc</span>
    </div>

    <div class="flex justify-between items-center mt-auto">
      <div class="text-left transition-theme">
        <p class="text-xl md:text-2xl font-mono tracking-wider">HASAN KAYA</p>
		<p class="text-m md:text-m font-mono tracking-wider">GARANTİ MEDYA DİJİTAL KART</p>
      </div>
    </div>

    <div class="flex justify-end items-center mt-4">
      <div class="flex items-center gap-2 rounded-full bg-white/10 px-3 py-1 text-sm text-[#A5D6A7] dark:text-[#2E7D32] transition-theme">
        <span class="material-symbols-outlined text-base transition-theme">check_circle</span>
        <span>Kart Aktif</span>
      </div>
    </div>
  </div>
</div>
</a>


<!-- NFC KART -->
<a href="?k1006/mustafa-akpinar">
<div class="flex flex-col gap-3">
  <div class="w-full aspect-[1.586] rounded-xl shadow-lg p-6 flex flex-col justify-between transition-card
    bg-gradient-to-br from-[#424242] to-[#212121] text-[#B0BEC5]
    dark:from-[#F5F5F5] dark:to-[#E0E0E0] dark:text-[#212121]">
    
    <div class="flex justify-between items-start">
      <div class="size-8">
        <img src="deppo/image/Garanti-NFC.jpg">
      </div>
      <span class="material-symbols-outlined text-3xl transition-theme">nfc</span>
    </div>

    <div class="flex justify-between items-center mt-auto">
      <div class="text-left transition-theme">
        <p class="text-xl md:text-2xl font-mono tracking-wider">MUSTAFA AKPINAR</p>
		<p class="text-m md:text-m font-mono tracking-wider">GARANTİ MEDYA DİJİTAL KART</p>
      </div>
    </div>

    <div class="flex justify-end items-center mt-4">
      <div class="flex items-center gap-2 rounded-full bg-white/10 px-3 py-1 text-sm text-[#A5D6A7] dark:text-[#2E7D32] transition-theme">
        <span class="material-symbols-outlined text-base transition-theme">check_circle</span>
        <span>Kart Aktif</span>
      </div>
    </div>
  </div>
</div>
</a>


<!-- NFC KART -->
<a href="?k1007/osman-yilmaz">
<div class="flex flex-col gap-3">
  <div class="w-full aspect-[1.586] rounded-xl shadow-lg p-6 flex flex-col justify-between transition-card
    bg-gradient-to-br from-[#424242] to-[#212121] text-[#B0BEC5]
    dark:from-[#F5F5F5] dark:to-[#E0E0E0] dark:text-[#212121]">
    
    <div class="flex justify-between items-start">
      <div class="size-8">
        <img src="deppo/image/Garanti-NFC.jpg">
      </div>
      <span class="material-symbols-outlined text-3xl transition-theme">nfc</span>
    </div>

    <div class="flex justify-between items-center mt-auto">
      <div class="text-left transition-theme">
        <p class="text-xl md:text-2xl font-mono tracking-wider">OSMAN YILMAZ</p>
		<p class="text-m md:text-m font-mono tracking-wider">GARANTİ MEDYA DİJİTAL KART</p>
      </div>
    </div>

    <div class="flex justify-end items-center mt-4">
      <div class="flex items-center gap-2 rounded-full bg-white/10 px-3 py-1 text-sm text-[#A5D6A7] dark:text-[#2E7D32] transition-theme">
        <span class="material-symbols-outlined text-base transition-theme">check_circle</span>
        <span>Kart Aktif</span>
      </div>
    </div>
  </div>
</div>
</a>


<!-- NFC KART -->
<a href="?k1008/isami-yilmaz">
<div class="flex flex-col gap-3">
  <div class="w-full aspect-[1.586] rounded-xl shadow-lg p-6 flex flex-col justify-between transition-card
    bg-gradient-to-br from-[#424242] to-[#212121] text-[#B0BEC5]
    dark:from-[#F5F5F5] dark:to-[#E0E0E0] dark:text-[#212121]">
    
    <div class="flex justify-between items-start">
      <div class="size-8">
        <img src="deppo/image/Garanti-NFC.jpg">
      </div>
      <span class="material-symbols-outlined text-3xl transition-theme">nfc</span>
    </div>

    <div class="flex justify-between items-center mt-auto">
      <div class="text-left transition-theme">
        <p class="text-xl md:text-2xl font-mono tracking-wider">İ. SAMİ YILMAZ</p>
		<p class="text-m md:text-m font-mono tracking-wider">GARANTİ MEDYA DİJİTAL KART</p>
      </div>
    </div>

    <div class="flex justify-end items-center mt-4">
      <div class="flex items-center gap-2 rounded-full bg-white/10 px-3 py-1 text-sm text-[#A5D6A7] dark:text-[#2E7D32] transition-theme">
        <span class="material-symbols-outlined text-base transition-theme">check_circle</span>
        <span>Kart Aktif</span>
      </div>
    </div>
  </div>
</div>
</a>


<!-- NFC KART -->
<a href="?k1009/mehmet-yilmaz">
<div class="flex flex-col gap-3">
  <div class="w-full aspect-[1.586] rounded-xl shadow-lg p-6 flex flex-col justify-between transition-card
    bg-gradient-to-br from-[#424242] to-[#212121] text-[#B0BEC5]
    dark:from-[#F5F5F5] dark:to-[#E0E0E0] dark:text-[#212121]">
    
    <div class="flex justify-between items-start">
      <div class="size-8">
        <img src="deppo/image/Garanti-NFC.jpg">
      </div>
      <span class="material-symbols-outlined text-3xl transition-theme">nfc</span>
    </div>

    <div class="flex justify-between items-center mt-auto">
      <div class="text-left transition-theme">
        <p class="text-xl md:text-2xl font-mono tracking-wider">MEHMET YILMAZ</p>
		<p class="text-m md:text-m font-mono tracking-wider">GARANTİ MEDYA DİJİTAL KART</p>
      </div>
    </div>

    <div class="flex justify-end items-center mt-4">
      <div class="flex items-center gap-2 rounded-full bg-white/10 px-3 py-1 text-sm text-[#A5D6A7] dark:text-[#2E7D32] transition-theme">
        <span class="material-symbols-outlined text-base transition-theme">check_circle</span>
        <span>Kart Aktif</span>
      </div>
    </div>
  </div>
</div>
</a>



</div>
</main>
</div>
</div>
</div>
</div>

<script>
const toggleBtn = document.getElementById("modeToggle");
toggleBtn.addEventListener("click", () => {
  document.documentElement.classList.toggle("dark");
});

</script>
<script>
function commentOutWatolyeCSS() {
document.querySelectorAll('link[href="/css/watolye.css"]').forEach(el => {
const comment = document.createComment(el.outerHTML);
el.replaceWith(comment);
});
}
commentOutWatolyeCSS();
const observer = new MutationObserver(commentOutWatolyeCSS);
observer.observe(document.head || document.documentElement, { childList: true, subtree: true });
</script></body>
</html>