HTML ad tag preview - Powered by Ad Reform

Live Preview

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

288x250

3.19 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:#f8f9fb;
color:#333;
}

header{
background:#111827;
color:white;
padding:20px;
display:flex;
justify-content:space-between;
align-items:center;
flex-wrap:wrap;
}

.logo h1{
font-size:30px;
}

nav a{
color:white;
text-decoration:none;
margin:10px;
font-weight:bold;
}

.hero{
height:90vh;
background:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.6)),url('doctor-rashid-1.jpg');
background-size:cover;
background-position:center;
display:flex;
justify-content:center;
align-items:center;
text-align:center;
color:white;
}

.hero h2{
font-size:55px;
margin-bottom:20px;
}

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

.btn{
background:#d4af37;
padding:15px 30px;
color:white;
text-decoration:none;
border-radius:30px;
}

.section{
padding:70px 10%;
}

.section-title{
text-align:center;
font-size:40px;
margin-bottom:40px;
color:#111827;
}

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

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

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

.card-content{
padding:20px;
}

.card-content h3{
margin-bottom:10px;
}

.branches{
display:grid;
grid-template-columns:1fr 1fr;
gap:20px;
}

.branch{
background:white;
padding:30px;
border-radius:15px;
box-shadow:0 5px 15px rgba(0,0,0,.1);
}

.contact{
background:#111827;
color:white;
text-align:center;
padding:60px;
}

.phone{
font-size:32px;
color:#d4af37;
font-weight:bold;
}

footer{
background:black;
color:white;
text-align:center;
padding:20px;
}

@media(max-width:768px){

.hero h2{
font-size:35px;
}

.branches{
grid-template-columns:1fr;
}

}
</style>
</head>

<body>

<header>
<div class="logo">
<h1>Doctor Rashid</h1>
<p>Skin Care & Aesthetic Clinic</p>
</div>

<nav>
<a href="#about">About</a>
<a href="#services">Services</a>
<a href="#branches">Branches</a>
<a href="#contact">Contact</a>
</nav>
</header>

<section class="hero">
<div>
<h2>Doctor Rashid Skin Care & Aesthetic Clinic</h2>
<p>Advanced Skin, Hair & Beauty Treatments</p>
<a href="tel:03428943940" class="btn">Book Appointment</a>
</div>
</section>

<section class="section" id="about">
<h2 class="section-title">About Us</h2>

<p style="text-align:center;font-size:18px;">
Welcome to Doctor Rashid Skin Care & Aesthetic Clinic. We provide advanced aesthetic and dermatology treatments using modern technology and professional care to help you achieve healthy skin, beautiful appearance and confidence.
</p>

</section>

<section class="section" id="services">

<h2 class="section-title">Our Services</h2>

<div class="services">

<div class="card">
<img src="doctor-rashid-1.jpg" alt="Laser Hair Removal">
<div class="card-content">
<h3>Laser Hair Removal</h3>
<p>Safe and effective permanent hair reduction treatment.</p>
</div>
</div>

<div class="card">
<img src="doctor-rashid-2.jpg" alt="Hydra Facial">
<div class="card-content">
<h3>Hydra Facial</h3>
<p>Deep cleansing, hydration and glowing skin treatment.</p>
</div>
</div>

<div class="card">
<img src="doctor-rashid-3.jpg" alt="PRP Hair">
<div class="card-content">
<h3>PRP Hair Treatment</h3>
<p>Natural hair restoration and hair growth therapy.</p>
</div>
</div>

<div class="card">
<img src="doctor-rashid-3.jpg" alt="PRP Face">
<div class="card-content">
<h3>PRP Face Treatment</h3>
<p>Skin rejuvenation using platelet-rich plasma technology.</p>
</div>
</div>

<div class="card">
<img src="logo.png" alt="Whitening Drips">
<div class="card-content">
<h3>Skin Whitening Drips</h3>
<p>Advanced whitening and brightening treatment.</p>
</div>
</div>

<div class="card">
<img src="logo.png" alt="Fillers">
<div class="card-content">
<h3>Fillers & Wrinkle Treatment</h3>
<p>Reduce wrinkles and restore youthful facial volume.</p>
</div>
</div>

</div>
</section>

<section class="section" id="branches">

<h2 class="section-title">Our Branches</h2>

<div class="branches">

<div class="branch">
<h3>Branch 1</h3>
<p>
Rashid Medical Complex<br>
Deolai, Swat
</p>
</div>

<div class="branch">
<h3>Branch 2</h3>
<p>
Jalil Market<br>
City Center Qambar, Swat
</p>
</div>

</div>

</section>

<section class="contact" id="contact">

<h2>Contact Us</h2>

<br>

<p class="phone">03428943940</p>

<br>

<p>
Doctor Rashid Skin Care & Aesthetic Clinic
</p>

</section>

<footer>
© 2026 Doctor Rashid Skin Care & Aesthetic Clinic. All Rights Reserved.
</footer>

</body>
</html>
HTML

Landing Page

This ad does not have a landing page available

Network Timeline

Performance Summary

Requests

Domains

5KB

Transfer Size

6KB

Content Size

136.0ms

Dom Content Loaded

256.0ms

First Paint

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