Skip to content

feat: Update recent posts content for better relevance #10

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 recent posts content for better relevance #10

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
126 changes: 30 additions & 96 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -778,207 +778,141 @@ <h2 class="headline headline-2 section-title">
</p>

<ul class="grid-list">

<li>
<div class="recent-post-card">

<figure class="card-banner img-holder" style="--width: 271; --height: 258;">
<img src="./assets/images/recent-post-1.jpg" width="271" height="258" loading="lazy"
alt="Helpful Tips for Working from Home as a Freelancer" class="img-cover">
alt="Mastering Remote Work: Tips for Staying Productive" class="img-cover">
</figure>

<div class="card-content">

<a href="#" class="card-badge">Working Tips</a>

<h3 class="headline headline-3 card-title">
<a href="#" class="link hover-2">Helpful Tips for Working from Home as a Freelancer</a>
<a href="#" class="link hover-2">Mastering Remote Work: Tips for Staying Productive</a>
</h3>

<p class="card-text">
Gosh jaguar ostrich quail one excited dear hello and bound and the and bland moral misheard
roadrunner flapped lynx far that and jeepers giggled far and far
Discover practical strategies to stay focused and efficient while working from home. From setting up a dedicated workspace to managing your time effectively, these tips will help you thrive in a remote environment.
</p>

<div class="card-wrapper">
<div class="card-tag">
<a href="#" class="span hover-2"># Travel</a>

<a href="#" class="span hover-2"># Lifestyle</a>
<a href="#" class="span hover-2"># Remote Work</a>
<a href="#" class="span hover-2"># Productivity</a>
</div>

<div class="wrapper">
<ion-icon name="time-outline" aria-hidden="true"></ion-icon>

<span class="span">3 mins read</span>
</div>
</div>

</div>

</div>
</li>

<li>
<div class="recent-post-card">

<figure class="card-banner img-holder" style="--width: 271; --height: 258;">
<img src="./assets/images/recent-post-2.jpg" width="271" height="258" loading="lazy"
alt="Helpful Tips for Working from Home as a Freelancer" class="img-cover">
alt="Exploring Hidden Gems: Off-the-Beaten-Path Travel Destinations" class="img-cover">
</figure>

<div class="card-content">

<a href="#" class="card-badge">Working Tips</a>

<a href="#" class="card-badge">Travel</a>
<h3 class="headline headline-3 card-title">
<a href="#" class="link hover-2">Helpful Tips for Working from Home as a Freelancer</a>
<a href="#" class="link hover-2">Exploring Hidden Gems: Off-the-Beaten-Path Travel Destinations</a>
</h3>

<p class="card-text">
Gosh jaguar ostrich quail one excited dear hello and bound and the and bland moral misheard
roadrunner flapped lynx far that and jeepers giggled far and far
Step off the tourist trail and uncover lesser-known destinations that offer unique experiences. Whether it's a quiet village or a secluded beach, these hidden gems are perfect for adventurous travelers.
</p>

<div class="card-wrapper">
<div class="card-tag">
<a href="#" class="span hover-2"># Travel</a>

<a href="#" class="span hover-2"># Lifestyle</a>
<a href="#" class="span hover-2"># Adventure</a>
</div>

<div class="wrapper">
<ion-icon name="time-outline" aria-hidden="true"></ion-icon>

<span class="span">3 mins read</span>
<span class="span">4 mins read</span>
</div>
</div>

</div>

</div>
</li>

<li>
<div class="recent-post-card">

<figure class="card-banner img-holder" style="--width: 271; --height: 258;">
<img src="./assets/images/recent-post-3.jpg" width="271" height="258" loading="lazy"
alt="Helpful Tips for Working from Home as a Freelancer" class="img-cover">
alt="The Art of Minimalism: Simplifying Your Life" class="img-cover">
</figure>

<div class="card-content">

<a href="#" class="card-badge">Working Tips</a>

<a href="#" class="card-badge">Lifestyle</a>
<h3 class="headline headline-3 card-title">
<a href="#" class="link hover-2">Helpful Tips for Working from Home as a Freelancer</a>
<a href="#" class="link hover-2">The Art of Minimalism: Simplifying Your Life</a>
</h3>

<p class="card-text">
Gosh jaguar ostrich quail one excited dear hello and bound and the and bland moral misheard
roadrunner flapped lynx far that and jeepers giggled far and far
Embrace minimalism to declutter your space and mind. Learn how simplifying your life can lead to greater focus, reduced stress, and a deeper appreciation for what truly matters.
</p>

<div class="card-wrapper">
<div class="card-tag">
<a href="#" class="span hover-2"># Travel</a>

<a href="#" class="span hover-2"># Lifestyle</a>
<a href="#" class="span hover-2"># Minimalism</a>
</div>

<div class="wrapper">
<ion-icon name="time-outline" aria-hidden="true"></ion-icon>

<span class="span">3 mins read</span>
</div>
</div>

</div>

</div>
</li>

<li>
<div class="recent-post-card">

<figure class="card-banner img-holder" style="--width: 271; --height: 258;">
<img src="./assets/images/recent-post-4.jpg" width="271" height="258" loading="lazy"
alt="Helpful Tips for Working from Home as a Freelancer" class="img-cover">
alt="How to Build a Personal Brand Online" class="img-cover">
</figure>

<div class="card-content">

<a href="#" class="card-badge">Working Tips</a>

<a href="#" class="card-badge">Career Tips</a>
<h3 class="headline headline-3 card-title">
<a href="#" class="link hover-2">Helpful Tips for Working from Home as a Freelancer</a>
<a href="#" class="link hover-2">How to Build a Personal Brand Online</a>
</h3>

<p class="card-text">
Gosh jaguar ostrich quail one excited dear hello and bound and the and bland moral misheard
roadrunner flapped lynx far that and jeepers giggled far and far
Establishing a strong personal brand can open doors to new opportunities. Learn how to define your unique value proposition, grow your online presence, and connect with your target audience effectively.
</p>

<div class="card-wrapper">
<div class="card-tag">
<a href="#" class="span hover-2"># Travel</a>

<a href="#" class="span hover-2"># Lifestyle</a>
<a href="#" class="span hover-2"># Career</a>
<a href="#" class="span hover-2"># Branding</a>
</div>

<div class="wrapper">
<ion-icon name="time-outline" aria-hidden="true"></ion-icon>

<span class="span">3 mins read</span>
<span class="span">5 mins read</span>
</div>
</div>

</div>

</div>
</li>

<li>
<div class="recent-post-card">

<figure class="card-banner img-holder" style="--width: 271; --height: 258;">
<img src="./assets/images/recent-post-5.jpg" width="271" height="258" loading="lazy"
alt="Helpful Tips for Working from Home as a Freelancer" class="img-cover">
alt="The Power of Mindfulness: Finding Peace in Everyday Life" class="img-cover">
</figure>

<div class="card-content">

<a href="#" class="card-badge">Working Tips</a>

<a href="#" class="card-badge">Wellness</a>
<h3 class="headline headline-3 card-title">
<a href="#" class="link hover-2">Helpful Tips for Working from Home as a Freelancer</a>
<a href="#" class="link hover-2">The Power of Mindfulness: Finding Peace in Everyday Life</a>
</h3>

<p class="card-text">
Gosh jaguar ostrich quail one excited dear hello and bound and the and bland moral misheard
roadrunner flapped lynx far that and jeepers giggled far and far
Incorporate mindfulness into your daily routine to reduce stress and improve mental clarity. Explore simple practices like meditation, deep breathing, and gratitude journaling to cultivate inner peace.
</p>

<div class="card-wrapper">
<div class="card-tag">
<a href="#" class="span hover-2"># Travel</a>

<a href="#" class="span hover-2"># Lifestyle</a>
<a href="#" class="span hover-2"># Wellness</a>
<a href="#" class="span hover-2"># Mindfulness</a>
</div>

<div class="wrapper">
<ion-icon name="time-outline" aria-hidden="true"></ion-icon>

<span class="span">3 mins read</span>
<span class="span">4 mins read</span>
</div>
</div>

</div>

</div>
</li>

</ul>

<nav aria-label="pagination" class="pagination">
Expand Down