HTML ad tag preview - Powered by Ad Reform

Live Preview

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

570x908

4.23 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>Zainab | Unstitched Wear</title>

<style>
body {
    margin: 0;
    font-family: 'Arial', sans-serif;
    background: #faf7f5;
    color: #333;
}

/* NAVBAR */
nav {
    display: flex;
    justify-content: space-between;
    padding: 20px 50px;
    background: #fff;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

nav h1 {
    font-size: 22px;
    letter-spacing: 3px;
}

nav a {
    margin-left: 20px;
    text-decoration: none;
    color: #555;
}

/* HERO */
.hero {
    height: 90vh;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: linear-gradient(to right, #f5ebe6, #fdfdfd);
    padding: 20px;
}

.hero h2 {
    font-size: 50px;
    letter-spacing: 2px;
}

.hero p {
    font-size: 18px;
    margin-top: 10px;
}

.btn {
    margin-top: 20px;
    padding: 12px 25px;
    background: black;
    color: white;
    border: none;
    cursor: pointer;
}

/* SECTION */
.section {
    padding: 60px 40px;
    text-align: center;
}

.section h3 {
    font-size: 30px;
    margin-bottom: 30px;
}

/* COLLECTION */
.grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 20px;
}

.card {
    background: white;
    padding: 15px;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

.card img {
    width: 100%;
    border-radius: 10px;
}

/* ABOUT */
.about {
    background: #f5ebe6;
    padding: 60px 40px;
    text-align: center;
}

/* CONTACT */
.contact {
    background: #fff;
    padding: 60px 40px;
    text-align: center;
}

input, textarea {
    width: 80%;
    padding: 12px;
    margin: 10px;
    border: 1px solid #ddd;
    border-radius: 8px;
}

footer {
    background: #111;
    color: white;
    text-align: center;
    padding: 20px;
    margin-top: 40px;
}
</style>
</head>

<body>

<nav>
    <h1>ZAINAB</h1>
    <div>
        <a href="#">Home</a>
        <a href="#collection">Collection</a>
        <a href="#about">About</a>
        <a href="#contact">Contact</a>
    </div>
</nav>

<div class="hero">
    <div>
        <h2>Zainab Unstitched Wear</h2>
        <p>Design your own elegance ✨ | Premium fabrics | Timeless prints</p>
        <button class="btn">Shop Now</button>
    </div>
</div>

<section id="collection" class="section">
    <h3>New Collection</h3>
    <div class="grid">

        <div class="card">
            <img src="https://images.unsplash.com/photo-1602810318383-4e1b0a5d8d3f" />
            <p>Lawn Unstitched</p>
        </div>

        <div class="card">
            <img src="https://images.unsplash.com/photo-1618354691373-d851c5c3b2a3" />
            <p>Chiffon Collection</p>
        </div>

        <div class="card">
            <img src="https://images.unsplash.com/photo-1581044777550-4cfa60707c03" />
            <p>Printed Fabric</p>
        </div>

    </div>
</section>

<section id="about" class="about">
    <h3>About Zainab</h3>
    <p>
        Zainab is an unstitched clothing brand focused on elegant, soft, and premium fabric designs.
        We help you create your own style with timeless prints and comfortable materials.
    </p>
</section>

<section id="contact" class="contact">
    <h3>Contact / Order</h3>
    <input type="text" placeholder="Your Name">
    <input type="text" placeholder="WhatsApp Number">
    <textarea rows="4" placeholder="Your Order Details"></textarea>
    <br>
    <button class="btn">Send Message</button>
</section>

<footer>
    <p>© 2026 Zainab Unstitched Wear | All Rights Reserved</p>
</footer>

</body>
</html>

Landing Page

This ad does not have a landing page available

Network Timeline

Performance Summary

Requests

Domains

7130KB

Transfer Size

7126KB

Content Size

89.0ms

Dom Content Loaded

204.0ms

First Paint

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