<!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="Metaline" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="shortcut icon" href="https://metaline.com.tr//deppo/image/metaline.png" type="image/x-icon" />
    
    <meta name="google-site-verification" content="" />
    <meta name="yandex-verification" content="" />
	<!-- Google Tag Manager -->
	<script>
	(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
	new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
	j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
	'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
	})(window,document,'script','dataLayer','GTM-M5RJRVVV');
	</script>
	<!-- End Google Tag Manager -->
    
    <title>Metaline</title>
    <meta name="description" content="Metaline" />
    <meta name="keywords" content="Metaline" />
    <link rel="canonical" href="https://metaline.com.tr/" />

    <meta property="og:title" content="Metaline" />
    <meta property="og:type" content="web" />
    <meta property="og:site_name" content="Metaline" />
    <meta property="og:url" content="https://metaline.com.tr//?lang=lang1/" />
    <meta property="og:image" content="https://metaline.com.tr//https://metaline.com.tr//deppo/image/metaline.png" />
    <meta property="og:description" content="Metaline" />

    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:site" content="https://metaline.com.tr/" />
    <meta name="twitter:creator" content="@twitter" />
    <meta name="twitter:title" content="Metaline" />
    <meta name="twitter:description" content="Metaline" />
    <meta name="twitter:image" content="https://metaline.com.tr//https://metaline.com.tr//deppo/image/metaline.png" />
    <meta name="twitter:domain" content="https://metaline.com.tr//?lang=lang1/" />
    <style type="text/css">
    /****************** Switches ********************/
    #autosave input[type=checkbox] {
        display: none;
    }

    #autosave input[type="checkbox"]:checked + label:before {
        display: none;
    }

    .mini-switch + label {
        width: 40px;
        height: 20px;
        background: url('https://cdn.v3medya.com/wpanel/wpanel.png') no-repeat 0 -24px;
        background-position: -1px -311px;
        display: inline-block;
        padding: 0 0 0 0px;
        cursor: pointer;
    }

    .mini-switch:checked + label {
        width: 40px;
        height: 20px;
        background: url('https://cdn.v3medya.com/wpanel/wpanel.png') no-repeat 0 0px;
        background-position: -1px -287px;
        display: inline-block;
        padding: 0 0 0 0px;
        cursor: pointer;
    }

    #guncellendi {
        padding: 5px 10px;
        background-color: #FFFF00;
        color: #000;
        width: 100px;
        position: fixed;
        margin-left: 46%;
        z-index: 9999999999999999;
        display: none;
        text-align: center;
    }

    .v3statusac {
        position: fixed;
        left: 10px;
        z-index: 9999999999;
        cursor: pointer;
        font-size: 30px !important;
    }

    .v3status {
        background-color: #000;
        color: #fff;
        opacity: 0.8;
        position: fixed;
        display: block;
        left: -1px;
        top: -2px;
        margin: 0px;
        width: 101%;
        padding: 5px;
        border: solid 1px #ccc;
        z-index: 999999999;
        display: none;
    }

        .v3status ul {
            list-style: none;
            font-size: 13px;
        }

            .v3status ul li {
                float: left;
                padding: 5px;
                margin-left: 10px;
            }

                .v3status ul li a {
                    color: #fff;
                }
</style>
<div id="guncellendi">Güncellendi</div>
<div id="preload" style="display: none; width: 100%; height: 100%; padding: 20% 45%; position: fixed; margin: 0px; left: 0px; top: 0px; z-index: 999999999999;">
</div>
<div id="preload" style="display:none; width:100%; height:100%; padding:20% 45%; position:fixed; margin:0px; left:0px; top:0px; z-index:999999999999;"><img border="0" src="https://metaline.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://metaline.com.tr//deppo/tools/js/html5.js'></script><![endif]--> <script src='https://metaline.com.tr//deppo/tools/js/gen_validatorv4.js'></script> <script src='https://cdn.ckeditor.com/4.8.0/basic/ckeditor.js'></script> 

<script type="text/javascript">
    document.getElementsByTagName("body")[0].setAttribute("id", "watolye");

    function AjaxKaydet(){
        for(var dilan in CKEDITOR.instances)
            CKEDITOR.instances[dilan].updateElement();
        jQuery.ajax({type: "POST", url: "?panel/ilan/kilan/<?php echo $sayfa3?>",
            data: jQuery('#autosave').serialize(), success: function () {
                setTimeout(function () { jQuery('#guncellendi').fadeIn('slow'); }, 500);  setTimeout(function () { jQuery('#guncellendi').delay(3000).fadeOut('slow'); }, 500);
            }
        });
    }

    $(document).on('click','[data-form]',function(e){
        $('#preload').fadeIn('slow');
        e.preventDefault();
        var _this=$(this);
        $.post(_this.data('url'),$(_this.data('form')).find('input,textarea,select').serialize(),function(){
            show('mmesaj');
            $(_this.data('form'))[0].reset();
            $('#preload').fadeOut('slow');
        });
    });
    //data-url="func..php?func.=fmail" data-form="#iform"

    //!-- Göster/Gizle -->
    function hide(id){var divObject=document.getElementById(id); divObject.style.display="none";}
    function show(id){var divObject=document.getElementById(id); divObject.style.display="block";}
    //!-- Göster/Gizle -->

    function sgoster(id){
        setTimeout(function() {var divObject=document.getElementById(id); divObject.style.display="block";}, 0);
        setTimeout(function() {var divObject=document.getElementById(id); divObject.style.display="none";}, 3000);
    }

    jQuery(function(){
        jQuery('form.fcontrol button').prop('disabled',true);
    });

    jQuery(document).on('input','form.fcontrol input.icontrol',function(e){
        if(jQuery('form.fcontrol input.icontrol').filter(function() { return this.value == ""; }).length==0){
            jQuery('form.fcontrol').find('.alert1').remove();
            jQuery('form.fcontrol button').prop('disabled',false);
        }else{
            jQuery('form.fcontrol button').prop('disabled',true);
            if(jQuery('form.fcontrol').find('.alert1').length==0){
                jQuery('form.fcontrol').prepend('<div class="v3-row alert alert-danger alert1" style="padding:5px;">Formda boş alanlar var.</div><br>');
            }
        }
    });

    jQuery(function(){
        jQuery('form.fcontrol2 button').prop('disabled',true);
    });

    jQuery(document).on('input','form.fcontrol2 input.icontrol',function(e){
        if(jQuery('form.fcontrol2 input.icontrol').filter(function() { return this.value == ""; }).length==0){
            jQuery('form.fcontrol2').find('.alert2').remove();
            jQuery('form.fcontrol2 button').prop('disabled',false);
        }else{
            jQuery('form.fcontrol2 button').prop('disabled',true);
            if(jQuery('form.fcontrol2').find('.alert2').length==0){
                jQuery('form.fcontrol2').prepend('<div class="v3-row alert alert-danger alert2" style="padding:5px;">Formda boş alanlar var.</div><br>');
            }
        }
    });

    jQuery(function(){
        jQuery('form.fcontrol3 button').prop('disabled',true);
    });

    jQuery(document).on('input','form.fcontrol3 input.icontrol',function(e){
        if(jQuery('form.fcontrol3 input.icontrol').filter(function() { return this.value == ""; }).length==0){
            jQuery('form.fcontrol3').find('.alert3').remove();
            jQuery('form.fcontrol3 button').prop('disabled',false);
        }else{
            jQuery('form.fcontrol3 button').prop('disabled',true);
            if(jQuery('form.fcontrol3').find('.alert3').length==0){
                jQuery('form.fcontrol3').prepend('<div class="v3-row alert alert-danger alert3" style="padding:5px;">Formda boş alanlar var.</div><br>');
            }
        }
    });

    //<form class="fcontrol">
    //<input type="text" class="icontrol">
    //</form>

    //!-- Fade Out -->
    jQuery(window).load(function(){setTimeout(function(){
        jQuery('.v3_mbox').fadeOut() }, 3000);});
    //<div class="v3_mbox"></div>
    //!-- Fade Out -->

    //!-- Sadece Sayı -->
    function IsNumeric(nesne){var ValidChars = "0123456789.";
        var IsNumber=true;
        var Char;
        for (i = 0; i < nesne.value.length && IsNumber == true; i++){Char = nesne.value.charAt(i); 
            if (ValidChars.indexOf(Char) == -1) {// alert('Lütfen Sadece Sayısal Değer Giriniz')
                nesne.value = nesne.value.substring(0,i);
                break;}}
        return IsNumber;}
    //<input name="" type="text" onKeyUp="IsNumeric(this);">
    //!-- Sadece Sayı -->

    //!-- Font Boyut -->
    function degistir(kaynak, deger) {
        var hedef = document.getElementById(kaynak);
        var hedeffont = parseInt(hedef.style.fontSize, 10)
        hedef.style.fontSize = (hedeffont + parseInt(deger, 10)) + 'px';
    }
    //Kullanımı onClick="degistir('ContentID','2');"
    //!-- Font Boyut -->

    
    //!-- Lazyload -->

    //!-- LightBOX-1 -->


    //var frmvalidator = new Validator("FormID");
    //frmvalidator.addValidation("Zorunlu","req","Lütfen Adınızı Giriniz");
    //frmvalidator.addValidation("max50","maxlen=50");
    //frmvalidator.addValidation("Email","email");
    //frmvalidator.addValidation("Numara","numeric");
</script>





































<!--[if lt IE 9]>
    <script src="https://metaline.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://metaline.com.tr//deppo/tools/js/il-ilce.js"></script>
<script src="https://metaline.com.tr//deppo/tools/js/gen_validatorv4.js"></script>
<script src="https://cdn.ckeditor.com/4.4.7/basic/ckeditor.js"></script>

<!-- CSS here -->
      <link rel="stylesheet" href="assets/css/bootstrap.css">
      <link rel="stylesheet" href="assets/css/meanmenu.css">
      <link rel="stylesheet" href="assets/css/animate.css">
      <link rel="stylesheet" href="assets/css/swiper-bundle.css">
      <link rel="stylesheet" href="assets/css/slick.css">
      <link rel="stylesheet" href="assets/css/nouislider.css">
      <link rel="stylesheet" href="assets/css/backtotop.css">
      <link rel="stylesheet" href="assets/css/magnific-popup.css">
      <link rel="stylesheet" href="assets/css/nice-select.css">
      <link rel="stylesheet" href="assets/css/font-awesome-pro.css">
      <link rel="stylesheet" href="assets/css/elegant-icon.css">
      <link rel="stylesheet" href="assets/css/spacing.css">
      <link rel="stylesheet" href="assets/css/main.css">
	  <link rel="preconnect" href="https://fonts.googleapis.com">
	  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
	  <!-- Google tag (gtag.js) -->
		<script async src="https://www.googletagmanager.com/gtag/js?id=AW-16904891849"></script>
		<script>
		  window.dataLayer = window.dataLayer || [];
		  function gtag(){dataLayer.push(arguments);}
		  gtag('js', new Date());

		  gtag('config', 'AW-16904891849');
		</script>
		<!-- Event snippet for Ã–deme baÅŸlatma conversion page -->
		<script>
		  gtag('event', 'conversion', {
			  'send_to': 'AW-16904891849/u4otCMzhqqUaEMnb8Pw-',
			  'value': 1.0,
			  'currency': 'TRY'
		  });
		</script>

   </head>
   <body>


      <!-- pre loader area start -->
      <div id="loading">
         <div id="loading-center">
            <div id="loading-center-absolute">
               <!-- loading content here -->
               <div class="preloader__content text-center">
                  <div class="preloader__logo">
                     <img src="assets/img/logo/metaline.png" alt="">
                  </div>
                  <div id="tp-loading-bar" class="preloader__bar">
                     <div id="tp-loading-line" class="preloader__bar-inner"></div>
                  </div>
               </div>
            </div>
         </div>  
      </div>
      <!-- pre loader area end -->


      <!-- back to top start -->
      <div class="back-to-top-wrapper">
         <button id="back_to_top" type="button" class="back-to-top-btn">
            <svg width="12" height="7" viewBox="0 0 12 7" fill="none" xmlns="http://www.w3.org/2000/svg">
               <path d="M11 6L6 1L1 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
            </svg>               
         </button>
      </div>
      <!-- back to top end -->
    <!-- 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 area start -->
      <header>
         <div class="header__area header__transparent">
            <div class="header__top-10 d-none d-md-block">
               <div class="container">
                  <div class="row align-items-center">
                     <div class="col-xxl-9 col-xl-9 col-lg-9 col-md-10">
                        <div class="header__info">
                           <ul>
                              <li>
                                 <a href="mailto:export@metaline.com.tr">
                                    <span>
                                      <i class="fa-regular fa-envelope-open"></i>
                                    </span> 
                                    export@metaline.com.tr
                                 </a>
                              </li>
                              <li>
                                 <a href="tel:+905333122697" target="_blank">
                                    <span>
                                       <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                          <path d="M14.979 12.431C14.979 12.683 14.923 12.942 14.804 13.194C14.685 13.446 14.531 13.684 14.328 13.908C13.985 14.286 13.607 14.559 13.18 14.734C12.76 14.909 12.305 15 11.815 15C11.101 15 10.338 14.832 9.533 14.489C8.728 14.146 7.923 13.684 7.125 13.103C6.32 12.515 5.557 11.864 4.829 11.143C4.108 10.415 3.457 9.652 2.876 8.854C2.302 8.056 1.84 7.258 1.504 6.467C1.168 5.669 1 4.906 1 4.178C1 3.702 1.084 3.247 1.252 2.827C1.42 2.4 1.686 2.008 2.057 1.658C2.505 1.217 2.995 1 3.513 1C3.709 1 3.905 1.042 4.08 1.126C4.262 1.21 4.423 1.336 4.549 1.518L6.173 3.807C6.299 3.982 6.39 4.143 6.453 4.297C6.516 4.444 6.551 4.591 6.551 4.724C6.551 4.892 6.502 5.06 6.404 5.221C6.313 5.382 6.18 5.55 6.012 5.718L5.48 6.271C5.403 6.348 5.368 6.439 5.368 6.551C5.368 6.607 5.375 6.656 5.389 6.712C5.41 6.768 5.431 6.81 5.445 6.852C5.571 7.083 5.788 7.384 6.096 7.748C6.411 8.112 6.747 8.483 7.111 8.854C7.489 9.225 7.853 9.568 8.224 9.883C8.588 10.191 8.889 10.401 9.127 10.527C9.162 10.541 9.204 10.562 9.253 10.583C9.309 10.604 9.365 10.611 9.428 10.611C9.547 10.611 9.638 10.569 9.715 10.492L10.247 9.967C10.422 9.792 10.59 9.659 10.751 9.575C10.912 9.477 11.073 9.428 11.248 9.428C11.381 9.428 11.521 9.456 11.675 9.519C11.829 9.582 11.99 9.673 12.165 9.792L14.482 11.437C14.664 11.563 14.79 11.71 14.867 11.885C14.937 12.06 14.979 12.235 14.979 12.431Z" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10"/>
                                          <path d="M12.5497 5.89986C12.5497 5.47986 12.2207 4.83586 11.7307 4.31086C11.2827 3.82786 10.6877 3.44986 10.0997 3.44986" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                          <path d="M14.9997 5.9C14.9997 3.191 12.8087 1 10.0997 1" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                       </svg>
                                    </span>
                                    <a href="tel:+905056357139">+90 505 635 71 39</a>
                                 </a>
                              </li>
                              <li>
                                 <span>
                                    <span>
                                       <a href="#"><i class="fa-brands fa-instagram"></i></a>
                                    </span>
									<span>
                                       <a href="#"><i class="fa-solid fa-phone-volume"></i></a>
                                    </span>
                                    <span>
                                       <a href="https://wa.me/+905056357139?text=Merhabalar,%20ÃœrÃ¼nleriniz%20hakkÄ±nda%20bilgi%20almak%20istiyorum." target="_blank"><i class="fa-brands fa-whatsapp"></i></a>
                                    </span>
                                 </span>
                              </li>
                           </ul>
                        </div>
                     </div>
                     <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-2">
                        <div class="header__top-right d-flex justify-content-end align-items-center">
                           <div class="header__lang ml-30">
                              <i class="fa-solid fa-earth-europe"></i> <span class="header__lang-selected-lang tp-lang-toggle" id="tp-header-lang-toggle"> Diller</span>
                              <ul class="header__lang-list tp-lang-list">
								 <li><a href="?lang=lang1">TR</a></li>
								 <li><a href="?lang=lang2">EN</a></li>
                              </ul>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <div class="header__bottom header__bottom-border header__sticky" id="header-sticky">
               <div class="container">
                  <div class="mega-menu-wrapper p-relative">
                     <div class="row align-items-center">
                        <div class="col-xxl-2 col-xl-2 col-lg-2 col-md-4 col-sm-5 col-8">
                           <div class="logo">
                              <a href=".">
                                 <img class="logo-light" src="assets/img/logo/logo.png" alt="Metaline" style="width:150%;">
                                 <img class="logo-dark" src="assets/img/logo/logo.png" alt="Metaline" style="width:150%;">
                              </a>
                           </div>
                        </div>
                        <div class="col-xxl-8 col-xl-8 col-lg-8 d-none d-lg-block">
                           <div class="main-menu pl-55 main-menu-ff-space">
                              <nav id="mobile-menu">
                                <ul>
								
								<li class="">
									<a href=".">Anasayfa</a>
									
								</li>
								
								<li class="has-dropdown">
									<a href="#">Kurumsal</a>
									
									 <ul class="submenu">
									 
									  <li>
										<a href="?h1004/Hakkimizda">Hakkımızda</a>
									  </li>
									  
									  <li>
										<a href="?h1006/Soru-ve-Cevap">Metaline Kurumsal</a>
									  </li>
									  
									  <li>
										<a href="?f1089/Belgelerimiz">Belgelerimiz</a>
									  </li>
									  
									</ul>
									
								</li>
								
								<li class="has-dropdown">
									<a href="#">Ürünler</a>
									
								
								<ul class="submenu">
									
								 <li>
									<a href="?x3/direkler">Direkler</a>
								 </li>
								
								
								 <li>
									<a href="?x25/aydinlatma-armaturleri">Aydınlatma Armatürleri</a>
								 </li>
								
								
								 <li>
									<a href="?x31/korkuluklar">Korkuluklar</a>
								 </li>
								
								
								</ul>
									
								</li>
								
								<li class="has-dropdown">
									<a href="#">Hizmetler</a>
									
									 <ul class="submenu">
									 
									  <li>
										<a href="?h1041/servis-bakim">Servis & Bakım</a>
									  </li>
									  
									  <li>
										<a href="assets/pdf/AKSESUARLARI-POLE ACCESSORIES.pdf">Aksesuar</a>
									  </li>
									  
									</ul>
									
								</li>
								
								<li class="">
									<a href="?g1007/Talep-Formu">Talep Formu</a>
									
								</li>
								
								<li class="">
									<a href="https://metaline.com.tr/assets/pdf/METALINE-KATALOG-2025v.1.0.pdf">E-Katalog</a>
									
								</li>
								
								<li class="">
									<a href="?i1008/iletisim">İletişim</a>
									
								</li>
								
                                </ul>
                              </nav>
                              <!-- for wp -->
                              <div class="header__hamburger ml-50 d-none">
                                 <button type="button" class="hamburger-btn offcanvas-open-btn">
                                    <span></span>
                                    <span></span>
                                    <span></span>
                                 </button>
                              </div>
                           </div>
                        </div>
                        <div class="col-xxl-2 col-xl-2 col-lg-2 col-md-8 col-sm-7 col-4">
                           <div class="header__bottom-right d-flex justify-content-end align-items-center pl-30">
							<div class="header__btn-12 ml-70 d-none d-sm-block">
                                 <a href="https://wa.me/+905056357139?text=Merhabalar,%20ÃœrÃ¼nleriniz%20hakkÄ±nda%20bilgi%20almak%20istiyorum." target="_blank" class="header-btn-12 d-flex align-items-center">
                                    
                                    <div class="header-btn-12-icon">
                                       <span>
                                          <i class="fa-brands fa-whatsapp"></i>                                      
                                       </span>
                                    </div>
                                 </a>
                              </div>
                              <div class="header__hamburger ml-50 d-xl-none">
                                 <button type="button" class="hamburger-btn offcanvas-open-btn">
                                    <span></span>
                                    <span></span>
                                    <span></span>
                                 </button>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </header>
      <!-- header area end -->

      <!-- offcanvas area start -->
      <div class="offcanvas__full">
         <div class="offcanvas__full-wrapper d-flex flex-column justify-content-between">
            <div class="offcanvas__full-inner">
               <div class="offcanvas__close">
                  <button class="offcanvas__full-close-btn offcanvas-close-btn">
                     <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <g opacity="1">
                        <path d="M31 1L1 31" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                        <path d="M1 1L31 31" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                        </g>
                        </svg>                                               
                  </button>
               </div>
               <div class="offcanvas__full-content">
                  <div class="mobile-menu fix mb-40 menu-counter d-md-none"></div>
                  <div class="offcanvas__full-menu menu-counter d-none d-md-block">
                     <nav>
								<ul>
								
								<li class="">
									<a href=".">Anasayfa</a>
									
								</li>
								
								<li class="has-dropdown">
									<a href="#">Kurumsal</a>
									
									 <ul class="submenu">
									 
									  <li>
										<a href="?h1004/Hakkimizda">Hakkımızda</a>
									  </li>
									  
									  <li>
										<a href="?h1006/Soru-ve-Cevap">Metaline Kurumsal</a>
									  </li>
									  
									  <li>
										<a href="?f1089/Belgelerimiz">Belgelerimiz</a>
									  </li>
									  
									</ul>
									
								</li>
								
								<li class="has-dropdown">
									<a href="#">Ürünler</a>
									
								
								<ul class="submenu">
									
								 <li>
									<a href="?x3/direkler">Direkler</a>
								 </li>
								
								
								 <li>
									<a href="?x25/aydinlatma-armaturleri">Aydınlatma Armatürleri</a>
								 </li>
								
								
								 <li>
									<a href="?x31/korkuluklar">Korkuluklar</a>
								 </li>
								
								
								</ul>
									
								</li>
								
								<li class="">
									<a href="#">Hizmetler</a>
									
									 <ul class="submenu">
									 
									  <li>
										<a href="?h1041/servis-bakim">Servis & Bakım</a>
									  </li>
									  
									  <li>
										<a href="assets/pdf/AKSESUARLARI-POLE ACCESSORIES.pdf">Aksesuar</a>
									  </li>
									  
									</ul>
									
								</li>
								
								<li class="">
									<a href="?g1007/Talep-Formu">Talep Formu</a>
									
								</li>
								
								<li class="">
									<a href="https://metaline.com.tr/assets/pdf/METALINE-KATALOG-2025v.1.0.pdf">E-Katalog</a>
									
								</li>
								
								<li class="">
									<a href="?i1008/iletisim">İletişim</a>
									
								</li>
								
                                </ul>
                     </nav>
                  </div>
               </div>
            </div>
			
            <div class="offcanvas__full-footer">
               <div class="row align-items-center">
                  <div class="col-xl-3">
                     <div class="offcanvas__full-link">
                        <h4 class="offcanvas__info-item-title">İletişim</h4>
                              <p><a href="tel:#+905333122697">+90 533 312 26 97</a></p>
                              <p><a href="mailto:export@metaline.com.tr">export@metaline.com.tr</a></p>
                     </div>
                  </div>
				  <div class="col-xl-3">
                     <div class="offcanvas__full-link">
							  <h4 class="offcanvas__info-item-title">Harita & Yol Tarifi</h4>
                              <p><a href="#" target="_blank">Ä°ZZETTÄ°N MAH. ALTINOK CAD.CEYLANKENT SÄ°TESÄ° NO:22 Ã‡ATALCA/Ä°STANBUL</a></p>
                     </div>
                  </div>
                  <div class="col-xl-6 order-first order-xl-last">
                     <div class="offcanvas__full-right d-lg-flex justify-content-xl-end align-items-center">
                        <div class="offcanvas__info d-flex flex-wrap justify-content-lg-end align-items-center">
                           <div class="offcanvas__info-item">
                              
                           </div>
                           <div class="offcanvas__info-item">
                              
                           </div>
                        </div>
						<div class="diller">
							<li><a href="?lang=lang1">TR</li>
							<li><a href="?lang=lang2">EN</li>
						</div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
      <!-- offcanvas area end -->
	    <style>
    .vertical-button {
      position: fixed;
      top: 50%;
      left: 0;
      transform: translateY(-50%) rotate(90deg); /* Butonu dikey hale getir */
      background-color: #1e1e1e;
      color: white;
      padding: 10px 20px;
      font-family: Arial, sans-serif;
      font-size: 15px;
      cursor: pointer;
      border-radius: 8px 8px 0px 0;
      margin-left: -32px;
      z-index: 999;
    }
    .vertical-button:hover {
      background-color: #000;
    }
</style>
<div class="vertical-button">
  <a href="assets/pdf/METALINE-KATALOG-2025v.1.0.pdf" target="_blank">E-Katalog</a>
</div>
<main>

<section class="slider__area p-relative">
            <div class="slider__social d-none d-lg-block">
               <ul>
                  <a href="#"></a>
               </ul>
            </div>
            <div class="slider__active swiper-container">
               <div class="swiper-wrapper">
				
                  <div class="slider__item-8 p-relative z-index-1 slider__height-8 swiper-slide d-flex align-items-center">
                     <div class="slider__bg include-bg" data-background="deppo/slide/172957293261.jpeg"></div>
                     <div class="container">
                        <div class="row justify-content-center">
                           <div class="col-xxl-12">
                              <div class="slider__content text-center">
                                 <span class="slider__title-pre">Türkiye’nin Çeliğini Dünyanın Aydınlığına Dönüştürüyoruz.</span>
                                 <h6 class="slider__title">Metaline olarak, iş ortaklarımızla gerçekleştirdiğimiz projelerden aldığımız güçle, sektördeki yerimizi sağlamlaştırmaya ve geleceğe güvenle bakmaya devam ediyoruz.</h6>

                                 <div class="slider__form">
                                       <div class="slider__form-wrapper flex-wrap">
                                          <div class="slider__form-input">
                                            <button type="button" class="slider-form-btn tp-link-btn-3" onclick="window.location.href='https://metaline.com.tr/?x3/direkler';">
												Ürünleri İncele
												<i class="fa-regular fa-arrow-right"></i>
											</button>
                                          </div>
                                       </div>
                                 </div>
								 
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
				  
                  <div class="slider__item-8 p-relative z-index-1 slider__height-8 swiper-slide d-flex align-items-center">
                     <div class="slider__bg include-bg" data-background="deppo/slide/163851293261.jpg"></div>
                     <div class="container">
                        <div class="row justify-content-center">
                           <div class="col-xxl-12">
                              <div class="slider__content text-center">
                                 <span class="slider__title-pre">Türkiye’nin Çeliğini Dünyanın Aydınlığına Dönüştürüyoruz.</span>
                                 <h6 class="slider__title">Metaline olarak, iş ortaklarımızla gerçekleştirdiğimiz projelerden aldığımız güçle, sektördeki yerimizi sağlamlaştırmaya ve geleceğe güvenle bakmaya devam ediyoruz.</h6>

                                 <div class="slider__form">
                                       <div class="slider__form-wrapper flex-wrap">
                                          <div class="slider__form-input">
                                            <button type="button" class="slider-form-btn tp-link-btn-3" onclick="window.location.href='https://metaline.com.tr/?x3/direkler';">
												Ürünleri İncele
												<i class="fa-regular fa-arrow-right"></i>
											</button>
                                          </div>
                                       </div>
                                 </div>
								 
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
				  
                  <div class="slider__item-8 p-relative z-index-1 slider__height-8 swiper-slide d-flex align-items-center">
                     <div class="slider__bg include-bg" data-background="deppo/slide/163632293261.jpg"></div>
                     <div class="container">
                        <div class="row justify-content-center">
                           <div class="col-xxl-12">
                              <div class="slider__content text-center">
                                 <span class="slider__title-pre">Türkiye’nin Çeliğini Dünyanın Aydınlığına Dönüştürüyoruz.</span>
                                 <h6 class="slider__title">Metaline olarak, iş ortaklarımızla gerçekleştirdiğimiz projelerden aldığımız güçle, sektördeki yerimizi sağlamlaştırmaya ve geleceğe güvenle bakmaya devam ediyoruz.</h6>

                                 <div class="slider__form">
                                       <div class="slider__form-wrapper flex-wrap">
                                          <div class="slider__form-input">
                                            <button type="button" class="slider-form-btn tp-link-btn-3" onclick="window.location.href='https://metaline.com.tr/?x3/direkler';">
												Ürünleri İncele
												<i class="fa-regular fa-arrow-right"></i>
											</button>
                                          </div>
                                       </div>
                                 </div>
								 
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
				  
                  <div class="slider__item-8 p-relative z-index-1 slider__height-8 swiper-slide d-flex align-items-center">
                     <div class="slider__bg include-bg" data-background="deppo/slide/144431173252.jpg"></div>
                     <div class="container">
                        <div class="row justify-content-center">
                           <div class="col-xxl-12">
                              <div class="slider__content text-center">
                                 <span class="slider__title-pre">Türkiye’nin Çeliğini Dünyanın Aydınlığına Dönüştürüyoruz.</span>
                                 <h6 class="slider__title">Metaline olarak, iş ortaklarımızla gerçekleştirdiğimiz projelerden aldığımız güçle, sektördeki yerimizi sağlamlaştırmaya ve geleceğe güvenle bakmaya devam ediyoruz.</h6>

                                 <div class="slider__form">
                                       <div class="slider__form-wrapper flex-wrap">
                                          <div class="slider__form-input">
                                            <button type="button" class="slider-form-btn tp-link-btn-3" onclick="window.location.href='https://metaline.com.tr/?x3/direkler';">
												Ürünleri İncele
												<i class="fa-regular fa-arrow-right"></i>
											</button>
                                          </div>
                                       </div>
                                 </div>
								 
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
				  	
				  
                  
                  
               </div>
               <div class="main-slider-dot-8 d-none d-sm-flex"></div>
            </div>
            <div class="slider__nav d-none d-sm-block">
               <div class="slider__nav-arrow d-flex flex-column">
                  <button class="slider-button-8-next"><i class="fa-regular fa-chevron-right"></i></button>
                  <button class="slider-button-8-prev"><i class="fa-regular fa-chevron-left"></i></button>
               </div>
            </div>
            <div class="mouse-scroll mouse-scroll-8">
               <a href="#tpabout" class="mouse-scroll-btn"></a>
            </div>
         </section>
         <!-- slider area end -->

		<script>


const button = document.querySelector('.slider-button-8-next');


setInterval(() => {
    button.click();
}, 4000);

		 </script>
		 <!-- metaline - info -->
         <section class="about__me-info pb-90 pt-110">
            <div class="container">
               <div class="row">
                  <div class="col-xl-4 col-lg-3">
                     <span class="about__me-info-subtitle">Nasıl Yardımcı Olabiliriz?</span>
                  </div>
                  <div class="col-xl-8 col-lg-9">
                     <div class="about__me-info-content wow fadeInUp" data-wow-delay=".3s" data-wow-duration="1s">
                        <p><b>Metaline</b> olarak, sunduğumuz ürün kalitesiyle sizlere bağlılığımızı hissettiriyoruz. Misyonumuz, sizlere en kaliteli ürünü sunmak üzerine odaklanmıştır. </p>
                     </div>
                  </div>
               </div>
            </div>
         </section>
         <!-- metaline - info / -->
		 
		 <!-- metaline - yonlendirme / -->
         <section class="services__area">
            <div class="container">
               <div class="row">
                  
                  <div class="col-xxl-4 col-xl-4 col-lg-4 col-md-6">
                     <div class="services__item-9 mb-30 services__item-style-2 transition-3">
                        <div class="services__item-9-top d-flex align-items-start justify-content-between">
                           <div class="services__icon-9">
                              <span>
                               <a href="?f1089/Belgelerimiz"> <img src="assets/img/icon/metaline-icon.png"/>	</a>
                              </span>
                           </div>
                           <div class="services__btn-9">
                              <a href="?f1089/Belgelerimiz"><i class="fa-light fa-arrow-up-right"></i></a>
                           </div>
                        </div>
                        <div class="services__content-9">
                           <h3 class="services__title-9">
                              <a href="?f1089/Belgelerimiz">Belgelerimiz</a>
                           </h3>
                        </div>
                     </div>
                  </div>
				  
                  <div class="col-xxl-4 col-xl-4 col-lg-4 col-md-6">
                     <div class="services__item-9 mb-30 services__item-style-2 transition-3">
                        <div class="services__item-9-top d-flex align-items-start justify-content-between">
                           <div class="services__icon-9">
                              <span>
								<a href="?x3/aydinlatma-direkleri"> <img src="assets/img/icon/direk-icon.png" />  </a>
                              </span>
                           </div>
                           <div class="services__btn-9">
                              <a href="?x3/aydinlatma-direkleri"><i class="fa-light fa-arrow-up-right"></i></a>
                           </div>
                        </div>
                        <div class="services__content-9">
                           <h3 class="services__title-9">
                              <a href="?x3/aydinlatma-direkleri">Ürünleri İncele</a>
                           </h3>
                        </div>
                     </div>
                  </div>
				  
				  <div class="col-xxl-4 col-xl-4 col-lg-4 col-md-6">
                     <div class="services__item-9 services__item-style-2 mb-30 transition-3">
                        <div class="services__item-9-top d-flex align-items-start justify-content-between">
                           <div class="services__icon-9">
                              <span>
                                <a href="?i1008/iletisim"> <img src="assets/img/icon/telefon-icon.png" />  </a>
                              </span>
                           </div>
                           <div class="services__btn-9">
                              <a href="?i1008/iletisim"><i class="fa-light fa-arrow-up-right"></i></a>
                           </div>
                        </div>
                        <div class="services__content-9">
                           <span class="services-project"></span>
                           <h3 class="services__title-9">
                              <a href="?i1008/iletisim">Bize Ulaşın</a>
                           </h3>
                        </div>
                     </div>
                  </div>
				  
               </div>
            </div>
         </section>
         <!-- metaline - yonlendirme / -->
		 <style>
		 .blog__grid-item .blog__title-10 {
			font-size: 15px;
			line-height: 1.18;
			color: var(--tp-common-black);
			position: absolute;
			top: 80%;
			padding: 11px;
			background: rgb(201 201 201 / 81%);
			border-radius: 0px 10px 0px 0px;
			}
		 </style>
		 <!-- 
         <section class="postbox__area">
            <div class="postbox__wrapper postbox__style-2">

			   
               <div class="postbox__related grey-bg-7 pb-90 pt-95">
                  <div class="container">
                     <div class="row">
                        <div class="col-xl-12">
                           <h3 class="postbox__related-title">ÜRÜNLER</h3>
                        </div>
                     </div>
                     <div class="row">
					 
				
                        <div class="col-xxl-3 col-xl-4 col-lg-6 col-md-6">
                           <div class="blog__grid-item">
                              <div class="blog__item-10 white-bg transition-3 mb-30 fix">
                                 <div class="blog__thumb-10 w-img fix">
                                    <a href="?d1076/dairesel-kesitli-konik-aydinlatma-diregi">
                                       <img src="deppo/image/dairesel-kesitli-konik-aydinla-10325202343.jpg" alt="Dairesel Kesitli Konik Aydınlatma Direği">
                                    </a>
									<h3 class="blog__title-10">
                                          <a href="?d1076/dairesel-kesitli-konik-aydinlatma-diregi">Dairesel Kesitli Konik Aydınlatma Direği</a>
                                       </h3>
                                 </div>
                              </div>
                           </div>
                        </div>
				
                        <div class="col-xxl-3 col-xl-4 col-lg-6 col-md-6">
                           <div class="blog__grid-item">
                              <div class="blog__item-10 white-bg transition-3 mb-30 fix">
                                 <div class="blog__thumb-10 w-img fix">
                                    <a href="?d1109/galvanizli-poligon-aydinlatma-direkleri-">
                                       <img src="deppo/image/galvanizli-poligon-aydinlatma--3032682517.jpg" alt="Galvanizli Poligon Aydınlatma Direkleri ">
                                    </a>
									<h3 class="blog__title-10">
                                          <a href="?d1109/galvanizli-poligon-aydinlatma-direkleri-">Galvanizli Poligon Aydınlatma Direkleri </a>
                                       </h3>
                                 </div>
                              </div>
                           </div>
                        </div>
				
                        <div class="col-xxl-3 col-xl-4 col-lg-6 col-md-6">
                           <div class="blog__grid-item">
                              <div class="blog__item-10 white-bg transition-3 mb-30 fix">
                                 <div class="blog__thumb-10 w-img fix">
                                    <a href="?d1108/kamera-ve-mobese-direkleri">
                                       <img src="deppo/image/kamera-ve-mobese-direkleri-29326155339.jpg" alt="Kamera ve Mobese Direkleri">
                                    </a>
									<h3 class="blog__title-10">
                                          <a href="?d1108/kamera-ve-mobese-direkleri">Kamera ve Mobese Direkleri</a>
                                       </h3>
                                 </div>
                              </div>
                           </div>
                        </div>
				
                        <div class="col-xxl-3 col-xl-4 col-lg-6 col-md-6">
                           <div class="blog__grid-item">
                              <div class="blog__item-10 white-bg transition-3 mb-30 fix">
                                 <div class="blog__thumb-10 w-img fix">
                                    <a href="?d1039/projektor-direkleri">
                                       <img src="deppo/image/projektor-direkleri-2732523849.jpg" alt="Projektör Direkleri">
                                    </a>
									<h3 class="blog__title-10">
                                          <a href="?d1039/projektor-direkleri">Projektör Direkleri</a>
                                       </h3>
                                 </div>
                              </div>
                           </div>
                        </div>
				
                        <div class="col-xxl-3 col-xl-4 col-lg-6 col-md-6">
                           <div class="blog__grid-item">
                              <div class="blog__item-10 white-bg transition-3 mb-30 fix">
                                 <div class="blog__thumb-10 w-img fix">
                                    <a href="https://metaline.com.tr/?d1038/paratoner-direkleri">
                                       <img src="deppo/image/paratoner-direkleri-2732522406.jpeg" alt="Paratoner Direkleri">
                                    </a>
									<h3 class="blog__title-10">
                                          <a href="https://metaline.com.tr/?d1038/paratoner-direkleri">Paratoner Direkleri</a>
                                       </h3>
                                 </div>
                              </div>
                           </div>
                        </div>
				
                        <div class="col-xxl-3 col-xl-4 col-lg-6 col-md-6">
                           <div class="blog__grid-item">
                              <div class="blog__item-10 white-bg transition-3 mb-30 fix">
                                 <div class="blog__thumb-10 w-img fix">
                                    <a href="?d1068/demir-yollari-katener-sistemleri">
                                       <img src="deppo/image/demir-yollari-katener-sistemle-27325231019.jpg" alt="Demir Yolları Katener Sistemleri">
                                    </a>
									<h3 class="blog__title-10">
                                          <a href="?d1068/demir-yollari-katener-sistemleri">Demir Yolları Katener Sistemleri</a>
                                       </h3>
                                 </div>
                              </div>
                           </div>
                        </div>
				
                        <div class="col-xxl-3 col-xl-4 col-lg-6 col-md-6">
                           <div class="blog__grid-item">
                              <div class="blog__item-10 white-bg transition-3 mb-30 fix">
                                 <div class="blog__thumb-10 w-img fix">
                                    <a href="?d1035/dekoratif-aydinlatma-direkleri">
                                       <img src="deppo/image/dekoratif-aydinlatma-direkleri-101024134922.jpg" alt="Dekoratif Aydınlatma Direkleri">
                                    </a>
									<h3 class="blog__title-10">
                                          <a href="?d1035/dekoratif-aydinlatma-direkleri">Dekoratif Aydınlatma Direkleri</a>
                                       </h3>
                                 </div>
                              </div>
                           </div>
                        </div>
				
                        <div class="col-xxl-3 col-xl-4 col-lg-6 col-md-6">
                           <div class="blog__grid-item">
                              <div class="blog__item-10 white-bg transition-3 mb-30 fix">
                                 <div class="blog__thumb-10 w-img fix">
                                    <a href="?d1034/bayrak-direkleri">
                                       <img src="deppo/image/bayrak-direkleri-1832592317.jpg" alt="Bayrak Direkleri">
                                    </a>
									<h3 class="blog__title-10">
                                          <a href="?d1034/bayrak-direkleri">Bayrak Direkleri</a>
                                       </h3>
                                 </div>
                              </div>
                           </div>
                        </div>
				
                        <div class="col-xxl-3 col-xl-4 col-lg-6 col-md-6">
                           <div class="blog__grid-item">
                              <div class="blog__item-10 white-bg transition-3 mb-30 fix">
                                 <div class="blog__thumb-10 w-img fix">
                                    <a href="?d1098/omega-direkleri">
                                       <img src="deppo/image/omega-direk-2062518641.jpg" alt="Omega Direkleri">
                                    </a>
									<h3 class="blog__title-10">
                                          <a href="?d1098/omega-direkleri">Omega Direkleri</a>
                                       </h3>
                                 </div>
                              </div>
                           </div>
                        </div>
				
                        <div class="col-xxl-3 col-xl-4 col-lg-6 col-md-6">
                           <div class="blog__grid-item">
                              <div class="blog__item-10 white-bg transition-3 mb-30 fix">
                                 <div class="blog__thumb-10 w-img fix">
                                    <a href="?d1083/reklam-tabela-direkleri">
                                       <img src="deppo/image/totem-bilbordreklam-ve-tabela--183251201.jpg" alt="Reklam Tabela Direkleri">
                                    </a>
									<h3 class="blog__title-10">
                                          <a href="?d1083/reklam-tabela-direkleri">Reklam Tabela Direkleri</a>
                                       </h3>
                                 </div>
                              </div>
                           </div>
                        </div>
				
                        <div class="col-xxl-3 col-xl-4 col-lg-6 col-md-6">
                           <div class="blog__grid-item">
                              <div class="blog__item-10 white-bg transition-3 mb-30 fix">
                                 <div class="blog__thumb-10 w-img fix">
                                    <a href="?d1040/yonlendirme-ve-levha-direkleri">
                                       <img src="deppo/image/yonlendirme-ve-levha-direkleri-101024143913.jpg" alt="Yönlendirme Ve Levha Direkleri">
                                    </a>
									<h3 class="blog__title-10">
                                          <a href="?d1040/yonlendirme-ve-levha-direkleri">Yönlendirme Ve Levha Direkleri</a>
                                       </h3>
                                 </div>
                              </div>
                           </div>
                        </div>
				
                        <div class="col-xxl-3 col-xl-4 col-lg-6 col-md-6">
                           <div class="blog__grid-item">
                              <div class="blog__item-10 white-bg transition-3 mb-30 fix">
                                 <div class="blog__thumb-10 w-img fix">
                                    <a href="?d1069/mahya-diregi">
                                       <img src="deppo/image/mahya-diregi-1532522216.jpg" alt="Mahya Direği">
                                    </a>
									<h3 class="blog__title-10">
                                          <a href="?d1069/mahya-diregi">Mahya Direği</a>
                                       </h3>
                                 </div>
                              </div>
                           </div>
                        </div>
				
                        <div class="col-xxl-3 col-xl-4 col-lg-6 col-md-6">
                           <div class="blog__grid-item">
                              <div class="blog__item-10 white-bg transition-3 mb-30 fix">
                                 <div class="blog__thumb-10 w-img fix">
                                    <a href="?d1046/solar-aydinlatma">
                                       <img src="deppo/image/solar-aydinlatma-251024122758.jpg" alt="Solar Aydınlatma">
                                    </a>
									<h3 class="blog__title-10">
                                          <a href="?d1046/solar-aydinlatma">Solar Aydınlatma</a>
                                       </h3>
                                 </div>
                              </div>
                           </div>
                        </div>
				
                        <div class="col-xxl-3 col-xl-4 col-lg-6 col-md-6">
                           <div class="blog__grid-item">
                              <div class="blog__item-10 white-bg transition-3 mb-30 fix">
                                 <div class="blog__thumb-10 w-img fix">
                                    <a href="?d1045/ex-proof-aydinlatma-urunleri">
                                       <img src="deppo/image/ex-proof-aydinlatma-urunleri-251024125713.jpg" alt="Ex-Proof Aydınlatma Ürünleri">
                                    </a>
									<h3 class="blog__title-10">
                                          <a href="?d1045/ex-proof-aydinlatma-urunleri">Ex-Proof Aydınlatma Ürünleri</a>
                                       </h3>
                                 </div>
                              </div>
                           </div>
                        </div>
				
                        <div class="col-xxl-3 col-xl-4 col-lg-6 col-md-6">
                           <div class="blog__grid-item">
                              <div class="blog__item-10 white-bg transition-3 mb-30 fix">
                                 <div class="blog__thumb-10 w-img fix">
                                    <a href="?d1044/klasik-aydinlatma-urunleri">
                                       <img src="deppo/image/klasik-aydinlatma-urunleri-301024162339.jpg" alt="Klasik Aydınlatma Ürünleri">
                                    </a>
									<h3 class="blog__title-10">
                                          <a href="?d1044/klasik-aydinlatma-urunleri">Klasik Aydınlatma Ürünleri</a>
                                       </h3>
                                 </div>
                              </div>
                           </div>
                        </div>
				
                        <div class="col-xxl-3 col-xl-4 col-lg-6 col-md-6">
                           <div class="blog__grid-item">
                              <div class="blog__item-10 white-bg transition-3 mb-30 fix">
                                 <div class="blog__thumb-10 w-img fix">
                                    <a href="?d1043/led-aydinlatma-urunleri">
                                       <img src="deppo/image/led-aydinlatma-urunleri-251024125258.jpg" alt="Led Aydınlatma Ürünleri">
                                    </a>
									<h3 class="blog__title-10">
                                          <a href="?d1043/led-aydinlatma-urunleri">Led Aydınlatma Ürünleri</a>
                                       </h3>
                                 </div>
                              </div>
                           </div>
                        </div>
				
                        <div class="col-xxl-3 col-xl-4 col-lg-6 col-md-6">
                           <div class="blog__grid-item">
                              <div class="blog__item-10 white-bg transition-3 mb-30 fix">
                                 <div class="blog__thumb-10 w-img fix">
                                    <a href="?d1064/bahce-duvari-korkuluklari">
                                       <img src="deppo/image/yeni-urun-1522514041.jpeg" alt="Bahçe Duvarı Korkulukları">
                                    </a>
									<h3 class="blog__title-10">
                                          <a href="?d1064/bahce-duvari-korkuluklari">Bahçe Duvarı Korkulukları</a>
                                       </h3>
                                 </div>
                              </div>
                           </div>
                        </div>
				
					
                     </div>
                  </div>
               </div>
			   
			   

            </div>
         </section> -->
		 
		 
		 <!-- randevu -->
         <section class="portfolio__area pt-110 p-relative fix">
            <div class="container">
               <div class="row">
                  <div class="col-xxl-12 tp-load-item-count" data-show="4">
                     <div class="portfolio__metro-item tp-load-item pt-40 pb-40 p-relative z-index-1 mb-30">
                        <div class="portfolio__metro-thumb" data-background="assets/img/hizmetler/metaline-wall.jpg"></div>
                        <div class="row">
                           <div class="col-xxl-5 col-xl-5 col-lg-6 col-md-6">
                              <div class="portfolio__metro-content">
                                 <div class="portfolio__metro-category">
                                    <span>
                                       <a href="#">METALINE METAL SANAYİ TİC.LTD.ŞTİ.</a>
                                    </span>
                                 </div>
                                 <h3 class="portfolio__metro-title">
                                    METALINE METAL SANAYİ TİC.LTD.ŞTİ. <span class="section__title-highlight">WhatsApp!<br>
                              <svg width="220" height="27" viewBox="0 0 220 27" fill="none">
                                 <path d="M19.6407 15.2948C33.4481 12.464 47.2752 10.3031 61.24 8.63481C48.6133 9.07487 35.9865 9.33103 23.3729 9.29162C22.4743 9.29162 21.7396 8.54942 21.7396 7.64958C21.7462 6.74318 22.4808 6.00754 23.386 6.00754C60.8398 6.12577 138.464 3.57728 175.839 1.69222C185.81 1.18648 195.563 0.739778 205.534 0.477052C208.079 0.41137 210.63 0.280046 213.175 0.188091C214.5 0.142114 217.924 -0.0286769 218.403 0.0041639C219.761 0.0895499 219.964 1.27179 219.984 1.4557C220.036 1.8892 220.003 2.53954 219.242 3.03215C219.19 3.07156 218.895 3.25544 218.232 3.33426C181.198 7.74806 103.764 7.1897 66.6842 11.3079C51.0861 13.0485 35.6783 15.3606 20.3032 18.5133C14.9311 19.6102 11.8678 20.3064 7.57803 21.4493C14.649 23.3081 21.8971 24.3393 29.2173 24.891C29.2173 24.891 19.6407 27.474 12.386 25.9286C5.13134 24.3833 4.9674 24.221 1.33353 23.0321C0.493934 22.7628 0.238148 22.2375 0.133199 21.955C-0.0963783 21.3639 -0.0701445 20.7136 0.539874 20.1159C0.703857 19.9583 1.01869 19.7349 1.51064 19.5773C2.15346 19.3737 3.48499 19.1636 4.08189 18.9994C9.9853 17.3705 13.1535 16.6216 19.6407 15.2948Z" fill="currentColor"/>
                              </svg>
                           </span>
                                 </h3>
								 <br>
                                 <p><b>Bize ulaşmak çok kolay!</b><br> Daha hızlı ve sağlıklı iletişim için bizimle WhatsApp üzerinden hemen iletişime geçebilirisiniz. </p>

                                 <div class="portfolio__metro-btn">
                                    <a href="https://wa.me/+905333122697?text=Merhabalar,%20ÃœrÃ¼nleriniz%20hakkÄ±nda%20bilgi%20almak%20istiyorum." class="tp-btn-border">
									   WhatsApp İletişim
									   <span>
										  <svg width="26" height="9" viewBox="0 0 26 9" fill="none" xmlns="http://www.w3.org/2000/svg">
											 <path d="M21.6934 1L25 4.20003L21.6934 7.4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
											 <path d="M0.999999 4.19897H25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
										  </svg>
									   </span>
									</a>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
					 
                  </div>
               </div>
            </div>
         </section>
         <!-- randevu / -->        

      </main><!-- footer area start -->
      <footer>
         <div class="footer__area" data-bg-color="footer-bg">
            <div class="footer__top">
               <div class="container">
                  <div class="row">
                     <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-6 col-sm-6">
                        <div class="footer__widget mb-50 footer-col-1">
                           <div class="footer__logo">
                              <a href=".">
                                 <img src="assets/img/logo/footer-logo.png" alt="Metaline">
                              </a>
                           </div>

                           <div class="footer__widget-content">
                              <div class="footer__info">
                                 <p><i>Türkiye’nin Çeliğini Dünyanın Aydınlığına Dönüştürüyoruz.</i></p>
                                 
                                 <div class="footer__contact">
                                    <div class="footer__contact-call">
                                       <span><a href="tel:+905056357139"><i class="fa-solid fa-phone" style="color:#fff;"></i> +90 505 635 71 39</a></span>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                     <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-6 col-sm-6">
                        <div class="footer__widget mb-50 footer-col-2">
                           <h3 class="footer__widget-title">Menü</h3>

                           <div class="footer__widget-content">
                              <ul>
                                 <li><a href=".">Anasayfa</a></li>
                                 <li><a href="?h1004/Hakkimizda">Hakkımızda</a></li>
                                 <li><a href="?h1041/servis-bakim">Hizmetlerimiz</a></li>
                                 <li><a href="?g1007/Talep-Formu">Talep Formu</a></li>
                                 <li><a href="?i1008/iletisim">İletişim</a></li>
                              </ul>
                           </div>
                        </div>
                     </div>
                     <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-6 col-sm-6">
                        <div class="footer__widget mb-50 footer-col-3">
                           <h3 class="footer__widget-title">Ürünler</h3>

                           <div class="footer__widget-content">
                              <ul>
							  
                                 <li><a href="?x3/direkler">Direkler</a></li>
							
                                 <li><a href="?x25/aydinlatma-armaturleri">Aydınlatma Armatürleri</a></li>
							
                                 <li><a href="?x31/korkuluklar">Korkuluklar</a></li>
							
                              </ul>
                           </div>
                        </div>
                     </div>
                     <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-6 col-sm-6">
                        <div class="footer__widget mb-50 footer-col-4">
                           <h3 class="footer__widget-title">Sosyal Medya</h3>

                           <div class="footer__widget-content">
                              <div class="footer__app mb-30">
                                 <div class="footer__app-item">
                                    <a href="#" class="tp-btn-app"><i class="fa-brands fa-instagram"></i>
                                       Instagram</a>
                                 </div>
                                 <div class="footer__app-item">
                                    <a href="https://wa.me/+905333122697?text=Merhabalar,%20ÃœrÃ¼nleriniz%20hakkÄ±nda%20bilgi%20almak%20istiyorum." class="tp-btn-app"><i class="fa-brands fa-whatsapp"></i>
                                        WhatsApp</a>
                                 </div>
                              </div>
                              <div class="footer__qrcode d-flex align-items-center">
							  
								 
								 
                                 <div class="footer__qrcode-thumb mr-10">
                                    <a href="https://www.google.com/maps/dir/?api=1&destination=Ä°zzettin, 34540 Ã‡atalca/Ä°stanbul" target="_blank">
                                       <img src="assets/img/icon/qrcode.jpg" alt="">
                                    </a>
                                 </div>
								 <a href="https://www.google.com/maps/dir/?api=1&destination=Ä°zzettin, 34540 Ã‡atalca/Ä°stanbul" target="_blank">
                                 <div class="footer__qrcode-content">
                                    <p>Adres Tarifi Almak İster Misin?

                                    </p>
                                 </div></a>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <div class="footer__bottom">
               <div class="container">
                  <div class="footer__bottom-inner">
                     <div class="row">
                        <div class="col-sm-6">
                           <div class="footer__copyright">
                              <p>Metaline © 2025 Metaline Tüm Hakları Saklıdır!</p>
                           </div>
                        </div>
                        <div class="col-sm-6">
                           <div class="footer__link text-sm-end">
                              <a href="#"><i class="fa-solid fa-code"></i> Garanti Medya</a>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </footer>
      <!-- footer area end -->
      
      


      <!-- JS here -->
      <script src="assets/js/vendor/jquery.js"></script>
      <script src="assets/js/vendor/waypoints.js"></script>
      <script src="assets/js/bootstrap-bundle.js"></script>
      <script src="assets/js/meanmenu.js"></script>
      <script src="assets/js/swiper-bundle.js"></script>
      <script src="assets/js/slick.js"></script>
      <script src="assets/js/nouislider.js"></script>
      <script src="assets/js/magnific-popup.js"></script>
      <script src="assets/js/parallax.js"></script>
      <script src="assets/js/backtotop.js"></script>
      <script src="assets/js/nice-select.js"></script>
      <script src="assets/js/purecounter.js"></script>
      <script src="assets/js/wow.js"></script>
      <script src="assets/js/isotope-pkgd.js"></script>
      <script src="assets/js/imagesloaded-pkgd.js"></script>
      <script src="assets/js/main.js"></script>
   </body>
</html>