HTML ad tag preview - Powered by Ad Reform

Live Preview

Tag didn’t load? Click here and let us know!
72x72
1.82 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>Mahalakshmi Beauty Parlour & Hair Salon</title>
  <link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=Poppins:wght@300;400;600&display=swap" rel="stylesheet">
  <style>
    :root{
      --bg:#0b0b0b;
      --gold:#d4a24a;
      --muted:#f4f0ea;
      --accent:#7b2b2b;
      --card:#120f0e;
      --radius:14px;
      font-family: 'Poppins', sans-serif;
    }
    *{box-sizing:border-box}
    body{margin:0;background:var(--bg);color:var(--muted);-webkit-font-smoothing:antialiased}
    header{background:linear-gradient(180deg, rgba(0,0,0,0.6), rgba(0,0,0,0.85)), url('images/hero.jpg') center/cover no-repeat;padding:48px 20px}
    .wrap{max-width:1100px;margin:0 auto}
    .topbar{display:flex;align-items:center;justify-content:space-between}
    .brand{display:flex;align-items:center;gap:14px}
    .brand h1{font-family:'Playfair Display',serif;margin:0;color:var(--gold);font-size:34px;letter-spacing:1px}
    .brand small{display:block;color:var(--muted);opacity:0.9}
    nav a{color:var(--muted);text-decoration:none;margin-left:18px}
    .hero-grid{display:grid;grid-template-columns:1fr 360px;gap:28px;align-items:center;margin-top:28px}
    .hero-card{background:rgba(0,0,0,0.55);padding:22px;border-radius:12px}
    h2{font-family:'Playfair Display',serif;color:var(--gold);margin:0 0 12px 0}
    p.lead{margin:0 0 16px 0;line-height:1.6;color:#f2e9de}
    .offers{display:flex;flex-direction:column;gap:12px}
    .offer{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(90deg, rgba(18,15,14,0.55), rgba(18,15,14,0.35));padding:14px;border-radius:10px;border:1px solid rgba(212,162,74,0.08)}
    .offer .meta{max-width:66%}
    .price{background:var(--card);border-radius:12px;padding:10px 18px;color:var(--gold);font-weight:700}
    /* services */
    .services{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:30px 0}
    .service{background:rgba(255,255,255,0.03);padding:18px;border-radius:12px;text-align:center}
    .service h3{margin:6px 0 4px 0;color:var(--gold);font-family:'Playfair Display'}
    .gallery{display:flex;gap:12px;align-items:center}
    .circle{width:110px;height:110px;border-radius:999px;overflow:hidden;border:6px solid rgba(255,255,255,0.06);background:#222}
    .circle img{width:100%;height:100%;object-fit:cover}
    footer{background:#fff;padding:18px 0;color:#111;margin-top:28px}
    .contact{background:linear-gradient(180deg, rgba(0,0,0,0.6), rgba(0,0,0,0.85));padding:22px;border-radius:12px}
    .cta{display:inline-block;background:var(--gold);color:#111;padding:12px 18px;border-radius:10px;text-decoration:none;font-weight:600}
    /* responsive */
    @media(max-width:900px){
      .hero-grid{grid-template-columns:1fr;}
      .services{grid-template-columns:repeat(2,1fr)}
    }
    @media(max-width:520px){
      .services{grid-template-columns:1fr}
      .brand h1{font-size:24px}
    }
  </style>
</head>
<body>
  <header>
    <div class="wrap topbar">
      <div class="brand">
        <img src="images/logo-placeholder.png" alt="logo" style="width:72px;border-radius:8px;object-fit:cover;box-shadow:0 6px 18px rgba(0,0,0,0.6)">
        <div>
          <h1>Mahalakshmi</h1>
          <small>Beauty Parlour & Hair Salon</small>
        </div>
      </div>
      <nav>
        <a href="#services">Services</a>
        <a href="#offers">Offers</a>
        <a href="#gallery">Gallery</a>
        <a href="#contact">Contact</a>
      </nav>
    </div><div class="wrap hero-grid">
  <div>
    <div class="hero-card">
      <h2>Wedding Season Offers</h2>
      <p class="lead">Professional bridal makeup, hair styling, facials and more — curated packages for your special day. Luxurious gold & black theme inspired from our poster to keep the brand feel consistent.</p>

      <div id="offers" class="offers">
        <div class="offer">
          <div class="meta">
            <strong>Bridal Makeup + D-Tena, Blowup, Haircut, Eyes + Porehead, Applix</strong>
            <div style="font-size:13px;opacity:0.8;margin-top:6px">(Quick package for smaller functions)</div>
          </div>
          <div class="price">मात्र ₹9,999</div>
        </div>

        <div class="offer">
          <div class="meta">
            <strong>Bridal Makeup Professional + Bleach/ Wax, Haircut, Eyes + Porehead + Applix</strong>
            <div style="font-size:13px;opacity:0.8;margin-top:6px">(Most popular)</div>
          </div>
          <div class="price">मात्र ₹11,999</div>
        </div>

        <div class="offer">
          <div class="meta">
            <strong>Bridal Makeup Professional + Vexas, Haircut + Hairspray, Eyes + Porehead, Applix</strong>
            <div style="font-size:13px;opacity:0.8;margin-top:6px">(Deluxe bridal package)</div>
          </div>
          <div class="price">मात्र ₹13,999</div>
        </div>

      </div>

    </div>
  </div>

  <aside>
    <div class="hero-card contact">
      <h3 style="margin-top:0;color:var(--gold)">Book Your Trial</h3>
      <p style="margin:6px 0 14px 0">Call us or message on WhatsApp to reserve your slot.</p>
      <a class="cta" href="tel:+91113371625">📞 +91 9113371625</a>
      <p style="font-size:14px;margin-top:12px;color:#e8d9c2">स्थान: विधायकपति धाम</p>
    </div>

    <div style="height:18px"></div>
    <div class="hero-card">
      <h4 style="margin:0 0 10px 0;color:var(--gold)">Why choose us</h4>
      <ul style="margin:0;padding-left:18px;color:#e9e1d8">
        <li>Experienced bridal artists</li>
        <li>Premium products & hygiene</li>
        <li>On-location services available</li>
      </ul>
    </div>
  </aside>
</div>

  </header>  <main class="wrap">
    <section id="services">
      <h2 style="margin-top:28px">Our Services</h2>
      <div class="services">
        <div class="service">
          <div style="font-size:34px">💄</div>
          <h3>Bridal Makeup</h3>
          <div style="font-size:14px;opacity:0.85">Traditional & contemporary looks</div>
        </div>
        <div class="service">
          <div style="font-size:34px">💇‍♀️</div>
          <h3>Hair Styling</h3>
          <div style="font-size:14px;opacity:0.85">Reception & wedding-day styles</div>
        </div>
        <div class="service">
          <div style="font-size:34px">🌸</div>
          <h3>Spa & Facials</h3>
          <div style="font-size:14px;opacity:0.85">Deep cleaning, glow facials</div>
        </div>
      </div>
    </section><section id="gallery" style="margin-top:6px">
  <h2>Gallery</h2>
  <p style="margin-top:6px;color:#e9e1d8">A preview from our portfolio</p>
  <div class="gallery" style="margin-top:12px">
    <div class="circle"><img src="images/gallery1.jpg" alt="bride makeup"/></div>
    <div class="circle"><img src="images/gallery2.jpg" alt="hair style"/></div>
    <div class="circle"><img src="images/gallery3.jpg" alt="facial"/></div>
  </div>
</section>

<section id="contact" style="margin:28px 0">
  <h2>Contact & Location</h2>
  <div style="display:flex;gap:16px;flex-wrap:wrap;margin-top:12px">
    <div style="flex:1;min-width:260px;background:rgba(255,255,255,0.03);padding:18px;border-radius:12px">
      <h3 style="margin:0 0 8px 0;color:var(--gold)">Mahalakshmi Beauty Parlour & Hair Salon</h3>
      <p style="margin:0 0 6px 0">विधानपति धाम</p>
      <p style="margin:0 0 12px 0">📞 <a href="tel:+91113371625" style="color:var(--muted);text-decoration:none">+91 9113371625</a></p>
      <p style="margin:0;font-size:14px;opacity:0.9">Follow us on Instagram & Facebook for latest looks (replace with real links).</p>
    </div>

    <div style="flex:1;min-width:260px;background:rgba(255,255,255,0.03);padding:18px;border-radius:12px">
      <h3 style="margin:0 0 8px 0;color:var(--gold)">Quick Enquiry</h3>
      <form onsubmit="event.preventDefault();alert('Thanks — we will contact you!')">
        <input required placeholder="Your name" style="width:100%;padding:10px;margin-bottom:8px;border-radius:8px;border:0;background:#fff0; color:var(--muted)" />
        <input required placeholder="Phone or WhatsApp" style="width:100%;padding:10px;margin-bottom:8px;border-radius:8px;border:0;background:#fff0;color:var(--muted)" />
        <textarea placeholder="Message (date / package)" style="width:100%;padding:10px;border-radius:8px;border:0;background:#fff0;color:var(--muted);min-height:80px"></textarea>
        <div style="margin-top:8px"><button class="cta" type="submit">Send Enquiry</button></div>
      </form>
    </div>
  </div>
</section>

  </main>  <footer>
    <div class="wrap" style="display:flex;align-items:center;justify-content:space-between;gap:12px">
      <div style="display:flex;gap:12px;align-items:center">
        <img src="images/logo-placeholder.png" alt="logo" style="width:54px;border-radius:6px">
        <div>
          <strong>Mahalakshmi</strong><br/><small style="color:#666">Beauty Parlour & Hair Salon</small>
        </div>
      </div>
      <div style="text-align:right;color:#666">© <span id="year"></span> Mahalakshmi. All rights reserved.</div>
    </div>
  </footer>  <script>
    document.getElementById('year').textContent = new Date().getFullYear();
  </script></body>
</html>
Landing Page

This ad does not have a landing page available
Network Timeline

Performance Summary

Requests
Domains
146KB
Transfer Size
153KB
Content Size
211.0ms
Dom Content Loaded
364.0ms
First Paint
465.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