HTML ad tag preview - Powered by Ad Reform

Live Preview

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

452x221

164 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.0" />
  <title>Sri Lanka Tours for Czech Tourists</title>  <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet">  <style>
    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    body {
      font-family: 'Poppins', sans-serif;
      background: #f8faf8;
      color: #222;
      line-height: 1.6;
    }

    header {
      background: linear-gradient(rgba(0,0,0,0.45), rgba(0,0,0,0.45)), url('https://images.unsplash.com/photo-1586861635167-e5223aadc9fe?q=80&w=1600&auto=format&fit=crop') center/cover;
      height: 100vh;
      color: white;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      padding: 20px;
    }

    .hero h1 {
      font-size: 3.5rem;
      margin-bottom: 20px;
    }

    .hero p {
      font-size: 1.2rem;
      margin-bottom: 30px;
    }

    .btn {
      display: inline-block;
      padding: 14px 30px;
      background: #0b7a52;
      color: white;
      text-decoration: none;
      border-radius: 50px;
      font-weight: 600;
      transition: 0.3s;
    }

    .btn:hover {
      background: #095f40;
      transform: translateY(-2px);
    }

    section {
      padding: 80px 10%;
    }

    .section-title {
      text-align: center;
      margin-bottom: 50px;
    }

    .section-title h2 {
      font-size: 2.4rem;
      color: #0b7a52;
    }

    .about {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
      gap: 40px;
      align-items: center;
    }

    .tour-grid, .reviews, .gallery {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
      gap: 30px;
    }

    .tour-card, .review-card {
      background: white;
      border-radius: 20px;
      overflow: hidden;
      box-shadow: 0 8px 20px rgba(0,0,0,0.08);
      padding: 20px;
    }

    .tour-card img {
      width: 100%;
      height: 220px;
      object-fit: cover;
      border-radius: 15px;
    }

    .tour-content h3 {
      color: #0b7a52;
      margin-top: 10px;
    }

    .contact {
      background: #0b7a52;
      color: white;
      text-align: center;
      border-radius: 25px;
      padding: 60px 20px;
    }

    footer {
      text-align: center;
      padding: 30px;
      background: #062f20;
      color: white;
    }

    .whatsapp {
      position: fixed;
      bottom: 20px;
      right: 20px;
      background: #25D366;
      color: white;
      padding: 15px 20px;
      border-radius: 50px;
      text-decoration: none;
      font-weight: bold;
      box-shadow: 0 6px 15px rgba(0,0,0,0.25);
    }

    @media(max-width:768px) {
      .hero h1 { font-size: 2.4rem; }
      section { padding: 60px 7%; }
    }
  </style></head><body><header>
  <div class="hero">
    <h1>Discover Sri Lanka with a Czech Speaking Guide</h1>
    <p>Private tours, safari adventures, beaches, culture and unforgettable memories</p>
    <a href="#contact" class="btn">Book Your Tour</a>
  </div>
</header><section>
  <div class="section-title">
    <h2>About Me</h2>
  </div>
  <div class="about">
    <div>
      <h3 style="color:#0b7a52;font-size:2rem;">Ayubowan!</h3>
      <p>I am a local Sri Lankan guide specialized for Czech tourists. I offer safe and personalized tours.</p>
      <p>Languages: Czech, English, Sinhala</p>
    </div>
  </div>
</section><section>
  <div class="section-title">
    <h2>Popular Tours</h2>
  </div>  <div class="tour-grid">
    <div class="tour-card">
      <img src="https://images.unsplash.com/photo-1548013146-72479768bada?q=80&w=1200&auto=format&fit=crop" />
      <div class="tour-content">
        <h3>7 Day Cultural Tour</h3>
        <p>Sigiriya, Kandy, Dambulla and heritage sites.</p>
      </div>
    </div><div class="tour-card">
  <img src="https://images.unsplash.com/photo-1593693397690-362cb9666fc2?q=80&w=1200&auto=format&fit=crop" />
  <div class="tour-content">
    <h3>Wildlife Safari</h3>
    <p>Elephants, leopards in Yala & Udawalawe.</p>
  </div>
</div>

<div class="tour-card">
  <img src="https://images.unsplash.com/photo-1507525428034-b723cf961d3e?q=80&w=1200&auto=format&fit=crop" />
  <div class="tour-content">
    <h3>Beach Holiday</h3>
    <p>Luxury beaches and sunset relaxation.</p>
  </div>
</div>

  </div>
</section><section class="contact" id="contact">
  <h2>Contact Me</h2>
  <p>WhatsApp: +94 XX XXX XXXX</p>
  <p>Email: yourmail@example.com</p>
  <a href="https://wa.me/94700000000" class="btn" style="margin-top:20px;">Chat on WhatsApp</a>
</section><footer>
  © 2026 Sri Lanka Czech Tours | All Rights Reserved
</footer><a class="whatsapp" href="https://wa.me/94700000000">WhatsApp</a>

</body>
</html>

Landing Page

This ad does not have a landing page available

Network Timeline

Performance Summary

Requests

Domains

858KB

Transfer Size

862KB

Content Size

138.0ms

Dom Content Loaded

312.0ms

First Paint

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