
<!DOCTYPE html>
<html lang="en">
<link rel="icon" href="./logo.png" sizes="32x32">
<meta name="description" content="Yazılım çözümleri, web tasarım ve dijital dönüşüm için doğru adres. Hemen ihtiyacınıza uygun yazılım projeleri oluşturun.">
<meta name="keywords" content="yazılım, web tasarım, yazılım projeleri, yazılım hizmetleri, yazılım çözümleri">
<meta name="author" content="yaziliminolsun.com.tr">
<meta name="robots" content="index, follow">
<title>Yazılımın Olsun - Özel Yazılım ve Web Tasarım Çözümleri</title>
<link rel="canonical" href="https://www.yaziliminolsun.com.tr/" />
<link rel="stylesheet" href="styles.css">
<!-- Sosyal Medya için Open Graph Meta Etiketleri -->
<meta property="og:title" content="Yazılımın Olsun - Yazılım ve Web Çözümleri">
<meta property="og:description" content="Web tasarım ve yazılım çözümlerinde ihtiyacınıza uygun projeler oluşturun. Kaliteli ve hızlı çözümler sunuyoruz.">
<meta property="og:image" content="./logo.png">
<meta property="og:url" content="https://www.yaziliminolsun.com.tr">
<meta property="og:type" content="website">
<!-- Twitter Kartları için Meta Etiketler -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Yazılımın Olsun - ÖZELYazılım ve Web Tasarım Çözümleri">
<meta name="twitter:description" content="Web tasarım ve yazılım çözümleri için en iyi adres. Hemen bizimle iletişime geçin!">
<meta name="twitter:image" content="./logo.png"">
<!-- Favicon -->
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script>
document.addEventListener("DOMContentLoaded", function () {
// Sağ tıklamayı engelle
document.addEventListener("contextmenu", function (e) {
e.preventDefault();
alert("Sağ tıklama 'Yzo system protection v1.2' tarafından devre dışı bırakılmıştır.");
});

// CTRL + S veya diğer kısayolları engelle
document.addEventListener("keydown", function (e) {
if (
(e.ctrlKey && e.key === "s") ||  // CTRL + S
(e.ctrlKey && e.key === "u") ||  // CTRL + U
(e.ctrlKey && e.key === "p") ||  // CTRL + P
(e.ctrlKey && e.key === "a") ||  // CTRL + A
(e.ctrlKey && e.key === "t") ||  // CTRL + T
(e.key === "F12")                // Geliştirici Araçları
) {
e.preventDefault();
alert("Yaptığınız işlem 'Yzo system protection v1.2' tarafından devre dışı bırakılmıştır.");
}
});

// Tarayıcıdan metin seçimini engelle
document.addEventListener("selectstart", function (e) {
e.preventDefault();
});

// Sayfa kaynağına erişimi zorlaştır
document.addEventListener("copy", function (e) {
e.preventDefault();
alert("'Yzo system protection v1.2' tarafından devre dışı bırakılmıştır. Kopyalama işlemi.");
});

// Tarayıcıya özel işlevler için ekstra engel (fare kontrolü)
document.addEventListener("mousedown", function (e) {
if (e.button === 2 || e.button === 3) {
e.preventDefault();
}
});

// Tarayıcı kontrolü: User-Agent doğrulaması
const userAgent = navigator.userAgent.toLowerCase();
const blockedAgents = ["httrack", "wget", "curl", "node", "flame"];
blockedAgents.forEach(agent => {
if (userAgent.includes(agent)) {
alert("Bu araç 'Yzo system protection v1.2' tarafından engellenmiştir.");
document.body.innerHTML = "<h1>Erişim Engellendi</h1>";
throw new Error("Engellenen User-Agent tespit edildi: " + userAgent);
}
});

// iFrame'de çalışmayı engelle
if (window.top !== window.self) {
alert("Bu sayfa iframe içinde görüntülenemez!");
window.top.location = window.self.location;
}

// Token veya Dinamik Doğrulama
const token = generateToken();
console.log("Token: ", token); // Sunucuya gönderilecek token

// Token oluşturma fonksiyonu
function generateToken() {
return btoa(Date.now().toString() + Math.random().toString());
}

// Sunucuya heartbeat göndermek için mekanizma
setInterval(() => {
fetch('/heartbeat', {
method: 'POST',
headers: {
'Content-Type': 'application/json',
'X-Custom-Token': token
},
body: JSON.stringify({ timestamp: Date.now() })
}).catch(err => {
console.error('Sunucuya bağlantı başarısız:', err);
});
}, 30000); // 30 saniyede bir sunucuya bildirim gönder
});
</script>
<style>
body {
margin: 0;
font-family: Arial, sans-serif;
}

.announcement-bar {
background-color: #003366; /* Kapalı mavi renk */
color: white;
text-align: center;
padding: 3px;
font-size: 16px;
position: fixed;
top: 0;
width: 100%;
z-index: 9999;
}

.fixed-bar {
position: sticky;
top: 0;
background-color: #003366;
color: white;
text-align: center;
padding: 2px;
font-size: 12px;
}
/* Mobilde görünmemesi için */
@media (max-width: 768px) {
.announcement-bar {
display: none;
}

.fixed-bar {
display: none;
}
}
</style>
</head>

<div class="announcement-bar">
<p>Tüm geçerli ilanlarımızda 1 HAFTA ÜCRETSİZ DENEME, işletmenizi 1 adım önde tutun.</p>
</div>
<style>
#cookieAlert{
position: fixed;
bottom: 20px;
left: 20px;
background-color: rgba(40, 66, 116, 0.5); /* Saydam arka plan */
color: white;
padding: 10px 20px;
border-radius: 10px;
font-family: Arial, sans-serif;
font-size: 14px;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.7); /* Siyah gölge */
border: 4px solid transparent; /* Başlangıçta şeffaf sınır */
animation: drawBorder 20s linear forwards; /* Animasyonla sınır çizimi */
opacity: 1; /* Başlangıçta tamamen görünür */
transition: opacity 2s ease-out; /* Saydamlaşma için geçiş animasyonu */
cursor: pointer; /* Tıklanabilir olduğunu gösterir */
text-decoration: none; /* Alt çizgiyi kaldırır */
}

#seoAlert {
position: fixed;
bottom: 20px;
left: 20px;
background-color: rgba(134, 48, 151, 0.5); /* Saydam arka plan */
color: white;
padding: 10px 20px;
border-radius: 10px;
font-family: Arial, sans-serif;
font-size: 14px;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.7); /* Siyah gölge */
border: 4px solid transparent; /* Başlangıçta şeffaf sınır */
animation: drawBorder 20s linear forwards; /* Animasyonla sınır çizimi */
opacity: 1; /* Başlangıçta tamamen görünür */
transition: opacity 2s ease-out; /* Saydamlaşma için geçiş animasyonu */
cursor: pointer; /* Tıklanabilir olduğunu gösterir */
text-decoration: none; /* Alt çizgiyi kaldırır */
}

#cookieAlert:hover, #seoAlert:hover {
text-decoration: underline; /* Üzerine gelince alt çizgi ekler */
}

#seoAlert {
bottom: -60px; /* Çerez kutusundan sonra gelsin */
animation: moveUp 1s forwards;
animation-delay: 5s; /* Çerez uyarısı 5 saniye sonra kaybolur */
}

@keyframes moveUp {
to {
bottom: 20px;
}
}

@keyframes fadeOut {
to {
opacity: 0;
visibility: hidden;
}
}
@media (max-width: 768px) {
#cookieAlert, #seoAlert {
display: none; /* Hide alerts on mobile */
}
}
</style>
</head>
<body>
<!-- Çerez uyarı kutusu -->
<a id="cookieAlert" href="./terms.html" style="animation: fadeOut 1s forwards; animation-delay: 5s;">
İşletmeniz İçin 1 Hafta Ücretsiz Deneme Süresi.
</a>

<!-- SEO uyarı kutusu -->
<a id="seoAlert" href="./seo.html">
Tüm Satış Sitelerimizde SEO uyumludur.
</a>
</body>

</body>

<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<head>
<meta charset="UTF-8" />
<link rel="shortcut icon" type="image/ico" href="#">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Ana Menü | YaziliminOlsun</title>
<meta name="keywords" content="menü,kafe,işletme,prorgam,kafe,menü,işletme">
<meta name="description" content="Yazılıma ihtiyacın var ise : YaziliminOlsun ile dilediğin programı gerçekliğe çevir">
<link rel="shortcut icon" type="image/ico" href="./logo.png"/>


<meta name="verification" content="5a49b8f3ce99e6b371c66becd4e322" />
<meta name="enot" content="7311629990230lql2Wx337sxrdxlSAWTK6DojS-ER9sSl" />
<script>
var beamer_config = {
product_id : "jdWcbgNy37827" //DO NOT CHANGE: This is your product code on Beamer
};
</script>
<script type="text/javascript" src="app.getbeamer.com/js/beamer-embed.html" defer="defer"></script>

<script type="text/javascript" >
(function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
(window, document, "script", "mc.yandex.ru/metrika/tag.js", "ym");
ym(84887464, "init", {
clickmap:true,
trackLinks:true,
accurateTrackBounce:true,
webvisor:true
});
</script>
<noscript><div><img src="#" style="position:absolute; left:-9999px;" alt="" /></div></noscript>

<meta name="yandex-verification" content="792d8f0101738bd0" />
<meta name="anypay-verification" content="d7a8cfda92e78c23bd83a61e5771">
<meta name="cryptomus" content="192b5ac4" />
<meta name="interkassa-verification" content="f887641324d347ec5faf422969a866c9" />
<meta name="trustpilot-one-time-domain-verification-id" content="d6d1fb8f-ac79-482c-afae-8b3152276ce7"/>
<meta name="lava-verify" content="2c6ce1ea04a1a6af" />
<link rel="stylesheet" href="smmdesign.shop/globalsmm/assets/css/stylenewb9d6b9d6.css?v1.0.3" />
<link href="site-assets.fontawesome.com/releases/v6.1.1/css/all.css" rel="stylesheet" type="text/css" media="all">
<link rel="preconnect" href="https://fonts.googleapis.com/">
<link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&amp;display=swap" rel="stylesheet">
</head>
<body class="nk-body body-bg theme-light-active" data-navbar-collapse="xl">
<div class="preloader"><div class="loader"></div></div>
<div class="nk-app-root home-smm-new">
<header class="nk-header">
<div class="nk-header-main nk-navbar-main">
<div class="container">
<div class="nk-header-wrap">
<div class="nk-header-logo">
<a href="" class="logo-link">
    <div class="logo-wrap">
    <img class="paydispaly" src="./logo2.png"  alt="brand-logo" />
    <img class="paydispaly2" src="./logo.png"  alt="brand-logo" />
    </div>
</a>
</div>
<nav class="nk-header-menu nk-navbar">
<div>
    <ul class="nk-nav">
                                            <li class="nk-nav-item" >
    <a class="nk-nav-link" href="https://shopier.com/yaziliminolsun" >
                                                <span class="nk-nav-text"> Shopier</span>
    </a>
</li>
                            <li class="nk-nav-item" >
    <a class="nk-nav-link" href="./hakimmizda.html" >
                                                <span class="nk-nav-text"> Hakkımızda</span>
    </a>
</li>
</li>
</li>
    </ul>
    <div class="nk-navbar-btn d-lg-none">
        <ul class="nk-btn-group sm justify-content-center">
            <li class="w-100">
            </li>
        </ul>
    </div>
</div>
</nav>
<div class="nk-header-action">
<ul class="nk-btn-group sm justify-content-center">
                       <div class="d-flex align-items-center gap-4">
<div class="mobile-menu d-flex ">
<label class="theme-switch-one style__two">
<input type="checkbox" id="slider" class="slider-light check-status">
<span class="slider round"></span>
</label>
</div>
</div>
    <li class="d-none d-md-block">
        <a href="./terms.html" class="btn btn-primary"><span> Destek</span></a>
    </li>
    <li class="nk-navbar-toggle">
        <button class="btn btn-outline-light navbar-toggle rounded-1 p-2 h-100"><em class="icon ni ni-menu"></em></button>                                                                                                                         
</ul>
</div>
</div>
</div>
</div>
</header>
<style>.popup {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #292929;
color: #cecece;
padding: 30px;
border-radius: 10px;
text-align: center;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
display: none;
z-index: 10;
}

.popup h2 {
font-size: 24px;
margin-bottom: 10px;
}

.popup p {
font-size: 16px;
margin-bottom: 20px;
}

.popup button {
padding: 10px 20px;
background-color: #0e3cbb;
border: none;
border-radius: 5px;
color: white;
font-size: 16px;
cursor: pointer;
}

.popup button:hover {
background-color: #3295c4;
}



.blurred {
filter: blur(5px);
pointer-events: none; 
}
@media (max-width: 768px) {
.logo img {
max-width: 100px;
}

.container h1 {
font-size: 20px;
}

.why-choose-title {
font-size: 18px;
}

.why-choose-list li {
font-size: 12px;
}

.popup {
width: 95%;
padding: 15px;
}

.popup h2 {
font-size: 16px;
}

.popup p {
font-size: 12px;
}

.popup button {
font-size: 12px;
}

/* Arka plan baloncukları */
.bg-bubbles li {
width: 20px;
height: 20px;
}
}
</style>
<main class="nk-pages">
<section class="nk-banner nk-banner-crypto overflow-hidden">
<div class="nk-banner-wrap">
<div class="container">
<div class="row justify-content-center text-center">
<div class="col-lg-12 col-xxl-12">
<div class="nk-section-head text-center">
    <span class="nk-section-subtitle headtitle" data-aos="fade-up">7 GÜN ÜCRETSİZ DENE !</span>
    <style>
        .nk-section-title {
          font-size: 2em;
          line-height: 1.5;
        }
    
        #changing-text {
          display: inline-block;
          overflow: hidden;
          white-space: nowrap;
          border-right: 3px solid black;
          animation: blink 0.5s step-end infinite;
        }
    
        @keyframes blink {
          from { border-color: transparent; }
          to { border-color: black; }
        }
      </style>
    </head>
      <h1 class="nk-section-title" data-aos="fade-up" data-aos-delay="50">
        Yazılıma mı İhtiyacınız Var ?<br>
        <span id="changing-text"></span>
      </h1>
    
      <script>
        const texts = [
          "ÖZEL YAZILIM SİSTEMLERİ.",
          "MUHASEBE PROGRAMLARI.",
          "ÖZEL WEB TASARIMI.",
          "E-TİCARET SİTESİ.",
          "SANAYI BILGI SISTEMLERI",
          "ÖZEL PROGRAM SERVİSİ",
          "LUA SCRIPT",
          "NODE.JS (SERVER)",
          "PYTHON 3.11.5",
          "HTML-5-3-4"
        ];
    
        let textIndex = 0;
        let charIndex = 0;
        const changingTextElement = document.getElementById("changing-text");
    
        function typeText() {
          const currentText = texts[textIndex];
          changingTextElement.textContent = currentText.slice(0, charIndex);
          charIndex++;
    
          if (charIndex > currentText.length) {
            // Yazı tamamlandı, bir süre bekle ve diğer metne geç
            setTimeout(() => {
              charIndex = 0;
              textIndex = (textIndex + 1) % texts.length; // Sıradaki metne geç
              typeText();
            }, 1000); // Bekleme süresi
          } else {
            // Harf eklemeye devam et
            setTimeout(typeText, 100);
          }
        }
    
        // Yazma efektini başlat
        typeText();
      </script>
    <p class="nk-section-text" data-aos="fade-up" data-aos-delay="100">www.yaziliminolsun.com.tr © 2025 dijitalde 1 adım önde ol.</p>
    <ul class="nk-btn-group3 justify-content-center pt-5">
        <a href="https://shopier.com/yaziliminolsun" data-aos="fade-up" data-aos-delay="150" class="text-decoration-none default-btn btn-size-18 hover-effect readmore_btn" href="#">
            <i class="fa-light fa-star"></i>Shopier
        </a>
        <a href="./hakimmizda.html" data-aos="fade-up" data-aos-delay="150" class="text-decoration-none default-btn btn-size-18 hover-effect readmore_btn" href="#">
            <i class="fa-light fa-circle-user"></i>Bilgi
        </a>
        <a href="./video.html" data-aos="fade-up" data-aos-delay="150" class="text-decoration-none default-btn btn-size-18 hover-effect readmore_btn" href="#">
            <i class="fa-light fa-eye"></i>Eğitim
        </a>
    </ul>
    
    <style>
    /* Varsayılan düzen */
    .nk-btn-group3 {
        display: flex;
        justify-content: center;
        gap: 10px;
    }
    
    /* Mobil cihazlar için düzen */
    @media (max-width: 768px) {
        .nk-btn-group3 {
            flex-direction: column;
            align-items: center;
        }
        .nk-btn-group3 a {
            width: 100%; /* Düğmelerin genişliğini arttırmak için opsiyonel */
            text-align: center;
        }
    }
    </style>
<div class="popup" id="sponsor-popup" style="display:none;">
<h2>Sponsor</h2>
<img src="sponsor_resmi.jpg" alt="Sponsor Reklam" style="width:100%; height:auto;">
<button id="close-sponsor-popup" style="margin-top: 20px;">Kapat</button>
</div>
    
    <div class="popup" id="popup">
        <h2>1 HAFTA ÜCRETSİZ DENE !</h2>
        <p>işletmen için 1 haftalık deneme süresi veriyoruz. İşletmeni 1 adım ileri taşımak için en doğru karar :)</p>
        <button id="close-popup">Kapat</button>
    </div>

    
    <div class="popup" id="second-popup" style="display:none;">
        <h2>Tüm ilanlarımızda GARANTİ.</h2>
        <p>1 AY / 3 AY olucak şekilde garantilendirme ve SHOPİER FATURALANDIRMASI yapıyoruz.</p>
        <button id="close-second-popup">Kapat</button>
    </div>
</div>
</div>
<div class="col-md-12  ">
</div>   
<div class="col-lg-4" data-aos="fade-up" data-aos-delay="0">
<div class="card flex-sm-row p-4">
    <div class="d-flex"><div class="feature-icon d-inline-block bg-primary-soft rounded-circle mb-32" styles="">
    <i class="fa-light fa-user-crown text-primary fa-2x" style="color: #ffffff !important;"></i>
</div><div class="textposition"><p class="fs-16 text-gray-1200">CEO</p>
<h5 class="mb-2 text-capitalize colorwhite">Yağız E***</h5></div></div>
    <div>
    </div>
</div>
</div>
<div class="col-lg-4" data-aos="fade-up" data-aos-delay="50">
<div class="card flex-sm-row p-4">
    <div class="d-flex"><div class="feature-icon d-inline-block bg-primary-soft rounded-circle mb-32" styles="">
    <i class="fa-sharp fa-light fa-sensor-fire text-primary fa-2x" style="color: #ffffff !important;"></i>
</div><div class="textposition"><p class="fs-16 text-gray-1200">Genel Sipariş</p>
<h5 class="mb-2 text-capitalize colorwhite">700+</h5></div></div>
    <div>
    </div>
</div>
</div>
<div class="col-lg-4" data-aos="fade-up" data-aos-delay="100">
<div class="card flex-sm-row p-4">
    <div class="d-flex"><div class="feature-icon d-inline-block bg-primary-soft rounded-circle mb-32" styles="">
    <i class="fa-sharp fa-light fa-box-heart text-primary fa-2x" style="color: #ffffff !important;"></i>
</div><div class="textposition"><p class="fs-16 text-gray-1200">Genel Müşteri</p>
<h5 class="mb-2 text-capitalize colorwhite">1000+</h5></div></div>
    <div>
    </div>
</div>
</div>
</div>
</div>
<div class="nk-frame d-none d-lg-block"><img src="smmdesign.shop/globalsmm/assets/img/lines1.png" alt="crypto-profile" /></div>
</div>
</section>
</div>
<ul class="nk-timeline-group row gy-5 gy-lg-0 has-divider">
<li class="nk-timeline-group-item col-xl-4" data-aos="fade-up" data-aos-delay="0">
<div class="nk-timeline-group-content text-center">
<div class="media media-lg media-middle media-circle text-bg-primary-soft mb-3 mb-md-6 fw-semibold newstep"><span class="h4 text-primary"><i class="fa-light fa-user-group-crown fa-lg"></i></span></div>
<div>
<span class="d-inline-block fs-14 mb-4 fw-semibold text-gray-800 text-uppercase">Adım #1</span>
<h3 class="mb-2 mb-md-3 colorwhite">Karar Verin</h3>
<p class="fs-16 text-gray-800 line-clamp-3">Hangi Programı Seçeceğinize Karar Verin.</p>
</div>
</div>
</li>
<li class="nk-timeline-group-item col-xl-4" data-aos="fade-up" data-aos-delay="50">
<div class="nk-timeline-group-content text-center">
<div class="media media-lg media-middle media-circle text-bg-primary-soft mb-3 mb-md-6 fw-semibold newstep"><span class="h4 text-primary"><i class="fa-light fa-wallet fa-lg"></i></span></div>
<div>
<span class="d-inline-block fs-14 mb-4 fw-semibold text-gray-800 text-uppercase">Adım #2</span>
<h3 class="mb-2 mb-md-3 colorwhite">Ödeme Yapın</h3>
<p class="fs-16 text-gray-800 line-clamp-3">Shopier İle Tamamen Güvenli Ödeme Yapabilirsiniz.</p>
</div>
</div>
</li>
<li class="nk-timeline-group-item col-xl-4" data-aos="fade-up" data-aos-delay="100">
<div class="nk-timeline-group-content text-center">
<div class="media media-lg media-middle media-circle text-bg-primary-soft mb-3 mb-md-6 fw-semibold newstep"><span class="h4 text-primary"><i class="fa-light fa-badge-check fa-lg"></i></span></div>
<div>
<span class="d-inline-block fs-14 mb-4 fw-semibold text-gray-800 text-uppercase">Adım #3</span>
<h3 class="mb-2 mb-md-3 colorwhite">Projenizi Teslim Alın</h3>
<p class="fs-16 text-gray-800 line-clamp-3">Sizin İçin Özen İle Hazırlanmış Programı Özel Link İle Alın.</p>
</div>
</div> 
</li>
<li class="nk-timeline-group-item col-xl-4" data-aos="fade-up" data-aos-delay="150">
<div class="nk-timeline-group-content text-center">
<div class="media media-lg media-middle media-circle text-bg-primary-soft mb-3 mb-md-6 fw-semibold newstep"><span class="h4 text-primary"><i class="fa-light fa-rocket-launch fa-lg"></i></span></div>
<div>
<span class="d-inline-block fs-14 mb-4 fw-semibold text-gray-800 text-uppercase">Adım #4</span>
<h3 class="mb-2 mb-md-3 colorwhite">Keyfini Çıkarın</h3>
<p class="fs-16 text-gray-800 line-clamp-3">Başarıyla Sonuçlandı. Bizi Tercih Ettiğiniz İçin Teşekkürler.</p>
</div>
</div>
</li>
</ul>
</div>
<section class="nk-section nk-faq-section py-7 py-lg-120">
<div class="tp-payment__shape-1" style="
right: 1px;
left: auto;
transform: rotate(0.5turn);
top: 100%;
">
<img src="smmdesign.shop/globalsmm/assets/img/left-1.png" alt="">
</div>
</div>
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-12 col-xxl-8">
<div class="nk-section-head text-center">
    <h2 id="FREE_CASES" class="title title_category title_video title_no-ttu js-hide-cases nk-section-title">
<img src="https://smmdesign.shop/globalsmm/assets/img/blue_header.webp" alt="" class="title__video webp">
<div class="title__title">Neden Bizi Tercih Etmelsiniz ?</div>
</h2>
<div class="image-carousel">
<img id="carousel-image" class="nk-section-image" src="resim1.png" alt="">
<div class="button-group">
<button id="prev-button" class="carousel-button"><</button>
<button id="next-button" class="carousel-button">></button>
</div>
</div>

<ul class="nk-btn-group justify-content-center pt-5">
</ul>

<style>
.image-carousel {
text-align: center;
position: relative;
}

.nk-section-image {
max-width: 100%;
height: auto;
display: block;
margin: 0 auto;
border-radius: 15px; /* Resim kenarlarını yuvarlatır */
}

.button-group {
display: flex;
justify-content: center;
margin-top: 10px;
}

.carousel-button {
background-color: #007bff;
color: white;
border: none;
padding: 10px 20px;
margin: 0 5px;
cursor: pointer;
font-size: 16px;
border-radius: 5px;
transition: transform 0.2s, background-color 0.2s;
}

.carousel-button:hover {
transform: scale(1.1);
background-color: #0056b3;
}
</style>


<script>
const images = ["resim1.png", "resim2.png", "resim3.png"]; // Resim dosya yolları
let currentIndex = 0;

const carouselImage = document.getElementById("carousel-image");
const prevButton = document.getElementById("prev-button");
const nextButton = document.getElementById("next-button");

// Önceki resmi göster
prevButton.addEventListener("click", () => {
currentIndex = (currentIndex - 1 + images.length) % images.length;
carouselImage.src = images[currentIndex];
});

// Sonraki resmi göster
nextButton.addEventListener("click", () => {
currentIndex = (currentIndex + 1) % images.length;
carouselImage.src = images[currentIndex];
});
</script>
<style>
    .item-package {
      border: 1px solid #ddd;
      border-radius: 10px;
      padding: 20px;
      max-width: 400px;
      margin: 20px auto;
      background-color: #160757;
      color: #fff;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
      position: relative;
    }
  
    .info-pacget-price {
      text-align: center;
      margin-bottom: 20px;
      position: absolute;
      top: 5px;
      left: 50%;
      transform: translateX(-50%);
    }
  
    .info-pacget-price .title {
      font-size: 24px;
      font-weight: bold;
      color: #fff;
      margin-bottom: 10px;
    }
  
    .info-pacget-price .btn {
      display: inline-block;
      padding: 10px 20px;
      font-size: 16px;
      color: #fff;
      border-radius: 20px;
      text-decoration: none;
      cursor: pointer;
      transition: background-color 0.3s ease;
    }
  
    .info-pacget-price .btn-success {
      background-color: #28a745;
    }
  
    .info-pacget-price .btn-success:hover {
      background-color: #218838;
    }
  
    .info-pacget-button {
      text-align: center;
    }
  
    .info-pacget-button .btn {
      display: inline-block;
      margin: 5px;
      padding: 10px 20px;
      font-size: 16px;
      color: #fff;
      border-radius: 20px;
      text-decoration: none;
      cursor: pointer;
      transition: background-color 0.3s ease;
    }
  
    .info-pacget-button .btn-primary {
      background-color: #007bff;
    }
  
    .info-pacget-button .btn-primary:hover {
      background-color: #0056b3;
    }
  
    ul {
      padding: 0;
      list-style: none;
      margin-top: 20px;
    }
    
    li {
      margin: 10px 0;
    }
</style>

<div class="item-package">
    <div class="info-pacget-price">
      <div class="title">E-TİCARET</div>
    </div>
  
    <ul>
      <li>Değerli Müşterilerimiz,</li>
      <li>Markanıza Özel Web Sitesi</li>
      <li>Ücretsiz Hosting Hizmeti</li>
      <li>.COM.TR Domain Sağlayıcısı</li>
      <li>Site Giriş Analizleri</li>
      <li>Güncel api sistemleri</li>
      <li>Tüm yazılımınolsun Sistemleri</li>
      <li>Stok kontrol programı (OFİS)</li>
      <li>Gelişmiş Takip</li>
      <li>Gelişmiş Bot Sistemleri</li>
      <li>Ürün Grubu & Özelleştirme</li>
      <li>___________________________________</li>
      <li>ÜCRETSİZ SEO</li>
      <li>ÜCRETSİZ MOBİL DESTEK</li>
      <li>ÜCRETSİZ TASARIM DESTEĞİ</li>
    </ul>
  
    <div class="info-pacget-button">
      <a href="./paketler.html" class="btn btn-primary">Paketi İncele</a>
      <a href="./paketler.html" class="btn btn-primary">Sizi Arayalım</a>
    </div>
</div>

  
</div>
</div>
</div>
<div class="row gy-5 gy-lg-0">
<div class="col-lg-8">
<div class="nk-faq">
    <div class="accordion accordion-s1" id="accordionExample">
        <div class="accordion-item" data-aos="fade-up" data-aos-delay="0" type="button" data-bs-toggle="collapse" data-bs-target="#faqCollapseOne">
            <div class="accordion-header">
                <h5>
                    <button class="accordion-button"><span class="text-capitalize">Güvence</span><em class="icon ni ni-arrow-down-circle accordion-button-icon"></em></button>
                </h5>
            </div>
            <div id="faqCollapseOne" class="accordion-collapse collapse show" data-bs-parent="#accordionExample">
                <div class="accordion-body">
                    <p>Yıllardır yaptığımız projelerde önceliğimiz müşteridir, Her hangi bir sorunda yazmaktan çekinmeyiniz.</p>
                </div>
            </div>
        </div>
        <div class="accordion-item" data-aos="fade-up" data-aos-delay="50" type="button" data-bs-toggle="collapse" data-bs-target="#faqCollapseTwo">
            <div class="accordion-header">
                <h5>
                    <button class="accordion-button collapsed">
                        <span class="text-capitalize">Nasıl Güvenebilirim ?</span><em class="icon ni ni-arrow-down-circle accordion-button-icon"></em>
                    </button>
                </h5>
            </div>
            <div id="faqCollapseTwo" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
                <div class="accordion-body">
                    <p>Shopier ödeme yöntemi ile %100 Güvenli bir şekilde alışveriş yapabilirsiniz.</p>
                </div>
            </div>
        </div>
        <div class="accordion-item" data-aos="fade-up" data-aos-delay="100" type="button" data-bs-toggle="collapse" data-bs-target="#faqCollapseThree">
            <div class="accordion-header">
                <h5>
                    <button class="accordion-button collapsed">
                        <span class="text-capitalize">Kurulumu Nasıl Yaparım ?</span><em class="icon ni ni-arrow-down-circle accordion-button-icon"></em>
                    </button>
                </h5>
            </div>
            <div id="faqCollapseThree" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
                <div class="accordion-body">
                    <p>Destek ekiplerimiz sizinle 15 DK / 2 DK içerisinde iletişime KESİNLİKLE geçecektir, geçmediği taktirde İADE %100 vardır | Destek whatsapp üzerinden olur.</p>
                </div>
            </div>
        </div>
        <div class="accordion-item" data-aos="fade-up" data-aos-delay="150" type="button" data-bs-toggle="collapse" data-bs-target="#faqCollapseFour">
            <div class="accordion-header">
                <h5>
                    <button class="accordion-button collapsed">
                        <span class="text-capitalize">Nereden Satın Alabilirim ?</span><em class="icon ni ni-arrow-down-circle accordion-button-icon"></em>
                    </button>
                </h5>
            </div>
            <div id="faqCollapseFour" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
                <div class="accordion-body">
                    <p>Shopier platformundan satın alım gerçekleştirebilirsiniz.</p>
                </div>
            </div>
        </div>
        <div class="accordion-item" data-aos="fade-up" data-aos-delay="200" type="button" data-bs-toggle="collapse" data-bs-target="#faqCollapseFive">
            <div class="accordion-header">
                <h5>
                    <button class="accordion-button collapsed"><span class="text-capitalize">Programlar Ne İşe Yarar ?</span><em class="icon ni ni-arrow-down-circle accordion-button-icon"></em></button>
                </h5>
            </div>
            <div id="faqCollapseFive" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
                <div class="accordion-body">
                    <p>Siz nasıl bir tasarım-kod isterseniz bütcenize uygun olarak yazılımlar yapıyoruz.</p>
                </div>
            </div>
        </div>
           <div class="accordion-item" data-aos="fade-up" data-aos-delay="250" type="button" data-bs-toggle="collapse" data-bs-target="#faqCollapseFive1">
            <div class="accordion-header">
                <h5>
                    <button class="accordion-button collapsed"><span class="text-capitalize">Nasıl İade Ederim ?</span><em class="icon ni ni-arrow-down-circle accordion-button-icon"></em></button>
                </h5>
            </div>
            <div id="faqCollapseFive1" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
                <div class="accordion-body">
                    <p>Destek ekibimiz sizinle ilgilenir ve çözülemeyen bir sorun olursa %100 iade edilir. (ücretsiz 1 hafta içerisinde geçerli değildir.)</p>
                </div>
            </div>
        </div>
    </div>
</div>
</div>
<div class="col-lg-4" data-aos="fade-up">
<div class="nk-contact-box">
    <div class="nk-contact-content">
        <div class=" text-primary mb-3 mb-md-5"><img src="https://smmdesign.shop/globalsmm/assets/img/Digital-Marketing-Who-Image-1.webp"  > </div>
        <h5 class="title m-0 mb-1 colorwhite">Senin İçin İndirim !</h5>
       <p class="text small" style="
margin-bottom: 20px;
">SENİN İÇİN 1 HAFTA ÜCRETSİZ VE GARANTİLİ</p>
    </div>
</div>
</div>
</div>
</div>
</section>
<section class="nk-section nk-section-feature nk-banner-crypto2">
<div class="tp-payment__shape-1" style="
left: auto;
">
<img src="smmdesign.shop/globalsmm/assets/img/left-1.png" alt="">
</div>
<div class="container">
<div class="row gy-5">
<div class="col-lg-3" data-aos="fade-up">
<div class="position-relative d-flex flex-column justify-content-around  bg-white overflow-hidden h-100">
   <div class="p-5 p-lg-3 text-center">
        <h4 class="mb-2 mb-md-3 colorwhite">HIZLI <span class="text-primary">çözüm</span></h4>
        <p class="fs-18 text-gray-800 line-clamp-3">
        
        </p>
    </div>
    <div class="nk-frame mb-n1"><img src="smmdesign.shop/globalsmm/assets/img/thre.png" alt="card-cover" /></div>
</div>
</div>
<div class="col-lg-3" data-aos="fade-up" data-aos-delay="50">
<div class="position-relative d-flex flex-column justify-content-around  bg-white overflow-hidden h-100 ">
   <div class="p-5 p-lg-3 text-center">
        <h4 class="mb-2 mb-md-3 colorwhite"><span class="text-primary">Hızlı</span> Kurulum </h4>
        <p class="fs-18 text-gray-800 line-clamp-3"></p>
    </div>
    <div class="nk-frame text-center"><img src="smmdesign.shop/globalsmm/assets/img/two.png" alt="card-cover" /></div>
</div>
</div>
<div class="col-lg-3" data-aos="fade-up" data-aos-delay="100">
<div class="position-relative d-flex flex-column justify-content-around  bg-white overflow-hidden h-100">
  <div class="p-5 p-lg-3 text-center">
        <h4 class="mb-2 mb-md-3 colorwhite">TÜM <span class="text-primary">İŞLETMELER İÇİN</span> PROGRAM</h4>
        <p class="fs-18 text-gray-800 line-clamp-3"></p>
    </div>
    <div class="nk-frame text-center"><img src="smmdesign.shop/globalsmm/assets/img/one.png" alt="card-cover" /></div>
</div>
</div>
<div class="col-lg-3" data-aos="fade-up" data-aos-delay="150">
<div class="position-relative d-flex flex-column justify-content-around  bg-white overflow-hidden h-100">
   <div class="p-5 p-lg-3 text-center">
        <h4 class="mb-2 mb-md-3 colorwhite">Sağlam <span class="text-primary">AltYapı</span></h4>
        <p class="fs-18 text-gray-800 line-clamp-3"></p>
    </div>
    <div class="nk-frame text-center"><img src="smmdesign.shop/globalsmm/assets/img/four.png" alt="card-cover" /></div>
</div>
</div>
<div class="col-12">
</div>
</div>
</div>
</section>
<section class="nk-section ">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-12 col-xxl-8">
<div class="nk-section-head text-center">
    <h2 id="FREE_CASES" class="title title_category title_video title_no-ttu js-hide-cases nk-section-title">
<img src="https://smmdesign.shop/globalsmm/assets/img/blue_header.webp" alt="" class="title__video webp">
<div class="title__title">Bizimle İletişime Geçin !</div>
</h2>
<div class="image-carousel">
<img id="carousel-image" class="nk-section-image" src="resim50.png" alt="">
</div>

<ul class="nk-btn-group justify-content-center pt-5">
</ul>
<style>
.image-carousel {
text-align: center;
position: relative;
}

.nk-section-image {
max-width: 100%;
height: auto;
display: block;
margin: 0 auto;
border-radius: 15px; /* Resim kenarlarını yuvarlatır */
}

.button-group {
display: flex;
justify-content: center;
margin-top: 10px;
}

.carousel-button {
background-color: #007bff;
color: white;
border: none;
padding: 10px 20px;
margin: 0 5px;
cursor: pointer;
font-size: 16px;
border-radius: 5px;
transition: transform 0.2s, background-color 0.2s;
}

.carousel-button:hover {
transform: scale(1.1);
background-color: #0056b3;
}
</style>

    </ul>
</div>
</div>
<section class="nk-section py-7 py-xl-120">
        <div class="container">
                <div class="row">
                        <div class="col-12 text-center text-xl-start">
                                <h6 class="text-gray-800 fw-normal mb-5">
                                        İşletmeniz için en iyisi
                                </h6>
                        </div>
                </div>
                                   <footer class="nk-footer">
<div class="nk-footer-top">
<div class="container">
<div class="nk-footer-content row justify-content-between">
<div class="col-lg-6">
        <div class="nk-footer-brand mb-2 mb-md-4 mb-lg-0">
                <div class="nk-footer-logo text-center text-lg-start">
                        <a href="" class="logo-link">
                        <div class="logo-wrap">
                        <img class="paydispaly" src="./logo2.png"  alt="YaziliminOlsun" />
    <img class="paydispaly2" src="./logo.png"  alt="YaziliminOlsun" />
                        </div>
                        </a>
                </div>
        </div>
</div>
<div class="col-lg-6">
        <ul class="nk-footer-menu ">
                <li>
                        <a href="terms.html">Destek</a>
                </li>
                </li>
                </li>
        </ul>
</div>
</div>
</div>
</div>

<div class="nk-footer-bottom">
<div class="container">
<div class="nk-footer-content row align-items-center justify-content-between">
<div class="col-lg-6 px-lg-0">

</div>
<div class="col-lg-6 px-lg-0">
        <p class="fs-14 text-center text-gray-800 text-lg-end">
                © 
                <span id="currentYear">
                        2023
                </span>
                <a class="fs-16" href="#" target="_blank"> YaziliminOlsun</a>
                . All Rights Reserved.
        </p>
</div>
</div>
</div>
</div>
</footer>
<a href="#" class="scroll-top  animate animate-infinite animate-pulse animate-duration-2"><em class="icon ni ni-chevrons-up"></em></a>
</div>
<script type="text/javascript"  src="cdn.mypanel.link/libs/jquery/1.12.4/jquery.min.js" >
</script>
<script type="text/javascript"  src="cdn.mypanel.link/global/cflcci28nes0yhln.js" >
</script>
<script type="text/javascript"  src="cdn.mypanel.link/global/t3u8bszy7ju8y8or.js" >
</script>
<script type="text/javascript"  src="cdn.mypanel.link/global/oor0gfnm6a7rec3u.js" >
</script>
<script type="text/javascript"  src="cdn.mypanel.link/global/6f53bqzjdtdqi8x3.js" >
</script>
<script type="text/javascript"  src="cdn.mypanel.link/global/x8eo1d0qmu03i9qb.js" >
</script>
<script type="text/javascript"  src="cdn.mypanel.link/global/uhohtu8h9481o97b.js" >
</script>
<script type="text/javascript"  src="cdn.mypanel.link/global/xzowx069ijjk2r8p.js" >
</script>
<script type="text/javascript" >
window.modules.layouts = {"theme_id":2,"auth":0,"live":true,"csrftoken":"pwlK0zaXZ2WndtkpNp-15eF8dTn-Gez-cTaopU2iGDzOYAWhA9YMDN8_vk1V6PSpsE8eSM4qqsgoTO6QLNEqcA=="};
</script>
<script type="text/javascript" >
window.modules.layouts = {"theme_id":2,"auth":0,"live":true,"csrftoken":"pwlK0zaXZ2WndtkpNp-15eF8dTn-Gez-cTaopU2iGDzOYAWhA9YMDN8_vk1V6PSpsE8eSM4qqsgoTO6QLNEqcA=="};
</script>
<script type="text/javascript" >
window.modules.signin = [];
</script>
<script type="text/javascript" >
</script>
<script src="smmdesign.shop/paneltop/assets/js/vendors/jquery-3.6.0.min.js"></script>
<script src="smmdesign.shop/globalsmm/assets/js/bundle.js"></script>    
<script src="smmdesign.shop/globalsmm/assets/js/scripts.js"></script>                     
<script>
/*dark mood custom JS*/ 
var toggleSlider = document.getElementById('slider');
toggleSlider && toggleSlider.addEventListener('change', e => {
if(e.target.checked === true) {
if(document.body.classList.contains('theme-dark-active')){
document.body.classList.add('theme-light-active')
document.body.classList.remove('theme-dark-active')
localStorage.setItem('activeTheme', 'theme-light-active');
}
else 
if(document.body.classList.contains('theme-light-active')){
document.body.classList.add('theme-dark-active')
document.body.classList.remove('theme-light-active')
localStorage.setItem('activeTheme', 'theme-dark-active');
}
}
if(e.target.checked === false){
if(document.body.classList.contains('theme-light-active')){
document.body.classList.add('theme-dark-active')
document.body.classList.remove('theme-light-active')
localStorage.setItem('activeTheme', 'theme-dark-active');
}
else if(document.body.classList.contains('theme-dark-active')){
document.body.classList.add('theme-light-active')
document.body.classList.remove('theme-dark-active')
localStorage.setItem('activeTheme', 'theme-light-active');
}
}
});
var activeTheme=localStorage.getItem('activeTheme');
if(activeTheme=='theme-dark-active'){
document.body.classList.add('theme-dark-active');
document.body.classList.remove('theme-light-active');
$( "input.check-status" ).prop( "checked", false );
}else{
document.body.classList.add('theme-light-active');
document.body.classList.remove('theme-dark-active');
$( "input.check-status" ).prop( "checked", true );
}
</script>
<script type="text/javascript">
if (document.getElementsByClassName('g-recaptcha').length > 0) {
document.getElementsByClassName('login-box')[0].classList.add('captcha-box');
}
</script>
</body>


</html>
<script type="text/javascript">
$(document).ready(function () {
jQuery('td:contains("Premium")').closest('.table-service').addClass('idfaer21'); 
});
$(document).ready(function() {
// İlan geçiş işlevi
let currentAdIndex = 0;
const adItems = $('.ad-item');
const adsToShow = 4;
const totalAdItems = adItems.length;

function updateAdsVisibility() {
adItems.hide();
for (let i = currentAdIndex; i < currentAdIndex + adsToShow && i < totalAdItems; i++) {
$(adItems[i]).show();
}
}

$('#next-ad').click(function () {
if (currentAdIndex + adsToShow < totalAdItems) {
currentAdIndex++;
updateAdsVisibility();
}
});

$('#prev-ad').click(function () {
if (currentAdIndex > 0) {
currentAdIndex--;
updateAdsVisibility();
}
});

updateAdsVisibility(); // Başlangıçta ilk 4 ilan gösterilsin
setTimeout(function() {
$('#sponsor-popup').fadeIn();
$('#main-wrapper').addClass('blurred'); // Arka planı bulanık yap
}, 300); // Sponsor pop-up 300ms sonra görünür

// Sponsor pop-up'ı kapatma
$('#close-sponsor-popup').click(function() {
$('#sponsor-popup').fadeOut();
$('#main-wrapper').removeClass('blurred');

// Sponsor pop-up kapandıktan sonra ilk pop-up'ı göster
setTimeout(function() {
$('#popup').fadeIn();
$('#main-wrapper').addClass('blurred');
}, 500); // 500ms sonra ilk pop-up gösterilsin
});
// Pop-up'ı kapama
$('#close-popup').click(function() {
$('#popup').fadeOut();
$('#main-wrapper').removeClass('blurred'); // Arka planı temizle

// İlk pop-up kapandıktan sonra ikinci pop-up'ı göster
setTimeout(function() {
$('#second-popup').fadeIn();
$('#main-wrapper').addClass('blurred'); // Arka planı bulanık yap
}, 500); // 500ms sonra ikinci pop-up gösterilsin
});

// Satın al butonuna tıklama olayını ekleyelim
$('#buy-now').click(function() {
window.location.href = 'https://www.DcAVM.shop';
});

// İkinci pop-up'ı kapama
$('#close-second-popup').click(function() {
$('#second-popup').fadeOut();
$('#main-wrapper').removeClass('blurred'); // Arka planı temizle
});
});
</script>
