HTML ad tag preview - Powered by Ad Reform

Live Preview

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

160x160

2.2 KB

Share this result

Previews are deleted daily. Get a permanent share link sent to your inbox:

Script

Open in browser

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Order Confirmation</title>
<style>
@media screen and (max-width: 600px) {
  .container { width: 100% !important; }
  .padding { padding: 20px !important; }
  .product-img { width: 90px !important; }
  .stack { display:block !important; width:100% !important; }
}
</style>
</head>

<body style="margin:0; padding:0; background:#f3f3f3; font-family:Arial, Helvetica, sans-serif;">

<table width="100%" cellpadding="0" cellspacing="0" bgcolor="#f3f3f3">
<tr>
<td align="center">

<!-- Main Container -->
<table width="600" cellpadding="0" cellspacing="0" class="container" style="background:#ffffff;">

<!-- Logo -->
<tr>
<td align="center" style="padding:30px 20px 10px 20px;">
  <img src="https://yourcdn.com/galtsand-logo.png" width="160" alt="Galtsand">
</td>
</tr>

<!-- Hero Image -->
<tr>
<td>
  <img src="https://yourcdn.com/hero-zip.jpg" width="600" style="width:100%; display:block;" alt="">
</td>
</tr>

<!-- Status Tracker -->
<tr>
<td align="center" style="padding:30px 20px 10px 20px;">

<table width="80%" cellpadding="0" cellspacing="0">
<tr align="center">
<td width="33%">
  <div style="width:18px; height:18px; background:#000; border-radius:50%; margin:0 auto;"></div>
  <p style="font-size:12px; color:#000; margin-top:6px;">Ordered</p>
</td>
<td width="33%">
  <div style="width:18px; height:18px; border:2px solid #8a9aa5; border-radius:50%; margin:0 auto;"></div>
  <p style="font-size:12px; color:#8a9aa5; margin-top:6px;">Shipped</p>
</td>
<td width="33%">
  <div style="width:18px; height:18px; border:2px solid #cfd6dc; border-radius:50%; margin:0 auto;"></div>
  <p style="font-size:12px; color:#cfd6dc; margin-top:6px;">Delivered</p>
</td>
</tr>
</table>

</td>
</tr>

<!-- Heading -->
<tr>
<td align="center" class="padding" style="padding:20px 40px;">
  <h1 style="font-family:Georgia, serif; font-size:36px; font-weight:400; margin:0;">
    Thanks for your order, Jane.
  </h1>
  <p style="font-size:14px; color:#555; margin-top:15px; line-height:1.6;">
    We’ve received your order and it’s now being prepared.<br>
    Sit tight. We’re on it.
  </p>

  <!-- Button -->
  <table cellpadding="0" cellspacing="0" style="margin-top:25px;">
    <tr>
      <td bgcolor="#111111" style="padding:14px 28px;">
        <a href="#" style="color:#ffffff; text-decoration:none; font-size:14px; letter-spacing:1px;">
          TRACK IT →
        </a>
      </td>
    </tr>
  </table>
</td>
</tr>

<!-- Order Summary -->
<tr>
<td style="padding:40px 30px; background:#f8f8f8;">

<h3 style="margin:0 0 20px 0;">Order Summary</h3>

<!-- Product 1 -->
<table width="100%" cellpadding="0" cellspacing="0" style="border-bottom:1px solid #ddd; padding-bottom:20px; margin-bottom:20px;">
<tr>
<td width="100" class="stack">
  <img src="https://yourcdn.com/jogger.jpg" width="100" class="product-img">
</td>
<td class="stack" style="padding-left:15px; vertical-align:top;">
  <strong>AIRLITE JOGGER</strong><br>
  Small<br>
  Lavender<br>
  GEWCJ059087
</td>
<td align="right" style="vertical-align:top;">
  QTY 1<br><br>
  $112.00
</td>
</tr>
</table>

<!-- Product 2 -->
<table width="100%" cellpadding="0" cellspacing="0" style="border-bottom:1px solid #ddd; padding-bottom:20px; margin-bottom:20px;">
<tr>
<td width="100" class="stack">
  <img src="https://yourcdn.com/quarterzip.jpg" width="100" class="product-img">
</td>
<td class="stack" style="padding-left:15px; vertical-align:top;">
  <strong>MATCH POINT QUARTER ZIP SWEATSHIRT</strong><br>
  Small<br>
  White<br>
  GFWCB013214
</td>
<td align="right" style="vertical-align:top;">
  QTY 1<br><br>
  $198.00
</td>
</tr>
</table>

<!-- Totals -->
<table width="100%" cellpadding="0" cellspacing="0">
<tr>
<td>Subtotal</td>
<td align="right">$310.00</td>
</tr>
<tr>
<td style="padding-top:10px;">Delivery</td>
<td align="right" style="padding-top:10px;">$15.00</td>
</tr>
<tr>
<td style="padding-top:15px; font-weight:bold;">Grand Total</td>
<td align="right" style="padding-top:15px; font-weight:bold;">$325.00</td>
</tr>
</table>

</td>
</tr>

<!-- Order Details -->
<tr>
<td style="padding:40px 30px; background:#eeeeee;">

<h3 style="margin-top:0;">Order Details</h3>

<p style="margin:0 0 15px 0;">
<strong>Order number:</strong><br>
#GFX-1234567
</p>

<p style="margin:0 0 15px 0;">
<strong>Shipped to:</strong><br>
Jane Doe<br>
1234 Bush Creek Cir<br>
Frederick MD 12345<br>
United States
</p>

<p style="margin:0 0 15px 0;">
<strong>Shipping method:</strong><br>
International Express (3–5 business days)
</p>

<p style="margin:0;">
<strong>Payment method:</strong><br>
VISA ending in 1234
</p>

</td>
</tr>

<!-- Footer -->
<tr>
<td align="center" style="padding:30px 20px; font-size:12px; color:#777; background:#ffffff;">
  You’ll receive a confirmation email once your order has shipped.<br>
  If you have any questions, <a href="#" style="color:#000;">our team</a> is here to help.
  <br><br>
  © 2025, GALTSAND
</td>
</tr>

</table>
<!-- End Container -->

</td>
</tr>
</table>

</body>
</html>

Landing Page

This ad does not have a landing page available

Network Timeline

Performance Summary

Requests

Domains

5KB

Transfer Size

5KB

Content Size

107.0ms

Dom Content Loaded

132.0ms

First Paint

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