<!DOCTYPE html>
<html lang="tr" >

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="robots" content="index, follow">
    <title>&#x1F31F;Demircode | Mobil Uygulama &amp; Web Tasar&#x131;m, Yaz&#x131;l&#x131;m &amp; Dijital &#xC7;&#xF6;z&#xFC;mler | Demircode</title>
    <meta name="description" content="2011&#x27;den bu yana Mobil Uygulama Geli&#x15F;tirme, Web Tasar&#x131;m, &#xD6;zel Yaz&#x131;l&#x131;m Geli&#x15F;tirme ve Dijital &#xC7;&#xF6;z&#xFC;mler sunan teknoloji &#x15F;irketi. Ayl&#x131;k aboneliklerle Demircode yaz&#x131;l&#x131;mlar&#x131;n&#x131; kolay eri&#x15F;ebilir rakamlarla sahip olabilirsiniz. e-Ticaret, Online Rezervasyon,&#x130;K Yaz&#x131;l&#x131;mlar&#x131;, Hukuk Portal&#x131;, ERP, CRM ve &#xF6;zel yaz&#x131;l&#x131;m &#xE7;&#xF6;z&#xFC;mleri.">
    <link rel="canonical" href="https://sleekcapital.cfd/">
    <!-- Open Graph -->
    <meta property="og:title" content="&#x1F31F;Demircode | Mobil Uygulama &amp; Web Tasar&#x131;m, Yaz&#x131;l&#x131;m &amp; Dijital &#xC7;&#xF6;z&#xFC;mler">
    <meta property="og:description" content="2011&#x27;den bu yana Mobil Uygulama Geli&#x15F;tirme, Web Tasar&#x131;m, &#xD6;zel Yaz&#x131;l&#x131;m Geli&#x15F;tirme ve Dijital &#xC7;&#xF6;z&#xFC;mler sunan teknoloji &#x15F;irketi. Ayl&#x131;k aboneliklerle Demircode yaz&#x131;l&#x131;mlar&#x131;n&#x131; kolay eri&#x15F;ebilir rakamlarla sahip olabilirsiniz. e-Ticaret, Online Rezervasyon,&#x130;K Yaz&#x131;l&#x131;mlar&#x131;, Hukuk Portal&#x131;, ERP, CRM ve &#xF6;zel yaz&#x131;l&#x131;m &#xE7;&#xF6;z&#xFC;mleri.">
    <meta property="og:image" content="https://sleekcapital.cfd/img/og-default.png">
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://sleekcapital.cfd/">
    <meta property="og:site_name" content="Demircode">
    <meta property="og:locale" content="tr_TR">
    <!-- Twitter Card -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:site" content="@demircode">
    <meta name="twitter:title" content="&#x1F31F;Demircode | Mobil Uygulama &amp; Web Tasar&#x131;m, Yaz&#x131;l&#x131;m &amp; Dijital &#xC7;&#xF6;z&#xFC;mler">
    <meta name="twitter:description" content="2011&#x27;den bu yana Mobil Uygulama Geli&#x15F;tirme, Web Tasar&#x131;m, &#xD6;zel Yaz&#x131;l&#x131;m Geli&#x15F;tirme ve Dijital &#xC7;&#xF6;z&#xFC;mler sunan teknoloji &#x15F;irketi. Ayl&#x131;k aboneliklerle Demircode yaz&#x131;l&#x131;mlar&#x131;n&#x131; kolay eri&#x15F;ebilir rakamlarla sahip olabilirsiniz. e-Ticaret, Online Rezervasyon,&#x130;K Yaz&#x131;l&#x131;mlar&#x131;, Hukuk Portal&#x131;, ERP, CRM ve &#xF6;zel yaz&#x131;l&#x131;m &#xE7;&#xF6;z&#xFC;mleri.">
    <meta name="twitter:image" content="https://sleekcapital.cfd/img/og-default.png">
    <!-- hreflang -->
        <link rel="alternate" hreflang="tr" href="https://sleekcapital.cfd/">
        <link rel="alternate" hreflang="en" href="https://sleekcapital.cfd/en">
        <link rel="alternate" hreflang="de" href="https://sleekcapital.cfd/de">
        <link rel="alternate" hreflang="ar" href="https://sleekcapital.cfd/ar">
    <link rel="alternate" hreflang="x-default" href="https://sleekcapital.cfd/">
    <!-- Favicon -->
    <link rel="icon" href="/img/favicon.ico" type="image/x-icon">
    <link rel="shortcut icon" href="/img/favicon.ico" type="image/x-icon">
    <!-- Preconnect + Google Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link rel="dns-prefetch" href="https://www.google.com">
    <link rel="preload" href="https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'">
    <noscript b-lye9qdizv1><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap"></noscript>
    <!-- Critical CSS: inline for instant first paint -->
    <style>
:root{--font-default:"Hanken Grotesk",sans-serif;--font-style-two:"Manrope",sans-serif;--fontawesome:"Font Awesome 6 Pro";--black:#000;--dark:#01273B;--dark-secondary:#0e0e0e;--dark-optional:#20232b;--white:#fff;--white-secondary:#d8e3f0;--color-primary:#e74c3c;--color-secondary:#004E50;--color-style-two:#4b4be5;--color-heading:#04000b;--color-paragraph:#666;--box-shadow-primary:-1px 3px 10px 0 rgba(0,0,0,.6);--box-shadow-regular:0 2px 12px 0 #e7e7e7;--bg-gray:#E1F2F2;--bg-gray-secondary:#f1f3f5;--bg-gradient:linear-gradient(45deg,var(--color-primary) 0%,var(--color-secondary) 50%);--box-shadow:0 15px 20px -18px rgba(7,20,52,.15);--box-shadow-secondary:0 6px 12px rgba(0,0,0,.175);--box-shadow-extra:0 5px 50px 0 rgba(0,0,0,.15)}
html{scroll-behavior:smooth;margin:0;padding:0;width:100%}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}
img{border:none;outline:none;max-width:100%}img[width][height]:not(.logo):not(.preloader-logo){max-width:100%;height:auto}
a{outline:none;text-decoration:none;color:var(--color-heading)}a:active,a:focus{outline:none;text-decoration:none;color:var(--color-heading)}
.color-style-two a:hover{color:var(--color-style-two)}button{outline:medium none}ul{list-style-type:none}ul,li{margin:0;padding:0;list-style:none}
body{font-family:var(--font-default);font-size:17px;font-weight:400;line-height:1.8;overflow-x:hidden;background-color:var(--white);color:var(--color-paragraph);transition:all .3s ease-in-out}
h1,h2,h3,h4,h5,h6{color:var(--color-heading);line-height:1.2;letter-spacing:0;margin:0;margin-bottom:15px;font-weight:600}
h1{font-size:42px}h2{font-size:38px}h3{font-size:30px}h4{font-size:24px}h5{font-size:18px}h6{font-size:20px}
a,.btn,button{transition:all .35s ease-in-out;outline:medium none;text-decoration:none;font-weight:600}
p{color:var(--color-paragraph);margin:0 0 25px;text-transform:none;font-weight:400}
.item-center{display:flex;align-items:center}.bg-gray{background:var(--bg-gray)}.bg-dark{background-color:var(--dark)!important}
.bg-dark-secondary{background-color:var(--dark-secondary)}.bg-theme{background-color:var(--color-primary)}
.color-style-two .bg-theme{background-color:var(--color-style-two)}.text-light{color:var(--white)}
.text-light h1,.text-light h2,.text-light h3,.text-light h4,.text-light h5,.text-light h6,.text-light p,.text-light span,.text-light a{color:var(--white)}
.bg-dark p,.bg-dark-secondary p,.bg-dark-optional p{color:var(--white-secondary)}
.relative{position:relative}.overflow-hidden{overflow:hidden}
.default-padding,.default-padding-top,.default-padding-bottom,.default-padding-mx{position:relative}.default-padding{padding-top:150px;padding-bottom:150px}
.site-heading{margin-bottom:60px}.site-heading strong{display:inline-block;font-weight:600;position:relative;z-index:1}
.title{font-weight:600;font-size:52px;margin-top:-10px;line-height:1.2;display:block;color:var(--color-heading);margin-bottom:15px}
.text-light .title{color:var(--white)}.site-heading .title{margin-bottom:0}
.sub-title{text-transform:uppercase;font-weight:600;display:inline-block;position:relative;z-index:1;margin-bottom:20px;padding-left:25px;font-size:22px;line-height:1.2;color:var(--color-heading)}
.sub-title::after{position:absolute;left:0;top:50%;transform:translateY(-50%);content:"";height:8px;width:8px;background:var(--color-primary);z-index:-1;margin-top:2px}
.color-style-two .sub-title::after{background:var(--color-style-two)}
.sub-title::before{position:absolute;left:7px;top:50%;content:"";height:8px;width:8px;background:var(--color-primary);transform:translateY(-50%);opacity:.6;margin-top:-5px}
.color-style-two .sub-title::before{background:#ababf5}.site-heading p{margin-bottom:0;margin-top:25px}
.btn{display:inline-block;padding:14px 35px;background:var(--color-primary);font-weight:500;border-radius:8px;position:relative;color:var(--white);box-shadow:none!important;border:none;overflow:hidden;z-index:1;text-transform:capitalize}
.color-style-two .btn{background:var(--color-style-two)}.color-style-two .btn:hover{color:var(--white)}
.btn i{font-weight:400;transform:rotate(-45deg);margin-left:5px}
.btn-style-one:after{position:absolute;content:"";width:100%;height:0;top:0;left:0;z-index:-1;border-radius:5px;background-image:linear-gradient(315deg,var(--dark) 0%,var(--dark) 74%);transition:all .3s ease}
.btn-flex{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.top-bar-area{padding:8px 0;position:relative;border-bottom:1px solid #e7e7e7}
.top-bar-area .align-center{align-items:center}.top-bar-area.bg-gray{border:none}
.top-bar-area ul.item-flex{margin:0;padding:0;list-style:none;display:flex;column-gap:30px;row-gap:10px;flex-wrap:wrap}
.top-bar-area ul.item-flex li a{font-weight:500}.top-bar-area ul.item-flex i,.top-bar-area p i{margin-right:6px;color:var(--color-primary)}
.color-style-two .top-bar-area ul.item-flex i,.color-style-two .top-bar-area p i{color:var(--color-style-two)}
.top-bar-area.bg-gray li{color:var(--color-heading)}.top-bar-area p{margin-bottom:0}
.top-bar-area .social{margin:0;padding:0;list-style:none}
.top-bar-area .social li a{display:inline-flex;height:40px;width:40px;line-height:40px;border:1px solid #a8c5c5;border-radius:50%;text-align:center;align-items:center;justify-content:center}
.navbar .container,.navbar .container-fluid{display:block}.navbar{position:relative;padding:0}
.navbar .navbar-collapse.collapse{display:block!important;float:left;flex:inherit}
.dropdown-toggle::after{display:inline;margin:0;border:none;vertical-align:inherit}
.nav{padding-left:0;margin-bottom:0;list-style:none;display:block}.nav>li{position:relative;display:inline-block}
.nav>li>a{position:relative;display:block;padding:10px 15px}
.navbar-brand:hover,.navbar-brand:focus{text-decoration:none}.navbar-brand>img{display:block;height:45px}.navbar-brand{margin:0;padding:0;display:block}
.main-nav-content{display:flex;flex-wrap:wrap;align-items:center}.navbar .attr-right{float:right}
.main-nav-content .collapse{float:left;flex:inherit}
.navbar .attr-nav ul{margin:0;padding:0;list-style:none;display:flex;align-items:center;gap:30px}
.navbar .attr-right .attr-nav .call{display:flex;justify-content:right;align-items:center}
.navbar .attr-right .attr-nav .call p{margin-bottom:5px;line-height:1}
.navbar .attr-right .attr-nav .call h5{margin:0;font-weight:700;font-size:22px;letter-spacing:.6px}
.navbar .attr-right .attr-nav .call h5 a{padding:0!important;display:inline-block;text-transform:lowercase}
.navbar .attr-right .attr-nav .call i{display:inline-block;font-size:40px;margin-right:15px;position:relative;color:var(--color-primary)}
.color-style-two .navbar .attr-right .attr-nav .call i{color:var(--color-style-two)}
.validnavs a{font-weight:600;text-transform:capitalize}nav.validnavs .container{position:relative}
nav.navbar.validnavs{background-color:var(--white);border-radius:0;border:none;margin:0;z-index:100}
nav.navbar.validnavs.navbar-fixed{display:block;width:100%;z-index:100;box-shadow:0 8px 25px 0 rgba(0,0,0,.04);top:0}
nav.navbar.validnavs.navbar-fixed.no-background{display:block;position:absolute;width:100%;z-index:100}
nav.navbar.validnavs .navbar-toggle{margin:0;background:transparent;border:none;font-size:25px;padding:30px 0}
.nav:before,.nav:after,.navbar:before,.navbar:after,.navbar-header:before,.navbar-header:after,.navbar-collapse:before,.navbar-collapse:after{display:table;content:" "}
.nav:after,.navbar:after,.navbar-header:after,.navbar-collapse:after{clear:both}
nav.navbar.validnavs ul.nav>li.dropdown>a.dropdown-toggle::after{content:"\f107";font-family:var(--fontawesome);margin-left:7px;border:none;font-weight:400;transition:all .35s ease-in-out;top:1px;position:relative}
@media(min-width:1024px){nav.navbar ul.nav>li>a{padding:30px 13px;font-weight:600;text-transform:uppercase;font-size:16px;position:relative}.navbar-toggle{display:none}nav.navbar.validnavs.navbar-fixed{position:absolute;background:transparent;box-shadow:none}nav.navbar.validnavs.navbar-fixed.sticked{box-shadow:var(--box-shadow)}nav.navbar.validnavs.no-background{background-color:transparent;border:none}nav.navbar.validnavs.no-background.white ul.nav>li>a{color:var(--white)}nav.navbar.validnavs.navbar-fixed.no-background .logo-scrolled{display:none}nav.navbar.validnavs.navbar-fixed.no-background .logo-display{display:block}nav.navbar.validnavs.navbar-fixed .logo-display{display:none}nav.navbar.validnavs.navbar-fixed .logo-scrolled{display:block}.navbar-transparent.inc-top-bar{margin-top:59px!important}nav.navbar.validnavs.navbar-fixed.no-background.inc-topbar{top:55px}}
@media only screen and (min-width:1024px) and (max-width:1399px){nav.navbar ul.nav>li>a{padding:30px 10px;font-size:14px}}
@media(max-width:1023px){.navbar .attr-right .attr-nav .call h5 a{color:var(--color-heading)}.navbar .attr-right .attr-nav .call i{color:var(--color-primary)}}
@media(max-width:991px){.navbar .attr-right .attr-nav li.contact{display:none}}
.sticked{position:fixed!important;width:100%;top:0;z-index:100;background:#fff!important;box-shadow:0 8px 25px 0 rgba(0,0,0,.04)}
nav.navbar.validnavs.bg-dark.sticked{background:var(--dark)!important;box-shadow:0 1px 3px 0 rgba(18,20,32,.14)}
.banner-style-two{position:relative;z-index:1;overflow:hidden;padding-top:60px}
.banner-style-two,.banner-style-two div{height:100vh}.banner-style-two .row div{height:auto}
.banner-style-two .shape{position:absolute;right:0;bottom:0;max-height:50%!important;z-index:-1;width:50%}
.banner-style-two-content h2{font-size:70px;margin-bottom:20px;line-height:1.1}
@media(min-width:1024px){.banner-style-two-content p{padding-right:15%}}
.skip-to-content{position:absolute;left:-9999px;top:auto;z-index:99999;padding:10px 20px;background:var(--color-primary);color:#fff;font-size:14px;font-weight:600;text-decoration:none;border-radius:0 0 4px 4px}
.skip-to-content:focus{left:16px;top:0;color:#fff}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}
.lang-switcher{position:relative;display:inline-flex;align-items:center;margin-right:20px;z-index:9999}
.lang-current{display:inline-flex;align-items:center;gap:5px;background:none;border:none;cursor:pointer;font-size:13px;font-weight:600;color:var(--color-heading);padding:4px 0;line-height:1}
.lang-current i{font-size:8px;transition:transform .2s}.lang-switcher.open .lang-current i{transform:rotate(180deg)}
.lang-menu{position:absolute;top:100%;right:0;margin-top:6px;background:#fff;border-radius:4px;box-shadow:0 4px 16px rgba(0,0,0,.1);list-style:none;padding:4px 0;min-width:130px;opacity:0;visibility:hidden;transform:translateY(6px);transition:all .2s ease}
.lang-switcher.open .lang-menu{opacity:1;visibility:visible;transform:translateY(0)}
.lang-menu li a{display:flex;align-items:center;gap:8px;padding:7px 14px;font-size:13px;font-weight:600;color:#555;text-decoration:none!important;transition:background .15s}
.lang-menu li a span{font-weight:400;color:#999;font-size:12px}.lang-menu li.active a{color:var(--color-primary)}
h2.widget-title{font-size:1.25rem}
.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{--bs-gutter-x:1.5rem;--bs-gutter-y:0;width:100%;padding-right:calc(var(--bs-gutter-x)*.5);padding-left:calc(var(--bs-gutter-x)*.5);margin-right:auto;margin-left:auto}
.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1*var(--bs-gutter-y));margin-right:calc(-.5*var(--bs-gutter-x));margin-left:calc(-.5*var(--bs-gutter-x))}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x)*.5);padding-left:calc(var(--bs-gutter-x)*.5);margin-top:var(--bs-gutter-y)}
.col-12{flex:0 0 auto;width:100%}.d-flex{display:flex!important}.align-items-center{align-items:center!important}.justify-content-end{justify-content:flex-end!important}.text-end{text-align:right!important}
@media(min-width:576px){.container,.container-sm{max-width:540px}}
@media(min-width:768px){.container,.container-md,.container-sm{max-width:720px}.col-md-6{flex:0 0 auto;width:50%}.col-md-12{flex:0 0 auto;width:100%}}
@media(min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}.col-lg-2{flex:0 0 auto;width:16.66666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-12{flex:0 0 auto;width:100%}}
@media(min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}.col-xl-2{flex:0 0 auto;width:16.66666667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.33333333%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-9{flex:0 0 auto;width:75%}}
@media(min-width:1400px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1410px}}
@media only screen and (max-width:767px){.title{font-size:36px;margin-top:0}.sub-title{margin-bottom:15px}.site-heading{margin-bottom:40px;font-size:36px;line-height:1.2}.site-heading p{padding:0}.default-padding{padding-top:70px;padding-bottom:70px}}
/* Bootstrap utilities (above-fold) */
.d-none{display:none!important}.d-block{display:block!important}.d-inline{display:inline!important}
.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}
.text-center{text-align:center!important}.fw-bold{font-weight:700!important}
.w-100{width:100%!important}.position-relative{position:relative!important}
.mb-0{margin-bottom:0!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}
.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}
.p-3{padding:1rem!important}.px-3{padding-left:1rem!important;padding-right:1rem!important}
.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}
.gap-2{gap:.5rem!important}
.rounded{border-radius:.375rem!important}
.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;border:1px solid #dee2e6;border-radius:.375rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}
.alert{position:relative;padding:1rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.375rem}
.alert-success{color:#0f5132;background-color:#d1e7dd;border-color:#badbcc}
.alert-danger{color:#842029;background-color:#f8d7da;border-color:#f5c2c7}
/* Preloader */
.demircode-preloader{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;z-index:99999;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .4s ease,visibility .4s ease}
.demircode-preloader.fade-out{opacity:0;visibility:hidden}
.demircode-preloader img{height:50px!important;width:auto!important;max-width:none!important;margin-bottom:24px}
.preloader-bar{width:180px;height:3px;background:#e9ecef;border-radius:3px;overflow:hidden}
.preloader-bar-inner{width:0;height:100%;background:var(--color-primary);border-radius:3px;animation:preloader-progress 1.2s ease-in-out infinite}
.color-style-two .preloader-bar-inner{background:var(--color-style-two)}
@keyframes preloader-progress{0%{width:0;margin-left:0}50%{width:70%;margin-left:15%}100%{width:0;margin-left:100%}}
/* Mobile menu logo */
nav.navbar.validnavs .navbar-collapse img.logo{height:50px;width:auto!important}
</style>
    <!-- CSS: Bootstrap sync (CLS koruması) + style/site async -->
    <link href="/css/bootstrap.min.css" rel="stylesheet">
    <link rel="preload" href="/css/style.css?v=7" as="style" onload="this.onload=null;this.rel='stylesheet'">
    <noscript b-lye9qdizv1><link href="/css/style.css?v=7" rel="stylesheet"></noscript>
    <link rel="preload" href="/css/site.css?v=63" as="style" onload="this.onload=null;this.rel='stylesheet'">
    <noscript b-lye9qdizv1><link href="/css/site.css?v=63" rel="stylesheet"></noscript>
    <!-- Non-layout CSS: async (ikonlar, pluginler) -->
    <link rel="preload" href="/css/vendor-icons.min.css?v=2" as="style" onload="this.onload=null;this.rel='stylesheet'">
    <noscript b-lye9qdizv1><link href="/css/vendor-icons.min.css?v=2" rel="stylesheet"></noscript>
    <link rel="preload" href="/css/vendor-plugins.min.css?v=2" as="style" onload="this.onload=null;this.rel='stylesheet'">
    <noscript b-lye9qdizv1><link href="/css/vendor-plugins.min.css?v=2" rel="stylesheet"></noscript>
    <!-- LCP: Hero görseli preload -->
    <link rel="preload" href="/img/hero-illustration.svg" as="image" type="image/svg+xml">
    
    
</head>

<body class="color-style-two">

    <!-- Preloader -->
    <div b-lye9qdizv1 class="demircode-preloader" id="demircode-preloader">
        <img src="/img/logo.png" alt="Demircode" width="180" height="79" class="preloader-logo">
        <div b-lye9qdizv1 class="preloader-bar"><div b-lye9qdizv1 class="preloader-bar-inner"></div></div>
    </div>
    <script>document.addEventListener('DOMContentLoaded',function(){var p=document.getElementById('demircode-preloader');if(p){p.classList.add('fade-out');setTimeout(function(){p.remove()},500)}});</script>

    <!-- Google Tag Manager (noscript) -->
    <noscript b-lye9qdizv1><iframe b-lye9qdizv1 src="https://www.googletagmanager.com/ns.html?id=GTM-W4WM5G7K"
    height="0" width="0" style="display:none;visibility:hidden" title="Google Tag Manager"></iframe></noscript>
    <!-- End Google Tag Manager (noscript) -->

    <!-- Skip to content -->
    <a b-lye9qdizv1 href="#main-content" class="skip-to-content">&#x130;&#xE7;eri&#x11F;e ge&#xE7;</a>



    <!-- Top Bar -->
    <div b-lye9qdizv1 class="top-bar-area bg-gray">
        <div b-lye9qdizv1 class="container">
            <div b-lye9qdizv1 class="row align-center">
                <div b-lye9qdizv1 class="col-xl-9 col-lg-9 info">
                    <div b-lye9qdizv1 class="address-info">
                        <ul b-lye9qdizv1 class="item-flex">
                                <li b-lye9qdizv1><i b-lye9qdizv1 class="fas fa-envelope-open-text"></i> info@sleekcapital.cfd</li>
                                <li b-lye9qdizv1><i b-lye9qdizv1 class="fas fa-clock"></i> Pazartesi - Cuma: 09:00 - 18:00</li>
                        </ul>
                    </div>
                </div>
                <div b-lye9qdizv1 class="col-xl-3 col-lg-3 text-end">
                    <div b-lye9qdizv1 class="d-flex justify-content-end align-items-center">
                        <!-- Quick Links -->
                        <div b-lye9qdizv1 class="topbar-links">
                            <a b-lye9qdizv1 href="https://demirhub.demircode.net/Career/Index" target="_blank" rel="noopener"><strong b-lye9qdizv1>DH</strong> DemirHub</a>
                            <span b-lye9qdizv1 class="topbar-sep">|</span>
                            <a b-lye9qdizv1 href="https://developer.sleekcapital.cfd/" target="_blank" rel="noopener"><strong b-lye9qdizv1>{}</strong> Developer</a>
                            <span b-lye9qdizv1 class="topbar-sep">|</span>
                            <a b-lye9qdizv1 href="https://demirhub.demircode.net" target="_blank" rel="noopener">Intranet</a>
                        </div>
                        <!-- Language Switcher -->
                        <div b-lye9qdizv1 class="lang-switcher">
                            <button b-lye9qdizv1 class="lang-current" aria-label="Change language">
                                TR <i b-lye9qdizv1 class="fas fa-chevron-down"></i>
                            </button>
                            <ul b-lye9qdizv1 class="lang-menu">
                                    <li b-lye9qdizv1 class="active"><a b-lye9qdizv1 href="/">TR <span b-lye9qdizv1>T&#xFC;rk&#xE7;e</span></a></li>
                                    <li b-lye9qdizv1 class=""><a b-lye9qdizv1 href="/en">EN <span b-lye9qdizv1>English</span></a></li>
                                    <li b-lye9qdizv1 class=""><a b-lye9qdizv1 href="/de">DE <span b-lye9qdizv1>Deutsch</span></a></li>
                                    <li b-lye9qdizv1 class=""><a b-lye9qdizv1 href="/ar">AR <span b-lye9qdizv1>&#x627;&#x644;&#x639;&#x631;&#x628;&#x64A;&#x629;</span></a></li>
                            </ul>
                        </div>
                        <!-- Social (inline icons) -->
                        <div b-lye9qdizv1 class="topbar-social">
 <a b-lye9qdizv1 href="https://www.facebook.com/demircode" target="_blank" rel="noopener" aria-label="Facebook"><i b-lye9qdizv1 class="fab fa-facebook-f"></i></a>  <a b-lye9qdizv1 href="https://twitter.com/demircode" target="_blank" rel="noopener" aria-label="Twitter"><i b-lye9qdizv1 class="fab fa-twitter"></i></a>  <a b-lye9qdizv1 href="https://www.linkedin.com/company/demircode" target="_blank" rel="noopener" aria-label="LinkedIn"><i b-lye9qdizv1 class="fab fa-linkedin-in"></i></a>  <a b-lye9qdizv1 href="https://www.instagram.com/demircode" target="_blank" rel="noopener" aria-label="Instagram"><i b-lye9qdizv1 class="fab fa-instagram"></i></a>                         </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Header -->
    <header b-lye9qdizv1>
        <nav b-lye9qdizv1 class="navbar mobile-sidenav navbar-default validnavs navbar-sticky navbar-style-two bg-dark" aria-label="Main navigation">

            <!-- Top Search -->
            <div b-lye9qdizv1 class="top-search">
                <div b-lye9qdizv1 class="container-xl">
                    <form action="/arama" method="get" role="search">
                        <div b-lye9qdizv1 class="input-group">
                            <span b-lye9qdizv1 class="input-group-addon"><i b-lye9qdizv1 class="fa fa-search"></i></span>
                            <label b-lye9qdizv1 for="site-search" class="sr-only">Ara...</label>
                            <input b-lye9qdizv1 type="text" class="form-control" name="q" id="site-search" placeholder="Ara...">
                            <span b-lye9qdizv1 class="input-group-addon close-search"><i b-lye9qdizv1 class="fa fa-times"></i></span>
                        </div>
                    </form>
                </div>
            </div>

            <div b-lye9qdizv1 class="container d-flex justify-content-between align-items-center">
                <!-- Logo -->
                <div b-lye9qdizv1 class="navbar-header">
                    <button b-lye9qdizv1 type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-menu" aria-label="Toggle navigation">
                        <i b-lye9qdizv1 class="fa fa-bars"></i>
                    </button>
                    <a b-lye9qdizv1 class="navbar-brand" href="/">
                        <img src="/img/logo-light.png" alt="Demircode" class="logo logo-display" width="180" height="79">
                        <img src="/img/logo-light.png" alt="Demircode" class="logo logo-scrolled" width="180" height="79">
                    </a>
                </div>

                <!-- Nav Links -->
                <div b-lye9qdizv1 class="collapse navbar-collapse" id="navbar-menu">
                    <img src="/img/logo.png" alt="Demircode" width="180" height="79" class="logo">
                    <button b-lye9qdizv1 type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-menu">
                        <i b-lye9qdizv1 class="fa fa-times"></i>
                    </button>

                    <ul b-lye9qdizv1 class="nav navbar-nav navbar-right" data-in="fadeInDown" data-out="fadeOutUp">
                                <li b-lye9qdizv1 class="">
                                    <a b-lye9qdizv1 href="/urunler" class="" >&#xDC;r&#xFC;nler</a>
                                </li>
                                <li b-lye9qdizv1 class="">
                                    <a b-lye9qdizv1 href="/hizmetler" class="" >Hizmetler</a>
                                </li>
                                <li b-lye9qdizv1 class="">
                                    <a b-lye9qdizv1 href="/projeler" class="" >Projeler</a>
                                </li>
                                <li b-lye9qdizv1 class="">
                                    <a b-lye9qdizv1 href="/#about" class="" >Hakk&#x131;m&#x131;zda</a>
                                </li>
                                <li b-lye9qdizv1 class="">
                                    <a b-lye9qdizv1 href="/blog" class="" >Blog</a>
                                </li>
                                <li b-lye9qdizv1 class="">
                                    <a b-lye9qdizv1 href="/destek" class="" >Destek</a>
                                </li>
                        <li b-lye9qdizv1 class="cta-nav-item">
                            <a b-lye9qdizv1 href="/teklif-al" class="btn-cta-nav">
                                Teklif Al <i b-lye9qdizv1 class="fas fa-arrow-right"></i>
                            </a>
                        </li>
                        <!-- Mobile Language Switcher (inside collapse menu) -->
                        <li b-lye9qdizv1 class="mobile-lang-item">
                            <div b-lye9qdizv1 class="mobile-lang-switcher">
                                    <a b-lye9qdizv1 href="/" class="mobile-lang-btn active">TR</a>
                                    <a b-lye9qdizv1 href="/en" class="mobile-lang-btn ">EN</a>
                                    <a b-lye9qdizv1 href="/de" class="mobile-lang-btn ">DE</a>
                                    <a b-lye9qdizv1 href="/ar" class="mobile-lang-btn ">AR</a>
                            </div>
                        </li>
                    </ul>
                </div>

                <!-- Mobile CTA + Phone (replaces attr-right on mobile) -->
                <div b-lye9qdizv1 class="mobile-nav-actions">
                    <a b-lye9qdizv1 href="tel:&#x2B;90 543 326 47 77" class="btn-phone-mobile phone-link" aria-label="Bizi Aray&#x131;n">
                        <i b-lye9qdizv1 class="fas fa-phone-alt"></i>
                    </a>
                    <a b-lye9qdizv1 href="/teklif-al" class="btn-cta-mobile btn-cta-nav">
                        Teklif Al
                    </a>
                </div>

                <!-- Right Attribute Nav -->
                <div b-lye9qdizv1 class="attr-right">
                    <div b-lye9qdizv1 class="attr-nav">
                        <ul b-lye9qdizv1>
                            <li b-lye9qdizv1 class="contact">
                                <div b-lye9qdizv1 class="call">
                                    <i b-lye9qdizv1 class="fas fa-phone-alt"></i>
                                    <div b-lye9qdizv1 class="info">
                                        <p b-lye9qdizv1>Bizi Aray&#x131;n</p>
                                        <h5 b-lye9qdizv1><a b-lye9qdizv1 href="tel:&#x2B;90 543 326 47 77" class="phone-link">&#x2B;90 543 326 47 77</a></h5>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>

            </div>

            <!-- Mobile Side Menu -->
            <div b-lye9qdizv1 class="side">
                <a b-lye9qdizv1 href="#" class="close-side"><i b-lye9qdizv1 class="fas fa-times"></i></a>
                <div b-lye9qdizv1 class="widget">
                    <div b-lye9qdizv1 class="logo">
                        <img src="/img/logo.png" alt="Demircode" width="180" height="79">
                    </div>
                    <p b-lye9qdizv1>2011&#x27;den bu yana web tasar&#x131;m, yaz&#x131;l&#x131;m ve dijital &#xE7;&#xF6;z&#xFC;mler sunuyoruz.</p>
                </div>
                <div b-lye9qdizv1 class="widget address">
                    <ul b-lye9qdizv1>
                            <li b-lye9qdizv1>
                                <div b-lye9qdizv1 class="content">
                                    <p b-lye9qdizv1>Adres</p>
                                    <strong b-lye9qdizv1>K&#xFC;&#xE7;&#xFC;kbakkalk&#xF6;y Mah. Kay&#x131;&#x15F;da&#x11F;&#x131; Cad. 137/1 &#xC7;elik Plaza Kat:3 No:9 Ata&#x15F;ehir/&#x130;stanbul</strong>
                                </div>
                            </li>
                            <li b-lye9qdizv1>
                                <div b-lye9qdizv1 class="content">
                                    <p b-lye9qdizv1>Email</p>
                                    <strong b-lye9qdizv1><a b-lye9qdizv1 href="mailto:info@sleekcapital.cfd">info@sleekcapital.cfd</a></strong>
                                </div>
                            </li>
                            <li b-lye9qdizv1>
                                <div b-lye9qdizv1 class="content">
                                    <p b-lye9qdizv1>Telefon</p>
                                    <strong b-lye9qdizv1><a b-lye9qdizv1 href="tel:&#x2B;90 543 326 47 77">&#x2B;90 543 326 47 77</a></strong>
                                </div>
                            </li>
                    </ul>
                </div>
                <!-- CTA Button in side menu -->
                <div b-lye9qdizv1 class="side-cta">
                    <a b-lye9qdizv1 href="/teklif-al" class="btn-cta-nav">
                        Teklif Al <i b-lye9qdizv1 class="fas fa-arrow-right"></i>
                    </a>
                </div>
                <!-- Language Switcher in side menu -->
                <div b-lye9qdizv1 class="side-lang">
                        <a b-lye9qdizv1 href="/" class="active">TR</a>
                        <a b-lye9qdizv1 href="/en" class="">EN</a>
                        <a b-lye9qdizv1 href="/de" class="">DE</a>
                        <a b-lye9qdizv1 href="/ar" class="">AR</a>
                </div>
                <div b-lye9qdizv1 class="widget social">
                    <ul b-lye9qdizv1 class="link">
 <li b-lye9qdizv1><a b-lye9qdizv1 href="https://www.facebook.com/demircode" target="_blank" rel="noopener" aria-label="Facebook"><i b-lye9qdizv1 class="fab fa-facebook-f"></i></a></li>  <li b-lye9qdizv1><a b-lye9qdizv1 href="https://twitter.com/demircode" target="_blank" rel="noopener" aria-label="Twitter"><i b-lye9qdizv1 class="fab fa-twitter"></i></a></li>  <li b-lye9qdizv1><a b-lye9qdizv1 href="https://www.linkedin.com/company/demircode" target="_blank" rel="noopener" aria-label="LinkedIn"><i b-lye9qdizv1 class="fab fa-linkedin-in"></i></a></li>  <li b-lye9qdizv1><a b-lye9qdizv1 href="https://www.instagram.com/demircode" target="_blank" rel="noopener" aria-label="Instagram"><i b-lye9qdizv1 class="fab fa-instagram"></i></a></li>                     </ul>
                </div>
            </div>
            <div b-lye9qdizv1 class="overlay-screen"></div>
        </nav>
    </header>

    <main b-lye9qdizv1 id="main-content">
        

<!-- ===== HERO BANNER ===== -->
<div class="banner-style-two bg-dark text-light" style="position:relative;overflow:hidden;z-index:1;">
    <div class="shape">
        <img src="/img/shape/hero-bg-shape.svg" alt="Shape" width="1920" height="600">
    </div>
    <div class="container">
        <div class="row align-items-center">
            <div class="col-xl-6 col-lg-6 pr-50 pr-md-15 pr-xs-15">
                <div class="banner-style-two-content">
                    <span class="sub-title">Web Tasar&#x131;m &amp; Yaz&#x131;l&#x131;m ve Mobil Uygulama Geli&#x15F;tirme Orta&#x11F;&#x131;n&#x131;z</span>
                    <h1>Dijital Dünyada <span>Güçlü</span> Çözümler</h1>
                    <div>
                        <p>
                            2011&#x27;den bu yana web tasar&#x131;m, yaz&#x131;l&#x131;m geli&#x15F;tirme ve mobil uygulama geli&#x15F;tirme alanlar&#x131;nda d&#xF6;n&#xFC;&#x15F;&#xFC;m odakl&#x131; &#xE7;&#xF6;z&#xFC;mler sunarak i&#x15F;letmelerin dijitalde &#xF6;l&#xE7;eklenmesini sa&#x11F;l&#x131;yoruz.
                        </p>
                        <div class="btn-flex">
                            <a href="/hizmetler" class="btn btn-style-one light">
                                Hizmetlerimiz
                            </a>
                            <a href="/teklif-al" class="btn btn-style-one">
                                Teklif Al <i class="fas fa-arrow-right"></i>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xl-6 col-lg-6">
                <div class="banner-two-dashbaord">
                    <img src="/img/hero-illustration.svg" alt="Yaz&#x131;l&#x131;m &#xC7;&#xF6;z&#xFC;mleri" width="600" height="500" fetchpriority="high">
                </div>
            </div>
        </div>
    </div>
</div>
<!-- ===== END HERO ===== -->

<!-- ===== PARTNER LOGOS ===== -->
<!-- ===== END PARTNERS ===== -->

<!-- ===== ABOUT + VIDEO ===== -->
    <div id="about" class="about-style-two-area default-padding" style="background-image: url(/img/shape/8-primary.png);">
        <div class="container">
            <div class="row align-items-center">
                <!-- Sol: Video / Görsel + İstatistikler + Güven Rozetleri -->
                <div class="col-lg-6">
                    <div class="about-left-area">
                        <!-- Video -->
                        <div class="about-style-two-thumb fade-amin-item">
                                <div class="embed-responsive embed-responsive-16by9" style="border-radius:12px;overflow:hidden">
                                    <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/gdbU1s9UWoA?si=2jeo4KlfYduskDnr" allowfullscreen loading="lazy"
                                            title="Biz Kimiz" style="width:100%;aspect-ratio:16/9;border:0"></iframe>
                                </div>
                        </div>

                        <!-- Mini İstatistik Kartları -->
                        <div class="about-stats-row fade-amin-item" data-delay="0.3">
                            <div class="about-stat-card">
                                <div class="about-stat-icon"><i class="fas fa-calendar-check"></i></div>
                                <div class="about-stat-info">
                                    <h3>15+</h3>
                                    <span>Y&#x131;ll&#x131;k Deneyim</span>
                                </div>
                            </div>
                            <div class="about-stat-card">
                                <div class="about-stat-icon"><i class="fas fa-project-diagram"></i></div>
                                <div class="about-stat-info">
                                    <h3>1500+</h3>
                                    <span>Tamamlanan Proje</span>
                                </div>
                            </div>
                            <div class="about-stat-card">
                                <div class="about-stat-icon"><i class="fas fa-users"></i></div>
                                <div class="about-stat-info">
                                    <h3>1000+</h3>
                                    <span>Mutlu M&#xFC;&#x15F;teri</span>
                                </div>
                            </div>
                        </div>

                        <!-- Güven Rozetleri -->
                        <div class="about-trust-bar fade-amin-item" data-delay="0.5">
                            <div class="about-trust-badge">
                                <i class="fas fa-award"></i>
                                <span>2011&#x27;den beri hizmetinizdeyiz</span>
                            </div>
                            <div class="about-trust-icons">
                                <div class="about-trust-icon-item">
                                    <div class="about-trust-icon"><i class="fas fa-shield-alt"></i></div>
                                    <small>G&#xFC;venli</small>
                                </div>
                                <div class="about-trust-icon-item">
                                    <div class="about-trust-icon"><i class="fas fa-certificate"></i></div>
                                    <small>Sertifikal&#x131;</small>
                                </div>
                                <div class="about-trust-icon-item">
                                    <div class="about-trust-icon"><i class="fas fa-headset"></i></div>
                                    <small>7/24</small>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Sağ: Başlık + Açıklama + Öne Çıkan Özellikler -->
                <div class="col-lg-6 pl-50 pl-md-15 pl-xs-15">
                    <div class="about-style-two-info">
                        <div class="site-heading">
                            <span class="sub-title fade-amin-item">Hakk&#x131;m&#x131;zda</span>
                            <div class="title split-text">Biz Kimiz</div>
                        </div>
                        <div class="fade-amin-item" data-delay="0.3">
<p>Demircode olarak 2011 yılından bu yana web tasarım, web yazılım, mobil uygulama geliştirme ve dijital pazarlama alanlarında hizmet vermekteyiz.</p><p>Müşterilerimize en son teknolojileri kullanarak yenilikçi çözümler sunuyor, iş süreçlerini dijitalleştiriyor ve büyümelerine katkıda bulunuyoruz.</p><p>Turizm, finans, e-ticaret ve kurumsal sektörlerde yüzlerce başarılı proje tamamladık.</p>                        </div>
                        <!-- Öne Çıkan Özellikler -->
                        <div class="about-features mt-30">
                            <div class="row">
                                <div class="col-md-6 mb-20 fade-amin-item" data-delay="0.4">
                                    <div class="about-feature-item">
                                        <div class="about-feature-icon">
                                            <i class="fas fa-code"></i>
                                        </div>
                                        <div class="about-feature-content">
                                            <h5>&#xD6;zel Yaz&#x131;l&#x131;m</h5>
                                            <p>&#x130;htiyac&#x131;n&#x131;za &#xF6;zel &#xE7;&#xF6;z&#xFC;mler</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6 mb-20 fade-amin-item" data-delay="0.5">
                                    <div class="about-feature-item">
                                        <div class="about-feature-icon">
                                            <i class="fas fa-shield-alt"></i>
                                        </div>
                                        <div class="about-feature-content">
                                            <h5>G&#xFC;venilir Altyap&#x131;</h5>
                                            <p>Kurumsal d&#xFC;zeyde g&#xFC;venlik</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6 mb-20 fade-amin-item" data-delay="0.6">
                                    <div class="about-feature-item">
                                        <div class="about-feature-icon">
                                            <i class="fas fa-headset"></i>
                                        </div>
                                        <div class="about-feature-content">
                                            <h5>7/24 Destek</h5>
                                            <p>Her zaman yan&#x131;n&#x131;zday&#x131;z</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6 mb-20 fade-amin-item" data-delay="0.7">
                                    <div class="about-feature-item">
                                        <div class="about-feature-icon">
                                            <i class="fas fa-rocket"></i>
                                        </div>
                                        <div class="about-feature-content">
                                            <h5>H&#x131;zl&#x131; Teslimat</h5>
                                            <p>Zaman&#x131;nda proje teslimi</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <a href="/hakkimizda" class="btn btn-style-one mt-15 fade-amin-item" data-delay="0.8">
                            Daha Fazla <i class="fas fa-arrow-right"></i>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
<!-- ===== END ABOUT ===== -->

<!-- ===== PRODUCTS ===== -->
    <div class="products-showcase-area default-padding bg-dark text-light" style="background-image: url(/img/shape/9.jpg); background-size: cover;">
        <div class="container">
            <!-- Başlık -->
            <div class="row">
                <div class="col-lg-8 offset-lg-2">
                    <div class="site-heading text-center">
                        <span class="sub-title fade-amin-item text-light">&#xDC;r&#xFC;nlerimiz</span>
                        <div class="title split-text text-light">Hazır <span>Yazılım Ürünlerimiz</span></div>
                    </div>
                    <p class="text-center fade-amin-item" style="color: rgba(255,255,255,0.7); margin-top: -10px;">Y&#x131;llarca edindi&#x11F;imiz tecr&#xFC;beyle geli&#x15F;tirdi&#x11F;imiz, hemen kullan&#x131;ma haz&#x131;r yaz&#x131;l&#x131;m &#xE7;&#xF6;z&#xFC;mlerimiz.</p>
                </div>
            </div>
            <!-- Fiyatlandırma Filtre -->
            <div class="pricing-filter-area text-center mt-10 mb-20 fade-amin-item">
                <p class="pricing-filter-desc text-light" style="opacity:0.7">&#xDC;r&#xFC;nlerimizin baz&#x131;lar&#x131; sat&#x131;l&#x131;yor, baz&#x131;lar&#x131; kiralan&#x131;yor ve baz&#x131;lar&#x131; i&#xE7;in &#xF6;zel teklif alarak ilerleniyor.</p>
                <div class="pricing-filter-tabs">
                    <button class="pricing-tab active" data-pricing="all" data-target="product">
                        <i class="fas fa-th-large"></i> T&#xFC;m&#xFC;
                    </button>
                    <button class="pricing-tab" data-pricing="Quote" data-target="product">
                        <i class="fas fa-file-invoice"></i> Teklif Al
                    </button>
                    <button class="pricing-tab" data-pricing="Subscription" data-target="product">
                        <i class="fas fa-sync-alt"></i> Kirala | Abone Ol
                    </button>
                    <button class="pricing-tab" data-pricing="Purchase" data-target="product">
                        <i class="fas fa-shopping-cart"></i> Sat&#x131;n Al
                    </button>
                </div>
            </div>
            <!-- Segment Tab'ları -->
                <div class="product-segment-tabs text-center mt-10 mb-30 fade-amin-item">
                    <button class="segment-tab active" data-segment="all">
                        <i class="fas fa-th-large"></i> T&#xFC;m&#xFC;
                    </button>
                        <button class="segment-tab" data-segment="turizm-ve-acente-yazilimi">
                            <i class="fas fa-plane-departure"></i> Turizm ve Acente Yaz&#x131;l&#x131;m&#x131;
                        </button>
                        <button class="segment-tab" data-segment="erp-yazilimi">
                            <i class="fas fa-industry"></i> ERP Yaz&#x131;l&#x131;m&#x131;
                        </button>
                        <button class="segment-tab" data-segment="api-servisleri">
                            <i class="fas fa-plug"></i> API Servisleri
                        </button>
                        <button class="segment-tab" data-segment="web-ve-mobil-app">
                            <i class="fas fa-mobile-alt"></i> Web ve Mobil App
                        </button>
                </div>
            <!-- Ürün Kartları -->
            <div class="row mt-10" id="product-grid">
                    <div class="col-lg-4 col-md-6 mb-30 fade-amin-item product-card-item" data-segment="turizm-ve-acente-yazilimi" data-pricing="Quote" data-delay="0,2">
                        <div class="product-showcase-card" style="--card-accent: #e74c3c;">
                            <div class="product-showcase-header">
                                <div class="product-showcase-icon">
                                    <i class="fas fa-plane-departure"></i>
                                </div>
                                <div class="product-showcase-badge">Turizm ve Acente Yaz&#x131;l&#x131;m&#x131;</div>
                            </div>
                            <a href="/urunler/ores-otel-rezervasyon-sistemi" class="pricing-badge pricing-badge-link pricing-quote">Teklif Al</a>
                            <div class="product-showcase-content">
                                <h4><a href="/urunler/ores-otel-rezervasyon-sistemi">ORES - Online Otel Rezervasyon ve B2C Booking Engine</a></h4>
                                <p>Misafirlerinize Booking.com deneyimi sunan, SEO uyumlu otel arama ve rezervasyon motoru. Otel detay sayfalar&#x131;, g&#xFC;venli &#xF6;deme, m&#xFC;&#x15F;teri paneli, iptal y&#xF6;netimi ve sadakat program&#x131; ile u&#xE7;tan uca B2C online sat&#x131;&#x15F; altyap&#x131;s&#x131;. Whitelabel olarak kendi markan&#x131;zla kullan&#x131;n.</p>
                                    <div class="product-showcase-tags">
                                            <span class="product-tag">Turizm</span>
                                            <span class="product-tag">Portal Geli&#x15F;tirme</span>
                                            <span class="product-tag">Rezervasyon</span>
                                            <span class="product-tag">SaaS</span>
                                    </div>
                                <a href="/urunler/ores-otel-rezervasyon-sistemi" class="product-showcase-btn">
                                    &#x130;ncele <i class="fas fa-arrow-right"></i>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 mb-30 fade-amin-item product-card-item" data-segment="turizm-ve-acente-yazilimi" data-pricing="Quote" data-delay="0,30000000000000004">
                        <div class="product-showcase-card" style="--card-accent: #e74c3c;">
                            <div class="product-showcase-header">
                                <div class="product-showcase-icon">
                                    <i class="fas fa-plane-departure"></i>
                                </div>
                                <div class="product-showcase-badge">Turizm ve Acente Yaz&#x131;l&#x131;m&#x131;</div>
                            </div>
                            <a href="/urunler/demircode-ota-suite-butunlesik-seyahat-ekosistemi" class="pricing-badge pricing-badge-link pricing-quote">Teklif Al</a>
                            <div class="product-showcase-content">
                                <h4><a href="/urunler/demircode-ota-suite-butunlesik-seyahat-ekosistemi">Demircode OTA Suite - B&#xFC;t&#xFC;nle&#x15F;ik Seyahat Teknolojileri Ekosistemi</a></h4>
                                <p>Otel y&#xF6;netimi (PMS), merkezi rezervasyon motoru (OTA Hub API), B2B acente portali ve B2C online booking engine&#x27;i tek bir ekosistem alt&#x131;nda birle&#x15F;tiren, seyahat de&#x11F;er zincirinin tamam&#x131;n&#x131; dijitalle&#x15F;tiren kurumsal seyahat teknolojileri platformu. Whitelabel olarak kendi markan&#x131;zla kullan&#x131;n.</p>
                                    <div class="product-showcase-tags">
                                            <span class="product-tag">.NET</span>
                                            <span class="product-tag">Rezervasyon</span>
                                            <span class="product-tag">SaaS</span>
                                            <span class="product-tag">B2B</span>
                                    </div>
                                <a href="/urunler/demircode-ota-suite-butunlesik-seyahat-ekosistemi" class="product-showcase-btn">
                                    &#x130;ncele <i class="fas fa-arrow-right"></i>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 mb-30 fade-amin-item product-card-item" data-segment="turizm-ve-acente-yazilimi" data-pricing="Quote" data-delay="0,4">
                        <div class="product-showcase-card" style="--card-accent: #e74c3c;">
                            <div class="product-showcase-header">
                                <div class="product-showcase-icon">
                                    <i class="fas fa-plane-departure"></i>
                                </div>
                                <div class="product-showcase-badge">Turizm ve Acente Yaz&#x131;l&#x131;m&#x131;</div>
                            </div>
                            <a href="/urunler/tursas-tur-operatoru-yonetim-sistemi" class="pricing-badge pricing-badge-link pricing-quote">Teklif Al</a>
                            <div class="product-showcase-content">
                                <h4><a href="/urunler/tursas-tur-operatoru-yonetim-sistemi">TURSAS - Tur Operat&#xF6;r&#xFC; Y&#xF6;netim Sistemi</a></h4>
                                <p>B2B ve B2C tur paketleri, transfer, ara&#xE7; kiralama ve u&#xE7;ak bileti sat&#x131;&#x15F; y&#xF6;netim sistemi.</p>
                                    <div class="product-showcase-tags">
                                            <span class="product-tag">API</span>
                                            <span class="product-tag">Turizm</span>
                                            <span class="product-tag">Rezervasyon</span>
                                            <span class="product-tag">SaaS</span>
                                    </div>
                                <a href="/urunler/tursas-tur-operatoru-yonetim-sistemi" class="product-showcase-btn">
                                    &#x130;ncele <i class="fas fa-arrow-right"></i>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 mb-30 fade-amin-item product-card-item" data-segment="turizm-ve-acente-yazilimi" data-pricing="Quote" data-delay="0,5">
                        <div class="product-showcase-card" style="--card-accent: #e74c3c;">
                            <div class="product-showcase-header">
                                <div class="product-showcase-icon">
                                    <i class="fas fa-plane-departure"></i>
                                </div>
                                <div class="product-showcase-badge">Turizm ve Acente Yaz&#x131;l&#x131;m&#x131;</div>
                            </div>
                            <a href="/urunler/otel-yonetim-sistemi-pms" class="pricing-badge pricing-badge-link pricing-quote">Teklif Al</a>
                            <div class="product-showcase-content">
                                <h4><a href="/urunler/otel-yonetim-sistemi-pms">PMS - Otel Y&#xF6;netim Sistemi</a></h4>
                                <p>Tape Chart, rezervasyon, check-in/check-out, folyo, housekeeping, night audit ve kanal y&#xF6;netimi gibi 20&#x2B; mod&#xFC;l&#xFC; tek platformda birle&#x15F;tiren kapsaml&#x131; otel y&#xF6;netim sistemi. Oda ba&#x15F;&#x131;na ayl&#x131;k yaln&#x131;zca 12 &#x20AC; ile otelinizi dijitalle&#x15F;tirin.</p>
                                    <div class="product-showcase-tags">
                                            <span class="product-tag">.NET</span>
                                            <span class="product-tag">Rezervasyon</span>
                                            <span class="product-tag">Dashboard</span>
                                            <span class="product-tag">SaaS</span>
                                    </div>
                                <a href="/urunler/otel-yonetim-sistemi-pms" class="product-showcase-btn">
                                    &#x130;ncele <i class="fas fa-arrow-right"></i>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 mb-30 fade-amin-item product-card-item" data-segment="erp-yazilimi" data-pricing="Quote" data-delay="0,6">
                        <div class="product-showcase-card" style="--card-accent: #3498db;">
                            <div class="product-showcase-header">
                                <div class="product-showcase-icon">
                                    <i class="fas fa-industry"></i>
                                </div>
                                <div class="product-showcase-badge">ERP Yaz&#x131;l&#x131;m&#x131;</div>
                            </div>
                            <a href="/urunler/derp-kurumsal-kaynak-planlama" class="pricing-badge pricing-badge-link pricing-quote">Teklif Al</a>
                            <div class="product-showcase-content">
                                <h4><a href="/urunler/derp-kurumsal-kaynak-planlama">DERP - Kurumsal Kaynak Planlama</a></h4>
                                <p>Stok, sat&#x131;&#x15F;, sat&#x131;n alma, muhasebe ve insan kaynaklar&#x131; mod&#xFC;lleriyle eksiksiz ERP &#xE7;&#xF6;z&#xFC;m&#xFC;.</p>
                                    <div class="product-showcase-tags">
                                            <span class="product-tag">.NET</span>
                                            <span class="product-tag">&#xD6;zel Yaz&#x131;l&#x131;m</span>
                                            <span class="product-tag">ERP</span>
                                            <span class="product-tag">Otomasyon</span>
                                    </div>
                                <a href="/urunler/derp-kurumsal-kaynak-planlama" class="product-showcase-btn">
                                    &#x130;ncele <i class="fas fa-arrow-right"></i>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 mb-30 fade-amin-item product-card-item" data-segment="turizm-ve-acente-yazilimi" data-pricing="Quote" data-delay="0,7000000000000001">
                        <div class="product-showcase-card" style="--card-accent: #e74c3c;">
                            <div class="product-showcase-header">
                                <div class="product-showcase-icon">
                                    <i class="fas fa-plane-departure"></i>
                                </div>
                                <div class="product-showcase-badge">Turizm ve Acente Yaz&#x131;l&#x131;m&#x131;</div>
                            </div>
                            <a href="/urunler/ota-hub-api-otel-ucus-rezervasyon" class="pricing-badge pricing-badge-link pricing-quote">Teklif Al</a>
                            <div class="product-showcase-content">
                                <h4><a href="/urunler/ota-hub-api-otel-ucus-rezervasyon">OTA Hub API - Otel ve U&#xE7;u&#x15F; Rezervasyon API&#x27;si</a></h4>
                                <p>Amadeus, Paximum, HotelBeds ve THY gibi tedarik&#xE7;ileri tek bir RESTful API &#xFC;zerinden birle&#x15F;tiren merkezi seyahat rezervasyon motoru. Otel arama, u&#xE7;u&#x15F; arama, dinamik paket olu&#x15F;turma, markup y&#xF6;netimi, d&#xF6;viz kuru, fraud korumas&#x131; ve ticket desk mod&#xFC;lleriyle u&#xE7;tan uca seyahat altyap&#x131;s&#x131;.</p>
                                    <div class="product-showcase-tags">
                                            <span class="product-tag">API</span>
                                            <span class="product-tag">.NET</span>
                                            <span class="product-tag">SaaS</span>
                                            <span class="product-tag">Sat&#x131;&#x15F;</span>
                                    </div>
                                <a href="/urunler/ota-hub-api-otel-ucus-rezervasyon" class="product-showcase-btn">
                                    &#x130;ncele <i class="fas fa-arrow-right"></i>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 mb-30 fade-amin-item product-card-item" data-segment="erp-yazilimi" data-pricing="Quote" data-delay="0,8">
                        <div class="product-showcase-card" style="--card-accent: #3498db;">
                            <div class="product-showcase-header">
                                <div class="product-showcase-icon">
                                    <i class="fas fa-industry"></i>
                                </div>
                                <div class="product-showcase-badge">ERP Yaz&#x131;l&#x131;m&#x131;</div>
                            </div>
                            <a href="/urunler/dcrm-musteri-iliskileri-yonetimi" class="pricing-badge pricing-badge-link pricing-quote">Teklif Al</a>
                            <div class="product-showcase-content">
                                <h4><a href="/urunler/dcrm-musteri-iliskileri-yonetimi">DCRM - M&#xFC;&#x15F;teri &#x130;li&#x15F;kileri Y&#xF6;netimi</a></h4>
                                <p>M&#xFC;&#x15F;teri takibi, teklif y&#xF6;netimi, sat&#x131;&#x15F; hunisi ve raporlama ile sat&#x131;&#x15F; s&#xFC;re&#xE7;lerinizi dijitalle&#x15F;tirin.</p>
                                    <div class="product-showcase-tags">
                                            <span class="product-tag">CRM</span>
                                            <span class="product-tag">&#xD6;zel Yaz&#x131;l&#x131;m</span>
                                            <span class="product-tag">Otomasyon</span>
                                            <span class="product-tag">SaaS</span>
                                    </div>
                                <a href="/urunler/dcrm-musteri-iliskileri-yonetimi" class="product-showcase-btn">
                                    &#x130;ncele <i class="fas fa-arrow-right"></i>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 mb-30 fade-amin-item product-card-item" data-segment="turizm-ve-acente-yazilimi" data-pricing="Quote" data-delay="0,9">
                        <div class="product-showcase-card" style="--card-accent: #e74c3c;">
                            <div class="product-showcase-header">
                                <div class="product-showcase-icon">
                                    <i class="fas fa-plane-departure"></i>
                                </div>
                                <div class="product-showcase-badge">Turizm ve Acente Yaz&#x131;l&#x131;m&#x131;</div>
                            </div>
                            <a href="/urunler/b2b-acente-portali-toptanci-seyahat" class="pricing-badge pricing-badge-link pricing-quote">Teklif Al</a>
                            <div class="product-showcase-content">
                                <h4><a href="/urunler/b2b-acente-portali-toptanci-seyahat">B2B Acente Portali - Toptanc&#x131; Seyahat Platformu</a></h4>
                                <p>Alt acentelerinize ve kurumsal m&#xFC;&#x15F;terilerinize otel ve u&#xE7;u&#x15F; envanteri sunan, cari hesap y&#xF6;netimi, markup kontrol&#xFC;, s&#xF6;zle&#x15F;me y&#xF6;netimi ve &#xF6;deme gateway entegrasyonu i&#xE7;eren profesyonel B2B seyahat platformu. Acente ba&#x15F;&#x131;na ayl&#x131;k 29 &#x20AC; ile ba&#x15F;layan fiyatlar.</p>
                                    <div class="product-showcase-tags">
                                            <span class="product-tag">.NET</span>
                                            <span class="product-tag">Rezervasyon</span>
                                            <span class="product-tag">Dashboard</span>
                                            <span class="product-tag">SaaS</span>
                                    </div>
                                <a href="/urunler/b2b-acente-portali-toptanci-seyahat" class="product-showcase-btn">
                                    &#x130;ncele <i class="fas fa-arrow-right"></i>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 mb-30 fade-amin-item product-card-item" data-segment="api-servisleri" data-pricing="Quote" data-delay="1">
                        <div class="product-showcase-card" style="--card-accent: #2ecc71;">
                            <div class="product-showcase-header">
                                <div class="product-showcase-icon">
                                    <i class="fas fa-plug"></i>
                                </div>
                                <div class="product-showcase-badge">API Servisleri</div>
                            </div>
                            <a href="/urunler/dpay-odeme-entegrasyon-api" class="pricing-badge pricing-badge-link pricing-quote">Teklif Al</a>
                            <div class="product-showcase-content">
                                <h4><a href="/urunler/dpay-odeme-entegrasyon-api">DPAY - &#xD6;deme Entegrasyon API</a></h4>
                                <p>iyzico, PayTR, Stripe ve banka entegrasyonlar&#x131;n&#x131; tek API &#xFC;zerinden y&#xF6;neten &#xF6;deme altyap&#x131;s&#x131;.</p>
                                    <div class="product-showcase-tags">
                                            <span class="product-tag">API</span>
                                            <span class="product-tag">.NET</span>
                                            <span class="product-tag">&#xD6;deme Sistemi</span>
                                            <span class="product-tag">SaaS</span>
                                    </div>
                                <a href="/urunler/dpay-odeme-entegrasyon-api" class="product-showcase-btn">
                                    &#x130;ncele <i class="fas fa-arrow-right"></i>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 mb-30 fade-amin-item product-card-item" data-segment="api-servisleri" data-pricing="Quote" data-delay="1,1">
                        <div class="product-showcase-card" style="--card-accent: #2ecc71;">
                            <div class="product-showcase-header">
                                <div class="product-showcase-icon">
                                    <i class="fas fa-plug"></i>
                                </div>
                                <div class="product-showcase-badge">API Servisleri</div>
                            </div>
                            <a href="/urunler/dgate-api-gateway-entegrasyon" class="pricing-badge pricing-badge-link pricing-quote">Teklif Al</a>
                            <div class="product-showcase-content">
                                <h4><a href="/urunler/dgate-api-gateway-entegrasyon">DGATE - API Gateway &amp; Entegrasyon</a></h4>
                                <p>Mikroservis mimarisi i&#xE7;in merkezi API gateway, rate limiting, loglama ve servis ke&#x15F;fi.</p>
                                    <div class="product-showcase-tags">
                                            <span class="product-tag">API</span>
                                            <span class="product-tag">.NET</span>
                                            <span class="product-tag">Otomasyon</span>
                                    </div>
                                <a href="/urunler/dgate-api-gateway-entegrasyon" class="product-showcase-btn">
                                    &#x130;ncele <i class="fas fa-arrow-right"></i>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 mb-30 fade-amin-item product-card-item" data-segment="web-ve-mobil-app" data-pricing="Quote" data-delay="1,2000000000000002">
                        <div class="product-showcase-card" style="--card-accent: #f39c12;">
                            <div class="product-showcase-header">
                                <div class="product-showcase-icon">
                                    <i class="fas fa-mobile-alt"></i>
                                </div>
                                <div class="product-showcase-badge">Web ve Mobil App</div>
                            </div>
                            <a href="/urunler/dcom-icerik-yonetim-sistemi" class="pricing-badge pricing-badge-link pricing-quote">Teklif Al</a>
                            <div class="product-showcase-content">
                                <h4><a href="/urunler/dcom-icerik-yonetim-sistemi">DCOM - &#x130;&#xE7;erik Y&#xF6;netim Sistemi</a></h4>
                                <p>Kurumsal web sitenizi kolayca y&#xF6;netmenizi sa&#x11F;layan, &#xE7;ok dilli ve SEO uyumlu i&#xE7;erik y&#xF6;netim sistemi.</p>
                                    <div class="product-showcase-tags">
                                            <span class="product-tag">SEO</span>
                                            <span class="product-tag">Web Yaz&#x131;l&#x131;m</span>
                                            <span class="product-tag">&#xD6;zel Yaz&#x131;l&#x131;m</span>
                                            <span class="product-tag">SaaS</span>
                                    </div>
                                <a href="/urunler/dcom-icerik-yonetim-sistemi" class="product-showcase-btn">
                                    &#x130;ncele <i class="fas fa-arrow-right"></i>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 mb-30 fade-amin-item product-card-item" data-segment="web-ve-mobil-app" data-pricing="Quote" data-delay="1,3000000000000003">
                        <div class="product-showcase-card" style="--card-accent: #f39c12;">
                            <div class="product-showcase-header">
                                <div class="product-showcase-icon">
                                    <i class="fas fa-mobile-alt"></i>
                                </div>
                                <div class="product-showcase-badge">Web ve Mobil App</div>
                            </div>
                            <a href="/urunler/darvis-dashboard-raporlama" class="pricing-badge pricing-badge-link pricing-quote">Teklif Al</a>
                            <div class="product-showcase-content">
                                <h4><a href="/urunler/darvis-dashboard-raporlama">DARVIS - Dashboard &amp; Raporlama</a></h4>
                                <p>&#x130;&#x15F; verilerinizi g&#xF6;rselle&#x15F;tiren, &#xF6;zelle&#x15F;tirilebilir dashboard ve anl&#x131;k raporlama platformu.</p>
                                    <div class="product-showcase-tags">
                                            <span class="product-tag">.NET</span>
                                            <span class="product-tag">&#xD6;zel Yaz&#x131;l&#x131;m</span>
                                            <span class="product-tag">Dashboard</span>
                                    </div>
                                <a href="/urunler/darvis-dashboard-raporlama" class="product-showcase-btn">
                                    &#x130;ncele <i class="fas fa-arrow-right"></i>
                                </a>
                            </div>
                        </div>
                    </div>
            </div>
            <!-- Tümünü Gör -->
            <div class="text-center mt-10 fade-amin-item" data-delay="0.7">
                <a href="/urunler" class="btn btn-style-one">
                    T&#xFC;m&#xFC;n&#xFC; G&#xF6;r <i class="fas fa-arrow-right"></i>
                </a>
            </div>
        </div>
    </div>
    <!-- Filter JS -->
    <script>
    document.addEventListener('DOMContentLoaded', function() {
        // Segment filter (products)
        var segTabs = document.querySelectorAll('.segment-tab');
        var productCards = document.querySelectorAll('#product-grid .product-card-item');
        var activeSegment = 'all';
        var activePricingProduct = 'all';
        var activePricingService = 'all';

        function filterProducts() {
            productCards.forEach(function(card) {
                var segMatch = activeSegment === 'all' || card.getAttribute('data-segment') === activeSegment;
                var priceMatch = activePricingProduct === 'all' || card.getAttribute('data-pricing') === activePricingProduct;
                card.style.display = (segMatch && priceMatch) ? '' : 'none';
            });
        }

        segTabs.forEach(function(tab) {
            tab.addEventListener('click', function() {
                segTabs.forEach(function(t) { t.classList.remove('active'); });
                tab.classList.add('active');
                activeSegment = tab.getAttribute('data-segment');
                filterProducts();
            });
        });

        // Pricing filter (both products & services)
        var pricingTabs = document.querySelectorAll('.pricing-tab');
        var serviceCards = document.querySelectorAll('#service-grid .service-card-item');

        pricingTabs.forEach(function(tab) {
            tab.addEventListener('click', function() {
                var target = tab.getAttribute('data-target');
                // Only deactivate sibling tabs (same target)
                pricingTabs.forEach(function(t) {
                    if (t.getAttribute('data-target') === target) t.classList.remove('active');
                });
                tab.classList.add('active');
                var pricing = tab.getAttribute('data-pricing');

                if (target === 'product') {
                    activePricingProduct = pricing;
                    filterProducts();
                } else if (target === 'service') {
                    activePricingService = pricing;
                    serviceCards.forEach(function(card) {
                        var match = pricing === 'all' || card.getAttribute('data-pricing') === pricing;
                        card.style.display = match ? '' : 'none';
                    });
                }
            });
        });
    });
    </script>
<!-- ===== END PRODUCTS ===== -->

<!-- ===== WORK PROCESS ===== -->
<div class="work-process-area default-padding bg-gray">
    <div class="container">
        <!-- Başlık -->
        <div class="row">
            <div class="col-lg-8 offset-lg-2">
                <div class="site-heading text-center">
                    <span class="sub-title fade-amin-item">Nas&#x131;l &#xC7;al&#x131;&#x15F;&#x131;yoruz</span>
                    <div class="title split-text">Birlikte <span>dönüşüm odaklı</span> projeler inşa ediyoruz.</div>
                </div>
                <p class="text-center fade-amin-item" style="color: #666; margin-top: -10px;">Her projede m&#xFC;&#x15F;terilerimizle yak&#x131;n i&#x15F; birli&#x11F;i yaparak, ihtiya&#xE7;lara en uygun dijital &#xE7;&#xF6;z&#xFC;mleri &#xFC;retiyoruz.</p>
            </div>
        </div>
        <!-- 3 Adım Kartları -->
        <div class="process-cards mt-40">
            <div class="row">
                <div class="col-lg-4 col-md-6 mb-30 fade-amin-item" data-delay="0.2">
                    <div class="process-card">
                        <div class="process-card-number">01</div>
                        <div class="process-card-icon">
                            <i class="fas fa-search-plus"></i>
                        </div>
                        <h4>Analiz &amp; Planlama</h4>
                        <p>&#x130;htiya&#xE7;lar&#x131;n&#x131;z&#x131; detayl&#x131; analiz ediyor, projenizin yol haritas&#x131;n&#x131; birlikte &#xE7;iziyoruz.</p>
                        <div class="process-card-arrow"><i class="fas fa-long-arrow-alt-right"></i></div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 mb-30 fade-amin-item" data-delay="0.4">
                    <div class="process-card active">
                        <div class="process-card-number">02</div>
                        <div class="process-card-icon">
                            <i class="fas fa-laptop-code"></i>
                        </div>
                        <h4>Tasar&#x131;m &amp; Geli&#x15F;tirme</h4>
                        <p>Modern teknolojilerle kullan&#x131;c&#x131; dostu aray&#xFC;zler ve g&#xFC;&#xE7;l&#xFC; altyap&#x131;lar geli&#x15F;tiriyoruz.</p>
                        <div class="process-card-arrow"><i class="fas fa-long-arrow-alt-right"></i></div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-12 mb-30 fade-amin-item" data-delay="0.6">
                    <div class="process-card">
                        <div class="process-card-number">03</div>
                        <div class="process-card-icon">
                            <i class="fas fa-rocket"></i>
                        </div>
                        <h4>Test &amp; Yay&#x131;nlama</h4>
                        <p>Kapsaml&#x131; testlerden sonra projenizi canl&#x131;ya al&#x131;yor ve s&#xFC;rekli destek sa&#x11F;l&#x131;yoruz.</p>
                    </div>
                </div>
            </div>
        </div>
        <!-- CTA -->
        <div class="text-center mt-10 fade-amin-item" data-delay="0.7">
            <a href="/teklif-al" class="btn btn-style-one">
                Teklif Al <i class="fas fa-arrow-right"></i>
            </a>
        </div>
    </div>
</div>
<!-- ===== END PROCESS ===== -->

<!-- ===== SERVICES GRID ===== -->
    <div class="services-grid-area default-padding">
        <div class="container">
            <!-- Başlık -->
            <div class="row">
                <div class="col-lg-8 offset-lg-2">
                    <div class="site-heading text-center">
                        <span class="sub-title fade-amin-item">Hizmetlerimiz</span>
                        <div class="title split-text">İşletmeniz İçin <span>Dijital Çözümler</span></div>
                    </div>
                    <p class="text-center fade-amin-item" style="color: #666; margin-top: -10px;">Web tasar&#x131;m, yaz&#x131;l&#x131;m geli&#x15F;tirme ve mobil uygulama geli&#x15F;tirme alanlar&#x131;nda i&#x15F;letmenizi dijitalde &#xF6;l&#xE7;ekleyen, d&#xF6;n&#xFC;&#x15F;&#xFC;m odakl&#x131; profesyonel hizmetler sunuyoruz.</p>
                </div>
            </div>
            <!-- Fiyatlandırma Filtre -->
            <div class="pricing-filter-area text-center mt-10 mb-20 fade-amin-item">
                <p class="pricing-filter-desc">Hizmetlerimiz i&#xE7;in fiyatland&#x131;rma modeline g&#xF6;re filtreleyebilirsiniz.</p>
                <div class="pricing-filter-tabs">
                    <button class="pricing-tab active" data-pricing="all" data-target="service">
                        <i class="fas fa-th-large"></i> T&#xFC;m&#xFC;
                    </button>
                    <button class="pricing-tab" data-pricing="Quote" data-target="service">
                        <i class="fas fa-file-invoice"></i> Teklif Al
                    </button>
                    <button class="pricing-tab" data-pricing="Subscription" data-target="service">
                        <i class="fas fa-sync-alt"></i> Kirala | Abone Ol
                    </button>
                    <button class="pricing-tab" data-pricing="Purchase" data-target="service">
                        <i class="fas fa-shopping-cart"></i> Sat&#x131;n Al
                    </button>
                </div>
            </div>
            <!-- Kart Grid -->
            <div class="row mt-10" id="service-grid">
                    <div class="col-xl-4 col-md-6 mb-30 fade-amin-item service-card-item" data-pricing="Quote" data-delay="0,2">
                        <div class="service-card">
                            <div class="service-card-number">01</div>
                            <a href="/hizmetler/web-tasarim" class="pricing-badge pricing-badge-link pricing-quote">Teklif Al</a>
                            <div class="service-card-icon">
                                    <img src="/img/service/1.svg" alt="Web Tasar&#x131;m" loading="lazy" width="80" height="80">
                            </div>
                            <h4><a href="/hizmetler/web-tasarim">Web Tasar&#x131;m</a></h4>
                            <p>Ziyaret&#xE7;iyi m&#xFC;&#x15F;teriye d&#xF6;n&#xFC;&#x15F;t&#xFC;ren web siteleri tasarl&#x131;yoruz. Kurumsal web tasar&#x131;m, e-ticaret, UI/UX ve SEO uyumlu geli&#x15F;tirme hizmetleriyle yan&#x131;n&#x131;zday&#x131;z.</p>
                                <div class="service-card-tags">
                                        <span class="service-tag">Responsive</span>
                                        <span class="service-tag">SEO</span>
                                        <span class="service-tag">UI/UX</span>
                                </div>
                            <a href="/hizmetler/web-tasarim" class="service-card-link">
                                Devam&#x131;n&#x131; Oku <i class="fas fa-arrow-right"></i>
                            </a>
                        </div>
                    </div>
                    <div class="col-xl-4 col-md-6 mb-30 fade-amin-item service-card-item" data-pricing="Quote" data-delay="0,30000000000000004">
                        <div class="service-card">
                            <div class="service-card-number">02</div>
                            <a href="/hizmetler/web-yazilim" class="pricing-badge pricing-badge-link pricing-quote">Teklif Al</a>
                            <div class="service-card-icon">
                                    <img src="/img/service/2.svg" alt="Web Yaz&#x131;l&#x131;m" loading="lazy" width="80" height="80">
                            </div>
                            <h4><a href="/hizmetler/web-yazilim">Web Yaz&#x131;l&#x131;m</a></h4>
                            <p>&#x130;&#x15F;letmenize &#xF6;zel web yaz&#x131;l&#x131;m &#xE7;&#xF6;z&#xFC;mleri: Intranet, CRM, ERP, B2B/B2C platformlar&#x131;, API geli&#x15F;tirme ve entegrasyon hizmetleri. 500&#x2B; proje deneyimi ile Demircode.</p>
                                <div class="service-card-tags">
                                        <span class="service-tag">API</span>
                                        <span class="service-tag">.NET</span>
                                        <span class="service-tag">Web Yaz&#x131;l&#x131;m</span>
                                </div>
                            <a href="/hizmetler/web-yazilim" class="service-card-link">
                                Devam&#x131;n&#x131; Oku <i class="fas fa-arrow-right"></i>
                            </a>
                        </div>
                    </div>
                    <div class="col-xl-4 col-md-6 mb-30 fade-amin-item service-card-item" data-pricing="Quote" data-delay="0,4">
                        <div class="service-card">
                            <div class="service-card-number">03</div>
                            <a href="/hizmetler/mobil-uygulama-gelistirme" class="pricing-badge pricing-badge-link pricing-quote">Teklif Al</a>
                            <div class="service-card-icon">
                                    <img src="/img/service/3.svg" alt="Mobil Uygulama Geli&#x15F;tirme" loading="lazy" width="80" height="80">
                            </div>
                            <h4><a href="/hizmetler/mobil-uygulama-gelistirme">Mobil Uygulama Geli&#x15F;tirme</a></h4>
                            <p>Demircode, 2011&#x27;den bu yana iOS, Android ve cross-platform (Flutter, React Native, .NET MAUI) mobil uygulama geli&#x15F;tirme hizmeti sunmaktad&#x131;r. Kurumsal mobil &#xE7;&#xF6;z&#xFC;mler, e-ticaret uygulamalar&#x131; ve turizm sekt&#xF6;r&#xFC; uzmanl&#x131;&#x11F;&#x131;.</p>
                                <div class="service-card-tags">
                                        <span class="service-tag">Responsive</span>
                                        <span class="service-tag">.NET</span>
                                        <span class="service-tag">UI/UX</span>
                                </div>
                            <a href="/hizmetler/mobil-uygulama-gelistirme" class="service-card-link">
                                Devam&#x131;n&#x131; Oku <i class="fas fa-arrow-right"></i>
                            </a>
                        </div>
                    </div>
                    <div class="col-xl-4 col-md-6 mb-30 fade-amin-item service-card-item" data-pricing="Quote" data-delay="0,5">
                        <div class="service-card">
                            <div class="service-card-number">04</div>
                            <a href="/hizmetler/dijital-tasarim" class="pricing-badge pricing-badge-link pricing-quote">Teklif Al</a>
                            <div class="service-card-icon">
                                    <img src="/img/service/4.svg" alt="Dijital Tasar&#x131;m" loading="lazy" width="80" height="80">
                            </div>
                            <h4><a href="/hizmetler/dijital-tasarim">Dijital Tasar&#x131;m</a></h4>
                            <p>Profesyonel dijital tasar&#x131;m hizmetleri: logo, kurumsal kimlik, marka stratejisi, sosyal medya tasar&#x131;m&#x131;, tan&#x131;t&#x131;m filmi ve reklam yazarl&#x131;&#x11F;&#x131;. Demircode.</p>
                                <div class="service-card-tags">
                                        <span class="service-tag">UI/UX</span>
                                        <span class="service-tag">Web Tasar&#x131;m</span>
                                        <span class="service-tag">Dijital Tasar&#x131;m</span>
                                </div>
                            <a href="/hizmetler/dijital-tasarim" class="service-card-link">
                                Devam&#x131;n&#x131; Oku <i class="fas fa-arrow-right"></i>
                            </a>
                        </div>
                    </div>
                    <div class="col-xl-4 col-md-6 mb-30 fade-amin-item service-card-item" data-pricing="Quote" data-delay="0,6">
                        <div class="service-card">
                            <div class="service-card-number">05</div>
                            <a href="/hizmetler/destek" class="pricing-badge pricing-badge-link pricing-quote">Teklif Al</a>
                            <div class="service-card-icon">
                                    <img src="/img/service/6.svg" alt="Destek" loading="lazy" width="80" height="80">
                            </div>
                            <h4><a href="/hizmetler/destek">Destek</a></h4>
                            <p>Domain, hosting, bak&#x131;m, g&#xFC;ncelleme ve teknik destek hizmetleri ile projelerinizi kesintisiz &#xE7;al&#x131;&#x15F;t&#x131;r&#x131;yoruz.</p>
                                <div class="service-card-tags">
                                        <span class="service-tag">Web Yaz&#x131;l&#x131;m</span>
                                        <span class="service-tag">Destek</span>
                                </div>
                            <a href="/hizmetler/destek" class="service-card-link">
                                Devam&#x131;n&#x131; Oku <i class="fas fa-arrow-right"></i>
                            </a>
                        </div>
                    </div>
                    <div class="col-xl-4 col-md-6 mb-30 fade-amin-item service-card-item" data-pricing="Quote" data-delay="0,7000000000000001">
                        <div class="service-card">
                            <div class="service-card-number">06</div>
                            <a href="/hizmetler/ai-coding" class="pricing-badge pricing-badge-link pricing-quote">Teklif Al</a>
                            <div class="service-card-icon">
                                    <img src="/img/service/7.svg" alt="AI Coding" loading="lazy" width="80" height="80">
                            </div>
                            <h4><a href="/hizmetler/ai-coding">AI Coding</a></h4>
                            <p>Yapay zeka destekli yaz&#x131;l&#x131;m geli&#x15F;tirme, otomasyon, chatbot ve ak&#x131;ll&#x131; veri analizi &#xE7;&#xF6;z&#xFC;mleri.</p>
                                <div class="service-card-tags">
                                        <span class="service-tag">API</span>
                                        <span class="service-tag">.NET</span>
                                        <span class="service-tag">&#xD6;zel Yaz&#x131;l&#x131;m</span>
                                </div>
                            <a href="/hizmetler/ai-coding" class="service-card-link">
                                Devam&#x131;n&#x131; Oku <i class="fas fa-arrow-right"></i>
                            </a>
                        </div>
                    </div>
            </div>
            <!-- Tümünü Gör -->
            <div class="text-center mt-10 fade-amin-item" data-delay="0.8">
                <a href="/hizmetler" class="btn btn-style-one">
                    T&#xFC;m&#xFC;n&#xFC; G&#xF6;r <i class="fas fa-arrow-right"></i>
                </a>
            </div>
        </div>
    </div>
<!-- ===== END SERVICES ===== -->

<!-- ===== PROJECTS ===== -->
    <div class="project-style-one-area default-padding bg-gray">
        <div class="container">
            <div class="row">
                <div class="col-lg-8 offset-lg-2">
                    <div class="site-heading text-center">
                        <span class="sub-title fade-amin-item">Projelerimiz</span>
                        <div class="title split-text">Son <span>Projelerimiz</span></div>
                    </div>
                    <p class="text-center fade-amin-item" style="color: #666; margin-top: -10px;">Farkl&#x131; sekt&#xF6;rlerde hayata ge&#xE7;irdi&#x11F;imiz ba&#x15F;ar&#x131;l&#x131; projelerden &#xF6;rnekler.</p>
                </div>
            </div>
        </div>
        <div class="container">
            <div class="row">
                    <div class="col-xl-4 col-lg-6 col-md-6 mb-30 fade-amin-item">
                        
<a href="/projeler/seemezy-booking" class="unified-project-card">
    <div class="upc-thumb">
            <img src="/uploads/projects/55c2500a-8210-46da-a5cc-1f7e12a25821.png" alt="Seemezy Booking" loading="lazy" width="400" height="220" onerror="this.style.display='none'" />
        <div class="upc-thumb-overlay"><i class="fas fa-arrow-right"></i></div>
    </div>
    <div class="upc-body">
            <span class="upc-client"><i class="fas fa-building"></i> Seemezy</span>
        <h4 class="upc-title">Seemezy Booking</h4>
            <div class="upc-tags">
                    <span class="upc-tag">ORES</span>
                    <span class="upc-tag">TURSAS</span>
                    <span class="upc-tag">B2B-PORTAL</span>
                    <span class="upc-tag upc-tag-more">+12</span>
            </div>
    </div>
</a>

                    </div>
                    <div class="col-xl-4 col-lg-6 col-md-6 mb-30 fade-amin-item">
                        
<a href="/projeler/isper" class="unified-project-card">
    <div class="upc-thumb">
            <img src="/uploads/projects/0995ea5d-757d-4887-8254-cfc23e0a6118.png" alt="&#x130;sper Kurumsal Web Sitesi" loading="lazy" width="400" height="220" onerror="this.style.display='none'" />
        <div class="upc-thumb-overlay"><i class="fas fa-arrow-right"></i></div>
    </div>
    <div class="upc-body">
            <span class="upc-client"><i class="fas fa-building"></i> &#x130;sper</span>
        <h4 class="upc-title">&#x130;sper Kurumsal Web Sitesi</h4>
            <div class="upc-tags">
                    <span class="upc-tag">DARVIS</span>
            </div>
    </div>
</a>

                    </div>
                    <div class="col-xl-4 col-lg-6 col-md-6 mb-30 fade-amin-item">
                        
<a href="/projeler/wrx-trade" class="unified-project-card">
    <div class="upc-thumb">
            <img src="/uploads/projects/dcd675d7-1ce2-45ba-a55b-89e6669905a7.png" alt="WRX Trade" loading="lazy" width="400" height="220" onerror="this.style.display='none'" />
        <div class="upc-thumb-overlay"><i class="fas fa-arrow-right"></i></div>
    </div>
    <div class="upc-body">
            <span class="upc-client"><i class="fas fa-building"></i> WRX Trade</span>
        <h4 class="upc-title">WRX Trade</h4>
            <div class="upc-tags">
                    <span class="upc-tag">DPAY</span>
                    <span class="upc-tag">DCOM</span>
                    <span class="upc-tag">DARVIS</span>
                    <span class="upc-tag upc-tag-more">+3</span>
            </div>
    </div>
</a>

                    </div>
                    <div class="col-xl-4 col-lg-6 col-md-6 mb-30 fade-amin-item">
                        
<a href="/projeler/izocam" class="unified-project-card">
    <div class="upc-thumb">
            <img src="/uploads/projects/dc4c1849-7f73-4c1f-b3db-7b1b4adc1374.png" alt="&#x130;zocam" loading="lazy" width="400" height="220" onerror="this.style.display='none'" />
        <div class="upc-thumb-overlay"><i class="fas fa-arrow-right"></i></div>
    </div>
    <div class="upc-body">
            <span class="upc-client"><i class="fas fa-building"></i> &#x130;zocam</span>
        <h4 class="upc-title">&#x130;zocam</h4>
            <div class="upc-tags">
                    <span class="upc-tag">DCOM</span>
                    <span class="upc-tag">Web Tasar&#x131;m</span>
                    <span class="upc-tag">Web Yaz&#x131;l&#x131;m</span>
                    <span class="upc-tag upc-tag-more">+1</span>
            </div>
    </div>
</a>

                    </div>
                    <div class="col-xl-4 col-lg-6 col-md-6 mb-30 fade-amin-item">
                        
<a href="/projeler/halk-yatirim-akilli-oneri-sistemi" class="unified-project-card">
    <div class="upc-thumb">
            <img src="/uploads/projects/b6d54727-7e90-484b-993d-b860fdd8a41b.png" alt="Halk Yat&#x131;r&#x131;m - Ak&#x131;ll&#x131; &#xD6;neri Sistemi" loading="lazy" width="400" height="220" onerror="this.style.display='none'" />
        <div class="upc-thumb-overlay"><i class="fas fa-arrow-right"></i></div>
    </div>
    <div class="upc-body">
            <span class="upc-client"><i class="fas fa-building"></i> Halk Yat&#x131;r&#x131;m</span>
        <h4 class="upc-title">Halk Yat&#x131;r&#x131;m - Ak&#x131;ll&#x131; &#xD6;neri Sistemi</h4>
            <div class="upc-tags">
                    <span class="upc-tag">DCRM</span>
                    <span class="upc-tag">DGATE</span>
                    <span class="upc-tag">Mobil App</span>
                    <span class="upc-tag upc-tag-more">+1</span>
            </div>
    </div>
</a>

                    </div>
                    <div class="col-xl-4 col-lg-6 col-md-6 mb-30 fade-amin-item">
                        
<a href="/projeler/tekiz" class="unified-project-card">
    <div class="upc-thumb">
            <img src="/uploads/projects/3833ca10-bc14-466f-8a8e-283973a7e060.png" alt="Tekiz Kurumsal Web Sitesi" loading="lazy" width="400" height="220" onerror="this.style.display='none'" />
        <div class="upc-thumb-overlay"><i class="fas fa-arrow-right"></i></div>
    </div>
    <div class="upc-body">
            <span class="upc-client"><i class="fas fa-building"></i> Tekiz</span>
        <h4 class="upc-title">Tekiz Kurumsal Web Sitesi</h4>
            <div class="upc-tags">
                    <span class="upc-tag">SEO</span>
            </div>
    </div>
</a>

                    </div>
            </div>
            <div class="text-center mt-30">
                <a href="/projeler" class="btn btn-style-one">
                    T&#xFC;m Projeler <i class="fas fa-arrow-right"></i>
                </a>
            </div>
        </div>
    </div>
<!-- ===== END PROJECTS ===== -->

<!-- ===== TESTIMONIALS ===== -->
    <div class="testimoinial-style-two-area shadow dark bg-cover default-padding bg-dark text-light" style="background-image: url(/img/shape/9.jpg);">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="site-heading text-center">
                        <span class="sub-title fade-amin-item text-light">M&#xFC;&#x15F;teri Yorumlar&#x131;</span>
                        <div class="title split-text text-light"><span>Müşterilerimiz</span> Ne Diyor?</div>
                    </div>
                </div>
            </div>
        </div>
        <div class="container">
            <div class="row">
                <div class="col-xl-10 offset-xl-1">
                    <div class="testimonial-style-two-carousel swiper fade-amin-item" data-delay="0.3">
                        <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <div class="testimonial-style-two">
                                        <div class="row align-center">
                                            <div class="col-lg-5">
                                                <div class="thumb">
                                                    <img src="/img/team/1.jpg" alt="Ahmet Y&#x131;lmaz" width="400" height="400" loading="lazy" style="aspect-ratio:1/1;width:100%;height:auto;object-fit:cover;">
                                                    <div class="icon">
                                                        <img src="/img/icon/quote.png" alt="Quote" width="50" height="50">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-7">
                                                <div class="info">
                                                    <div class="ratings">
                                                            <i class="fas fa-star"></i>
                                                            <i class="fas fa-star"></i>
                                                            <i class="fas fa-star"></i>
                                                            <i class="fas fa-star"></i>
                                                            <i class="fas fa-star"></i>
                                                    </div>
                                                    <p>Demircode ile &#xE7;al&#x131;&#x15F;mak harika bir deneyimdi. Projemiz zaman&#x131;nda ve beklentilerimizin &#xFC;zerinde teslim edildi.</p>
                                                    <div class="tm-provider">
                                                        <strong>Ahmet Y&#x131;lmaz</strong>
                                                        <span>Genel M&#xFC;d&#xFC;r, TechVista</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="testimonial-style-two">
                                        <div class="row align-center">
                                            <div class="col-lg-5">
                                                <div class="thumb">
                                                    <img src="/img/team/1.jpg" alt="Elif Demir" width="400" height="400" loading="lazy" style="aspect-ratio:1/1;width:100%;height:auto;object-fit:cover;">
                                                    <div class="icon">
                                                        <img src="/img/icon/quote.png" alt="Quote" width="50" height="50">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-7">
                                                <div class="info">
                                                    <div class="ratings">
                                                            <i class="fas fa-star"></i>
                                                            <i class="fas fa-star"></i>
                                                            <i class="fas fa-star"></i>
                                                            <i class="fas fa-star"></i>
                                                            <i class="fas fa-star"></i>
                                                    </div>
                                                    <p>Web sitemizin yeniden tasar&#x131;m&#x131; sayesinde online sat&#x131;&#x15F;lar&#x131;m&#x131;z %40 artt&#x131;. Demircode&#x27;un profesyonel yakla&#x15F;&#x131;m&#x131; takdire &#x15F;ayan.</p>
                                                    <div class="tm-provider">
                                                        <strong>Elif Demir</strong>
                                                        <span>Pazarlama Direkt&#xF6;r&#xFC;, GreenLeaf</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="testimonial-style-two">
                                        <div class="row align-center">
                                            <div class="col-lg-5">
                                                <div class="thumb">
                                                    <img src="/img/team/1.jpg" alt="Mehmet Kaya" width="400" height="400" loading="lazy" style="aspect-ratio:1/1;width:100%;height:auto;object-fit:cover;">
                                                    <div class="icon">
                                                        <img src="/img/icon/quote.png" alt="Quote" width="50" height="50">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-7">
                                                <div class="info">
                                                    <div class="ratings">
                                                            <i class="fas fa-star"></i>
                                                            <i class="fas fa-star"></i>
                                                            <i class="fas fa-star"></i>
                                                            <i class="fas fa-star"></i>
                                                            <i class="fas fa-star"></i>
                                                    </div>
                                                    <p>Kurumsal ERP projemizde g&#xF6;sterdikleri teknik yetkinlik ve &#xE7;&#xF6;z&#xFC;m odakl&#x131; yakla&#x15F;&#x131;m m&#xFC;kemmeldi.</p>
                                                    <div class="tm-provider">
                                                        <strong>Mehmet Kaya</strong>
                                                        <span>CTO, DataFlow</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="testimonial-style-two">
                                        <div class="row align-center">
                                            <div class="col-lg-5">
                                                <div class="thumb">
                                                    <img src="/img/team/1.jpg" alt="Ay&#x15F;e Korkmaz" width="400" height="400" loading="lazy" style="aspect-ratio:1/1;width:100%;height:auto;object-fit:cover;">
                                                    <div class="icon">
                                                        <img src="/img/icon/quote.png" alt="Quote" width="50" height="50">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-7">
                                                <div class="info">
                                                    <div class="ratings">
                                                            <i class="fas fa-star"></i>
                                                            <i class="fas fa-star"></i>
                                                            <i class="fas fa-star"></i>
                                                            <i class="fas fa-star"></i>
                                                    </div>
                                                    <p>Mobil uygulamam&#x131;z&#x131; Flutter ile geli&#x15F;tirdiler. Hem iOS hem Android&#x27;de sorunsuz &#xE7;al&#x131;&#x15F;&#x131;yor. Kesinlikle tavsiye ederim.</p>
                                                    <div class="tm-provider">
                                                        <strong>Ay&#x15F;e Korkmaz</strong>
                                                        <span>Kurucu, TravelPro</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="testimonial-style-two">
                                        <div class="row align-center">
                                            <div class="col-lg-5">
                                                <div class="thumb">
                                                    <img src="/img/team/1.jpg" alt="Can &#xD6;zkan" width="400" height="400" loading="lazy" style="aspect-ratio:1/1;width:100%;height:auto;object-fit:cover;">
                                                    <div class="icon">
                                                        <img src="/img/icon/quote.png" alt="Quote" width="50" height="50">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-7">
                                                <div class="info">
                                                    <div class="ratings">
                                                            <i class="fas fa-star"></i>
                                                            <i class="fas fa-star"></i>
                                                            <i class="fas fa-star"></i>
                                                            <i class="fas fa-star"></i>
                                                            <i class="fas fa-star"></i>
                                                    </div>
                                                    <p>Demircode ekibi projenin her a&#x15F;amas&#x131;nda bizi bilgilendirdi. &#x130;leti&#x15F;imleri ve i&#x15F; kaliteleri &#xE7;ok iyi.</p>
                                                    <div class="tm-provider">
                                                        <strong>Can &#xD6;zkan</strong>
                                                        <span>&#x130;&#x15F; Geli&#x15F;tirme M&#xFC;d&#xFC;r&#xFC;, SmartBuild</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                        </div>
                        <div class="testimonial-two-navtigations">
                            <div class="testimonial-two-prev"><i class="icon-angle-left"></i></div>
                            <div class="testimonial-two-next"><i class="icon-angle-right"></i></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
<!-- ===== END TESTIMONIALS ===== -->

<!-- ===== BLOG ===== -->
    <div class="blog-area home-blog bg-gray-secondary default-padding bottom-less">
        <div class="container">
            <div class="row">
                <div class="col-lg-8 offset-lg-2">
                    <div class="site-heading text-center">
                        <span class="sub-title fade-amin-item">Blog</span>
                        <div class="title split-text">Son <span>Blog</span> Yazıları</div>
                    </div>
                    <p class="text-center fade-amin-item" style="color: #666; margin-top: -10px;">Sekt&#xF6;rel geli&#x15F;meler, teknik yaz&#x131;lar ve dijital d&#xFC;nyadan g&#xFC;ncel i&#xE7;erikler.</p>
                </div>
            </div>
        </div>
        <div class="container">
            <div class="row">
                    <div class="col-xl-4 col-lg-6 col-md-6 mb-30">
                        <div class="blog-style-two fade-amin-item" data-fade-from="left" data-delay="0.2">
                            <div class="thumb">
                                <ul class="meta-one">
                                        <li><a href="/blog?category=Web Tasar&#x131;m">Web Tasar&#x131;m</a></li>
                                        <li>16 Mart, 2026</li>
                                </ul>
                                <img src="/img/blog/blog-web-design.svg" alt="Web Tasar&#x131;m Nedir?" width="600" height="375" loading="lazy" style="aspect-ratio:16/10;width:100%;height:auto;object-fit:cover;">
                            </div>
                            <div class="info">
                                <h3><a href="/blog/web-tasarim-nedir">Web Tasar&#x131;m Nedir?</a></h3>
                                    <p class="blog-summary">Web tasar&#x131;m, web sitelerinin g&#xF6;rsel d&#xFC;zenini, kullan&#x131;c&#x131; deneyimini ve etkile&#x15F;imini kapsayan bir disiplindir.</p>
                                    <div class="blog-tag-list">
                                            <span class="blog-tag">Responsive</span>
                                            <span class="blog-tag">UI/UX</span>
                                            <span class="blog-tag">Web Tasar&#x131;m</span>
                                    </div>
                                <a href="/blog/web-tasarim-nedir" class="btn-simple">
                                    Devam&#x131;n&#x131; Oku
                                    <svg width="23" height="6" viewBox="0 0 23 6" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M0 4.65967H20L15.6875 0.659668" stroke="#103142" stroke-width="1.8"></path>
                                    </svg>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-4 col-lg-6 col-md-6 mb-30">
                        <div class="blog-style-two fade-amin-item" data-fade-from="left" data-delay="0.3">
                            <div class="thumb">
                                <ul class="meta-one">
                                        <li><a href="/blog?category=SEO">SEO</a></li>
                                        <li>09 Mart, 2026</li>
                                </ul>
                                <img src="/img/blog/blog-ai-seo.svg" alt="Yapay Zeka AI SEO: 2025 Kapsaml&#x131; Rehberi" width="600" height="375" loading="lazy" style="aspect-ratio:16/10;width:100%;height:auto;object-fit:cover;">
                            </div>
                            <div class="info">
                                <h3><a href="/blog/yapay-zeka-ai-seo-sge-nasil-yapilir-2025-rehberi">Yapay Zeka AI SEO: 2025 Kapsaml&#x131; Rehberi</a></h3>
                                    <p class="blog-summary">Google AI Overviews &#xF6;zelli&#x11F;ine uyum sa&#x11F;lama stratejileri ve yapay zeka destekli SEO teknikleri.</p>
                                    <div class="blog-tag-list">
                                            <span class="blog-tag">SEO</span>
                                            <span class="blog-tag">Dijital Pazarlama</span>
                                            <span class="blog-tag">Otomasyon</span>
                                    </div>
                                <a href="/blog/yapay-zeka-ai-seo-sge-nasil-yapilir-2025-rehberi" class="btn-simple">
                                    Devam&#x131;n&#x131; Oku
                                    <svg width="23" height="6" viewBox="0 0 23 6" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M0 4.65967H20L15.6875 0.659668" stroke="#103142" stroke-width="1.8"></path>
                                    </svg>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-4 col-lg-6 col-md-6 mb-30">
                        <div class="blog-style-two fade-amin-item" data-fade-from="left" data-delay="0.5">
                            <div class="thumb">
                                <ul class="meta-one">
                                        <li><a href="/blog?category=Web Yaz&#x131;l&#x131;m">Web Yaz&#x131;l&#x131;m</a></li>
                                        <li>02 Mart, 2026</li>
                                </ul>
                                <img src="/img/blog/blog-api-integration.svg" alt="API Entegrasyonu Nedir?" width="600" height="375" loading="lazy" style="aspect-ratio:16/10;width:100%;height:auto;object-fit:cover;">
                            </div>
                            <div class="info">
                                <h3><a href="/blog/api-entegrasyonu-nedir">API Entegrasyonu Nedir?</a></h3>
                                    <p class="blog-summary">API entegrasyonu, farkl&#x131; yaz&#x131;l&#x131;m sistemleri aras&#x131;nda veri ak&#x131;&#x15F;&#x131;n&#x131; sa&#x11F;layan aray&#xFC;zlerin entegrasyonudur.</p>
                                    <div class="blog-tag-list">
                                            <span class="blog-tag">API</span>
                                            <span class="blog-tag">.NET</span>
                                            <span class="blog-tag">Web Yaz&#x131;l&#x131;m</span>
                                    </div>
                                <a href="/blog/api-entegrasyonu-nedir" class="btn-simple">
                                    Devam&#x131;n&#x131; Oku
                                    <svg width="23" height="6" viewBox="0 0 23 6" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M0 4.65967H20L15.6875 0.659668" stroke="#103142" stroke-width="1.8"></path>
                                    </svg>
                                </a>
                            </div>
                        </div>
                    </div>
            </div>
            <div class="row">
                <div class="col-12 text-center mt-20">
                    <a href="/blog" class="btn btn-style-one">
                        T&#xFC;m Blog Yaz&#x131;lar&#x131; <i class="fas fa-arrow-right"></i>
                    </a>
                </div>
            </div>
        </div>
    </div>
<!-- ===== END BLOG ===== -->

<!-- ===== CTA SECTION ===== -->
<div class="cta-section">
    <div class="cta-bg-shapes">
        <span class="cta-shape cta-shape-1"></span>
        <span class="cta-shape cta-shape-2"></span>
        <span class="cta-shape cta-shape-3"></span>
    </div>
    <div class="container position-relative">
        <div class="row justify-content-center">
            <div class="col-xl-8 col-lg-10 text-center">
                <div class="cta-icon fade-amin-item" data-delay="0.1">
                    <i class="fas fa-rocket"></i>
                </div>
                <h2 class="cta-title fade-amin-item" data-delay="0.2">Projenizi Birlikte Geli&#x15F;tirelim, &#x130;&#x15F;letmenizi Dijitalde &#xD6;l&#xE7;ekleyelim</h2>
                <p class="cta-desc fade-amin-item" data-delay="0.3">Web tasar&#x131;m, yaz&#x131;l&#x131;m geli&#x15F;tirme veya mobil uygulama geli&#x15F;tirme projeniz i&#xE7;in yan&#x131;n&#x131;zday&#x131;z. &#x130;&#x15F;letmenizi dijitalde &#xF6;l&#xE7;ekleyecek performans altyap&#x131;n&#x131;z&#x131; birlikte kural&#x131;m.</p>
                <div class="cta-buttons fade-amin-item" data-delay="0.4">
                    <a class="btn circle btn-style-one btn-lg" href="/teklif-al">
                        Teklif Al <i class="fas fa-arrow-right ms-2"></i>
                    </a>
                    <a class="btn circle btn-cta-secondary btn-lg" href="/hizmetler">
                        Hizmetlerimizi &#x130;ncele <i class="fas fa-chevron-right ms-2"></i>
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- ===== END CTA ===== -->

<!-- ===== SEO CONTENT ===== -->
    <div class="seo-content-area default-padding">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-xl-10 col-lg-11">
                    <div class="seo-content-card">
                            <div class="seo-content-header">
                                <div class="seo-title-icon"><i class="fas fa-info-circle"></i></div>
                                <h3>Hizmetlerimiz Hakk&#x131;nda</h3>
                            </div>
                        <div class="seo-content-body">
                            <p><strong>Demircode</strong>, İstanbul merkezli bir yazılım ve dijital ajans olarak web tasarım, web yazılım, mobil uygulama geliştirme, ERP/CRM çözümleri ve dijital pazarlama alanlarında kapsamlı hizmetler sunmaktadır.</p><p>Kurumsal web tasarım, responsive web tasarım, e-ticaret çözümleri, otel rezervasyon sistemleri, uçak bileti satış yazılımları, araç kiralama sistemleri ve özel yazılım projeleri ile sektörde fark yaratıyoruz. .NET, React, Flutter ve yapay zeka teknolojileri ile geliştirdiğimiz projeler, müşterilerimizin dijital dönüşüm süreçlerini hızlandırmaktadır.</p><p>SEO uyumlu web siteleri, hızlı ve güvenli altyapılar, çok dilli destek ve mobil uyumlu tasarımlar ile markanızı dijital dünyada öne çıkarıyoruz.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
<!-- ===== END SEO CONTENT ===== -->


    </main>

    <!-- Footer -->
    <footer b-lye9qdizv1 class="footer-style-two bg-dark text-light overflow-hidden">
        <!-- Footer Top -->
        <div b-lye9qdizv1 class="container">
            <div b-lye9qdizv1 class="row">
                <div b-lye9qdizv1 class="col-lg-12">
                    <div b-lye9qdizv1 class="footer-top-style-two">
                        <div b-lye9qdizv1 class="logo">
                            <img src="/img/logo.png" alt="Demircode" class="logo" width="180" height="79">
                        </div>
                        <ul b-lye9qdizv1 class="social-style-two">
 <li b-lye9qdizv1><a b-lye9qdizv1 href="https://www.facebook.com/demircode" target="_blank" rel="noopener" aria-label="Facebook"><i b-lye9qdizv1 class="fab fa-facebook-f"></i></a></li>  <li b-lye9qdizv1><a b-lye9qdizv1 href="https://www.linkedin.com/company/demircode" target="_blank" rel="noopener" aria-label="LinkedIn"><i b-lye9qdizv1 class="fab fa-linkedin-in"></i></a></li>  <li b-lye9qdizv1><a b-lye9qdizv1 href="https://www.instagram.com/demircode" target="_blank" rel="noopener" aria-label="Instagram"><i b-lye9qdizv1 class="fab fa-instagram"></i></a></li>  <li b-lye9qdizv1><a b-lye9qdizv1 href="https://twitter.com/demircode" target="_blank" rel="noopener" aria-label="Twitter"><i b-lye9qdizv1 class="fab fa-twitter"></i></a></li>                         </ul>
                    </div>
                </div>
            </div>
        </div>

        <div b-lye9qdizv1 class="container">
            <div b-lye9qdizv1 class="f-items">
                <div b-lye9qdizv1 class="row">
                    <!-- About -->
                    <div b-lye9qdizv1 class="col-xl-4 col-lg-4 col-md-12 footer-item mt-50">
                        <div b-lye9qdizv1 class="f-item about">
                            <div b-lye9qdizv1 class="content">
                                <h2 b-lye9qdizv1 class="widget-title">Hakk&#x131;m&#x131;zda</h2>
                                <p b-lye9qdizv1>2011&#x27;den bu yana web tasar&#x131;m, yaz&#x131;l&#x131;m ve dijital &#xE7;&#xF6;z&#xFC;mler sunuyoruz.</p>
                                    <div b-lye9qdizv1 class="footer-working-hours mt-20">
                                        <i b-lye9qdizv1 class="fas fa-clock"></i>
                                        <span b-lye9qdizv1>Pazartesi - Cuma: 09:00 - 18:00</span>
                                    </div>
                            </div>
                        </div>
                    </div>

                    <!-- Quick Links -->
                    <div b-lye9qdizv1 class="col-xl-2 col-lg-2 col-md-6 mt-50 footer-item pl-50 pl-md-15 pl-xs-15">
                        <div b-lye9qdizv1 class="f-item link">
                            <h2 b-lye9qdizv1 class="widget-title">H&#x131;zl&#x131; Eri&#x15F;im</h2>
                            <ul b-lye9qdizv1 class="useful-link">
                                <li b-lye9qdizv1><a b-lye9qdizv1 href="/"><i b-lye9qdizv1 class="fas fa-angle-right"></i> Ana Sayfa</a></li>
                                <li b-lye9qdizv1><a b-lye9qdizv1 href="/#about"><i b-lye9qdizv1 class="fas fa-angle-right"></i> Hakk&#x131;m&#x131;zda</a></li>
                                <li b-lye9qdizv1><a b-lye9qdizv1 href="/projeler"><i b-lye9qdizv1 class="fas fa-angle-right"></i> Projeler</a></li>
                                <li b-lye9qdizv1><a b-lye9qdizv1 href="/blog"><i b-lye9qdizv1 class="fas fa-angle-right"></i> Blog</a></li>
                                <li b-lye9qdizv1><a b-lye9qdizv1 href="/sss"><i b-lye9qdizv1 class="fas fa-angle-right"></i> Destek</a></li>
                                <li b-lye9qdizv1><a b-lye9qdizv1 href="/iletisim"><i b-lye9qdizv1 class="fas fa-angle-right"></i> &#x130;leti&#x15F;im</a></li>
                            </ul>
                        </div>
                    </div>

                    <!-- Services & Products -->
                    <div b-lye9qdizv1 class="col-xl-3 col-lg-3 col-md-6 mt-50 footer-item pl-50 pl-md-15 pl-xs-15">
                        <div b-lye9qdizv1 class="f-item link">
                            <h2 b-lye9qdizv1 class="widget-title">&#xC7;&#xF6;z&#xFC;mlerimiz</h2>
                            <ul b-lye9qdizv1 class="useful-link">
                                <li b-lye9qdizv1><a b-lye9qdizv1 href="/hizmetler"><i b-lye9qdizv1 class="fas fa-angle-right"></i> T&#xFC;m Hizmetler</a></li>
                                <li b-lye9qdizv1><a b-lye9qdizv1 href="/urunler"><i b-lye9qdizv1 class="fas fa-angle-right"></i> &#xDC;r&#xFC;nler</a></li>
                            </ul>
                        </div>
                    </div>

                    <!-- Contact Info -->
                    <div b-lye9qdizv1 class="col-xl-3 col-lg-3 col-md-6 footer-item mt-50">
                        <div b-lye9qdizv1 class="f-item contact">
                            <h2 b-lye9qdizv1 class="widget-title">&#x130;leti&#x15F;im</h2>
                            <ul b-lye9qdizv1 class="footer-contact-list">
                                    <li b-lye9qdizv1>
                                        <div b-lye9qdizv1 class="footer-contact-icon"><i b-lye9qdizv1 class="fas fa-map-marker-alt"></i></div>
                                        <div b-lye9qdizv1 class="footer-contact-info">
                                            <h5 b-lye9qdizv1>Adres</h5>
                                            <p b-lye9qdizv1>K&#xFC;&#xE7;&#xFC;kbakkalk&#xF6;y Mah. Kay&#x131;&#x15F;da&#x11F;&#x131; Cad. 137/1 &#xC7;elik Plaza Kat:3 No:9 Ata&#x15F;ehir/&#x130;stanbul</p>
                                        </div>
                                    </li>
                                    <li b-lye9qdizv1>
                                        <div b-lye9qdizv1 class="footer-contact-icon"><i b-lye9qdizv1 class="fas fa-envelope"></i></div>
                                        <div b-lye9qdizv1 class="footer-contact-info">
                                            <h5 b-lye9qdizv1>Email</h5>
                                            <a b-lye9qdizv1 href="mailto:info@sleekcapital.cfd">info@sleekcapital.cfd</a>
                                        </div>
                                    </li>
                                    <li b-lye9qdizv1>
                                        <div b-lye9qdizv1 class="footer-contact-icon"><i b-lye9qdizv1 class="fas fa-phone-alt"></i></div>
                                        <div b-lye9qdizv1 class="footer-contact-info">
                                            <h5 b-lye9qdizv1>Telefon</h5>
                                            <a b-lye9qdizv1 href="tel:&#x2B;90 543 326 47 77">&#x2B;90 543 326 47 77</a>
                                        </div>
                                    </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Google Reviews Badge -->
        <div b-lye9qdizv1 class="google-reviews-bar">
            <div b-lye9qdizv1 class="container">
                <div b-lye9qdizv1 class="google-reviews-badge">
                    <a b-lye9qdizv1 href="https://g.page/demircode/review" target="_blank" rel="noopener" class="google-reviews-link">
                        <img b-lye9qdizv1 src="https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_42x16dp.png" alt="Google" width="42" height="16" loading="lazy" />
                        <div b-lye9qdizv1 class="google-reviews-stars">
                            <span b-lye9qdizv1 class="google-stars">&#9733;&#9733;&#9733;&#9733;&#9733;</span>
                            <span b-lye9qdizv1 class="google-rating">4.9/5</span>
                        </div>
                        <span b-lye9qdizv1 class="google-reviews-text">Google&#x27;da G&#xF6;r&#xFC;nt&#xFC;le</span>
                    </a>
                </div>
            </div>
        </div>

        <!-- Footer Bottom -->
        <div b-lye9qdizv1 class="footer-style-two-bottom">
            <div b-lye9qdizv1 class="container">
                <div b-lye9qdizv1 class="row align-items-center">
                    <div b-lye9qdizv1 class="col-lg-6">
                        <p b-lye9qdizv1>&copy; 2026 Demircode. T&#xFC;m haklar&#x131; sakl&#x131;d&#x131;r.</p>
                    </div>
                    <div b-lye9qdizv1 class="col-lg-6 text-end">
                        <ul b-lye9qdizv1 class="link-list">
                            <li b-lye9qdizv1><a b-lye9qdizv1 href="/sayfa/gizlilik-politikasi">Gizlilik</a></li>
                            <li b-lye9qdizv1><a b-lye9qdizv1 href="/sayfa/cerez-politikasi">&#xC7;erezler</a></li>
                            <li b-lye9qdizv1><a b-lye9qdizv1 href="/teklif-al" class="footer-cta-link">Teklif Al <i b-lye9qdizv1 class="fas fa-arrow-right ms-1"></i></a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </footer>

    <!-- JSON-LD Schema -->
    <script type="application/ld&#x2B;json">
    {
        "@context": "https://schema.org",
        "@type": "Organization",
        "name": "Demircode",
        "url": "https://sleekcapital.cfd/",
        "logo": "https://sleekcapital.cfd/img/logo.png",
        "contactPoint": {
            "@type": "ContactPoint",
            "telephone": "&#x2B;90 543 326 47 77",
            "contactType": "customer service",
            "availableLanguage": ["Turkish", "English", "German", "Arabic"]
        },
        "sameAs": [
            "https://www.facebook.com/demircode",
            "https://twitter.com/demircode",
            "https://www.linkedin.com/company/demircode",
            "https://www.instagram.com/demircode"
        ]
    }
    </script>
    <script type="application/ld&#x2B;json">
    {
        "@context": "https://schema.org",
        "@type": "WebSite",
        "name": "Demircode",
        "url": "https://sleekcapital.cfd/",
        "potentialAction": {
            "@type": "SearchAction",
            "target": "https://sleekcapital.cfd/arama?q={search_term_string}",
            "query-input": "required name=search_term_string"
        }
    }
    </script>
    <script type="application/ld&#x2B;json">
    {
        "@context": "https://schema.org",
        "@type": "ProfessionalService",
        "name": "Demircode",
        "url": "https://sleekcapital.cfd/",
        "logo": "https://sleekcapital.cfd/img/logo.png",
        "image": "https://sleekcapital.cfd/img/og-default.png",
        "telephone": "&#x2B;90 543 326 47 77",
        "email": "info@sleekcapital.cfd",
        "address": {
            "@type": "PostalAddress",
            "streetAddress": "K&#xFC;&#xE7;&#xFC;kbakkalk&#xF6;y Mah. Kay&#x131;&#x15F;da&#x11F;&#x131; Cad. 137/1 &#xC7;elik Plaza Kat:3 No:9 Ata&#x15F;ehir/&#x130;stanbul",
            "addressCountry": "TR"
        },
        "foundingDate": "2011",
        "description": "2011&#x27;den bu yana Mobil Uygulama Geli&#x15F;tirme, Web Tasar&#x131;m, &#xD6;zel Yaz&#x131;l&#x131;m Geli&#x15F;tirme ve Dijital &#xC7;&#xF6;z&#xFC;mler sunan teknoloji &#x15F;irketi. Ayl&#x131;k aboneliklerle Demircode yaz&#x131;l&#x131;mlar&#x131;n&#x131; kolay eri&#x15F;ebilir rakamlarla sahip olabilirsiniz. e-Ticaret, Online Rezervasyon,&#x130;K Yaz&#x131;l&#x131;mlar&#x131;, Hukuk Portal&#x131;, ERP, CRM ve &#xF6;zel yaz&#x131;l&#x131;m &#xE7;&#xF6;z&#xFC;mleri.",
        "knowsAbout": ["Web Development", "ERP Software", "Tourism Software", "Hotel Reservation Systems", "Mobile Apps", "CRM Solutions"],
        "hasOfferCatalog": {
            "@type": "OfferCatalog",
            "name": "Yazılım Ürünleri & Hizmetleri",
            "itemListElement": [
                { "@type": "Offer", "itemOffered": { "@type": "Service", "name": "Web Tasarım & Geliştirme" } },
                { "@type": "Offer", "itemOffered": { "@type": "Service", "name": "Otel Rezervasyon Sistemi (ORES)" } },
                { "@type": "Offer", "itemOffered": { "@type": "Service", "name": "ERP & Kurumsal Yazılım" } }
            ]
        },
        "sameAs": [
            "https://www.facebook.com/demircode",
            "https://twitter.com/demircode",
            "https://www.linkedin.com/company/demircode",
            "https://www.instagram.com/demircode"
        ]
    }
    </script>
    <script type="application/ld&#x2B;json">
    {
        "@context": "https://schema.org",
        "@type": "LocalBusiness",
        "@id": "https://sleekcapital.cfd/#localbusiness",
        "name": "Demircode",
        "image": "https://sleekcapital.cfd/img/og-default.png",
        "logo": "https://sleekcapital.cfd/img/logo.png",
        "url": "https://sleekcapital.cfd/",
        "telephone": "&#x2B;90 543 326 47 77",
        "email": "info@sleekcapital.cfd",
        "description": "2011&#x27;den bu yana Mobil Uygulama Geli&#x15F;tirme, Web Tasar&#x131;m, &#xD6;zel Yaz&#x131;l&#x131;m Geli&#x15F;tirme ve Dijital &#xC7;&#xF6;z&#xFC;mler sunan teknoloji &#x15F;irketi. Ayl&#x131;k aboneliklerle Demircode yaz&#x131;l&#x131;mlar&#x131;n&#x131; kolay eri&#x15F;ebilir rakamlarla sahip olabilirsiniz. e-Ticaret, Online Rezervasyon,&#x130;K Yaz&#x131;l&#x131;mlar&#x131;, Hukuk Portal&#x131;, ERP, CRM ve &#xF6;zel yaz&#x131;l&#x131;m &#xE7;&#xF6;z&#xFC;mleri.",
        "foundingDate": "2011",
        "priceRange": "$$",
        "currenciesAccepted": "TRY, USD, EUR",
        "paymentAccepted": "Credit Card, Bank Transfer",
        "address": {
            "@type": "PostalAddress",
            "streetAddress": "Küçükbakkalköy Mah. Kayışdağı Cad. 137/1 Çelik Plaza Kat:3 No:9",
            "addressLocality": "Ataşehir",
            "addressRegion": "İstanbul",
            "postalCode": "34750",
            "addressCountry": "TR"
        },
        "geo": {
            "@type": "GeoCoordinates",
            "latitude": 40.9780,
            "longitude": 29.1285
        },
        "openingHoursSpecification": [
            {
                "@type": "OpeningHoursSpecification",
                "dayOfWeek": ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday"],
                "opens": "09:00",
                "closes": "18:00"
            }
        ],
        "areaServed": [
            { "@type": "City", "name": "İstanbul" },
            { "@type": "Country", "name": "Türkiye" },
            { "@type": "Country", "name": "Deutschland" }
        ],
        "sameAs": [
            "https://www.facebook.com/demircode",
            "https://twitter.com/demircode",
            "https://www.linkedin.com/company/demircode",
            "https://www.instagram.com/demircode"
        ]
    }
    </script>
    
<script type="application/ld&#x2B;json">
{
    "@context": "https://schema.org",
    "@type": "WebPage",
    "name": "&#x1F31F;Demircode | Mobil Uygulama &amp; Web Tasar&#x131;m, Yaz&#x131;l&#x131;m &amp; Dijital &#xC7;&#xF6;z&#xFC;mler",
    "description": "2011&#x27;den bu yana Mobil Uygulama Geli&#x15F;tirme, Web Tasar&#x131;m, &#xD6;zel Yaz&#x131;l&#x131;m Geli&#x15F;tirme ve Dijital &#xC7;&#xF6;z&#xFC;mler sunan teknoloji &#x15F;irketi. Ayl&#x131;k aboneliklerle Demircode yaz&#x131;l&#x131;mlar&#x131;n&#x131; kolay eri&#x15F;ebilir rakamlarla sahip olabilirsiniz. e-Ticaret, Online Rezervasyon,&#x130;K Yaz&#x131;l&#x131;mlar&#x131;, Hukuk Portal&#x131;, ERP, CRM ve &#xF6;zel yaz&#x131;l&#x131;m &#xE7;&#xF6;z&#xFC;mleri.",
    "url": "https://sleekcapital.cfd/",
    "isPartOf": { "@type": "WebSite", "name": "Demircode", "url": "https://sleekcapital.cfd/" }
}
</script>


    <!-- Language Switcher Toggle -->
    <script>
        document.addEventListener('DOMContentLoaded', function () {
            var switcher = document.querySelector('.lang-switcher');
            var btn = document.querySelector('.lang-current');
            if (btn && switcher) {
                btn.addEventListener('click', function (e) {
                    e.preventDefault();
                    e.stopPropagation();
                    switcher.classList.toggle('open');
                });
                document.addEventListener('click', function (e) {
                    if (!switcher.contains(e.target)) {
                        switcher.classList.remove('open');
                    }
                });
            }
        });
    </script>

    <!-- Back to Top -->
    <a b-lye9qdizv1 href="#" class="scroll-top" aria-label="Ba&#x15F;a d&#xF6;n">
        <i b-lye9qdizv1 class="fas fa-angle-double-up"></i>
    </a>

    <!-- JavaScript (merged: 18 files → 3) -->
    <script src="/js/jquery-3.7.1.min.js" defer></script>
    <script src="/js/vendor.min.js?v=2" defer></script>
    <script>
    // Stub for template plugins not used on this site
    document.addEventListener('DOMContentLoaded',function(){if(window.jQuery&&!$.fn.datepicker)$.fn.datepicker=function(){return this;};});
    </script>
    <script src="/js/main.js?v=2" defer></script>
    

    <!-- Phone link: only clickable during Turkish business hours (Mon-Fri 09:00-18:00 UTC+3) -->
    <script>
    (function(){
        function isTurkeyBusinessHours(){
            var now = new Date();
            var tr = new Date(now.toLocaleString('en-US',{timeZone:'Europe/Istanbul'}));
            var day = tr.getDay(); // 0=Sun,6=Sat
            var h = tr.getHours();
            return day>=1 && day<=5 && h>=9 && h<18;
        }
        function updatePhoneLinks(){
            var open = isTurkeyBusinessHours();
            document.querySelectorAll('.phone-link').forEach(function(el){
                if(open){
                    el.style.pointerEvents='';
                    el.style.opacity='';
                    el.removeAttribute('title');
                } else {
                    el.style.pointerEvents='none';
                    el.style.opacity='0.5';
                    el.setAttribute('title','Mesai saatleri dışında arayamazsınız. Pazartesi-Cuma 09:00-18:00');
                }
            });
        }
        updatePhoneLinks();
        setInterval(updatePhoneLinks, 60000);
    })();
    </script>

    <!-- Google Tag Manager (3sn gecikme ile - TBT azaltma) -->
    <script>setTimeout(function(){(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-W4WM5G7K');},3000);</script>
    <script>function openVideoModal(u){var m=document.getElementById('videoModal'),f=document.getElementById('videoIframe');if(m&&f){f.src=u;m.style.display='flex';document.body.style.overflow='hidden'}}function closeVideoModal(e){var m=document.getElementById('videoModal'),f=document.getElementById('videoIframe');if(m){f.src='';m.style.display='none';document.body.style.overflow=''}}</script>

    <!-- WhatsApp Floating Button (Pzt-Cum 09:00-18:00 TR saati) -->
    <a b-lye9qdizv1 id="whatsappBtn" href="https://wa.me/905433264777?text=Merhaba%2C%20bilgi%20almak%20istiyorum." target="_blank" rel="noopener" aria-label="WhatsApp" style="display:none;">
        <svg b-lye9qdizv1 viewBox="0 0 32 32" width="28" height="28" fill="#fff"><path b-lye9qdizv1 d="M16.004 0h-.008C7.174 0 0 7.176 0 16.004c0 3.5 1.132 6.742 3.052 9.378L1.056 31.2l6.044-1.94a15.9 15.9 0 008.904 2.704C24.828 31.964 32 24.788 32 16.004S24.828 0 16.004 0zm9.32 22.612c-.392 1.104-1.932 2.02-3.156 2.288-.84.18-1.936.324-5.628-1.208-4.72-1.96-7.76-6.748-7.996-7.06-.228-.312-1.86-2.476-1.86-4.724s1.176-3.352 1.592-3.812c.416-.46.908-.576 1.212-.576.304 0 .608.004.872.016.28.012.656-.108.972.74.34.888 1.148 3.024 1.248 3.244.1.22.168.476.032.764-.128.296-.196.476-.392.736-.196.26-.412.58-.588.78-.196.22-.4.46-.172.9.228.44 1.016 1.676 2.18 2.716 1.5 1.34 2.764 1.756 3.156 1.948.392.196.62.164.848-.1.236-.26.996-1.16 1.264-1.56.26-.4.528-.332.888-.2.364.136 2.3 1.084 2.692 1.284.392.196.656.296.752.46.1.164.1.948-.292 2.052z"/></svg>
    </a>
    <script>
    (function(){
        var btn=document.getElementById('whatsappBtn');
        if(!btn)return;
        function checkWA(){
            var now=new Date();
            var utc=now.getTime()+now.getTimezoneOffset()*60000;
            var tr=new Date(utc+3*3600000);
            var d=tr.getDay(),h=tr.getHours(),m=tr.getMinutes();
            var open=d>=1&&d<=5&&(h>9||(h===9&&m>=0))&&h<18;
            btn.style.display=open?'flex':'none';
        }
        checkWA();
        setInterval(checkWA,60000);
    })();
    </script>
</body>

</html>
