Skip to content

feat: Update pricing card descriptions for better relevance #15

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 pricing card descriptions for better relevance #15

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
65 changes: 8 additions & 57 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -434,159 +434,110 @@ <h2 class="h2 section-title text-center">Awesome Pricing Plan</h2>
</ul>

<ul class="grid-list">

<li data-filter="shaving">
<div class="pricing-card">

<figure class="card-banner img-holder" style="--width: 90; --height: 90;">
<img src="./assets/images/pricing-1.jpg" width="90" height="90" alt="Hair Cutting & Fitting"
class="img-cover">
</figure>

<div class="wrapper">
<h3 class="h3 card-title">Hair Cutting & Fitting</h3>

<p class="card-text">Clean & simple 30-40 minutes</p>
<p class="card-text">Precision cuts tailored to your style in 30-40 minutes.</p>
</div>

<data class="card-price" value="89">$89</data>

</div>
</li>

<li data-filter="shaving">
<div class="pricing-card">

<figure class="card-banner img-holder" style="--width: 90; --height: 90;">
<img src="./assets/images/pricing-2.jpg" width="90" height="90" alt="Shaving & Facial"
class="img-cover">
</figure>

<div class="wrapper">
<h3 class="h3 card-title">Shaving & Facial</h3>

<p class="card-text">Clean & simple 30-40 minutes</p>
<p class="card-text">A clean shave and refreshing facial treatment in 30-40 minutes.</p>
</div>

<data class="card-price" value="45">$45</data>

</div>
</li>

<li data-filter="face-washing">
<div class="pricing-card">

<figure class="card-banner img-holder" style="--width: 90; --height: 90;">
<img src="./assets/images/pricing-3.jpg" width="90" height="90" alt="Hair Color & Wash"
class="img-cover">
</figure>

<div class="wrapper">
<h3 class="h3 card-title">Hair Color & Wash</h3>

<p class="card-text">Clean & simple 30-40 minutes</p>
<p class="card-text">Vibrant hair coloring and nourishing wash in 40-50 minutes.</p>
</div>

<data class="card-price" value="35">$35</data>

</div>
</li>

<li data-filter="body-treatments">
<div class="pricing-card">

<figure class="card-banner img-holder" style="--width: 90; --height: 90;">
<img src="./assets/images/pricing-4.jpg" width="90" height="90" alt="Body Massage"
class="img-cover">
</figure>

<div class="wrapper">
<h3 class="h3 card-title">Body Massage</h3>

<p class="card-text">Clean & simple 30-40 minutes</p>
<p class="card-text">Relaxing full-body massage to relieve stress in 45-60 minutes.</p>
</div>

<data class="card-price" value="56">$56</data>

</div>
</li>

<li data-filter="beauty-spa">
<div class="pricing-card">

<figure class="card-banner img-holder" style="--width: 90; --height: 90;">
<img src="./assets/images/pricing-5.jpg" width="90" height="90" alt="Beauty & Spa"
class="img-cover">
</figure>

<div class="wrapper">
<h3 class="h3 card-title">Beauty & Spa</h3>

<p class="card-text">Clean & simple 30-40 minutes</p>
<p class="card-text">Luxurious spa treatments for a refreshed and glowing look in 60 minutes.</p>
</div>

<data class="card-price" value="27">$27</data>

</div>
</li>

<li data-filter="face-washing">
<div class="pricing-card">

<figure class="card-banner img-holder" style="--width: 90; --height: 90;">
<img src="./assets/images/pricing-6.jpg" width="90" height="90" alt="Facial & Face Wash"
class="img-cover">
</figure>

<div class="wrapper">
<h3 class="h3 card-title">Facial & Face Wash</h3>

<p class="card-text">Clean & simple 30-40 minutes</p>
<p class="card-text">Deep cleansing and rejuvenating facial treatment in 30-40 minutes.</p>
</div>

<data class="card-price" value="63">$63</data>

</div>
</li>

<li data-filter="body-treatments">
<div class="pricing-card">

<figure class="card-banner img-holder" style="--width: 90; --height: 90;">
<img src="./assets/images/pricing-7.jpg" width="90" height="90" alt="Backbone Massage"
class="img-cover">
</figure>

<div class="wrapper">
<h3 class="h3 card-title">Backbone Massage</h3>

<p class="card-text">Clean & simple 30-40 minutes</p>
<p class="card-text">Targeted massage for back pain relief and relaxation in 40-50 minutes.</p>
</div>

<data class="card-price" value="43">$43</data>

</div>
</li>

<li data-filter="meditations">
<div class="pricing-card">

<figure class="card-banner img-holder" style="--width: 90; --height: 90;">
<img src="./assets/images/pricing-8.jpg" width="90" height="90" alt="Meditation & Massage"
class="img-cover">
</figure>

<div class="wrapper">
<h3 class="h3 card-title">Meditation & Massage</h3>

<p class="card-text">Clean & simple 30-40 minutes</p>
<p class="card-text">Mindful meditation combined with a calming massage in 60 minutes.</p>
</div>

<data class="card-price" value="74">$74</data>

</div>
</li>

</ul>

</div>
Expand Down