HTML ad tag preview - Powered by Ad Reform

Live Preview

Tag didn’t load? Click here and let us know!
245x200
16.4 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="bn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>আমার ই-কমার্স স্টোর</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        }
        body {
            background-color: #f4f4f4;
        }
        /* Navbar */
        header {
            background-color: #ff5722;
            color: white;
            padding: 15px 20px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            position: sticky;
            top: 0;
            z-index: 100;
        }
        .logo {
            font-size: 24px;
            font-weight: bold;
        }
        .cart {
            font-size: 18px;
            background: white;
            color: #ff5722;
            padding: 5px 15px;
            border-radius: 5px;
            cursor: pointer;
        }
        /* Hero Section */
        .hero {
            background-color: #333;
            color: white;
            text-align: center;
            padding: 50px 20px;
        }
        .hero h1 {
            font-size: 36px;
            margin-bottom: 10px;
        }
        /* Products Grid */
        .container {
            max-width: 1200px;
            margin: 20px auto;
            padding: 20px;
        }
        .products {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 20px;
        }
        .product-card {
            background: white;
            padding: 15px;
            border-radius: 8px;
            box-shadow: 0 4px 8px rgba(0,0,0,0.1);
            text-align: center;
            transition: transform 0.3s;
        }
        .product-card:hover {
            transform: translateY(-5px);
        }
        .product-img {
            width: 100%;
            height: 200px;
            background-color: #ddd;
            border-radius: 5px;
            margin-bottom: 15px;
            object-fit: cover;
        }
        .product-title {
            font-size: 18px;
            color: #333;
            margin-bottom: 10px;
        }
        .product-price {
            font-size: 20px;
            color: #ff5722;
            font-weight: bold;
            margin-bottom: 15px;
        }
        .btn {
            background-color: #ff5722;
            color: white;
            border: none;
            padding: 10px 20px;
            border-radius: 5px;
            cursor: pointer;
            font-size: 16px;
            width: 100%;
        }
        .btn:hover {
            background-color: #e64a19;
        }
        /* Footer */
        footer {
            background-color: #222;
            color: white;
            text-align: center;
            padding: 20px;
            margin-top: 40px;
        }
    </style>
</head>
<body>

    <header>
        <div class="logo">MyStore</div>
        <div class="cart">🛒 Cart (<span id="cart-count">0</span>)</div>
    </header>

    <section class="hero">
        <h1>স্বাগতম আমাদের অনলাইন স্টোরে!</h1>
        <p>সেরা মানের পণ্য, সবচেয়ে কম দামে।</p>
    </section>

    <div class="container">
        <h2 style="text-align: center; margin-bottom: 30px;">আমাদের পণ্যসমূহ</h2>
        
        <div class="products">
            <!-- Product 1 -->
            <div class="product-card">
                <img src="https://images.unsplash.com/photo-1523275335684-37898b6baf30?auto=format&fit=crop&w=300&q=80" alt="Watch" class="product-img">
                <h3 class="product-title">স্মার্ট ওয়াচ</h3>
                <p class="product-price">৳ ১,৫০০</p>
                <button class="btn" onclick="addToCart()">কার্টে যোগ করুন</button>
            </div>

            <!-- Product 2 -->
            <div class="product-card">
                <img src="https://images.unsplash.com/photo-1505740420928-5e560c06d30e?auto=format&fit=crop&w=300&q=80" alt="Headphone" class="product-img">
                <h3 class="product-title">ওয়্যারলেস হেডফোন</h3>
                <p class="product-price">৳ ২,২০০</p>
                <button class="btn" onclick="addToCart()">কার্টে যোগ করুন</button>
            </div>

            <!-- Product 3 -->
            <div class="product-card">
                <img src="https://images.unsplash.com/photo-1526170375885-4d8ecf77b99f?auto=format&fit=crop&w=300&q=80" alt="Camera" class="product-img">
                <h3 class="product-title">ডিজিটাল ক্যামেরা</h3>
                <p class="product-price">৳ ১৫,০০০</p>
                <button class="btn" onclick="addToCart()">কার্টে যোগ করুন</button>
            </div>

            <!-- Product 4 -->
            <div class="product-card">
                <img src="https://images.unsplash.com/photo-1542291026-7eec264c27ff?auto=format&fit=crop&w=300&q=80" alt="Shoes" class="product-img">
                <h3 class="product-title">রানিং শু</h3>
                <p class="product-price">৳ ১,৮০০</p>
                <button class="btn" onclick="addToCart()">কার্টে যোগ করুন</button>
            </div>
        </div>
    </div>

    <footer>
        <p>&copy; 2026 MyStore. সর্বস্বত্ব সংরক্ষিত।</p>
    </footer>

    <script>
        let cartCount = 0;
        
        function addToCart() {
            cartCount++;
            document.getElementById('cart-count').innerText = cartCount;
            alert("পণ্যটি সফলভাবে কার্টে যোগ করা হয়েছে!");
        }
    </script>

</body>
</html>
Landing Page

This ad does not have a landing page available
Network Timeline

Performance Summary

Requests
Domains
35KB
Transfer Size
34KB
Content Size
120.0ms
Dom Content Loaded
200.0ms
First Paint
316.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