<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="tr" lang="tr" dir="ltr">
<!--[if IE 7 ]>    <html lang="tr" class="isie ie7 oldie no-js"> <![endif]-->
<!--[if IE 8 ]>    <html lang="tr" class="isie ie8 oldie no-js"> <![endif]-->
<!--[if IE 9 ]>    <html lang="tr" class="isie ie9 no-js"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html lang="tr" class="no-js">
<!--<![endif]-->
<head>
    <!-- Head -->
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1254" />
    <script src="//code.jquery.com/jquery-latest.js" type="text/javascript"></script>
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="author" content="BELKIS ESANS - Esans & Şişe" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="shortcut icon" href="https://belkisesans.com.tr//deppo/image/wfavicon.ico" type="image/x-icon" />
    
    <meta name="google-site-verification" content="" />
    <meta name="yandex-verification" content="" />
    
    <title>Diğer Ürünler | BELKIS ESANS - Esans & Şişe</title>
    <meta name="description" content="BELKIS ESANS - Esans & Şişe" />
    <meta name="keywords" content="BELKIS ESANS - Esans & Şişe,Esans & Şişe,BELKIS ESANS,Esans" />
    <link rel="canonical" href="https://belkisesans.com.tr//" />

    <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-position: -1px -311px;
        display: inline-block;
        padding: 0 0 0 0px;
        cursor: pointer;
    }

    .mini-switch:checked + label {
        width: 40px;
        height: 20px;
        background-position: -1px -287px;
        display: inline-block;
        padding: 0 0 0 0px;
        cursor: pointer;
    }

    #guncellendi {
        padding: 5px 10px;
        background-color: #FFFF00;
        color: #000;
        width: 100px;
        position: fixed;
        margin-left: 46%;
        z-index: 9999999999999999;
        display: none;
        text-align: center;
    }

    .v3statusac {
        position: fixed;
        left: 10px;
        z-index: 9999999999;
        cursor: pointer;
        font-size: 30px !important;
    }

    .v3status {
        background-color: #000;
        color: #fff;
        opacity: 0.8;
        position: fixed;
        display: block;
        left: -1px;
        top: -2px;
        margin: 0px;
        width: 101%;
        padding: 5px;
        border: solid 1px #ccc;
        z-index: 999999999;
        display: none;
    }

        .v3status ul {
            list-style: none;
            font-size: 13px;
        }

            .v3status ul li {
                float: left;
                padding: 5px;
                margin-left: 10px;
            }

                .v3status ul li a {
                    color: #fff;
                }
</style>
<div id="guncellendi">Güncellendi</div>
<div id="preload" style="display: none; width: 100%; height: 100%; padding: 20% 45%; position: fixed; margin: 0px; left: 0px; top: 0px; z-index: 999999999999;">
</div>
<div id="preload" style="display:none; width:100%; height:100%; padding:20% 45%; position:fixed; margin:0px; left:0px; top:0px; z-index:999999999999;"><img border="0" src="https://belkisesans.com.tr//deppo/tools/img/loading.gif" style="max-height: 150px;"></div>

<link rel='stylesheet' href='https://res.cloudinary.com/watolye/raw/upload/v1556794008/css/watolye.css' type='text/css' /><link rel='stylesheet' href='//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css'> <!--[if lt IE 9]><script src='https://belkisesans.com.tr//deppo/tools/js/html5.js'></script><![endif]--> <script src='https://belkisesans.com.tr//deppo/tools/js/gen_validatorv4.js'></script> <script src='https://cdn.ckeditor.com/4.8.0/basic/ckeditor.js'></script> <style>
#goog-gt-tt {
	display: none!important
}
.goog-te-banner-frame {
	display: none!important
}
.goog-te-menu-value:hover {
	text-decoration: none!important
}
.goog-text-highlight {
	background-color: transparent!important;
	box-shadow: inherit!important
}
body {
	top: 0px !important
}
#google_translate_element2 {
	display: none!important
}
</style>
<div id="google_translate_element2"></div>
<script src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit2"></script> 
<script type="text/javascript">
function googleTranslateElementInit2(){new google.translate.TranslateElement({pageLanguage:'tr',autoDisplay:false},'google_translate_element2')}
function GTranslateFireEvent(a,b){try{if(document.createEvent){var c=document.createEvent("HTMLEvents");c.initEvent(b,true,true);a.dispatchEvent(c)}else{var c=document.createEventObject();a.fireEvent('on'+b,c)}}catch(e){}}
function Translate(a){
	if(a.value)a=a.value;
	if(a=='')return;
	var b=a.split('|')[1];
	var c;
	var d=document.getElementsByTagName('select');
	for(var i=0;i<d.length;i++)if(d[i].className=='goog-te-combo')c=d[i];
		if(document.getElementById('google_translate_element2')==null||document.getElementById('google_translate_element2').innerHTML.length==0||c.length==0||c.innerHTML.length==0){
			setTimeout(function(){Translate(a)},200)
		}else{
			c.value=b;GTranslateFireEvent(c,'change');GTranslateFireEvent(c,'change')
		}
	}
		(function($){$.fn.disableSelection=function(){return this .addClass("noSelect").attr("unselectable","on").on("selectstart",false)}})(jQuery);
</script>

<script type="text/javascript">
    document.getElementsByTagName("body")[0].setAttribute("id", "watolye");

    function AjaxKaydet(){
        for(var dilan in CKEDITOR.instances)
            CKEDITOR.instances[dilan].updateElement();
        jQuery.ajax({type: "POST", url: "?panel/ilan/kilan/<?php echo $sayfa3?>",
            data: jQuery('#autosave').serialize(), success: function () {
                setTimeout(function () { jQuery('#guncellendi').fadeIn('slow'); }, 500);  setTimeout(function () { jQuery('#guncellendi').delay(3000).fadeOut('slow'); }, 500);
            }
        });
    }

    $(document).on('click','[data-form]',function(e){
        $('#preload').fadeIn('slow');
        e.preventDefault();
        var _this=$(this);
        $.post(_this.data('url'),$(_this.data('form')).find('input,textarea,select').serialize(),function(){
            show('mmesaj');
            $(_this.data('form'))[0].reset();
            $('#preload').fadeOut('slow');
        });
    });
    //data-url="func..php?func.=fmail" data-form="#iform"

    //!-- Göster/Gizle -->
    function hide(id){var divObject=document.getElementById(id); divObject.style.display="none";}
    function show(id){var divObject=document.getElementById(id); divObject.style.display="block";}
    //!-- Göster/Gizle -->

    function sgoster(id){
        setTimeout(function() {var divObject=document.getElementById(id); divObject.style.display="block";}, 0);
        setTimeout(function() {var divObject=document.getElementById(id); divObject.style.display="none";}, 3000);
    }

    jQuery(function(){
        jQuery('form.fcontrol button').prop('disabled',true);
    });

    jQuery(document).on('input','form.fcontrol input.icontrol',function(e){
        if(jQuery('form.fcontrol input.icontrol').filter(function() { return this.value == ""; }).length==0){
            jQuery('form.fcontrol').find('.alert1').remove();
            jQuery('form.fcontrol button').prop('disabled',false);
        }else{
            jQuery('form.fcontrol button').prop('disabled',true);
            if(jQuery('form.fcontrol').find('.alert1').length==0){
                jQuery('form.fcontrol').prepend('<div class="v3-row alert alert-danger alert1" style="padding:5px;">Formda boş alanlar var.</div><br>');
            }
        }
    });

    jQuery(function(){
        jQuery('form.fcontrol2 button').prop('disabled',true);
    });

    jQuery(document).on('input','form.fcontrol2 input.icontrol',function(e){
        if(jQuery('form.fcontrol2 input.icontrol').filter(function() { return this.value == ""; }).length==0){
            jQuery('form.fcontrol2').find('.alert2').remove();
            jQuery('form.fcontrol2 button').prop('disabled',false);
        }else{
            jQuery('form.fcontrol2 button').prop('disabled',true);
            if(jQuery('form.fcontrol2').find('.alert2').length==0){
                jQuery('form.fcontrol2').prepend('<div class="v3-row alert alert-danger alert2" style="padding:5px;">Formda boş alanlar var.</div><br>');
            }
        }
    });

    jQuery(function(){
        jQuery('form.fcontrol3 button').prop('disabled',true);
    });

    jQuery(document).on('input','form.fcontrol3 input.icontrol',function(e){
        if(jQuery('form.fcontrol3 input.icontrol').filter(function() { return this.value == ""; }).length==0){
            jQuery('form.fcontrol3').find('.alert3').remove();
            jQuery('form.fcontrol3 button').prop('disabled',false);
        }else{
            jQuery('form.fcontrol3 button').prop('disabled',true);
            if(jQuery('form.fcontrol3').find('.alert3').length==0){
                jQuery('form.fcontrol3').prepend('<div class="v3-row alert alert-danger alert3" style="padding:5px;">Formda boş alanlar var.</div><br>');
            }
        }
    });

    //<form class="fcontrol">
    //<input type="text" class="icontrol">
    //</form>

    //!-- Fade Out -->
    jQuery(window).load(function(){setTimeout(function(){
        jQuery('.v3_mbox').fadeOut() }, 3000);});
    //<div class="v3_mbox"></div>
    //!-- Fade Out -->

    //!-- Sadece Sayı -->
    function IsNumeric(nesne){var ValidChars = "0123456789.";
        var IsNumber=true;
        var Char;
        for (i = 0; i < nesne.value.length && IsNumber == true; i++){Char = nesne.value.charAt(i); 
            if (ValidChars.indexOf(Char) == -1) {// alert('Lütfen Sadece Sayısal Değer Giriniz')
                nesne.value = nesne.value.substring(0,i);
                break;}}
        return IsNumber;}
    //<input name="" type="text" onKeyUp="IsNumeric(this);">
    //!-- Sadece Sayı -->

    //!-- Font Boyut -->
    function degistir(kaynak, deger) {
        var hedef = document.getElementById(kaynak);
        var hedeffont = parseInt(hedef.style.fontSize, 10)
        hedef.style.fontSize = (hedeffont + parseInt(deger, 10)) + 'px';
    }
    //Kullanımı onClick="degistir('ContentID','2');"
    //!-- Font Boyut -->

    
    //!-- Lazyload -->

    //!-- LightBOX-1 -->


    //var frmvalidator = new Validator("FormID");
    //frmvalidator.addValidation("Zorunlu","req","Lütfen Adınızı Giriniz");
    //frmvalidator.addValidation("max50","maxlen=50");
    //frmvalidator.addValidation("Email","email");
    //frmvalidator.addValidation("Numara","numeric");
</script>





































<!--[if lt IE 9]>
    <script src="https://belkisesans.com.tr//deppo/tools/js/html5.js"></script>
<![endif]-->
<script type="text/javascript">
    
        //!-- Göster/Gizle -->
	function hide(id){var divObject=document.getElementById(id); divObject.style.display="none";}
        function show(id){var divObject=document.getElementById(id); divObject.style.display="block";}
    //!-- Göster/Gizle -->

    //!-- Fade Out -->
    jQuery(window).load(function () { setTimeout(function () {
        jQuery('.v3_mbox').fadeOut() }, 3000); });
    //!-- Fade Out -->

    //!-- Sadece Sayı -->
    function IsNumeric(nesne){var ValidChars = "0123456789.";
        var IsNumber=true;
        var Char;
        for (i = 0; i < nesne.value.length && IsNumber == true; i++){Char = nesne.value.charAt(i); 
            if (ValidChars.indexOf(Char) == -1) {// alert('Lütfen Sadece Sayısal Değer Giriniz')
                nesne.value = nesne.value.substring(0,i);
                break;}}
        return IsNumber;}
    //<input name="" type="text" onKeyUp="IsNumeric(this);">
    //!-- Sadece Sayı -->
</script>






<script src="https://belkisesans.com.tr//deppo/tools/js/il-ilce.js"></script>
<script src="https://belkisesans.com.tr//deppo/tools/js/gen_validatorv4.js"></script>
<script src="https://cdn.ckeditor.com/4.4.7/basic/ckeditor.js"></script>

<style>
#goog-gt-tt {
	display: none!important
}
.goog-te-banner-frame {
	display: none!important
}
.goog-te-menu-value:hover {
	text-decoration: none!important
}
.goog-text-highlight {
	background-color: transparent!important;
	box-shadow: inherit!important
}
body {
	top: 0px !important
}
#google_translate_element2 {
	display: none!important
}
</style>
<div id="google_translate_element2"></div>
<script src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit2"></script> 
<script type="text/javascript">
function googleTranslateElementInit2(){new google.translate.TranslateElement({pageLanguage:'tr',autoDisplay:false},'google_translate_element2')}
function GTranslateFireEvent(a,b){try{if(document.createEvent){var c=document.createEvent("HTMLEvents");c.initEvent(b,true,true);a.dispatchEvent(c)}else{var c=document.createEventObject();a.fireEvent('on'+b,c)}}catch(e){}}
function Translate(a){
	if(a.value)a=a.value;
	if(a=='')return;
	var b=a.split('|')[1];
	var c;
	var d=document.getElementsByTagName('select');
	for(var i=0;i<d.length;i++)if(d[i].className=='goog-te-combo')c=d[i];
		if(document.getElementById('google_translate_element2')==null||document.getElementById('google_translate_element2').innerHTML.length==0||c.length==0||c.innerHTML.length==0){
			setTimeout(function(){Translate(a)},200)
		}else{
			c.value=b;GTranslateFireEvent(c,'change');GTranslateFireEvent(c,'change')
		}
	}
		(function($){$.fn.disableSelection=function(){return this .addClass("noSelect").attr("unselectable","on").on("selectstart",false)}})(jQuery);
</script>    <!-- Main Stylesheet -->
		<link rel="stylesheet" type="text/css" href="css/style.css">
		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css" integrity="sha512-Evv84Mr4kqVGRNSgIGL/F/aIDqQb7xQ2vcrdIwxfjThSH8CSR7PBEakCr51Ck+w+/U6swU2Im1vVX0SVk9ABhg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
    </head>
	<body class="dark:bg-title">
    <!-- Head -->
</head>
<!--[if lt IE 9]>
<div style="background-color:#FFF1A8; opacity:0.2; position:fixed; left:0px; top:0px; width:99.8%; padding:10px; border:solid 1px #ccc; z-index:99999999999; text-align:center;" id="uyari">
Web Sitesi taraf ndan art k desteklenmeyen bir Internet Explorer s r m n  kullan yorsunuz. Baz   zellikler do ru  al  mayabilir. <a href="https://www.google.com/intl/tr/chrome/browser/promo/gmail/?brand=CHHM" target="_blank" style="color:#1155CC; font-weight:bold;">Google Chrome</a> gibi <a href="https://www.google.com/intl/tr/chrome/browser/promo/gmail/?brand=CHHM" target="_blank" style="color:#1155CC; font-weight:bold;">modern bir taray c ya</a> ge in. <a href="javascript:hide('uyari');" style="color:#1155CC; font-weight:bold;">Yoksay</a>
</div>
<![endif]-->
<style>
.v3icerik {
	position : fixed;
top : expression(eval(document.body.scrollTop));
	margin-left : 2px;
	height : 105%;
	width : 100%;
	z-index : 99999999;
	border : 0px solid #000;
}
iframe {
	height : 100%;
	width : 100%;
	border : none;
}
/* message box */
.message-box {
	display: none;
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 9999;
}
.message-box.open {
	display: block;
}
.message-box .mb-container {
	position: absolute;
	left: 0px;
	top: 35%;
	background: rgba(0, 0, 0, 0.9);
	padding: 20px;
	width: 100%;
}
.message-box .mb-container .mb-middle {
	width: 50%;
	left: 25%;
	position: relative;
	color: #FFF;
}
.message-box .mb-container .mb-middle .mb-title {
	width: 100%;
	float: left;
	padding: 10px 0px 0px;
	font-size: 31px;
	font-weight: 400;
	line-height: 36px;
}
.message-box .mb-container .mb-middle .mb-title .fa, .message-box .mb-container .mb-middle .mb-title .glyphicon {
	font-size: 38px;
	float: left;
	margin-right: 10px;
}
.message-box .mb-container .mb-middle .mb-content {
	width: 100%;
	float: left;
	padding: 10px 0px 0px;
}
.message-box .mb-container .mb-middle .mb-content p {
	margin-bottom: 0px;
}
.message-box .mb-container .mb-middle .mb-footer {
	width: 100%;
	float: left;
	padding: 10px 0px;
}
.message-box.message-box-warning .mb-container {
	background: rgba(254, 162, 35, 0.9);
}
.message-box.message-box-danger .mb-container {
	background: rgba(182, 70, 69, 0.9);
}
.message-box.message-box-info .mb-container {
	background: rgba(63, 186, 228, 0.9);
}
.message-box.message-box-success .mb-container {
	background: rgba(149, 183, 93, 0.9);
}
	/* end message box */
</style>

<div style="display:none; background-image:url('deppo/tools/img/trns.png'); margin-top:-20px;" class="v3icerik" id="icerik" align="center" onclick="icerik.location.href='about:blank'; hide('icerik');">
  <div style="margin-top:5%; width:80%; height:70%; position:relative; border:solid 5px #ccc; background-color:#fff;" class="yuvarla rounded">
    <div style="margin-top:10px; position:absolute; right:-20px; top:-35px; width:32px; height:32px; z-index:9999999999999999999;"><a href="about:blank" target="icerik" class="fa fa-remove" onclick="hide('icerik')" style="cursor:pointer;font-size:30px;" id="ajxsepet"></a></div>
    <iframe name="icerik"></iframe>
  </div>
</div>

<div id="islem" style="background-color:#fff; position:fixed; left:-1px; top:-2px; margin:0px; height:35px; width:100%; border:solid 1px #ccc; z-index:999999999; display:none;">
  <iframe name="islem" style="width:98%; float:left;" scrolling="no"></iframe>
  <i class="fa fa-remove" style="cursor:pointer; float:right; font-size:20px; margin-top:6px; margin-right:10px;" onclick="hide('islem')"></i>
</div>

<div class="message-box animated fadeIn" data-sound="alert" id="mmesaj">
  <div class="mb-container">
    <div class="mb-middle">
      <div class="mb-title"><span class="fa fa-check"></span>  İşlem Başarılı ! </div>
      <div class="mb-content">
        <p> Bizi tercih Ettiğiniz için Teşekkürler </p>
      </div>
      <div class="mb-footer">
        <div class="pull-right">
          <a style="cursor:pointer;" onclick="hide('mmesaj')" class="v3-btn v3-btn-default v3-btn-lg mb-control-close"> Kapat </a>
        </div>
      </div>
    </div>
  </div>
</div>    <!-- Header Start -->
    <div class="header-area default-header relative z-50 bg-white dark:bg-title">
        <div class="container-fluid">
            <div class="flex items-center justify-between gap-x-6 max-w-[1720px] mx-auto relative py-[10px] sm:py-3 lg:py-0">
                <!-- Logo -->
                <a class="cursor-pointer block" href="." aria-label="BELKIS ESANS - Esans & Şişe">
					<img src="https://belkisesans.com.tr//deppo/image/wlogo.png" alt="BELKIS ESANS - Esans & Şişe" id="belkis-logo"/>
                </a>

                <!-- Menu -->
                <div class="main-menu absolute z-50 w-full lg:w-auto top-full left-0 lg:static bg-white dark:bg-title lg:bg-transparent lg:dark:bg-transparent px-5 sm:px-[30px] py-[10px] sm:py-5 lg:px-0 lg:py-0">
                    <ul class="text-lg leading-none text-title dark:text-white lg:flex lg:gap-[30px]">
					
				<li >
                        <a href=".">ANASAYFA</a>
                        
				<li class='relative'>
                        <a href="#">BELKIS ESANS</a>
                        
						<ul class="sub-menu lg:absolute z-50 lg:top-full lg:left-0 lg:min-w-[220px] lg:opacity-0 lg:invisible lg:transition-all lg:bg-white lg:dark:bg-title lg:py-[15px] lg:pr-[30px]">
					
						<li><a href="?s1004/Hakkimizda">Hakkımızda</a></li>
					
						<li><a href="?s1006/Kalite-Politikamız">Kalite Politikamız</a></li>
					
						<li><a href="?s1043/Kisisel-Verilerin-Korunmasi">Kişisel Verilerin Korunması</a></li>
					
						</ul>
					
				<li >
                        <a href="?u/Urunlerimiz">ÜRÜNLERİMİZ</a>
                        
                            
				<div class="mega-menu lg:absolute z-50 lg:top-full lg:left-1/2 lg:transform lg:-translate-x-1/2 lg:max-w-[1100px] lg:w-full lg:bg-white lg:dark:bg-title lg:px-[30px] lg:py-[15px] lg:flex lg:items-start lg:justify-between gap-[30px] lg:opacity-0 lg:invisible lg:transition-all lg:duration-300">
                    <div class="lg:grid lg:grid-cols-4 lg:items-start gap-x-5 2xl:gap-x-[25px] lg:flex-1">
                    <div class="megamenu-item">		
						<ul>
						
							<li><a href="?x33/cam-parfum-siseleri">Cam Parfüm Şişeleri</a></li>
						
							<li><a href="?x34/cam-kolonya-siseleri">Cam Kolonya Şişeleri</a></li>
						
							<li><a href="?x35/cam-oda-oto-siseleri">Cam Oda/Oto Şişeleri</a></li>
						
							<li><a href="?x32/pvcpet-siseler">Pvc / Pet Şişeler</a></li>
						
							<li><a href="?x31/genel-esanslar">Genel Esanslar</a></li>
						
							<li><a href="?x36/diger-urunler">Diğer Ürünler</a></li>
						
                        </ul>
                    </div>
				    </div>
                    <div class="lg:py-[15px] lg:max-w-[280px] w-full hidden lg:block">
                        <a href="#">
                            <img src="img/vitrin/kategori/renk-1.jpg" alt="mega-menu-add">
                        </a>
                    </div>
                </div>
				</li>
						
				<li >
                        <a href="?f/Ozel-Numune-Talebi">ÖZEL NUMUNE TALEBİ</a>
                        
				<li >
                        <a href="?i/iletisim">İLETİŞİM</a>
                        
                    </ul>
                </div>

                <!-- Header Right -->
                <div class="flex items-center gap-4 sm:gap-6">
                    <!-- Search -->
                    
                    
                    <!-- Dil -->
                    <button class="hdr_search_btn" aria-label="search">
                        <span class="absolute w-[22px] h-[22px] bg-secondary rounded-full flex items-center justify-center text-xs leading-none text-white" style=" margin-left: 13px; margin-top: -10px; ">TR</span>
						<i class="fa-solid fa-earth-europe" style="font-size:24px;"></i>
                    </button>
                    <!-- Hamburger -->
                    <button class="hamburger">
                        <svg class="stroke-current text-title dark:text-white" width="40" viewbox="0 0 100 100">
                          <path class="line line1" d="M 20,29.000046 H 80.000231 C 80.000231,29.000046 94.498839,28.817352 94.532987,66.711331 94.543142,77.980673 90.966081,81.670246 85.259173,81.668997 79.552261,81.667751 75.000211,74.999942 75.000211,74.999942 L 25.000021,25.000058"></path>
                          <path class="line line2" d="M 20,50 H 80"></path>
                          <path class="line line3" d="M 20,70.999954 H 80.000231 C 80.000231,70.999954 94.498839,71.182648 94.532987,33.288669 94.543142,22.019327 90.966081,18.329754 85.259173,18.331003 79.552261,18.332249 75.000211,25.000058 75.000211,25.000058 L 25.000021,74.999942"></path>
                        </svg>
                    </button>
                    <!-- Dark Light -->
                    <div class="w-[1px] bg-title/20 dark:bg-white/20 h-7 hidden sm:block"></div>
                    <label class="switcher cursor-pointer order-first sm:order-last w-[22px] sm:w-7">
                        <input class="hidden" type="checkbox">
                        <img class="moon" src="img/icon/simple-sun.svg" alt="moon">
                        <img class="sun" src="img/icon/simple-light.svg" alt="sun">
                    </label>
                </div>
            </div>
        </div>
    </div>
     <!-- Search -->
     <div class="search_popup fixed top-0 left-0 bg-red dark:bg-[#39434D] bg-opacity-90 dark:bg-opacity-80 backdrop-blur-[3px] dark:backdrop-blur-[7.5px] w-full h-screen z-[999] px-[15px] md:px-[30px] py-12 md:py-[70px] overflow-y-auto transform scale-90 opacity-0 invisible transition-all duration-300 flex items-center justify-center">
        <div class="container">
            <div class="relative max-w-4xl mx-auto hdr-search-wrapper">
                <button class="hdr_search_close w-[36px] h-[36px] absolute bottom-full md:top-0 right-0 flex items-center justify-center bg-title dark:bg-white text-white dark:text-title">
                    <svg class="fill-current" width="15" viewbox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M11.742 12.0717C11.6006 12.2131 11.445 12.2838 11.2753 12.2838C11.1056 12.2838 10.9501 12.2131 10.8086 12.0717L6.16295 7.42598L1.55968 12.0292C1.41826 12.1707 1.2627 12.2414 1.09299 12.2414C0.923289 12.2414 0.767726 12.1707 0.626304 12.0292L0.32932 11.7323C0.187898 11.5908 0.117187 11.4353 0.117188 11.2656C0.117187 11.0959 0.187898 10.9403 0.329319 10.7989L4.93258 6.19561L0.414172 1.6772C0.272751 1.53578 0.20204 1.38021 0.20204 1.21051C0.20204 1.0408 0.272751 0.885239 0.414172 0.743817L0.73237 0.42562C0.873792 0.284198 1.02935 0.213487 1.19906 0.213487C1.36877 0.213488 1.52433 0.284198 1.66575 0.42562L6.18416 4.94403L10.8086 0.319553C10.9501 0.178132 11.1056 0.107421 11.2753 0.107422C11.445 0.107422 11.6006 0.178133 11.742 0.319554L12.039 0.616539C12.1804 0.75796 12.2511 0.913524 12.2511 1.08323C12.2511 1.25293 12.1804 1.4085 12.039 1.54992L7.41453 6.1744L12.0602 10.8201C12.2016 10.9615 12.2724 11.1171 12.2724 11.2868C12.2724 11.4565 12.2016 11.612 12.0602 11.7535L11.742 12.0717Z"></path>
                    </svg>
                </button>
    
                <div class="bg-white dark:bg-title py-8 sm:py-10 md:py-[60px] px-5 sm:px-8">
                    <!-- Tags -->
                    <div class="mt-10 md:mt-12">
                        <h4 class="font-medium leading-none"><i class="fa-solid fa-gear"></i> Dil Ayarı</h4>
                        <div class="flex flex-wrap gap-[10px] md:gap-[15px] mt-5 md:mt-6">
                            <a class="btn btn-theme-outline btn-xs" href="#" data-text="English"><span>English</span></a>
                            <a class="btn btn-theme-outline btn-xs" href="#" data-text="Türkçe"><span>Türkçe</span></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Header End -->
		
	<!-- Banner Start -->
    <div class="flex items-center gap-4 flex-wrap bg-overlay p-14 sm:p-16 before:bg-title before:bg-opacity-70" style="background-image:url('img/shortcode/breadcumb.jpg');">
        <div class="text-center w-full">
            <h2 class="text-white text-8 md:text-[40px] font-normal leading-none text-center">Diğer Ürünler</h2>
            <ul class="flex items-center justify-center gap-[10px] text-base md:text-lg leading-none font-normal text-white mt-3 md:mt-4 flex-wrap">
                <li><a href="#">BELKIS ESANS - Esans & Şişe</a></li>
                <li>/</li>
                <li class="text-primary">Diğer Ürünler</li>
            </ul>
        </div>
    </div>
    <!-- Banner End -->

	
	<!-- Ürünlerimiz -->
    <div class="s-py-50">
        <div class="container-fluid">
            <div class="max-w-[1720px] mx-auto">
                <!-- Title -->
                <div class="max-w-[547px] mx-auto mb-8 md:mb-12 text-center" data-aos="fade-up">
                    <img class="mx-auto" src="https://belkisesans.com.tr//deppo/image/wfavicon.ico"/>                 
                    <h2 class="mt-[15px] leading-none">Diğer Ürünler</h2>
                    <p class="mt-[10px] md:mt-[15px]">Belkıs Esans, yüksek kalite standartlarına uygun, güvenli ve verimli çözümler sunarak müşteri memnuniyetini ön planda tutar; ihtiyaçlara zamanında, hızlı etkili ve samimi bir yaklaşımla yanıt verir.</p>
                </div>
				
				<div class="max-w-[1720px] mx-auto grid grid-cols-1 sm:grid-cols-2 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-5 sm:gap-8 pt-8 md:pt-[50px]" data-aos="fade-up" data-aos-delay="200">
					
					
					<!-- Ürünler -->
					
					
					
					
					
				</div>
			
                
            </div>
        </div>
    </div>
    <!-- Ürünlerimiz / --><!-- Footer Start -->
    <div class="bg-title dark:bg-dark-secondary">
        <div class="container-fluid max-w-[1720px] mx-auto">
            <div class="py-[50px] border-b border-[#3A454F] flex items-start gap-10 justify-between flex-col xl:flex-row">
                <div class="max-w-md sm:mx-auto xl:mx-0 xl:max-w-[382px] w-full sm:text-center xl:text-left">
                    <a href=".">  
                        <img class="fill-current text-white sm:mx-auto xl:mx-0 w-[150px] sm:w-[200px]" viewbox="0 0 200 39" fill="none" src="img/logo/belkis-footer-logo.png">                                                       
                    </a>
                    <p class="mt-[15px] text-white" style="font-size: 15px;">Belkıs Esans, yüksek kalite standartlarına uygun, güvenli ve verimli çözümler sunarak müşteri memnuniyetini ön planda tutar; ihtiyaçlara zamanında, hızlı etkili ve samimi bir yaklaşımla yanıt verir.</p>
                </div>

                <div class="xl:max-w-[937px] w-full grid grid-cols-2 sm:grid-cols-3 lg:flex items-start justify-between gap-10">
                    <div>
                        <h4 class="leading-none mb-5 md:mb-6 text-xl text-white">Menü</h4>
                        <ul class="text-white leading-none flex flex-col gap-4">
                            <li class="duration-100 hover:text-primary inline-block group"><a class="text-underline-primary" href="#">Anasayfa</a></li>
							<li class="duration-100 hover:text-primary inline-block group"><a class="text-underline-primary" href="#">Biz Kimiz?</a></li>
							<li class="duration-100 hover:text-primary inline-block group"><a class="text-underline-primary" href="#">Belgelerimiz</a></li>
							<li class="duration-100 hover:text-primary inline-block group"><a class="text-underline-primary" href="#">Referanslarımız</a></li>
							<li class="duration-100 hover:text-primary inline-block group"><a class="text-underline-primary" href="#">Numune Talep Formu</a></li>
							<li class="duration-100 hover:text-primary inline-block group"><a class="text-underline-primary" href="#">İletişim</a></li>
                        </ul>
                    </div>
                   
                    <div>
                        <h4 class="leading-none mb-5 md:mb-6 text-xl text-white">Ürünlerimiz</h4>
                        <ul class="text-white leading-none flex flex-col gap-4">
                            <li class="duration-100 hover:text-primary inline-block group"><a class="text-underline-primary" href="#">Parfüm Esansları</a></li>
                            <li class="duration-100 hover:text-primary inline-block group"><a class="text-underline-primary" href="#">Genel Amaçlı Esanslar</a></li>
                            <li class="duration-100 hover:text-primary inline-block group"><a class="text-underline-primary" href="#">Kişisel Bakım Esansları</a></li>
                            <li class="duration-100 hover:text-primary inline-block group"><a class="text-underline-primary" href="#">Cam Şişeler</a></li>
							<li class="duration-100 hover:text-primary inline-block group"><a class="text-underline-primary" href="#">Pvc / Pet Şişeler</a></li>
							<li class="duration-100 hover:text-primary inline-block group"><a class="text-underline-primary" href="#">Diğer Ürünler</a></li>
                        </ul>
                    </div>
                   
                    <div>
                        <h4 class="leading-none mb-5 md:mb-6 text-xl text-white">Sosyal Ağlarımız</h4>
                        <ul class="text-white leading-none flex flex-col gap-4">
                            <li class="duration-100 hover:text-primary inline-block group"><a class="gap-3 flex items-center" href="#">
                                <i class="fa-brands fa-facebook"></i> Facebook
                            </a></li>
                            <li class="duration-100 hover:text-primary inline-block group"><a class="gap-3 flex items-center" href="#">
                                <i class="fa-brands fa-x-twitter"></i> Twitter
                            </a></li>
                            <li class="duration-100 hover:text-primary inline-block group"><a class="gap-3 flex items-center" href="#">
                                <i class="fa-brands fa-instagram"></i> Instagram
                            </a></li>
                            <li class="duration-100 hover:text-primary inline-block group"><a class="gap-3 flex items-center" href="#">
                                <i class="fa-brands fa-linkedin-in"></i> Linkedin
                            </a></li>
							<li class="duration-100 hover:text-primary inline-block group"><a class="gap-3 flex items-center" href="#">
                                <i class="fa-brands fa-tiktok"></i> Tiktok
                            </a></li>
							<li class="duration-100 hover:text-primary inline-block group"><a class="gap-3 flex items-center" href="#">
                                <i class="fa-brands fa-youtube"></i> Youtube
                            </a></li>
                        </ul>
                    </div>
                   
                    <div>
                        <h4 class="leading-none mb-5 md:mb-6 text-xl text-white">İletişim</h4>
                        <ul class="text-white leading-none flex flex-col gap-4">
                            <li class="duration-100 hover:text-primary inline-block group"><i class="fa-solid fa-location-dot"></i> <a class="text-underline-primary" href=""> Orucreis Mah. Giyimkent 2, <br><br>
							Sk. No:52/A Esenler / İSTANBUL</a></li>
                            <li class="duration-100 hover:text-primary inline-block group"><i class="fa-solid fa-phone"></i> <a class="text-underline-primary" href="tel:+902125033064">+90 (212) 503 30 64</a></li>
                            <li class="duration-100 hover:text-primary inline-block group"><i class="fa-solid fa-phone"></i> <a class="text-underline-primary" href="tel:+902125520085">+90 (212) 552 00 85</a></li>
							<li class="duration-100 hover:text-primary inline-block group"><i class="fa-solid fa-mobile"></i> <a class="text-underline-primary" href="tel:+905369343534">+90 (536) 934 35 34</a></li>
                            <li class="duration-100 hover:text-primary inline-block group"><i class="fa-solid fa-at"></i> <a class="text-underline-primary" href="mailto:belkisesans@hotmail.com">belkisesans@hotmail.com</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="py-5 md:py-[30px] text-center">
                <p class="text-white leadint-none">Belkıs Esans ve Plastik Sanayi Ticaret Limited Şirketi © 2025 Tüm Hakları Saklıdır. <i class="fa-solid fa-code"></i> Garanti Medya  </p>
            </div>
        </div>
    </div>
    <!-- Footer End -->
    <script src="js/scripts.js"></script>
</body>
</html>