HTML ad tag preview - Powered by Ad Reform

Live Preview

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

1920x1080

1.14 MB

Share this result

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

Script

Open in browser

<!DOCTYPE html>
<html lang="id">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="https://cdn.tailwindcss.com"></script>
    <link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&family=Inter:wght@300;400&display=swap" rel="stylesheet">
    <style>
        body { font-family: 'Inter', sans-serif; }
        h1 { font-family: 'Playfair Display', serif; }
    </style>
</head>
<body class="bg-[#F9F7F2]">

    <nav class="flex justify-between items-center px-10 py-6 bg-transparent absolute w-full z-10">
        <div class="text-2xl font-bold tracking-tighter text-[#2D2A26]">FURNI<span class="text-[#8B5E3C]">LUXE</span></div>
        <ul class="hidden md:flex space-x-8 text-sm uppercase tracking-widest text-[#2D2A26]">
            <li><a href="#" class="hover:text-[#8B5E3C]">Koleksi</a></li>
            <li><a href="#" class="hover:text-[#8B5E3C]">Ruangan</a></li>
            <li><a href="#" class="hover:text-[#8B5E3C]">Tentang Kami</a></li>
            <li><a href="#" class="hover:text-[#8B5E3C]">Kontak</a></li>
        </ul>
        <div class="flex space-x-5">
            <button>🔍</button>
            <button>🛒</button>
        </div>
    </nav>

    <section class="relative h-screen flex items-center overflow-hidden">
        <div class="absolute inset-0 z-0">
            <img src="https://images.unsplash.com/photo-1586023492125-27b2c045efd7?auto=format&fit=crop&q=80&w=2000" 
                 alt="Furniture Background" 
                 class="w-full h-full object-cover">
            <div class="absolute inset-0 bg-black opacity-20"></div>
        </div>

        <div class="container mx-auto px-10 relative z-10">
            <div class="max-w-2xl text-white md:text-[#2D2A26] bg-black md:bg-white/80 p-8 md:p-16 backdrop-blur-sm">
                <span class="uppercase tracking-[0.3em] text-sm mb-4 block">Koleksi Terbaru 2024</span>
                <h1 class="text-5xl md:text-7xl mb-6 leading-tight">Keanggunan dalam Setiap Detail.</h1>
                <p class="text-lg mb-8 opacity-90 leading-relaxed">
                    Hadirkan kenyamanan maksimal dengan kurasi furniture eksklusif yang memadukan keindahan seni dan ketahanan material premium.
                </p>
                <div class="flex space-x-4">
                    <a href="#" class="bg-[#2D2A26] text-white px-8 py-4 text-sm uppercase tracking-widest hover:bg-[#8B5E3C] transition">
                        Belanja Sekarang
                    </a>
                    <a href="#" class="border border-[#2D2A26] text-[#2D2A26] px-8 py-4 text-sm uppercase tracking-widest hover:bg-[#2D2A26] hover:text-white transition">
                        Lihat Katalog
                    </a>
                </div>
            </div>
        </div>
    </section>

</body>
</html>

Landing Page

This ad does not have a landing page available

Network Timeline

Performance Summary

Requests

Domains

388KB

Transfer Size

666KB

Content Size

1,090.0ms

Dom Content Loaded

2,584.0ms

First Paint

1,332.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