HTML ad tag preview - Powered by Ad Reform

Live Preview

Tag didn’t load? Click here and let us know!
90x90
18.7 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">
<title>Special Deals Menu</title>
<style>
  /* Base Settings */
  body { 
    background: #f0f0f0; 
    display: flex; 
    justify-content: center; 
    padding: 20px; 
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  }
  
  /* Main Poster Container */
  .menu-poster {
    width: 450px;
    background-color: #e61e25; /* Solid Red Background */
    border-top: 30px solid #f9e105; /* Yellow Top Border */
    border-bottom: 30px solid #f9e105; /* Yellow Bottom Border */
    color: white;
    padding: 30px 20px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.4);
    border-radius: 5px;
  }

  /* Header Design */
  .header { 
    text-align: center; 
    margin-bottom: 35px; 
  }
  .main-title { 
    font-size: 42px; 
    margin: 0; 
    font-weight: 900; 
    text-shadow: 2px 2px 5px rgba(0,0,0,0.5);
    color: #ffffff;
  }
  .sub-title {
    font-size: 22px;
    color: #f9e105; /* Yellow text */
    font-weight: bold;
    margin-top: 5px;
    letter-spacing: 2px;
  }
  
  /* Deals Grid/List */
  .deals-container {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  /* Single Deal Box */
  .deal-card {
    background: rgba(0, 0, 0, 0.25);
    border: 2px dashed #f9e105;
    border-radius: 10px;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
  }

  .deal-details {
    flex: 1;
    padding-right: 15px;
  }

  .deal-number {
    font-size: 20px;
    color: #f9e105;
    font-weight: bold;
    margin-bottom: 5px;
    text-transform: uppercase;
  }

  .deal-items {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
  }

  .deal-items li {
    display: flex;
    align-items: center;
    gap: 5px;
  }

  /* Price Badge */
  .price-tag {
    background: #f9e105;
    color: #e61e25;
    font-size: 18px;
    font-weight: 900;
    padding: 8px 12px;
    border-radius: 5px;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
    white-space: nowrap;
  }

  /* HD Food Image Styling */
  .deal-image {
    width: 90px;
    height: 90px;
    border-radius: 8px;
    object-fit: cover;
    border: 2px solid #white;
    background: #fff;
  }

  /* Footer Delivery Banner */
  .delivery-banner {
    margin-top: 35px;
    background: #f9e105;
    color: #e61e25;
    text-align: center;
    padding: 12px;
    font-size: 22px;
    font-weight: 800;
    border-radius: 5px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
  }
</style>
</head>
<body>

<div class="menu-poster">
  
  <!-- Header -->
  <div class="header">
    <div class="main-title">کیفے اشرف</div>
    <div class="sub-title">CRISPY & DELICIOUS DEALS</div>
  </div>

  <!-- Deals List -->
  <div class="deals-container">
    
    <!-- Deal 1 -->
    <div class="deal-card">
      <div class="deal-details">
        <div class="deal-number">Deal 01</div>
        <ul class="deal-items">
          <li>🍕 Small Pizza</li>
          <li>🍟 Fries</li>
          <li>🥤 345ml Coldrink</li>
        </ul>
      </div>
      <div class="price-tag">Rs: 599</div>
      <img class="deal-image" src="https://images.unsplash.com/photo-1513104890138-7c749659a591?w=200&auto=format&fit=crop" alt="Pizza">
    </div>

    <!-- Deal 2 -->
    <div class="deal-card">
      <div class="deal-details">
        <div class="deal-number">Deal 02</div>
        <ul class="deal-items">
          <li>🍔 Zinger Burger</li>
          <li>🌯 Chicken Chatni Roll</li>
          <li>🍟 Fries</li>
          <li>🥤 345ml Coldrink</li>
        </ul>
      </div>
      <div class="price-tag">Rs: 799</div>
      <img class="deal-image" src="https://images.unsplash.com/photo-1568901346375-23c9450c58cd?w=200&auto=format&fit=crop" alt="Burger">
    </div>

    <!-- Deal 3 -->
    <div class="deal-card">
      <div class="deal-details">
        <div class="deal-number">Deal 03</div>
        <ul class="deal-items">
          <li>🍕 Medium Pizza</li>
          <li>🍟 Fries</li>
          <li>🥤 350ml Coldrink</li>
        </ul>
      </div>
      <div class="price-tag">Rs: 1149</div>
      <img class="deal-image" src="https://images.unsplash.com/photo-1593560708920-61dd98c46a4e?w=200&auto=format&fit=crop" alt="Medium Pizza">
    </div>

    <!-- Deal 4 -->
    <div class="deal-card">
      <div class="deal-details">
        <div class="deal-number">Deal 04</div>
        <ul class="deal-items">
          <li>🍕 2 Medium Pizza</li>
          <li>🥤 1 Liter Coldrink</li>
        </ul>
      </div>
      <div class="price-tag">Rs: 1999</div>
      <img class="deal-image" src="https://images.unsplash.com/photo-1628840042765-356cda07504e?w=200&auto=format&fit=crop" alt="2 Pizzas">
    </div>

    <!-- Deal 5 -->
    <div class="deal-card">
      <div class="deal-details">
        <div class="deal-number">Deal 05</div>
        <ul class="deal-items">
          <li>🍕 2 Large Pizza</li>
          <li>🥤 2 Coldrink</li>
          <li>🍟 1 Fries</li>
        </ul>
      </div>
      <div class="price-tag">Rs: 2599</div>
      <img class="deal-image" src="https://images.unsplash.com/photo-1544982503-9f984c14501a?w=200&auto=format&fit=crop" alt="Large Pizza">
    </div>

    <!-- Deal 6 -->
    <div class="deal-card">
      <div class="deal-details">
        <div class="deal-number">Deal 06</div>
        <ul class="deal-items">
          <li>🍚 Vegetable Rice</li>
          <li>🍕 Small Pizza</li>
          <li>🍗 Chicken Tikka</li>
        </ul>
      </div>
      <div class="price-tag">Rs: 1099</div>
      <img class="deal-image" src="https://images.unsplash.com/photo-1604503468506-a8da13d82791?w=200&auto=format&fit=crop" alt="Chicken Tikka">
    </div>

  </div>

  <!-- Delivery Info -->
  <div class="delivery-banner">
    🏍️ Free Home Delivery!
  </div>

</div>

</body>
</html>
Landing Page

This ad does not have a landing page available
Network Timeline

Performance Summary

Requests
Domains
100KB
Transfer Size
99KB
Content Size
190.0ms
Dom Content Loaded
284.0ms
First Paint
273.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