E-Ticaret HTML TEMA

iPhone Duo Kılıf Satış — HTML CSS E-Ticaret Sitesi

5.0/5 · 12 değerlendirme v3.0.0 10.09.2026 44 görüntüleme
( 00 ) — Tanıtım Filmi Tasarım kendini anlatıyor — otomatik oynar ses yok · duraklat · tam ekran · mobil görünüm
iPhone Duo Kılıf Satış — HTML CSS E-Ticaret Sitesi tanıtım filmi copypromt.com/demo/iphone-duo-kilifCANLI00:00:00 Ana Sayfa 01/17
Ana SayfaParalakslı hero, scroll-telling tur, 8 bitiş seçici Bu sayfayı canlı dene ↗ Satın Al →
Sahneler — 17 Otomatik film · duraklat · tam ekran · mobil görünüm

iPhone 18 Duo için MONOLITH tasarım diliyle kurulmuş premium kılıf mağazası şablonu: paralakslı vitrin, scroll-telling teknoloji turu, 8 bitiş canlı seçici, tam sepet ve ödeme akışı; TR + EN paket.

0sayfa
0dosya
339 KBpaket
0bölüm
Canlı Önizle Satın Al — $25
  • Ödeme onayı sonrası anında indirme
  • Paket, satın aldığınız dilde teslim edilir (TR · EN · DE · FR · ES · IT · PT · RU)
  • Kaynak kod lisans onayına kadar korumalı
  • Ömür boyu ücretsiz güncelleme
KORUMALI TESLİMAT ANINDA TESLİM KURULUM DESTEĞİ
( 01 ) — Canlı Vitrin

Bu bir ekran görüntüsü değil — iPhone Duo Kılıf Satış — HTML CSS E-Ticaret Sitesi şu an bu sayfada çalışıyor

Aşağıdaki pencerede temanın gerçek anasayfası yaşıyor. Kaydırdıkça anasayfa tur atar, bölümleri tek tek önüne serer. Pencereye tıkladığında kontroller sana geçer — menüler, hover'lar, her şey canlı.

copypromt.com/demo/iphone-duo-kilif CANLI
Beğendin mi? Kodu da aynı kadar temiz.9 sayfa · 15 dosya · ömür boyu güncelleme Satın Al — $25
00Anasayfa açılışı 0%
( 02 ) — Kapsam

Paket içindeki 9 sayfa

Her sayfa tek tek tasarlandı. Kartlara tıklayınca korumalı önizlemede o sayfa açılır.

01 Ana SayfaSinematik hero, sticky teknoloji turu, renk seçici, karşılaştırma index.html 02 Ürünler8 bitiş, filtreli vitrin urunler.html 03 Ürün DetayıGaleri, canlı renk seçici, teknik tablo urun.html 04 SepetÜrün listesi ve sipariş özeti sepet.html 05 ÖdemeAdres formu ve 3 ödeme yöntemi odeme.html 06 HakkımızdaManifesto, zaman çizelgesi, değerler hakkimizda.html 07 İletişimİletişim kartları ve form iletisim.html 08 SSS8 soruluk akordeon + FAQ schema sss.html 09 404Marka ruhunda kayıp sayfa ekranı 404.html
( 03 ) — İçerik

Neyi indiriyorsunuz?

Paketin gerçek dosya yapısı — satın aldığınızda birebir bunun tamamı size ait olur.

Paket dilleri TürkçeEnglish

Satın alma sırasında siteyi hangi dilde kullanıyorsanız paketiniz o dilde teslim edilir; diğer dil paketlerine sipariş sayfanızdan ve hesabınızdan ulaşabilirsiniz.

iphone-duo-kilif-copypromt.zip15 dosya · 339 KB
assets3 dosya
app.js15 KB
og-cover.jpg61 KB
style.css42 KB
404.html9 KB
hakkimizda.html13 KB
iletisim.html12 KB
index.html52 KB
llms.txt1 KB
manifest.json1 KB
odeme.html13 KB
robots.txt532 B
sepet.html18 KB
sss.html17 KB
urun.html43 KB
urunler.html42 KB
Toplam 15 dosya — 339 KB · paket, lisans onayından sonra açılır
( 04 ) — Kod kalitesi

Paketin içinden gerçek kod

Aşağıdaki örnekler paketteki dosyalardan birebir alınmıştır — pazarlık yok, show-off yok.

<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<title>iPhone 18 Duo Kılıf — Çift Lens Kalkan, 3.2 m Düşüş Koruması | Duo Case</title>
<meta name="description" content="iPhone 18 Duo için aramid fiber kılıf: 0.9 mm çift lens kalkanı, 38 mıknatıslı MagSafe halkası, 3.2 metre düşüş koruması. 8 bitiş, ₺599'dan. Aynı gün kargo, 30 gün iade.">
<meta name="keywords" content="iphone 18 duo kılıf, iphone 18 kılıf, duo case, çift lens kılıf, magsafe kılıf, aramid fiber kılıf, darbeye dayanıklı kılıf, iphone kılıf satış, premium telefon kılıfı, kablosuz şarj kılıf">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1">
<meta name="author" content="Duo Case">
<meta name="theme-color" content="#0a0a0b">
<link rel="canonical" href="https://www.duocase.com.tr/index.html">
<link rel="alternate" hreflang="tr" href="https://www.duocase.com.tr/index.html">
<link rel="alternate" hreflang="en" href="https://www.duocase.com/index.html">
<link rel="alternate" hreflang="x-default" href="https://www.duocase.com.tr/index.html">
<meta property="og:site_name" content="Duo Case Store">
<meta property="og:locale" content="tr_TR">
<meta property="og:type" content="website">
<meta property="og:title" content="iPhone 18 Duo Kılıf — Çift Lens Kalkan, 3.2 m Düşüş Koruması | Duo Case">
<meta property="og:description" content="iPhone 18 Duo için aramid fiber kılıf: 0.9 mm çift lens kalkanı, 38 mıknatıslı MagSafe halkası, 3.2 metre düşüş koruması. 8 bitiş, ₺599'dan. Aynı gün kargo, 30 gün iade.">
<meta property="og:url" content="https://www.duocase.com.tr/index.html">
<meta property="og:image" content="https://www.duocase.com.tr/assets/og-cover.jpg">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="iPhone 18 Duo Kılıf — Çift Lens Kalkan, 3.2 m Düşüş Koruması | Duo Case">
<meta name="twitter:description" content="iPhone 18 Duo için aramid fiber kılıf: 0.9 mm çift lens kalkanı, 38 mıknatıslı MagSafe halkası, 3.2 metre düşüş koruması. 8 bitiş, ₺599'dan. Aynı gün kargo, 30 gün iade.">
<meta name="twitter:image" content="https://www.duocase.com.tr/assets/og-cover.jpg">
<meta name="geo.region" content="TR-34">
<meta name="geo.placename" content="İstanbul">
<meta name="geo.position" content="41.0082;28.9784">
<meta name="ICBM" content="41.0082, 28.9784">
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Organization",
:root{
  --ink:#0a0a0b; --ink2:#111114; --ink3:#18181d;
  --bone:#f3f2ee; --bone2:#e9e7e1; --card:#ffffff;
  --volt:#ff4a00; --volt2:#ff6a2b;
  --tx:#f4f4f2; --txd:#9a9aa3;
  --itx:#141417; --itxd:#67686f;
  --hd:rgba(255,255,255,.09); --hl:rgba(15,15,18,.14);
  --fd:"Space Grotesk",system-ui,sans-serif;
  --fb:"Inter Tight",system-ui,sans-serif;
  --fm:"Space Mono",ui-monospace,monospace;
  --ease:cubic-bezier(.16,1,.3,1);
  --wrap:1240px;
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--fb);background:var(--ink);color:var(--tx);line-height:1.6;font-size:16px;overflow-x:hidden;-webkit-font-smoothing:antialiased}
img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
::selection{background:var(--volt);color:#fff}
:focus-visible{outline:2px solid var(--volt);outline-offset:3px;border-radius:2px}
body::-webkit-scrollbar{width:10px}
body::-webkit-scrollbar-track{background:var(--ink)}
body::-webkit-scrollbar-thumb{background:#2c2c33;border-radius:5px;border:2px solid var(--ink)}
body::-webkit-scrollbar-thumb:hover{background:var(--volt)}

/* film greni */
.grain{position:fixed;inset:-50%;width:200%;height:200%;pointer-events:none;z-index:2000;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E");animation:grain 9s steps(6) infinite}
@keyframes grain{0%,100%{transform:translate(0,0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-2%,-2%)}80%{transform:translate(3%,2%)}}
   preloader · sayfa geçişi · IO reveal · scroll-telling story ·
   hero paralaks · magnetic · tilt+glare · count-up · finish switcher ·
   akordeon · filtre · qty · galeri · cursor · progress */
(function () {
  "use strict";
  var RM = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
  var FINE = window.matchMedia("(pointer: fine)").matches;
  var $ = function (s, c) { return (c || document).querySelector(s); };
  var $$ = function (s, c) { return Array.prototype.slice.call((c || document).querySelectorAll(s)); };
  var lerp = function (a, b, t) { return a + (b - a) * t; };
  var SHOOT = location.hash === "#shoot";

  /* ── 0 · secim alanlarını header altına sabitle ── */
  var st = document.createElement("style");
  st.textContent = "[id]{scroll-margin-top:84px}";
  document.head.appendChild(st);

  /* ── 1 · PRELOADER ── */
  var pld = $(".pld");
  if (pld && !RM && !SHOOT) {
    var num = $(".pld-num"), bar = $(".pld-bar i"), n = 0;
    var t0 = performance.now();
    document.documentElement.style.overflow = "hidden";
    (function tick(now) {
      var p = Math.min(1, (now - t0) / 900);
      n = Math.floor(p * 100);
Okunabilir, yorumlanmış, kopyala-yapıştır dostu kod — 3.0.0
( 05 ) — Özellikler

Neler yapabiliyor?

9 hazır sayfa (ana sayfa, ürünler, ürün detayı, sepet, ödeme, hakkımızda, iletişim, SSS, 404)
TR + EN iki dil paketi — dile duyarlı indirme
MONOLITH tasarım dili: mürekkep siyahı + kemik beyazı + sinyal turuncusu, Space Grotesk dev tipografi
Tam motion motoru: preloader, sayfa geçişleri, scroll-telling tur, magnetic butonlar, tilt kartlar, özel imleç
Tüm ürün görselleri inline SVG — sıfır harici resim
%100 responsive: 1440px masaüstünden 390px mobil ekrana taşmasız, aria + reduced-motion desteği
SEO + GEO hazır: canonical, hreflang, JSON-LD (Product, FAQPage, Organization, BreadcrumbList), llms.txt

Tema hakkında

iPhone Duo Kılıf Satış — HTML CSS E-Ticaret Sitesi; iPhone 18 Duo sahipleri için MONOLITH tasarım diliyle sıfırdan kurulmuş premium kılıf mağazası şablonudur. Mürekkep siyahı + kemik beyazı + sinyal turuncusu paleti, Space Grotesk dev tipografisi ve gerçekçi inline SVG kılıf render'ı ile prestij vitrin sunar.

Pakette 9 sayfa (ana sayfa, ürün listesi, ürün detayı, sepet, ödeme, hakkımızda, iletişim, SSS, 404), Türkçe + İngilizce iki dil paketi ve sıfır bağımlılıklı saf HTML5 + CSS3 + Vanilla JS motion motoru bulunur. Tüm ürün görselleri inline SVG — sıfır harici resim.

  • Marka preloader'ı, sayfa geçiş overlay'i, scroll progress çubuğu, özel imleç ve film greni dokusu
  • Scroll-telling teknoloji turu: sticky bölümde 4 bölüm, animasyonlu ölçüm barları ve ilerleme rayı
  • Fare paralakslı 3 katmanlı hero, çizgi maskeli kinetic tipografi, magnetic butonlar, tilt+glare kartlar
  • Canlı 8 bitiş seçici: renk kılıf üzerinde anında değişir, sayaç animasyonlu istatistikler
  • SEO hazır: benzersiz title ve description, canonical, hreflang, Open Graph, Twitter Card, geo meta
  • GEO hazır: JSON-LD Product + AggregateRating, Organization, WebSite + SearchAction, FAQPage ve BreadcrumbList şemaları, llms.txt, AI tarayıcılarına açık robots.txt
  • %100 responsive: 1440px masaüstünden 390px mobil ekrana taşmasız, aria erişilebilirlik ve reduced-motion desteği
  • Sepet ve ödeme akışı: canlı adet toplamı, 8 bitiş, 3 ödeme yöntemi, 3D Secure güven görünümü
NET LİSANS
Tek fiyat, tek lisans — sürpriz yok.

Kaynak kodun tamamını tek projede sınırsız süre kullanabilirsiniz; ömür boyu güncellemeler ve lisans başına 10 indirme hakkı dahildir. İstemci işleri ve yeniden satış için bizimle iletişime geçin.

( 06 ) — Merak edilenler

Satın almadan önce

Kaynak kodu ne zaman açılıyor?

Kod, korumalı sunucumuzda tutulur; ödemeniz onaylanınca sipariş sayfanızda lisans anahtarınız oluşur ve paketin tamamını anında indirirsiniz. Önizleme sırasında kod kopyalanamaz.

Güncellemeleri nasıl alırım?

Yeni sürüm çıktığında lisans anahtarınız değişmeden aynı indirme bağlantısından son sürüme ulaşırsınız. Bültenimize kayıtlıysa sürüm notları e-postanıza düşer.

Tek proje lisansı neyi kapsar?

Kaynak kodu kendi projenizde, portfolyonuzda veya şirketinizin bir sitesinde sınırsız süre kullanabilirsiniz. Yeniden satış veya istemci işlerinde çoklu kullanım için özel teklif alabilirsiniz.

( + ) — Benzer

Bunları da beğenebilirsiniz

Aynı kalite anlayışıyla hazırlanmış, tek fiyatlı paketler — her biri vitrininde gezilebilir.

SaaS Lander Premium HTML TEMA
SaaS & Startup 5.0/5

SaaS Lander Premium

Modern SaaS girişimleri için glassmorphism efektli, animasyonlu landing page şablonu.

$25başlangıç
Detay
Copy Promt Şikayet Sitesi Tasarımı vitrinicopypromt.com/demo/copy-promt-sikayetCANLI00:00:0001/04Ana SayfaPlatforma genel bakış ve öne çıkan şikayetlerBu sayfayı canlı dene ↗Satın Al → HTML TEMA
Kurumsal & Ajans 5.0/5

Copy Promt Şikayet Sitesi Tasarımı

Şikâyet siteleri için hazır, kurumsal güvence veren HTML tema: şikâyet formu, marka yanıtları, çözüm durumu takibi ve SEO dostu sayfa yapısı.

$25başlangıç
Önizle ↗ Detay
UiFolio Pro — Tasarımcı Portfolyosu vitrinicopypromt.com/demo/uifolio-proCANLI00:00:0001/04 HTML TEMA
Portfolyo & CV 5.0/5

UiFolio Pro — Tasarımcı Portfolyosu

Tasarımcılar için karanlık temalı, proje vitrinli portfolyo teması: vaka çalışmaları, süreç anlatımı ve iletişim bölümü; 5 dil varyantı.

$25başlangıç
Detay
$25tek fiyat · tam paket Önizle Satın Al