HTML ad tag preview - Powered by Ad Reform

Live Preview

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

519x260

81.1 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="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Luxe Furniture</title>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap" rel="stylesheet">
<style>
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:'Poppins',sans-serif;
}
body{
    background:#f5f7fa;
    color:#333;
}
header{
    background:#0f172a;
    color:white;
    padding:18px 8%;
    display:flex;
    justify-content:space-between;
    align-items:center;
}
header h1{
    font-weight:700;
    letter-spacing:1px;
}
nav a{
    color:white;
    text-decoration:none;
    margin-left:25px;
    transition:0.3s;
}
nav a:hover{
    color:#f59e0b;
}
.hero{
    height:95vh;
    background:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),
    url('https://images.unsplash.com/photo-1505691723518-36a5ac3b2d4f?auto=format&fit=crop&w=1600&q=80') center/cover no-repeat;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    color:white;
    padding:20px;
}
.hero h2{
    font-size:52px;
    font-weight:700;
}
.hero p{
    margin:20px 0;
    font-size:18px;
}
.btn{
    padding:14px 35px;
    border:none;
    background:#f59e0b;
    color:white;
    font-size:16px;
    border-radius:40px;
    cursor:pointer;
    transition:0.3s;
}
.btn:hover{
    background:#ef4444;
}
.section{
    padding:80px 8%;
}
.section h2{
    text-align:center;
    font-size:34px;
    margin-bottom:50px;
}
.products{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
    gap:30px;
}
.card{
    background:white;
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 10px 25px rgba(0,0,0,0.08);
    transition:0.4s;
}
.card:hover{
    transform:translateY(-10px);
}
.card img{
    width:100%;
    height:260px;
    object-fit:cover;
}
.card-content{
    padding:20px;
}
.card-content h3{
    margin-bottom:10px;
}
.price{
    color:#ef4444;
    font-weight:600;
    margin-top:10px;
}
.about{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:40px;
}
.about img{
    flex:1;
    max-width:500px;
    width:100%;
    border-radius:20px;
}
.about-text{
    flex:1;
}
footer{
    background:#0f172a;
    color:white;
    text-align:center;
    padding:25px;
}
@media(max-width:768px){
    .hero h2{font-size:34px;}
}
</style>
</head>
<body>

<header>
    <h1>LuxeFurniture</h1>
    <nav>
        <a href="#">Home</a>
        <a href="#">Products</a>
        <a href="#">About</a>
        <a href="#">Contact</a>
    </nav>
</header>

<section class="hero">
    <div>
        <h2>Design Your Dream Space</h2>
        <p>Premium quality furniture crafted for comfort and elegance.</p>
        <button class="btn">Shop Now</button>
    </div>
</section>

<section class="section">
    <h2>Featured Collection</h2>
    <div class="products">

        <div class="card">
            <img src="https://images.unsplash.com/photo-1586023492125-27b2c045efd7?auto=format&fit=crop&w=800&q=80">
            <div class="card-content">
                <h3>Luxury Sofa</h3>
                <p>Modern fabric sofa with ultimate comfort.</p>
                <div class="price">$499</div>
            </div>
        </div>

        <div class="card">
            <img src="https://images.unsplash.com/photo-1598300053653-7a75c28a3b4a?auto=format&fit=crop&w=800&q=80">
            <div class="card-content">
                <h3>Elegant Bed</h3>
                <p>Stylish bed with premium wooden finish.</p>
                <div class="price">$799</div>
            </div>
        </div>

        <div class="card">
            <img src="https://images.unsplash.com/photo-1615874959474-d609969a20ed?auto=format&fit=crop&w=800&q=80">
            <div class="card-content">
                <h3>Classic Chair</h3>
                <p>Minimalist design perfect for any room.</p>
                <div class="price">$149</div>
            </div>
        </div>

    </div>
</section>

<section class="section about">
    <img src="https://images.unsplash.com/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=800&q=80">
    <div class="about-text">
        <h2>Why Choose Us?</h2>
        <p>We blend modern design with premium craftsmanship to deliver furniture that transforms your home. Quality, comfort, and style — all in one place.</p>
        <br>
        <button class="btn">Learn More</button>
    </div>
</section>

<footer>
    © 2026 LuxeFurniture | All Rights Reserved
</footer>

</body>
</html>

Landing Page

This ad does not have a landing page available

Network Timeline

Performance Summary

Requests

Domains

218KB

Transfer Size

221KB

Content Size

244.0ms

Dom Content Loaded

404.0ms

First Paint

401.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