Meta Description" name="description" />
<!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>
HTML5
1
5KB
6KB
136.0ms
256.0ms
142.0ms