Skip to content

feat: Update Blog Section 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
wants to merge 1 commit into
base: master
Choose a base branch
from
Open

feat: Update Blog Section 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
74 changes: 14 additions & 60 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -666,142 +666,96 @@ <h3 class="card-title">354+</h3>
<h2 class="h2 section-title">Get News With Eduweb</h2>

<ul class="grid-list">

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

<figure class="card-banner img-holder has-after" style="--width: 370; --height: 370;">
<img src="./assets/images/blog-1.jpg" width="370" height="370" loading="lazy"
alt="Become A Better Blogger: Content Planning" class="img-cover">
alt="Mastering Time Management for Online Learners" class="img-cover">
</figure>

<div class="card-content">

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

<a href="#" class="card-subtitle">Online</a>

<h3 class="h3">
<a href="#" class="card-title">Become A Better Blogger: Content Planning</a>
<a href="#" class="card-title">Mastering Time Management for Online Learners</a>
</h3>

<ul class="card-meta-list">

<li class="card-meta-item">
<ion-icon name="calendar-outline" aria-hidden="true"></ion-icon>

<span class="span">Oct 10, 2021</span>
</li>

<li class="card-meta-item">
<ion-icon name="chatbubbles-outline" aria-hidden="true"></ion-icon>

<span class="span">Com 09</span>
<span class="span">Comment 09</span>
</li>

</ul>

<p class="card-text">
Lorem Ipsum Dolor Sit Amet Cons Tetur Adipisicing Sed.
Learn how to effectively manage your time while pursuing online courses. Discover practical tips to balance study, work, and personal life.
</p>

</div>

</div>
</li>

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

<figure class="card-banner img-holder has-after" style="--width: 370; --height: 370;">
<img src="./assets/images/blog-2.jpg" width="370" height="370" loading="lazy"
alt="Become A Better Blogger: Content Planning" class="img-cover">
alt="How to Stay Motivated in Remote Learning" class="img-cover">
</figure>

<div class="card-content">

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

<a href="#" class="card-subtitle">Online</a>

<h3 class="h3">
<a href="#" class="card-title">Become A Better Blogger: Content Planning</a>
<a href="#" class="card-title">How to Stay Motivated in Remote Learning</a>
</h3>

<ul class="card-meta-list">

<li class="card-meta-item">
<ion-icon name="calendar-outline" aria-hidden="true"></ion-icon>

<span class="span">Oct 10, 2021</span>
<span class="span">Oct 15, 2021</span>
</li>

<li class="card-meta-item">
<ion-icon name="chatbubbles-outline" aria-hidden="true"></ion-icon>

<span class="span">Com 09</span>
<span class="span">Comment 12</span>
</li>

</ul>

<p class="card-text">
Lorem Ipsum Dolor Sit Amet Cons Tetur Adipisicing Sed.
Staying motivated can be challenging in remote learning environments. Explore strategies to maintain focus and achieve your academic goals.
</p>

</div>

</div>
</li>

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

<figure class="card-banner img-holder has-after" style="--width: 370; --height: 370;">
<img src="./assets/images/blog-3.jpg" width="370" height="370" loading="lazy"
alt="Become A Better Blogger: Content Planning" class="img-cover">
alt="The Benefits of Lifelong Learning" class="img-cover">
</figure>

<div class="card-content">

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

<a href="#" class="card-subtitle">Online</a>

<h3 class="h3">
<a href="#" class="card-title">Become A Better Blogger: Content Planning</a>
<a href="#" class="card-title">The Benefits of Lifelong Learning</a>
</h3>

<ul class="card-meta-list">

<li class="card-meta-item">
<ion-icon name="calendar-outline" aria-hidden="true"></ion-icon>

<span class="span">Oct 10, 2021</span>
<span class="span">Oct 20, 2021</span>
</li>

<li class="card-meta-item">
<ion-icon name="chatbubbles-outline" aria-hidden="true"></ion-icon>

<span class="span">Com 09</span>
<span class="span">Comment 15</span>
</li>

</ul>

<p class="card-text">
Lorem Ipsum Dolor Sit Amet Cons Tetur Adipisicing Sed.
Lifelong learning opens doors to new opportunities and personal growth. Discover why continuous education is essential in today's fast-changing world.
</p>

</div>

</div>
</li>

</ul>

<img src="./assets/images/blog-shape.png" width="186" height="186" loading="lazy" alt=""
Expand Down