HTML ad tag preview - Powered by Ad Reform

Live Preview

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

86x19

1.55 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" />
    <title>Men's Clothing Store</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            background-color: #f4f4f4;
        }
        header {
            background-color: #222;
            color: #fff;
            padding: 20px;
            text-align: center;
        }
        nav {
            background-color: #444;
            display: flex;
            justify-content: center;
            padding: 10px 0;
        }
        nav a {
            color: white;
            margin: 0 15px;
            text-decoration: none;
            font-weight: bold;
        }
        nav a:hover {
            text-decoration: underline;
        }
        .container {
            max-width: 1000px;
            margin: 20px auto;
            background: white;
            padding: 20px;
            box-shadow: 0 0 7px rgba(0,0,0,0.1);
        }
        h1, h2 {
            color: #333;
        }
        .product-list {
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
        }
        .product {
            flex: 1 1 200px;
            border: 1px solid #ddd;
            padding: 15px;
            text-align: center;
        }
        .product img {
            max-width: 100%;
            height: auto;
            margin-bottom: 10px;
        }
        .product h3 {
            margin: 10px 0 5px;
        }
        .product p {
            color: #555;
            margin: 5px 0 10px;
        }
        .product button {
            background-color: #222;
            color: white;
            border: none;
            padding: 10px 15px;
            cursor: pointer;
            font-size: 1em;
        }
        .product button:hover {
            background-color: #555;
        }
        footer {
            background-color: #222;
            color: white;
            text-align: center;
            padding: 15px;
            margin-top: 40px;
        }
    </style>
</head>
<body>

<header>
    <h1>Men's Clothing Store</h1>
    <p>Your one-stop shop for stylish men's apparel</p>
</header>

<nav>
    <a href="#newarrivals">New Arrivals</a>
    <a href="#best-sellers">Best Sellers</a>
    <a href="#sale">Sale</a>
    <a href="#contact">Contact</a>
</nav>

<div class="container">

    <section id="newarrivals">
        <h2>New Arrivals</h2>
        <div class="product-list">
            <div class="product">
                <img src="https://via.placeholder.com/200x250?text=Blue+Shirt" alt="Blue Shirt" />
                <h3>Blue Casual Shirt</h3>
                <p>Comfortable cotton shirt perfect for everyday wear.</p>
                <button>Add to Cart</button>
            </div>
            <div class="product">
                <img src="https://via.placeholder.com/200x250?text=Denim+Jeans" alt="Denim Jeans" />
                <h3>Dark Denim Jeans</h3>
                <p>Classic fit jeans with a modern look.</p>
                <button>Add to Cart</button>
            </div>
            <div class="product">
                <img src="https://via.placeholder.com/200x250?text=Black+T-Shirt" alt="Black T-Shirt" />
                <h3>Black Premium T-Shirt</h3>
                <p>Soft and breathable fabric with a sleek design.</p>
                <button>Add to Cart</button>
            </div>
        </div>
    </section>

    <section id="best-sellers" style="margin-top: 40px;">
        <h2>Best Sellers</h2>
        <div class="product-list">
            <div class="product">
                <img src="https://via.placeholder.com/200x250?text=Leather+Jacket" alt="Leather Jacket" />
                <h3>Leather Jacket</h3>
                <p>Stylish and durable perfect for cooler weather.</p>
                <button>Add to Cart</button>
            </div>
            <div class="product">
                <img src="https://via.placeholder.com/200x250?text=Formal+Suit" alt="Formal Suit" />
                <h3>Formal Suit</h3>
                <p>Elegant and tailored for special occasions.</p>
                <button>Add to Cart</button>
            </div>
        </div>
    </section>

    <section id="sale" style="margin-top: 40px;">
        <h2>Sale</h2>
        <div class="product-list">
            <div class="product">
                <img src="https://via.placeholder.com/200x250?text=Casual+Trousers" alt="Casual Trousers" />
                <h3>Casual Trousers</h3>
                <p>Get comfort and style at a special price.</p>
                <button>Add to Cart</button>
            </div>
            <div class="product">
                <img src="https://via.placeholder.com/200x250?text=Striped+Shirt" alt="Striped Shirt" />
                <h3>Striped Shirt</h3>
                <p>Modern design at discounted price.</p>
                <button>Add to Cart</button>
            </div>
        </div>
    </section>

    <section id="contact" style="margin-top: 40px;">
        <h2>Contact Us</h2>
        <p>Have questions? Reach out!</p>
        <form>
            <label for="name">Name:</label><br />
            <input type="text" id="name" name="name" required /><br /><br />
            <label for="email">Email:</label><br />
            <input type="email" id="email" name="email" required /><br /><br />
            <label for="message">Message:</label><br />
            <textarea id="message" name="message" rows="5" required></textarea><br /><br />
            <button type="submit">Send</button>
        </form>
    </section>

</div>

<footer>
    <p>&copy; 2024 Men's Clothing Store. All rights reserved.</p>
</footer>

</body>
</html>

Landing Page

This ad does not have a landing page available

Network Timeline

Performance Summary

Requests

Domains

6KB

Transfer Size

6KB

Content Size

283.0ms

Dom Content Loaded

396.0ms

First Paint

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