SkinCosmos – Dermatologist in Delhi
body {
font-family: ‘Arial’, sans-serif;
background: linear-gradient(135deg, #f6f9fc, #f1f5f8);
color: #333;
margin: 0;
padding: 0;
overflow-x: hidden;
}
.container {
max-width: 900px;
margin: 40px auto;
padding: 30px;
background: white;
border-radius: 15px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
animation: fadeInUp 1s ease-out;
}
.map {
height: 250px;
background: url(‘map-placeholder.jpg’) center/cover no-repeat;
border-radius: 15px;
animation: slideIn 1s ease-out;
}
h1 {
font-size: 2.5rem;
text-align: center;
color: #2f7c4e;
margin-bottom: 10px;
animation: popIn 1.5s ease-out;
}
p {
line-height: 1.8;
font-size: 1rem;
animation: fadeIn 1s ease-out;
}
.rating {
text-align: center;
font-size: 1.4rem;
margin-top: 10px;
color: #f8a07a;
animation: fadeIn 1.2s ease-out;
}
.rating span {
font-size: 1.6rem;
color: #ffba00;
animation: shimmer 2s linear infinite;
}
.contact-info {
background: #f5f5f5;
padding: 20px;
border-radius: 10px;
margin: 20px 0;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
animation: fadeIn 1.4s ease-out;
}
.contact-info p {
margin: 10px 0;
font-size: 1.1rem;
}
.contact-info a {
text-decoration: none;
color: #007bff;
transition: color 0.3s ease;
}
.contact-info a:hover {
color: #0056b3;
}
.services ul {
padding-left: 20px;
margin: 20px 0;
font-size: 1rem;
animation: fadeIn 1.6s ease-out;
}
.services li {
margin-bottom: 12px;
font-weight: 500;
}
.links a {
display: inline-block;
margin: 8px;
padding: 12px 20px;
background: #28a745;
color: white;
border-radius: 6px;
font-size: 1rem;
text-decoration: none;
animation: fadeIn 1.8s ease-out;
transition: background-color 0.3s;
}
.links a:hover {
background: #218838;
transform: scale(1.05);
}
.actions .button {
display: inline-block;
margin: 15px 10px;
padding: 15px 25px;
background: #007bff;
color: white;
font-size: 1.1rem;
border-radius: 8px;
text-align: center;
text-decoration: none;
transition: background-color 0.3s, transform 0.3s;
animation: fadeIn 2s ease-out;
}
.actions .button:hover {
background: #0056b3;
transform: translateY(-3px);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}
/* Keyframe Animations */
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes popIn {
from {
transform: scale(0.8);
opacity: 0;
}
to {
transform: scale(1);
opacity: 1;
}
}
@keyframes slideIn {
from {
transform: translateX(-100%);
opacity: 0;
}
to {
transform: translateX(0);
opacity: 1;
}
}
@keyframes shimmer {
0% {
text-shadow: 0 0 5px #ffba00, 0 0 10px #ffba00, 0 0 15px #ffba00;
}
100% {
text-shadow: 0 0 15px #ffba00, 0 0 30px #ffba00, 0 0 50px #ffba00;
}
}
/* Mobile responsiveness */
@media (max-width: 768px) {
.container {
padding: 15px;
}
h1 {
font-size: 2rem;
}
.contact-info {
padding: 15px;
}
.actions .button {
font-size: 1rem;
padding: 12px 20px;
}
.map {
height: 200px;
}
}
SkinCosmos
Dermatologist in Delhi
⭐⭐⭐⭐⭐ 4.9/5 (73 Google reviews)
About Dr. Meenakshi Kapoor: Dermatology, Venereology & Leprosy Specialist, Dr. Meenakshi Kapoor, is renowned as the best dermatologist in Rohini. She offers a comprehensive range of top-tier medical services, including:
- Skin Care
- Skin Tag Treatment
- Hair Treatment
- Hair Loss Treatment
- Hair Regrowth
- And many more…
Dr. Kapoor is dedicated to staying updated with the latest advancements in dermatology to ensure the best results for her patients.
