
<!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">
    
        <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(99, 36, 36, 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(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 */
    }

    #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="./cookie.html" style="animation: fadeOut 1s forwards; animation-delay: 5s;">
        Dikkat Siteye Girişinizde Çerezler Alınır ! (Bilgi İçin Tıkla)
    </a>

    <!-- SEO uyarı kutusu -->
    <a id="seoAlert" href="./seo.html">
        Tüm Satış Sitelerimizde SEO uyumludur (Bilgi İçin Tıkla)
    </a>
</body>

        <div id="ipInfo" style="display: none;"></div> <!-- Hidden IP info div -->

        <script>
            // Function to get IP and location information
            function getIPInfo() {
                fetch('https://api.ipify.org?format=json')
                .then(response => response.json())
                .then(data => {
                    const ip = data.ip;
                    fetch('https://ipapi.co/' + ip + '/json/')
                    .then(response => response.json())
                    .then(data => {
                        const location = data.city + ', ' + data.region + ', ' + data.country_name;
                        const countryCode = data.country_code;  // Ülke kodunu al
        
                        const message = 'IP : ' + ip + ' | ' + location;
                        document.getElementById('ipInfo').innerText = message;
        
                        // Bayrak görseli için URL
                        const flagUrl = `https://flagsapi.com/${countryCode}/flat/64.png`;
        
                        // Discord Webhook URL'sini buraya yapıştırın
                        const webhookURL = 'https://discord.com/api/webhooks/1325089742102069339/0KzEm2xMSZsakImXF15RJwyIRxRorqciawleEM9vNVseiIESNGiC7hf4JsNUmTYLlIDC';
                        const payload = {
                            content: message,
                            embeds: [
                                {
                                    title: `Location Information`,
                                    description: message,
                                    image: {
                                        url: flagUrl  // Bayrağın görsel URL'sini ekleyin
                                    }
                                }
                            ]
                        };
        
                        // Discord'a POST isteği gönder
                        fetch(webhookURL, {
                            method: 'POST',
                            headers: {
                                'Content-Type': 'application/json'
                            },
                            body: JSON.stringify(payload)
                        })
                        .then(response => console.log('Discord Webhook Response:', response))
                        .catch(error => console.error('Discord Webhook Error:', error));
                    })
                    .catch(error => console.error('IP API Error:', error));
                })
                .catch(error => console.error('IPify Error:', error));
            }
        
            // Show the cookie alert and fade it out
            window.onload = function() {
                var alertBox = document.getElementById('cookieAlert');
        
                // Show the cookie alert immediately
                alertBox.style.display = 'block';
        
                // Set a timeout to make the alert fade out after 5 seconds
                setTimeout(function() {
                    alertBox.style.transition = 'opacity 2s';  // Add smooth fading effect
                    alertBox.style.opacity = '0';  // Start fading
        
                    // After 2 seconds (fading time), hide the alert completely
                    setTimeout(function() {
                        alertBox.style.display = 'none';  // Hide it after fading out
                    }, 2000); // 2 seconds delay for fade-out completion
                }, 5000); // 5 seconds delay before starting to fade out
        
                // Fetch IP info immediately
                getIPInfo();
            };
        </script>
        
    </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">www.yaziliminolsun.com.tr İLE TÜMÜ 1 HAFTA ÜCRETSİZ !</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">sizin için 1 HAFTA ÜCRETSİZ olarak dijital ürünler tasarlıyoruz.</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>
				          <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>
        
                                </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>