<!doctype html>

<head>

<title>MAC IA AGENT — Inteligent Solutions</title>

<style>

:root{

--bg0:#07080b;

--bg1:#0b0d12;

--card:#0f121a;

--text:#e7e9ee;

--muted:#a9afbf;

--line:#212635;

--accent:#ff7a18;

--accent2:#ffb24a;

--shadow: 0 24px 70px rgba(0,0,0,.55);

--radius: 18px;

--ring: 0 0 0 6px rgba(255,122,24,.10);

}

*{box-sizing:border-box}

html,body{height:100%}

body{

margin:0;

font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";

color:var(--text);

background:

radial-gradient(1200px 600px at 80% -10%, rgba(255,122,24,.22), transparent 60%),

radial-gradient(900px 500px at 10% 10%, rgba(255,178,74,.12), transparent 55%),

linear-gradient(180deg, var(--bg0), var(--bg1) 55%, #06070a);

overflow-x:hidden;

}

a{color:inherit; text-decoration:none}

.container{width:min(1160px, 92vw); margin:0 auto}

/* Subtle grid */

.grid-bg{

position:fixed; inset:0; pointer-events:none; opacity:.22;

background-image:

linear-gradient(to right, rgba(255,122,24,.08) 1px, transparent 1px),

linear-gradient(to bottom, rgba(255,122,24,.08) 1px, transparent 1px);

background-size: 56px 56px;

mask-image: radial-gradient(circle at 40% 18%, rgba(0,0,0,1), rgba(0,0,0,0) 62%);

}

/* Top progress line (pure CSS) */

.scanline{

position:fixed; top:0; left:0; right:0; height:2px; z-index:80;

background: linear-gradient(90deg, transparent, rgba(255,122,24,.9), transparent);

opacity:.22;

animation: scan 3.6s linear infinite;

pointer-events:none;

}

@keyframes scan{

0%{transform: translateX(-60%)}

100%{transform: translateX(60%)}

}

/* Header */

header{

position:sticky; top:0; z-index:30;

backdrop-filter: blur(14px);

background: rgba(7,8,11,.55);

border-bottom: 1px solid rgba(255,122,24,.14);

}

.nav{

display:flex; align-items:center; justify-content:space-between;

padding:14px 0;

gap:14px;

}

.brand{

display:flex; align-items:center; gap:10px;

letter-spacing:.6px;

min-width: 240px;

}

.logo{

width:36px; height:36px; border-radius:12px;

background:

radial-gradient(12px 12px at 30% 30%, rgba(255,178,74,.9), transparent 60%),

radial-gradient(18px 18px at 70% 70%, rgba(255,122,24,.8), transparent 65%),

linear-gradient(135deg, rgba(255,122,24,.95), rgba(16,18,26,1));

box-shadow: 0 10px 30px rgba(255,122,24,.18);

border:1px solid rgba(255,178,74,.35);

}

.brand span{font-weight:900}

.brand small{

display:block; color:var(--muted); font-weight:600; margin-top:-2px;

letter-spacing:.2px;

}

nav ul{

list-style:none; display:flex; gap:10px; padding:0; margin:0;

align-items:center;

}

nav a{

color:var(--muted);

padding:10px 10px;

border-radius:12px;

transition: .2s ease;

white-space:nowrap;

}

nav a:hover{color:var(--text); background: rgba(255,122,24,.08)}

.cta-row{display:flex; gap:10px; align-items:center}

.btn{

appearance:none; border:1px solid rgba(255,122,24,.35);

background: rgba(255,122,24,.12);

color:var(--text);

padding:10px 14px;

border-radius: 14px;

font-weight:800;

letter-spacing:.2px;

cursor:pointer;

transition:.2s ease;

box-shadow: 0 18px 40px rgba(0,0,0,.35);

display:inline-flex; align-items:center; gap:10px;

}

.btn:hover{transform: translateY(-1px); background: rgba(255,122,24,.18)}

.btn:focus{outline:none; box-shadow: var(--shadow), var(--ring)}

.btn.primary{

border-color: rgba(255,178,74,.55);

background: linear-gradient(135deg, rgba(255,122,24,.95), rgba(255,178,74,.55));

color:#0a0b0f;

box-shadow: 0 22px 55px rgba(255,122,24,.18);

}

.btn.primary:hover{filter:saturate(1.06) brightness(1.02)}

.icon-btn{

display:none;

width:44px; height:44px; border-radius:14px;

border:1px solid rgba(255,122,24,.28);

background: rgba(15,18,26,.65);

color:var(--text);

cursor:pointer;

}

/* Hero */

.hero{position:relative; padding: 76px 0 34px;}

.hero-grid{

display:grid;

grid-template-columns: 1.25fr .75fr;

gap:34px;

align-items:stretch;

}

.pill{

display:inline-flex; align-items:center; gap:10px;

padding:8px 12px;

border-radius:999px;

border: 1px solid rgba(255,122,24,.25);

background: rgba(15,18,26,.65);

color: var(--muted);

box-shadow: var(--shadow);

width:fit-content;

}

.dot{

width:10px; height:10px; border-radius:99px;

background: var(--accent);

box-shadow: 0 0 0 5px rgba(255,122,24,.12), 0 0 28px rgba(255,122,24,.35);

}

.mono{font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}

h1{

font-size: clamp(38px, 5vw, 64px);

line-height: 1.03;

margin:16px 0 12px;

letter-spacing: -0.9px;

}

.accent{

background: linear-gradient(90deg, var(--accent), var(--accent2));

-webkit-background-clip:text;

background-clip:text;

color:transparent;

}

.lead{

color: var(--muted);

font-size: clamp(15px, 2vw, 18px);

line-height: 1.7;

margin: 0 0 22px;

max-width: 72ch;

}

.hero-actions{

display:flex; gap:12px; flex-wrap:wrap; align-items:center;

margin: 18px 0 16px;

}

.meta{

display:flex; gap:18px; flex-wrap:wrap;

color: var(--muted);

font-size: 14px;

margin-top: 10px;

}

.meta b{color:var(--text); font-weight:900}

.hero-badges{

display:flex; gap:10px; flex-wrap:wrap;

margin-top: 14px;

}

/* Panels / Cards */

.panel{

border-radius: var(--radius);

background: linear-gradient(180deg, rgba(15,18,26,.88), rgba(15,18,26,.62));

border: 1px solid rgba(255,122,24,.18);

box-shadow: var(--shadow);

padding:18px;

position:relative;

overflow:hidden;

}

.panel:before{

content:"";

position:absolute; inset:-2px;

background:

radial-gradient(260px 180px at 20% 0%, rgba(255,122,24,.20), transparent 60%),

radial-gradient(240px 160px at 100% 30%, rgba(255,178,74,.14), transparent 65%),

linear-gradient(180deg, transparent, rgba(0,0,0,.15));

pointer-events:none;

}

.panel > *{position:relative}

.panel h3{margin:0 0 6px; font-size:14px; color:var(--muted); font-weight:900; letter-spacing:.4px}

.big{font-size: 26px; font-weight:950; margin:0 0 8px; letter-spacing:-.5px;}

.mini{color:var(--muted); margin:0 0 14px; line-height:1.6; font-size:14px;}

.stats{display:grid; grid-template-columns:1fr 1fr; gap:10px;}

.stat{

padding:12px; border-radius: 16px;

border:1px solid rgba(255,122,24,.14);

background: rgba(7,8,11,.5);

}

.stat .k{font-weight:950; font-size:16px}

.stat .l{color:var(--muted); font-size:12px; margin-top:2px}

section{padding: 62px 0}

.section-title{

display:flex; align-items:flex-end; justify-content:space-between; gap:18px; flex-wrap:wrap;

margin-bottom:18px;

}

.section-title h2{margin:0; font-size: 26px; letter-spacing:-.4px;}

.section-title p{margin:0; color:var(--muted); max-width: 84ch; line-height:1.7; font-size:14px;}

.cards{display:grid; grid-template-columns: repeat(3, 1fr); gap:14px;}

.card{

padding:18px;

border-radius: var(--radius);

border:1px solid rgba(255,122,24,.14);

background: rgba(15,18,26,.55);

box-shadow: 0 18px 55px rgba(0,0,0,.35);

position:relative;

overflow:hidden;

transition:.2s ease;

}

.card:hover{transform: translateY(-2px); border-color: rgba(255,122,24,.28)}

.card:before{

content:"";

position:absolute; inset:-2px;

background: radial-gradient(320px 140px at 20% 0%, rgba(255,122,24,.18), transparent 55%);

opacity:.9;

pointer-events:none;

}

.card > *{position:relative}

.badge{

display:inline-flex; gap:8px; align-items:center;

padding:7px 10px;

border-radius:999px;

border:1px solid rgba(255,122,24,.2);

background: rgba(7,8,11,.55);

color: var(--muted);

font-size:12px;

width: fit-content;

}

.badge i{

width:8px; height:8px; border-radius:99px; background: var(--accent);

box-shadow: 0 0 22px rgba(255,122,24,.35);

display:inline-block;

}

.card h3{margin:12px 0 8px; font-size:16px}

.card p{margin:0; color:var(--muted); line-height:1.7; font-size:14px}

.two-col{display:grid; grid-template-columns: 1fr 1fr; gap:14px; align-items:stretch;}

.three-col{display:grid; grid-template-columns: repeat(3, 1fr); gap:14px;}

/* Logos strip */

.logos{

display:grid;

grid-template-columns: repeat(6, 1fr);

gap:10px;

margin-top: 14px;

opacity:.92;

}

.logo-chip{

border-radius: 16px;

border:1px solid rgba(255,122,24,.12);

background: rgba(7,8,11,.45);

padding:12px;

text-align:center;

color:var(--muted);

font-weight:800;

letter-spacing:.4px;

font-size:12px;

}

/* Steps */

.steps{

display:grid;

gap:10px;

}

.step{

border-radius: var(--radius);

border:1px solid rgba(255,122,24,.14);

background: rgba(15,18,26,.55);

padding:14px 16px;

box-shadow: 0 18px 55px rgba(0,0,0,.32);

display:flex; gap:12px; align-items:flex-start;

}

.step .n{

width:36px; height:36px; border-radius: 14px;

display:grid; place-items:center;

background: rgba(255,122,24,.14);

border:1px solid rgba(255,122,24,.22);

font-weight:950;

color: var(--text);

flex: 0 0 auto;

}

.step b{display:block; margin-bottom:6px}

.step span{color:var(--muted); line-height:1.7; font-size:14px}

/* Testimonials */

.quote{

display:flex; flex-direction:column; gap:10px;

}

.quote p{

margin:0;

color: var(--text);

line-height:1.7;

font-size:14px;

}

.quote small{color:var(--muted)}

.stars{letter-spacing:2px; color: rgba(255,178,74,.95)}

/* Form */

form{display:grid; gap:10px;}

.row{display:grid; grid-template-columns:1fr 1fr; gap:10px;}

input, textarea, select{

width:100%;

padding:12px 12px;

border-radius: 14px;

border:1px solid rgba(255,122,24,.16);

background: rgba(7,8,11,.55);

color: var(--text);

outline:none;

transition:.2s ease;

}

select{appearance:none}

textarea{min-height: 120px; resize:vertical}

input:focus, textarea:focus, select:focus{

border-color: rgba(255,122,24,.38);

box-shadow: var(--ring);

}

label{font-size:12px; color:var(--muted); margin-left:4px}

footer{

padding: 34px 0 46px;

border-top: 1px solid rgba(255,122,24,.14);

background: rgba(7,8,11,.35);

}

.footer-grid{

display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap;

color: var(--muted);

font-size: 13px;

}

/* WhatsApp floating button */

.wa-fab{

position: fixed;

right: 18px;

bottom: 18px;

z-index: 60;

display:flex;

align-items:center;

gap:10px;

padding: 12px 14px;

border-radius: 999px;

border:1px solid rgba(255,122,24,.32);

background: rgba(15,18,26,.72);

box-shadow: 0 22px 60px rgba(0,0,0,.55);

transition:.2s ease;

}

.wa-fab:hover{transform: translateY(-2px); border-color: rgba(255,122,24,.48)}

.wa-icon{

width:34px; height:34px; border-radius: 14px;

display:grid; place-items:center;

background: radial-gradient(12px 12px at 30% 30%, rgba(255,178,74,.95), transparent 60%),

linear-gradient(135deg, rgba(255,122,24,.95), rgba(16,18,26,1));

border:1px solid rgba(255,178,74,.35);

}

.wa-text{line-height:1.1}

.wa-text b{display:block; font-size:13px}

.wa-text small{display:block; color:var(--muted); font-size:12px; margin-top:2px}

/* Mobile */

@media (max-width: 960px){

.hero-grid{grid-template-columns:1fr; gap:14px}

.cards{grid-template-columns:1fr;}

.two-col{grid-template-columns:1fr}

.three-col{grid-template-columns:1fr}

.row{grid-template-columns:1fr}

nav ul{display:none}

.icon-btn{display:inline-grid; place-items:center}

.mobile{display:none; padding: 10px 0 16px;}

.mobile.open{display:block}

.mobile a{

display:block;

padding:12px 10px;

border-radius: 14px;

color: var(--muted);

border:1px solid rgba(255,122,24,.12);

background: rgba(15,18,26,.45);

margin-top:10px;

}

.mobile a:hover{color:var(--text); border-color: rgba(255,122,24,.24)}

.wa-text{display:none}

.logos{grid-template-columns: repeat(3, 1fr)}

}

/* Animations */

.reveal{

opacity:0;

transform: translateY(14px);

transition: opacity .7s ease, transform .7s ease;

}

.reveal.in{

opacity:1;

transform: translateY(0);

}

/* Reduce motion */

@media (prefers-reduced-motion: reduce){

.reveal{opacity:1; transform:none; transition:none}

.scanline{animation:none}

.btn:hover{transform:none}

.card:hover{transform:none}

.wa-fab:hover{transform:none}

}

</style>

</head>

<body>

<b>WhatsApp</b>

<small>Respuesta rápida</small>

</div>

</a>

<div>

<span>MAC IA AGENT</span>

<small>Inteligents Solutions</small>

</div>

</a>

<ul>

<li><a href="#contenido">Contenido</a></li>

<li><a href="#quienes">Quiénes somos</a></li>

<li><a href="#proceso">Proceso</a></li>

<li><a href="#contacto">Contacto</a></li>

<li><a href="#whatsapp">WhatsApp</a></li>

</ul>

</nav>

<a class="btn" href="#contacto">Contactar</a>

<a class="btn primary" href="#contenido">Ver servicios →</a>

</div>

<a href="#contenido">Contenido</a>

<a href="#quienes">Quiénes somos</a>

<a href="#proceso">Proceso</a>

<a href="#contacto">Contacto</a>

<a href="#whatsapp">WhatsApp</a>

</div>

</header>

<span class="mono">MAC IA AGENT</span>

<span>— soluciones inteligentes para negocio</span>

</div>

<h1>

<span class="accent">INTELIGENTS</span> SOLUTIONS<br/>

para promocionar tus servicios y convertir.

</h1>

Agentes de IA, automatización y landing de conversión con estética futurista.

Menos tareas repetitivas, más leads y más cierres.

</p>

<a class="btn primary" href="#contacto">Pedir presupuesto ⚡</a>

<a class="btn" href="#whatsapp">WhatsApp directo</a>

<a class="btn" href="#contenido">Ver qué ofrezco</a>

</div>

<div>⚡ <b>Implementación rápida</b></div>

<div>🧠 <b>IA aplicada</b> a ventas</div>

<div>🛡️ <b>Estructura</b> para convertir</div>

</div>

<span class="badge"><i></i> Landing + CTA</span>

<span class="badge"><i></i> WhatsApp</span>

<span class="badge"><i></i> Automatización</span>

<span class="badge"><i></i> IA Agent</span>

</div>

<div class="logo-chip">CLIENTE / LOGO</div>

</div>

<h3>Panel de operaciones</h3>

<p class="big">Estado: <span class="accent">ACTIVO</span></p>

Panel visual + métricas “tipo dashboard”. Cambia estas etiquetas por tus beneficios reales.

</p>

<div class="stat"><div class="k">24/7</div><div class="l">Captación</div></div>

<div class="stat"><div class="k">+ Leads</div><div class="l">Cualificados</div></div>

<div class="stat"><div class="k">Auto</div><div class="l">Seguimiento</div></div>

<div class="stat"><div class="k">IA</div><div class="l">Atención & ventas</div></div>

</div>

<span class="badge"><i></i> Orange Glow</span>

<span class="badge"><i></i> Modular</span>

</div>

<div class="mini" style="margin-bottom:8px;">Testimonios (ejemplo)</div>

<p>“En pocos días pasamos de responder tarde a tener un flujo de leads constante.”</p>

<small>— Cliente (placeholder)</small>

</div>

</aside>

</div>

<div>

<h2>Contenido · Servicios</h2>

<p>Lo que hago para promocionar tus servicios (para cualquier público) con un sistema de captación moderno.</p>

</div>

<a class="btn" href="#contacto">Quiero una propuesta →</a>

</div>

<div class="badge"><i></i> IA Agent</div>

<h3>Agentes de IA para atención y ventas</h3>

<p>Resuelven dudas, capturan leads, cualifican y agendan. Integrables con web y WhatsApp.</p>

</article>

<div class="badge"><i></i> Automatización</div>

<h3>Automatización de procesos</h3>

<p>Form → CRM/Sheets → email/WhatsApp → seguimiento → recordatorios → cierre.</p>

</article>

<div class="badge"><i></i> Landing</div>

<h3>Web de conversión</h3>

<p>Diseño futurista, mensajes claros, CTA visibles y estructura pensada para convertir.</p>

</article>

</div>

<div class="badge"><i></i> Extra</div>

<p>Textos orientados a resultados: propuesta de valor, objeciones, beneficios y llamada a acción.</p>

</div>

<div class="badge"><i></i> Extra</div>

<h3>Tracking básico</h3>

<p>Dejar lista la base para medir conversiones (eventos/UTM) y optimizar.</p>

</div>

<div class="badge"><i></i> Extra</div>

<h3>Soporte y mejora</h3>

<p>Ajustes de secciones, contenido, y performance para mantenerlo siempre fino.</p>

</div>

</section>

<div>

<h2>Quiénes somos</h2>

<p>MAC IA AGENT · Inteligents Solutions. Tecnología práctica, estética tech y foco en resultados.</p>

</div>

<div class="badge"><i></i> Misión</div>

<h3>Convertir tecnología en ventas</h3>

<p>

Creamos sistemas simples de mantener: captar, responder, seguir y vender con automatización + IA.

</p>

</div>

<h3>Especialidad</h3>

<p class="big">Promoción <span class="accent">+ IA</span></p>

<p class="mini">Enfocado a servicios: captación de leads, atención rápida y seguimiento automático.</p>

<div class="stat"><div class="k">Claridad</div><div class="l">Mensaje + oferta</div></div>

<div class="stat"><div class="k">Velocidad</div><div class="l">Respuesta</div></div>

<div class="stat"><div class="k">Proceso</div><div class="l">Automatizado</div></div>

<div class="stat"><div class="k">Cierre</div><div class="l">Optimizado</div></div>

</div>

<div class="badge"><i></i> Testimonio</div>

<h3>Resultados que se notan</h3>

“La web quedó con estética premium y el WhatsApp empezó a entrar con clientes con intención real.”

</p>

</div>

<div class="badge"><i></i> Garantía</div>

<h3>Entrega sólida</h3>

<p>Web rápida, responsive, y lista para publicar. Puedes evolucionarla a Next.js cuando quieras.</p>

</div>

</section>

<div>

<h2>Proceso</h2>

<p>Así lo aterrizamos rápido y bien, sin complicarte.</p>

</div>

<h3>Ruta de implementación</h3>

<div>

<b>Diagnóstico</b>

<span>Qué vendes, a quién, y qué acción quieres (WhatsApp, formulario, agenda).</span>

</div>

<div>

<b>Construcción</b>

<span>Landing + mensajes + CTA + WhatsApp + formulario funcionando.</span>

</div>

<div>

<b>Optimización</b>

<span>Mejoras en copy y flujo para aumentar conversiones.</span>

</div>

<h3>Mensaje automático en WhatsApp</h3>

<p>

Ya está configurado para que te escriban con contexto. Puedes editarlo en el script (abajo).

</p>

<a class="btn primary" href="#whatsapp">Probar WhatsApp →</a>

<a class="btn" href="#contacto">Ir al formulario</a>

</div>

</section>

<div>

<h2>Formulario de contacto</h2>

<p>

Este formulario está listo para <b>Netlify Forms</b> (sin backend).

Si lo publicas en Netlify, recibes los mensajes en el panel.

</p>

</div>

<div class="badge"><i></i> Contacto</div>

<h3>Cuéntame tu proyecto</h3>

Te respondo con una propuesta: web + WhatsApp + automatización/IA según lo que necesites.

</p>

<label>No rellenar: <input name="bot-field" /></label>

</p>

<div>

<label for="name">Nombre</label>

</div>

<div>

<label for="email">Email</label>

</div>

<div>

<label for="service">Qué necesitas</label>

<option value="" disabled selected>Elige una opción</option>

<option>Landing de conversión</option>

<option>WhatsApp + captación</option>

<option>Automatización</option>

<option>Agente de IA</option>

<option>Pack completo</option>

</select>

</div>

<div>

<label for="budget">Presupuesto aprox.</label>

<option value="" selected>Sin definir</option>

</select>

</div>

<div>

<label for="msg">Mensaje</label>

</div>

<button class="btn primary" type="submit">Enviar →</button>

Si lo pruebas en local, el envío no funcionará (Netlify lo activa al publicar). Para contacto inmediato: usa WhatsApp.

</p>

</form>

</div>

<h3>WhatsApp directo</h3>

Botón flotante activo abajo a la derecha + botón aquí.

</p>

<div class="stat"><div class="k">Canal</div><div class="l">WhatsApp</div></div>

<div class="stat"><div class="k">Tiempo</div><div class="l">Rápido</div></div>

<div class="stat"><div class="k">Objetivo</div><div class="l">Leads + Ventas</div></div>

<div class="stat"><div class="k">Soporte</div><div class="l">Flexible</div></div>

</div>

<a class="btn primary" id="waLink" href="#" target="_blank" rel="noopener">Abrir WhatsApp →</a>

<a class="btn" href="#contenido">Ver servicios</a>

</div>

<div class="mini" style="margin-bottom:8px;">FAQ rápida</div>

<div>

<b>¿Puedo cambiar textos/servicios?</b>

<span>Sí, todo está preparado para editar en 2 minutos.</span>

</div>

<div>

<b>¿Se puede pasar a Next.js?</b>

<span>Claro: esta web es base perfecta para escalar después.</span>

</div>

</section>

</main>

<div>

<b>MAC IA AGENT</b> <span class="mono">/ Inteligents Solutions</span>

</div>

</div>

</footer>

// Año

document.getElementById("year").textContent = new Date().getFullYear();

// Smooth scroll + cerrar menú móvil

document.addEventListener("click", (e) => {

const a = e.target.closest('a[href^="#"]');

if(!a) return;

const id = a.getAttribute("href");

const el = document.querySelector(id);

if(!el) return;

e.preventDefault();

el.scrollIntoView({behavior:"smooth", block:"start"});

const menu = document.getElementById("mobileMenu");

const btn = document.getElementById("menuBtn");

if(menu.classList.contains("open")){

menu.classList.remove("open");

btn.setAttribute("aria-expanded","false");

btn.textContent = "☰";

}

});

// Menú móvil

const menuBtn = document.getElementById("menuBtn");

const mobileMenu = document.getElementById("mobileMenu");

menuBtn?.addEventListener("click", () => {

const open = mobileMenu.classList.toggle("open");

menuBtn.setAttribute("aria-expanded", open ? "true" : "false");

menuBtn.textContent = open ? "✕" : "☰";

});

// WhatsApp (ya configurado)

const phone = "34663432481";

const message = "Hola! Vengo de la web MAC IA AGENT. Quiero información para promocionar mis servicios.";

const waUrl = "https://wa.me/" + encodeURIComponent(phone) + "?text=" + encodeURIComponent(message);

document.getElementById("waFab").href = waUrl;

document.getElementById("waLink").href = waUrl;

// Reveal on scroll

const revealEls = Array.from(document.querySelectorAll(".reveal"));

const io = new IntersectionObserver((entries) => {

entries.forEach((en) => {

if(en.isIntersecting){

en.target.classList.add("in");

io.unobserve(en.target);

}

});

}, { threshold: 0.12 });

revealEls.forEach(el => io.observe(el));

</script>

</body>

</html>