HTML ad tag preview - Powered by Ad Reform

Live Preview

Tag didn’t load? Click here and let us know!
285x220
54.8 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>Doctor Rashid Skin Care & Aesthetic Clinic</title>

<style>
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:Arial, sans-serif;
}

body{
    background:#f5f9fc;
    color:#333;
}

header{
    background:linear-gradient(135deg,#0099cc,#00c6a9);
    color:white;
    text-align:center;
    padding:30px;
}

.logo{
    width:90px;
    height:90px;
    background:white;
    border-radius:50%;
    margin:auto;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:40px;
    color:#0099cc;
    font-weight:bold;
}

header h1{
    margin-top:15px;
    font-size:38px;
}

header p{
    font-size:18px;
    margin-top:10px;
}

.hero{
    text-align:center;
    padding:70px 20px;
    background:url('https://images.unsplash.com/photo-1515377905703-c4788e51af15?auto=format&fit=crop&w=1500&q=80');
    background-size:cover;
    color:white;
}

.hero h2{
    font-size:45px;
    margin-bottom:15px;
}

.hero p{
    font-size:20px;
}

.btn{
    display:inline-block;
    margin-top:20px;
    background:#00c6a9;
    color:white;
    padding:15px 30px;
    text-decoration:none;
    border-radius:30px;
    font-size:18px;
}

section{
    padding:50px 20px;
}

.container{
    max-width:1200px;
    margin:auto;
}

.about{
    text-align:center;
}

.about h2{
    color:#0099cc;
    margin-bottom:20px;
}

.services{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
    gap:20px;
}

.card{
    background:white;
    border-radius:15px;
    overflow:hidden;
    box-shadow:0 4px 15px rgba(0,0,0,0.1);
}

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

.card h3{
    padding:15px;
    color:#0099cc;
}

.card p{
    padding:0 15px 15px;
}

.contact{
    background:#0099cc;
    color:white;
    text-align:center;
}

.contact h2{
    margin-bottom:20px;
}

footer{
    background:#222;
    color:white;
    text-align:center;
    padding:15px;
}
</style>
</head>

<body>

<header>
<div class="logo">DR</div>
<h1>Doctor Rashid Skin Care & Aesthetic Clinic</h1>
<p>Professional Skin, Hair & Aesthetic Treatments</p>
</header>

<section class="hero">
<h2>Welcome to Doctor Rashid Skin Care & Aesthetic Clinic</h2>
<p>Your destination for advanced skin care and aesthetic treatments.</p>
<a href="tel:03428943940" class="btn">Book Your Appointment Now</a>
</section>

<section class="about">
<div class="container">
<h2>About Doctor Rashid</h2>
<p>
Welcome to Doctor Rashid Skin Care & Aesthetic Clinic. We provide modern
skin care and aesthetic treatments using advanced technology and professional
care. Our goal is to help you achieve healthy skin, confidence, and beauty
through safe and effective treatments.
</p>
</div>
</section>

<section>
<div class="container">
<h2 style="text-align:center;color:#0099cc;margin-bottom:30px;">
Our Services
</h2>

<div class="services">

<div class="card">
<img src="https://images.unsplash.com/photo-1515377905703-c4788e51af15?auto=format&fit=crop&w=800&q=80">
<h3>Hydra Facial</h3>
<p>Deep cleansing, hydration and skin rejuvenation treatment.</p>
</div>

<div class="card">
<img src="https://images.unsplash.com/photo-1556228578-dd6c8ddf1a8d?auto=format&fit=crop&w=800&q=80">
<h3>Laser Hair Removal</h3>
<p>Safe and effective permanent hair reduction treatments.</p>
</div>

<div class="card">
<img src="https://images.unsplash.com/photo-1570172619644-dfd03ed5d881?auto=format&fit=crop&w=800&q=80">
<h3>CO2 Laser</h3>
<p>Advanced treatment for acne scars, wrinkles and skin resurfacing.</p>
</div>

<div class="card">
<img src="https://images.unsplash.com/photo-1616394584738-fc6e612e71b9?auto=format&fit=crop&w=800&q=80">
<h3>PRP Hair</h3>
<p>Platelet Rich Plasma therapy to promote hair growth.</p>
</div>

<div class="card">
<img src="https://images.unsplash.com/photo-1522335789203-aabd1fc54bc9?auto=format&fit=crop&w=800&q=80">
<h3>PRP Face</h3>
<p>Natural skin rejuvenation and collagen stimulation treatment.<<!-- Contact Section -->
<section class="contact">
    <h2>Contact Us</h2>

    <p><strong>Location:</strong> Rashid Medical Complex, Deolai, Swat</p>
    <p><strong>Phone:</strong> 03428943940</p>

    <br>

    <!-- Call Button -->
    <a href="tel:03428943940" class="btn">
        📞 Call Now
    </a>

    <!-- WhatsApp Button -->
    <a href="https://wa.me/923428943940" class="btn" target="_blank">
        💬 WhatsApp Us
    </a>

    <br><br>

    <h3>Book Your Appointment</h3>

    <form style="max-width:500px;margin:auto;">
        <input type="text" placeholder="Your Name" required
        style="width:100%;padding:12px;margin:10px 0;border:none;border-radius:5px;">

        <input type="tel" placeholder="Phone Number" required
        style="width:100%;padding:12px;margin:10px 0;border:none;border-radius:5px;">

        <input type="date" required
        style="width:100%;padding:12px;margin:10px 0;border:none;border-radius:5px;">

        <textarea placeholder="Treatment Required"
        style="width:100%;padding:12px;margin:10px 0;border:none;border-radius:5px;height:120px;"></textarea>

        <button type="submit"
        style="background:#00c6a9;color:white;padding:15px 30px;border:none;border-radius:30px;font-size:18px;cursor:pointer;">
        Book Appointment
        </button>
    </form>

    <br><br>

    <h3>Find Us on Google Maps</h3>

    <iframe
        src="https://maps.google.com/maps?q=Deolai%20Swat&t=&z=13&ie=UTF8&iwloc=&output=embed"
        width="90%"
        height="350"
        style="border:0;border-radius:15px;"
        allowfullscreen=""
        loading="lazy">
    </iframe>

</section>.btn{
    display:inline-block;
    margin:10px;
    background:#00c6a9;
    color:white;
    padding:15px 30px;
    text-decoration:none;
    border-radius:30px;
    font-size:18px;
    transition:0.3s;
}

.btn:hover{
    transform:scale(1.05);
}
Landing Page

This ad does not have a landing page available
Network Timeline

Performance Summary

Requests
Domains
723KB
Transfer Size
1949KB
Content Size
100.0ms
Dom Content Loaded
384.0ms
First Paint
929.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