HTML ad tag preview - Powered by Ad Reform

Live Preview

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

230x191

1.36 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>ZAAM Demolition & Hauling Services</title>

<style>
    body { margin:0; font-family:Arial, Helvetica, sans-serif; background:#f4f4f4; color:#222; }
    header { background:#1f1f1f; color:#fff; padding:20px; text-align:center; }
    nav { background:#333; text-align:center; padding:10px 0; }
    nav a { color:#fff; margin:0 15px; text-decoration:none; font-weight:bold; }
    nav a:hover { text-decoration:underline; }

    .hero { background:url('your-image-here.jpg') center/cover no-repeat; height:420px; 
            display:flex; align-items:center; justify-content:center; color:white; 
            text-shadow:2px 2px 5px #000; font-size:2rem; font-weight:bold; }

    section { padding:60px 10%; }
    h2 { font-size:32px; margin-bottom:15px; border-left:6px solid #333; padding-left:15px; }

    /* Services Section */
    .services { display:flex; gap:20px; flex-wrap:wrap; }
    .service-box { background:white; padding:25px; flex:1 1 260px; border-left:6px solid #333; }

    /* Gallery */
    .gallery { display:flex; gap:15px; flex-wrap:wrap; }
    .gallery img { width:230px; height:190px; object-fit:cover; border-radius:4px; }

    /* Contact */
    .contact-box { background:#222; color:#fff; padding:40px; text-align:center; }
    .contact-box p { font-size:18px; }

    footer { text-align:center; background:#111; color:#fff; padding:12px; font-size:14px; }
</style>
</head>

<body>

<header>
    <h1>ZAAM Demolition & Hauling Services</h1>
    <p>Trusted by many. Fast and safe services.</p>
</header>

<nav>
    <a href="#services">Services</a>
    <a href="#about">About</a>
    <a href="#gallery">Gallery</a>
    <a href="#contact">Contact</a>
</nav>

<div class="hero">
    Safe, Fast & Reliable Demolition & Hauling
</div>

<section id="services">
    <h2>Our Services</h2>
    <div class="services">
        <div class="service-box">✔ Structure Demolition</div>
        <div class="service-box">✔ Construction Debris Hauling</div>
        <div class="service-box">✔ Construction Materials Hauling</div>
    </div>
</section>

<section id="about">
    <h2>Why Choose ZAAM</h2>
    <p>
        We provide professional demolition and hauling services across Metro Manila and 
        nearby provinces. Our team prioritizes safety, efficiency, and responsible waste disposal.
        Whether it's full structure removal or debris clearing, we get the job done — fast and reliably.
    </p>
</section>

<section id="gallery">
    <h2>Project Gallery</h2>
    <p>Upload photos of your projects here to show clients what you do.</p>
    <div class="gallery">
        <img src="photo1.jpg">
        <img src="photo2.jpg">
        <img src="photo3.jpg">
        <img src="photo4.jpg">
    </div>
</section>

<section id="contact" class="contact-box">
    <h2>Contact Us</h2>
    <p><b>Call / Text:</b> 0928 878 9093</p>
    <p><b>Contact Person:</b> Mark Anthony Andaya</p>
    <p><b>Service Areas:</b> Metro Manila & Nearby Provinces</p>
</section>

<footer>
    © 2025 ZAAM Demolition & Hauling Services – All Rights Reserved
</footer>

</body>
</html>

Landing Page

This ad does not have a landing page available

Network Timeline

Performance Summary

Requests

Domains

3KB

Transfer Size

5KB

Content Size

100.0ms

Dom Content Loaded

268.0ms

First Paint

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