This is a custom code placeholder.
Switch to Preview or publish the page
to see how your code works.
Double-click to edit
<style>
.row {
margin: 0;
}
.col-md-4, .col-sm-6, .col-12 {
padding: 10px;
}
.service-card {
display: flex;
flex-direction: column;
background-color: #f3e9dc;
border: none;
height: 100%;
width: 100%;
border-radius: 8px;
box-shadow: 0 2px 6px rgba(0,0,0,0.1);
overflow: hidden;
}
.service-card img {
width: 100%;
height: 200px;
object-fit: cover;
}
.service-body {
flex-grow: 1;
padding: 16px;
text-align: center;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.service-body h5 {
font-weight: bold;
font-size: 1.5rem;
margin-bottom: 10px;
}
.service-body p {
font-size: 0.9rem;
flex-grow: 1;
margin-bottom: 20px;
}
.call-btn {
background-color: #b30000;
color: white;
border: none;
width: 100%;
padding: 10px;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 6px;
text-decoration: none;
}
.call-btn svg {
width: 16px;
height: 16px;
fill: white;
}
</style>
<div class="row">
<!-- Card 1 -->
<div class="col-md-4 col-sm-6 col-12">
<div class="service-card">
<img src="https://revampskinaesthetics.com/wp-content/uploads/2025/04/lip-blush.webp" alt="Lip Blush">
<div class="service-body">
<h5>Lip Blush</h5>
<p>Adds natural lip color, subtle definition, and a soft, youthful tint for a beautifully fresh appearance.</p>
<a href="tel:+1234567890" class="call-btn">
Call Now
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path d="M391.1 351.1c-23.3 0-45.9-3.6-67.3-10.3-10.7-3.4-22.4-.8-30.2 7.6l-43.4 32.8c-50.1-26.4-90.6-67.2-116.7-117.3l33.1-42.6c8.2-8.2 10.7-20.3 7.2-31.1-6.5-21.1-10-43.4-10-66.3 0-17.1-13.9-31-31-31H63C45.9 93 32 106.9 32 124c0 202.6 164.4 367 367 367 17.1 0 31-13.9 31-31v-66.4c0-17.1-13.9-31-31-31z"/>
</svg>
</a>
</div>
</div>
</div>
<!-- Repeat for the remaining 5 cards (IV Therapy, Microblading, etc.) -->
<!-- Card 1 -->
<div class="col-md-4 col-sm-6 col-12">
<div class="service-card">
<img src="https://cdn.prod.website-files.com/63e20c5a5fccf93ead2a63c1/64380eb858cd172b68729c04_intravenous-therapy.jpg" alt="Lip Blush">
<div class="service-body">
<h5>IV Therapy</h5>
<p>Recharge from within with IV Therapy, a direct dose of essential nutrients and hydration to elevate your energy, immunity, and well-being.</p>
<a href="tel:+919810188483" class="call-btn">
Call Now
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path d="M391.1 351.1c-23.3 0-45.9-3.6-67.3-10.3-10.7-3.4-22.4-.8-30.2 7.6l-43.4 32.8c-50.1-26.4-90.6-67.2-116.7-117.3l33.1-42.6c8.2-8.2 10.7-20.3 7.2-31.1-6.5-21.1-10-43.4-10-66.3 0-17.1-13.9-31-31-31H63C45.9 93 32 106.9 32 124c0 202.6 164.4 367 367 367 17.1 0 31-13.9 31-31v-66.4c0-17.1-13.9-31-31-31z"/>
</svg>
</a>
</div>
</div>
</div>
<!-- Repeat for the remaining 5 cards (IV Therapy, Microblading, etc.) -->
<!-- Card 1 -->
<div class="col-md-4 col-sm-6 col-12">
<div class="service-card">
<img src="https://www.browlab.fr/cdn/shop/articles/microblading.jpg?v=1685182577&width=2048" alt="Lip Blush">
<div class="service-body">
<h5>Micro Blading</h5>
<p>Enhance your brows with Microblading—a semi-permanent solution that delivers realistic, hair-like strokes for a naturally fuller look.</p>
<a href="tel:+919810188483" class="call-btn">
Call Now
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path d="M391.1 351.1c-23.3 0-45.9-3.6-67.3-10.3-10.7-3.4-22.4-.8-30.2 7.6l-43.4 32.8c-50.1-26.4-90.6-67.2-116.7-117.3l33.1-42.6c8.2-8.2 10.7-20.3 7.2-31.1-6.5-21.1-10-43.4-10-66.3 0-17.1-13.9-31-31-31H63C45.9 93 32 106.9 32 124c0 202.6 164.4 367 367 367 17.1 0 31-13.9 31-31v-66.4c0-17.1-13.9-31-31-31z"/>
</svg>
</a>
</div>
</div>
</div>
<!-- Repeat for the remaining 5 cards (IV Therapy, Microblading, etc.) -->
<!-- Card 1 -->
<div class="col-md-4 col-sm-6 col-12">
<div class="service-card">
<img src="https://www.edenskinclinic.co.uk/app/uploads/2017/01/Dermapen-Micro-Needling-skin-clinic.jpg" alt="Lip Blush">
<div class="service-body">
<h5>Micro Needling</h5>
<p>Boost collagen naturally with Microneedling—tiny micro-injuries that refine texture, fade scars, and smooth out fine lines.</p>
<a href="tel:+919810188483" class="call-btn">
Call Now
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path d="M391.1 351.1c-23.3 0-45.9-3.6-67.3-10.3-10.7-3.4-22.4-.8-30.2 7.6l-43.4 32.8c-50.1-26.4-90.6-67.2-116.7-117.3l33.1-42.6c8.2-8.2 10.7-20.3 7.2-31.1-6.5-21.1-10-43.4-10-66.3 0-17.1-13.9-31-31-31H63C45.9 93 32 106.9 32 124c0 202.6 164.4 367 367 367 17.1 0 31-13.9 31-31v-66.4c0-17.1-13.9-31-31-31z"/>
</svg>
</a>
</div>
</div>
</div>
<!-- Repeat for the remaining 5 cards (IV Therapy, Microblading, etc.) -->
<!-- Card 1 -->
<div class="col-md-4 col-sm-6 col-12">
<div class="service-card">
<img src="https://montvillemed.com/wp-content/uploads/2023/11/Lip-Filler-image.jpeg" alt="Lip Blush">
<div class="service-body">
<h5>Fillers</h5>
<p>Achieve a youthful, natural, and refreshed look as fillers restore volume, smooth wrinkles, and contour your face.</p>
<a href="tel:+919810188483" class="call-btn">
Call Now
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path d="M391.1 351.1c-23.3 0-45.9-3.6-67.3-10.3-10.7-3.4-22.4-.8-30.2 7.6l-43.4 32.8c-50.1-26.4-90.6-67.2-116.7-117.3l33.1-42.6c8.2-8.2 10.7-20.3 7.2-31.1-6.5-21.1-10-43.4-10-66.3 0-17.1-13.9-31-31-31H63C45.9 93 32 106.9 32 124c0 202.6 164.4 367 367 367 17.1 0 31-13.9 31-31v-66.4c0-17.1-13.9-31-31-31z"/>
</svg>
</a>
</div>
</div>
</div>
<!-- Repeat for the remaining 5 cards (IV Therapy, Microblading, etc.) -->
<!-- Card 1 -->
<div class="col-md-4 col-sm-6 col-12">
<div class="service-card">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQQHDjcnUjSOAH8oqQivSJ46jzefkK35n1CNA&s" alt="Lip Blush">
<div class="service-body">
<h5>Chemical Peels</h5>
<p>By gently removing dead skin, chemical peels reduce wrinkles, acne scars, and pigmentation for a brighter, smoother complexion.</p>
<a href="tel:+919810188483" class="call-btn">
Call Now
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path d="M391.1 351.1c-23.3 0-45.9-3.6-67.3-10.3-10.7-3.4-22.4-.8-30.2 7.6l-43.4 32.8c-50.1-26.4-90.6-67.2-116.7-117.3l33.1-42.6c8.2-8.2 10.7-20.3 7.2-31.1-6.5-21.1-10-43.4-10-66.3 0-17.1-13.9-31-31-31H63C45.9 93 32 106.9 32 124c0 202.6 164.4 367 367 367 17.1 0 31-13.9 31-31v-66.4c0-17.1-13.9-31-31-31z"/>
</svg>
</a>
</div>
</div>
</div>
<!-- Repeat for the remaining 5 cards (IV Therapy, Microblading, etc.) -->
</div>
