HTML ad tag preview - Powered by Ad Reform

Live Preview

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

289x193

72.6 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="ur">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>عکسِ جذبات - سوشل نیٹ ورک</title>
    <style>
        body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            background-color: #f0f2f5;
            margin: 0;
            direction: rtl; /* اردو کے لیے رائٹ ٹو لیفٹ */
        }

        /* نیویگیشن بار */
        header {
            background-color: #ffffff;
            padding: 10px 20px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
            position: sticky;
            top: 0;
            z-index: 100;
        }

        .logo { color: #e60023; font-size: 24px; font-weight: bold; text-decoration: none; }
        
        .search-bar {
            background-color: #efefef;
            border-radius: 20px;
            padding: 8px 15px;
            width: 50%;
            border: none;
        }

        /* مین کنٹینر (پنٹرسٹ اسٹائل) */
        .container {
            column-count: 4; /* تصاویر کو کالمز میں تقسیم کرنا */
            column-gap: 15px;
            padding: 20px;
            max-width: 1200px;
            margin: auto;
        }

        /* پوسٹ کارڈ (فیس بک اسٹائل فیچرز کے ساتھ) */
        .card {
            background-color: white;
            border-radius: 15px;
            margin-bottom: 15px;
            break-inside: avoid;
            box-shadow: 0 1px 3px rgba(0,0,0,0.12);
            overflow: hidden;
            transition: transform 0.3s;
        }

        .card:hover { transform: scale(1.02); cursor: pointer; }

        .card img { width: 100%; display: block; }

        .card-content { padding: 12px; }

        .card-title { font-weight: bold; margin-bottom: 5px; }

        .card-footer {
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-size: 14px;
            border-top: 1px solid #eee;
            padding-top: 10px;
            margin-top: 10px;
        }

        .user-info { display: flex; align-items: center; gap: 8px; }
        .user-avatar { width: 25px; height: 25px; background: #ccc; border-radius: 50%; }

        @media (max-width: 900px) { .container { column-count: 2; } }
        @media (max-width: 600px) { .container { column-count: 1; } }
    </style>
</head>
<body>

<header>
    <a href="#" class="logo">عکسِ جذبات</a>
    <input type="text" class="search-bar" placeholder="تلاش کریں...">
    <nav>پروفائل | میسجز</nav>
</header>

<div class="container">
    <div class="card">
        <img src="https://images.unsplash.com/photo-1506744038136-46273834b3fb?auto=format&fit=crop&w=400&q=60" alt="Nature">
        <div class="card-content">
            <div class="card-title">قدرتی مناظر کی خوبصورتی</div>
            <p>آج کا دن پہاڑوں کی سیر کے نام۔</p>
            <div class="card-footer">
                <div class="user-info"><div class="user-avatar"></div> علی احمد</div>
                <span>❤️ 120</span>
            </div>
        </div>
    </div>

    <div class="card">
        <img src="https://images.unsplash.com/photo-1493612276216-ee3925520721?auto=format&fit=crop&w=400&q=60" alt="Art">
        <div class="card-content">
            <div class="card-title">جدید آرٹ اور ڈیزائن</div>
            <div class="card-footer">
                <div class="user-info"><div class="user-avatar"></div> سارہ خان</div>
                <span>❤️ 85</span>
            </div>
        </div>
    </div>

    </div>

</body>
</html>

Landing Page

This ad does not have a landing page available

Network Timeline

Performance Summary

Requests

Domains

39KB

Transfer Size

38KB

Content Size

108.0ms

Dom Content Loaded

300.0ms

First Paint

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