Skip to content

feat: Update Service Card Content for Better Engagement #11

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
akshay0611 wants to merge 1 commit into
base: master
Choose a base branch
from
Open

feat: Update Service Card Content for Better Engagement #11

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
49 changes: 6 additions & 43 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -211,139 +211,102 @@ <h2 class="h2 section-title text-center">Service We Provide</h2>
</p>

<ul class="grid-list">

<li>
<div class="service-card">

<div class="card-icon">
<i class="flaticon-salon"></i>
</div>

<h3 class="h3">
<a href="#" class="card-title">Hair Cutting Style</a>
</h3>

<p class="card-text">
Sit amet consectetur adipisci elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Precision cuts tailored to your style, whether you're looking for a classic trim or a modern, trendy look.
</p>

<a href="#" class="card-btn" aria-label="more">
<ion-icon name="arrow-forward" aria-hidden="true"></ion-icon>
</a>

</div>
</li>

<li>
<div class="service-card">

<div class="card-icon">
<i class="flaticon-shampoo"></i>
</div>

<h3 class="h3">
<a href="#" class="card-title">Hair Washing</a>
</h3>

<p class="card-text">
Sit amet consectetur adipisci elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
A refreshing hair wash experience with premium products to cleanse, nourish, and revitalize your scalp.
</p>

<a href="#" class="card-btn" aria-label="more">
<ion-icon name="arrow-forward" aria-hidden="true"></ion-icon>
</a>

</div>
</li>

<li>
<div class="service-card">

<div class="card-icon">
<i class="flaticon-hot-stone"></i>
</div>

<h3 class="h3">
<a href="#" class="card-title">Body Treatments</a>
</h3>

<p class="card-text">
Sit amet consectetur adipisci elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Relaxing and rejuvenating body treatments designed to soothe your muscles and refresh your skin.
</p>

<a href="#" class="card-btn" aria-label="more">
<ion-icon name="arrow-forward" aria-hidden="true"></ion-icon>
</a>

</div>
</li>

<li>
<div class="service-card">

<div class="card-icon">
<i class="flaticon-treatment"></i>
</div>

<h3 class="h3">
<a href="#" class="card-title">Beauty & Spa</a>
</h3>

<p class="card-text">
Sit amet consectetur adipisci elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Pamper yourself with our luxurious beauty and spa services, leaving you feeling refreshed and confident.
</p>

<a href="#" class="card-btn" aria-label="more">
<ion-icon name="arrow-forward" aria-hidden="true"></ion-icon>
</a>

</div>
</li>

<li>
<div class="service-card">

<div class="card-icon">
<i class="flaticon-shaving-razor"></i>
</div>

<h3 class="h3">
<a href="#" class="card-title">Stylist Shaving</a>
</h3>

<p class="card-text">
Sit amet consectetur adipisci elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Expert shaving techniques using high-quality tools for a clean, smooth, and stylish finish.
</p>

<a href="#" class="card-btn" aria-label="more">
<ion-icon name="arrow-forward" aria-hidden="true"></ion-icon>
</a>

</div>
</li>

<li>
<div class="service-card">

<div class="card-icon">
<i class="flaticon-hair-dye"></i>
</div>

<h3 class="h3">
<a href="#" class="card-title">Multi Hair Colors</a>
</h3>

<p class="card-text">
Sit amet consectetur adipisci elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Transform your look with vibrant and long-lasting hair coloring options customized to suit your personality.
</p>

<a href="#" class="card-btn" aria-label="more">
<ion-icon name="arrow-forward" aria-hidden="true"></ion-icon>
</a>

</div>
</li>

</ul>

</div>
Expand Down