HTML ad tag preview - Powered by Ad Reform

Live Preview

Tag didn’t load? Click here and let us know!

1425x1148

10.3 KB

Share this result

Previews are deleted daily. Get a permanent share link sent to your inbox:

Script

Open in browser

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Punto Astral - Geometría Sagrada</title>
    <style>
        /* Variables basadas en la Secuencia de Fibonacci y Proporción Áurea */
        :root {
            --text-xs: 13px;
            --text-sm: 21px; 
            --text-md: 34px; 
            --text-lg: 55px; 
            --text-xl: 89px; 
            --phi: 1.618;
        }

        * { box-sizing: border-box; margin: 0; padding: 0; }

        body {
            font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
            color: #2c2c2c;
            background-color: #fafafa;
            line-height: var(--phi); 
        }

        .golden-container {
            max-width: 1200px;
            margin: 55px auto; 
            padding: 0 21px;
        }

        .golden-layout {
            display: grid;
            grid-template-columns: 1.618fr 1fr;
            gap: 34px; 
        }

        h1 {
            font-size: var(--text-lg);
            margin-bottom: 21px;
            line-height: 1.2;
            font-weight: 800;
            letter-spacing: -1px;
            color: #1a1a1a;
        }

        h2 {
            font-size: var(--text-md);
            margin-bottom: 13px;
            font-weight: 600;
        }

        p {
            font-size: var(--text-sm);
            margin-bottom: 21px;
            color: #4a4a4a;
        }

        .img-golden-landscape {
            width: 100%;
            aspect-ratio: 1.618 / 1; 
            object-fit: cover;
            border-radius: 8px; 
            margin-bottom: 21px;
            box-shadow: 0 13px 21px rgba(0,0,0,0.05); 
        }

        .img-golden-portrait {
            width: 100%;
            aspect-ratio: 1 / 1.618;
            object-fit: cover;
            border-radius: 8px;
            margin-bottom: 21px;
        }

        .main-content {
            padding-right: 21px;
        }

        .sidebar {
            background-color: #f0f0f0;
            padding: 34px; 
            border-radius: 13px;
            height: fit-content;
        }

        .sidebar p {
            font-size: var(--text-xs);
        }
        
        @media (max-width: 768px) {
            .golden-layout {
                grid-template-columns: 1fr;
            }
            .main-content {
                padding-right: 0;
            }
        }
    </style>
</head>
<body>

    <div class="golden-container">
        
        <header>
            <h1 id="titulo-principal">Punto Astral - Escuela Mística</h1>
        </header>

        <div class="golden-layout">
            
            <main class="main-content">
                <img src="https://via.placeholder.com/800x494?text=Mapa+del+Inconsciente+(1.618:1)" alt="Hero Punto Astral" id="img-principal" class="img-golden-landscape">
                
                <h2 id="subtitulo-1">Recodificación Cuántica Humana</h2>
                <p id="parrafo-1">Adentrate en los mapas del inconsciente a través de una metodología única. En nuestra escuela, unimos la alta magia, la alquimia y el autoconocimiento profundo para transformar la realidad y despertar el potencial oculto.</p>
                <p id="parrafo-2">El estudio se sostiene en la precisión histórica y simbólica, desde la lectura profunda del Tarot de Marsella (honrando sus raíces históricas y el legado parisino de Jean Noblet), hasta la sabiduría del Tarot Zen, integrando su visión evolutiva sin ataduras temporales dogmáticas.</p>
            </main>

            <aside class="sidebar">
                <h2 id="subtitulo-sidebar">Podcast & Diplomaturas</h2>
                <p id="texto-sidebar">Expandí el autoconocimiento escuchando "Arquetípicos", nuestro espacio de reflexión sonora, o sumergite de lleno en las diplomaturas sobre parapsicología y exploración del ser.</p>
                
                <img src="https://via.placeholder.com/400x647?text=Arquetipicos+(1:1.618)" alt="Podcast Arquetípicos" id="img-secundaria" class="img-golden-portrait">
            </aside>

        </div>
    </div>

</body>
</html>

Landing Page

This ad does not have a landing page available

Network Timeline

Performance Summary

Requests

Domains

4KB

Transfer Size

4KB

Content Size

110.0ms

Dom Content Loaded

208.0ms

First Paint

308.0ms

Load Time

Domain Breakdown

Transfer Size (bytes)

Content Size (bytes)

Header Size (bytes)

Requests

Timings (ms)

Total Time

Content Breakdown

Transfer Size (bytes)

Content Size (bytes)

Header Size (bytes)

Requests