Skip to content

feat: Update Benefits Cards Content for Better Engagement in Bookish #8

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 Benefits Cards Content for Better Engagement in Bookish #8

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
71 changes: 12 additions & 59 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -153,139 +153,92 @@ <h2 class="h2 section-title">What you'll achieve by this book</h2>

<li>
<div class="benefits-card has-before has-after">

<div class="card-icon">
<img src="./assets/images/benefits-1.svg" width="40" height="40" loading="lazy" alt="Experience">
<img src="./assets/images/benefits-1.svg" width="40" height="40" loading="lazy" alt="Experience Icon">
</div>

<h3 class="h3 card-title">Experience</h3>

<p class="card-text">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellendus, ex? Voluptas minus quis
aspernatur corporis.
Gain hands-on knowledge and real-world insights from industry experts to enhance your skills and expertise.
</p>

<a href="#" class="btn-link">
<span class="span">Read more</span>

<ion-icon name="chevron-forward-outline" aria-hidden="true"></ion-icon>
</a>

</div>
</li>

<li>
<div class="benefits-card has-before has-after">

<div class="card-icon">
<img src="./assets/images/benefits-2.svg" width="40" height="40" loading="lazy" alt="Motivation">
<img src="./assets/images/benefits-2.svg" width="40" height="40" loading="lazy" alt="Motivation Icon">
</div>

<h3 class="h3 card-title">Motivation</h3>

<p class="card-text">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellendus, ex? Voluptas minus quis
aspernatur corporis.
Stay inspired with stories and strategies that fuel your drive to achieve your personal and professional goals.
</p>

<a href="#" class="btn-link">
<span class="span">Read more</span>

<ion-icon name="chevron-forward-outline" aria-hidden="true"></ion-icon>
</a>

</div>
</li>

<li>
<div class="benefits-card has-before has-after">

<div class="card-icon">
<img src="./assets/images/benefits-3.svg" width="40" height="40" loading="lazy" alt="Goals">
<img src="./assets/images/benefits-3.svg" width="40" height="40" loading="lazy" alt="Goals Icon">
</div>

<h3 class="h3 card-title">Goals</h3>

<p class="card-text">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellendus, ex? Voluptas minus quis
aspernatur corporis.
Learn how to set clear, actionable goals and develop a roadmap to turn your aspirations into reality.
</p>

<a href="#" class="btn-link">
<span class="span">Read more</span>

<ion-icon name="chevron-forward-outline" aria-hidden="true"></ion-icon>
</a>

</div>
</li>

<li>
<div class="benefits-card has-before has-after">

<div class="card-icon">
<img src="./assets/images/benefits-4.svg" width="40" height="40" loading="lazy" alt="Vision">
<img src="./assets/images/benefits-4.svg" width="40" height="40" loading="lazy" alt="Vision Icon">
</div>

<h3 class="h3 card-title">Vision</h3>

<p class="card-text">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellendus, ex? Voluptas minus quis
aspernatur corporis.
Discover how to craft a compelling vision for your future and align your actions with long-term success.
</p>

<a href="#" class="btn-link">
<span class="span">Read more</span>

<ion-icon name="chevron-forward-outline" aria-hidden="true"></ion-icon>
</a>

</div>
</li>

<li>
<div class="benefits-card has-before has-after">

<div class="card-icon">
<img src="./assets/images/benefits-5.svg" width="40" height="40" loading="lazy" alt="Mission">
<img src="./assets/images/benefits-5.svg" width="40" height="40" loading="lazy" alt="Mission Icon">
</div>

<h3 class="h3 card-title">Mission</h3>

<p class="card-text">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellendus, ex? Voluptas minus quis
aspernatur corporis.
Understand how to define your purpose and create a mission-driven approach to achieving meaningful impact.
</p>

<a href="#" class="btn-link">
<span class="span">Read more</span>

<ion-icon name="chevron-forward-outline" aria-hidden="true"></ion-icon>
</a>

</div>
</li>

<li>
<div class="benefits-card has-before has-after">

<div class="card-icon">
<img src="./assets/images/benefits-6.svg" width="40" height="40" loading="lazy" alt="Strategy">
<img src="./assets/images/benefits-6.svg" width="40" height="40" loading="lazy" alt="Strategy Icon">
</div>

<h3 class="h3 card-title">Strategy</h3>

<p class="card-text">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellendus, ex? Voluptas minus quis
aspernatur corporis.
Develop proven strategies to overcome challenges and maximize your potential for sustained growth.
</p>

<a href="#" class="btn-link">
<span class="span">Read more</span>

<ion-icon name="chevron-forward-outline" aria-hidden="true"></ion-icon>
</a>

</div>
</li>

Expand Down