E-Commerce TEMA HTML

Tienda de fundas iPhone Duo — Sitio e-commerce HTML CSS

5.0/5 · 12 reseñas v3.0.0 10.09.2026 41 vistas
( 00 ) — Video de Presentación El diseño se explica por sí mismo — se reproduce automáticamente sin audio · pausa · pantalla completa · vista móvil
Tienda de fundas iPhone Duo — Sitio e-commerce HTML CSS promo filmi copypromt.com/demo/iphone-duo-kilifEN VIVO00:00:00 Inicio 01/17
InicioParallax hero, scroll-telling tour, 8-finish picker Pruébalo en vivo ↗ Comprar →
Escenas — 17 Reproducción automática · pausa · pantalla completa · vista móvil

Una plantilla premium de tienda de fundas construida con el lenguaje de diseño MONOLITH para el iPhone 18 Duo: escaparate con paralaje, tour tecnológico scroll-telling, selector en vivo de 8 acabados, carrito y pago completos; paquete TR + EN.

0página
0archivo
335 KBpaket
0sección
Vista Previa en Vivo Comprar — $
  • Descarga inmediata después de la aprobación del pago
  • El paquete se entrega en el idioma que compraste (TR · EN · DE · FR · ES · IT · PT · RU)
  • Protegido hasta la aprobación de la licencia del código fuente
  • Actualizaciones gratuitas de por vida
ENTREGA PROTEGIDA ENTREGA INMEDIATA SOPORTE DE INSTALACIÓN
( 01 ) — Demostración en Vivo

Esto no es una captura de pantalla — Tienda de fundas iPhone Duo — Sitio e-commerce HTML CSS actualmente trabajando en esta página

En la ventana de abajo reside la página de inicio real del tema. Al desplazarse, la página de inicio gira, mostrando secciones una por una. Al hacer clic en la ventana, el control te pasa a ti — menús, hover, todo está vivo.

copypromt.com/demo/iphone-duo-kilif EN VIVO
¿Te gustó? El código es igual de limpio.9 página · 15 archivo · ömür boyu güncelleme Comprar — $
00Apertura de la página de inicio 0%
( 02 ) — Scope

9 página(s) en el paquete

Cada página está diseñada individualmente. Al hacer clic en las tarjetas, se abre la página en una vista previa protegida.

01 HomeCinematic hero, sticky tech tour, finish picker, comparison index.html 02 Shop8 finishes, filterable grid products.html 03 Product DetailsGallery, live finish picker, spec sheet product.html 04 CartItems and order summary cart.html 05 CheckoutAddress form and 3 payment methods checkout.html 06 AboutManifesto, timeline, values about.html 07 ContactContact cards and form contact.html 08 FAQ8-question accordion + FAQ schema faq.html 09 404On-brand lost page screen 404.html
( 03 ) — Content

¿Qué estás descargando?

Estructura real de archivos del paquete — al comprar, todo esto te pertenece completamente.

Idiomas del paquete TurcoEnglish

Su paquete se entrega en el idioma del sitio que utilice al comprar; puede acceder a los demás paquetes de idiomas desde su página de pedido y su cuenta.

iphone-duo-kilif-copypromt.zip15 archivo · 335 KB
assets3 archivo
app.js15 KB
og-cover.jpg61 KB
style.css42 KB
404.html9 KB
about.html13 KB
cart.html18 KB
checkout.html13 KB
contact.html11 KB
faq.html16 KB
index.html51 KB
llms.txt1 KB
manifest.json1 KB
product.html42 KB
products.html42 KB
robots.txt532 B
Total 15 archivo(s) — 335 KB · el paquete se desbloquea después de la aprobación de la licencia
( 04 ) — Calidad del Código

Código real del paquete

Los ejemplos siguientes se toman directamente de los archivos del paquete — sin negociaciones, sin espectáculos.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<title>iPhone 18 Duo Case — Dual-Lens Shield, 3.2 m Drop Protection | Duo Case</title>
<meta name="description" content="Aramid fiber case for iPhone 18 Duo: 0.9 mm dual-lens shield, 38-magnet MagSafe ring, 3.2-meter drop protection. 8 finishes from $45. Same-day dispatch, 30-day returns.">
<meta name="keywords" content="iphone 18 duo case, iphone 18 case, duo case, dual lens case, magsafe case, aramid fiber case, drop protection case, iphone case shop, premium phone case, wireless charging case">
<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/index.html">
<link rel="alternate" hreflang="en" href="https://www.duocase.com/index.html">
<link rel="alternate" hreflang="tr" href="https://www.duocase.com.tr/index.html">
<link rel="alternate" hreflang="x-default" href="https://www.duocase.com/index.html">
<meta property="og:site_name" content="Duo Case Store">
<meta property="og:locale" content="en_US">
<meta property="og:type" content="website">
<meta property="og:title" content="iPhone 18 Duo Case — Dual-Lens Shield, 3.2 m Drop Protection | Duo Case">
<meta property="og:description" content="Aramid fiber case for iPhone 18 Duo: 0.9 mm dual-lens shield, 38-magnet MagSafe ring, 3.2-meter drop protection. 8 finishes from $45. Same-day dispatch, 30-day returns.">
<meta property="og:url" content="https://www.duocase.com/index.html">
<meta property="og:image" content="https://www.duocase.com/assets/og-cover.jpg">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="iPhone 18 Duo Case — Dual-Lens Shield, 3.2 m Drop Protection | Duo Case">
<meta name="twitter:description" content="Aramid fiber case for iPhone 18 Duo: 0.9 mm dual-lens shield, 38-magnet MagSafe ring, 3.2-meter drop protection. 8 finishes from $45. Same-day dispatch, 30-day returns.">
<meta name="twitter:image" content="https://www.duocase.com/assets/og-cover.jpg">
<meta name="geo.region" content="US">
<meta name="geo.placename" content="New York">
<meta name="geo.position" content="40.7128;-74.006">
<meta name="ICBM" content="40.7128, -74.006">
<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 · página 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);
Código legible, comentado y listo para copiar y pegar — 3.0.0
( 05 ) — Características

¿Qué puede hacer?

9 páginas listas (inicio, productos, ficha de producto, carrito, pago, nosotros, contacto, FAQ, 404)
Paquete bilingüe TR + EN — descarga adaptada al idioma
Lenguaje de diseño MONOLITH: negro tinta + blanco hueso + naranja señal, tipografía Space Grotesk gigante
Motor de motion completo: preloader, transiciones, tour scroll-telling, botones magnéticos, tarjetas tilt, cursor personalizado
Todas las imágenes de producto en SVG en línea — cero imágenes externas
100% responsive: escritorio 1440px a móvil 390px sin desbordes, aria + reduced-motion
SEO + GEO listo: canonical, hreflang, JSON-LD (Product, FAQPage, Organization, BreadcrumbList), llms.txt

Acerca del tema

Tienda de fundas iPhone Duo es una plantilla e-commerce premium construida desde cero con el lenguaje de diseño MONOLITH para propietarios del iPhone 18 Duo. Una paleta negro tinta + blanco hueso + naranja señal, la tipografía gigante Space Grotesk y renders realistas de fundas en SVG en línea ofrecen un escaparate de prestigio.

El paquete incluye 9 páginas (inicio, lista de productos, ficha de producto, carrito, pago, nosotros, contacto, FAQ, 404), un paquete bilingüe turco + inglés y un motor de motion en HTML5 + CSS3 + Vanilla JS puro sin dependencias. Todas las imágenes de producto son SVG en línea — cero imágenes externas.

  • Preloader de marca, overlay de transición, barra de progreso de scroll, cursor personalizado y textura de grano de película
  • Tour tecnológico scroll-telling: 4 capítulos en sección pegajosa, barras de medición animadas y riel de progreso
  • Hero con paralaje de 3 capas guiado por el ratón, tipografía cinética con máscara de líneas, botones magnéticos, tarjetas tilt + brillo
  • Selector en vivo de 8 acabados: el color de la funda cambia al instante, estadísticas animadas con contadores
  • SEO listo: title y description únicos, canonical, hreflang, Open Graph, Twitter Card, geo meta
  • GEO listo: esquemas JSON-LD Product + AggregateRating, Organization, WebSite + SearchAction, FAQPage y BreadcrumbList, llms.txt, robots.txt abierto a rastreadores de IA
  • 100% responsive: de escritorio 1440px a móvil 390px sin desbordes, accesibilidad aria y soporte reduced-motion
  • Carrito y pago: totales en vivo, 8 acabados, 3 métodos de pago, vista de confianza 3D Secure
LICENCIA NETA
Precio único, licencia única — sin sorpresas.

Puedes usar todo el código fuente en un solo proyecto sin límite de tiempo; incluye actualizaciones de por vida y 10 descargas por licencia. Para proyectos de clientes y reventa, contáctanos.

( 06 ) — Preguntas Frecuentes

Antes de comprar

¿Cuándo se libera el código fuente?

El código se mantiene en nuestros servidores protegidos; una vez aprobado el pago, tu clave de licencia se genera en tu página de pedido y descargas el paquete completo de inmediato. El código no se puede copiar durante la vista previa.

¿Cómo recibo las actualizaciones?

Cuando se lance una nueva versión, podrás acceder a la última versión desde el mismo enlace de descarga sin cambiar tu clave de licencia. Si estás suscrito a nuestro boletín, las notas de versión llegarán a tu correo electrónico.

¿Qué incluye la licencia de un solo proyecto?

Puedes usar el código fuente en tu propio proyecto, portafolio o en el sitio web de tu empresa sin límite de tiempo. Para reventa o uso múltiple en proyectos de clientes, contacta para obtener una oferta especial.

( + ) — Similares

También te pueden gustar estos

Paquetes de precio único, preparados con el mismo concepto de calidad — cada uno es navegable en su vitrina.

SaaS Lander Premium TEMA HTML
SaaS y Startup 5.0/5

SaaS Lander Premium

Plantilla landing page con efecto glassmorphism y secciones animadas para startups SaaS modernas.

$25inicio
Detalles
UiFolio Pro — Portafolio para Diseñadores escaparatecopypromt.com/demo/uifolio-proEN VIVO00:00:0001/04 TEMA HTML
Portfolio & CV 5.0/5

UiFolio Pro — Portafolio para Diseñadores

Portafolio de diseñadores con tema oscuro y escaparate de proyectos: casos de estudio, narración de proceso y sección de contacto; 5 variantes de idioma.

$25inicio
Detalles
$25precio único · paquete completo Vista previa Comprar