Skip to content

Commit d9c34e2

Browse files
authored
Crear tioliceo
1 parent 6c3ff1d commit d9c34e2

1 file changed

Lines changed: 52 additions & 0 deletions

File tree

.github/ISSUE_TEMPLATE/tioliceo

Lines changed: 52 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,52 @@
1+
<!DOCTYPE html>
2+
<html lang="es">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>TIOLICEO - Todo por $9.99/mes</title>
7+
<script src="https://cdn.tailwindcss.com"></script>
8+
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" rel="stylesheet">
9+
<style>
10+
.gradient { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); }
11+
.countdown { font-size: 3.5rem; font-weight: 900; color: #ff006e; }
12+
</style>
13+
</head>
14+
<body class="bg-gray-900 text-white">
15+
<header class="gradient py-24 text-center">
16+
<div class="container mx-auto px-6">
17+
<h1 class="text-5xl md:text-7xl font-black mb-6">TIOLICEO</h1>
18+
<p class="text-3xl mb-4">La plataforma que creé para que cualquiera facture millones</p>
19+
<p class="text-6xl font-black text-yellow-400 mb-8">$9.99/mes o $99/año</p>
20+
<div class="countdown mb-8" id="timer">48:00:00</div>
21+
<a href="https://buy.stripe.com/test_000000000" class="bg-green-500 hover:bg-green-600 text-black font-black text-3xl py-8 px-16 rounded-2xl inline-block">
22+
¡SÍ, QUIERO LOS $99/AÑO AHORA!
23+
</a>
24+
<p class="mt-8 text-xl">QR Dinámicos · Páginas Web · Logos IA · Anuncios Automáticos · Comunidad Viral</p>
25+
</div>
26+
</header>
27+
28+
<section class="py-20 bg-gray-800">
29+
<div class="container mx-auto px-6 text-center">
30+
<h2 class="text-5xl font-black mb-12">Todo esto incluido por menos de $10/mes</h2>
31+
<div class="grid grid-cols-2 md:grid-cols-5 gap-8">
32+
<div class="bg-purple-600 p-8 rounded-3xl"><i class="fas fa-qrcode text-6xl"></i><p class="mt-4 font-bold">QR Ilimitados</p></div>
33+
<div class="bg-blue-600 p-8 rounded-3xl"><i class="fas fa-globe text-6xl"></i><p class="mt-4 font-bold">Web + Hosting</p></div>
34+
<div class="bg-green-600 p-8 rounded-3xl"><i class="fas fa-robot text-6xl"></i><p class="mt-4 font-bold">Logos IA</p></div>
35+
<div class="bg-orange-600 p-8 rounded-3xl"><i class="fas fa-bullhorn text-6xl"></i><p class="mt-4 font-bold">Anuncios IA</p></div>
36+
<div class="bg-pink-600 p-8 rounded-3xl"><i class="fas fa-users text-6xl"></i><p class="mt-4 font-bold">Comunidad</p></div>
37+
</div>
38+
</div>
39+
</section>
40+
41+
<script>
42+
let time = 48 * 3600;
43+
setInterval(() => {
44+
time--;
45+
let h = String(Math.floor(time / 3600)).padStart(2,'0');
46+
let m = String(Math.floor((time % 3600)/60)).padStart(2,'0');
47+
let s = String(time % 60).padStart(2,'0');
48+
document.getElementById('timer').innerText = `\( {h}: \){m}:${s}`;
49+
}, 1000);
50+
</script>
51+
</body>
52+
</html>

0 commit comments

Comments
 (0)