Skip to content

feat: enhance Get Inspired blog page content and accessibility #44

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

feat: enhance Get Inspired blog page content and accessibility #44

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
30 changes: 17 additions & 13 deletions news.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -108,7 +108,7 @@
<div class="container">
<div class="row">
<div class="col-md-12 text-left section-heading probootstrap-animate">
<h1>School Events</h1>
<h1>Get Inspired</h1>
</div>
</div>
</div>
Expand All @@ -120,12 +120,13 @@ <h1>School Events</h1>
<div class="col-md-12">
<div class="probootstrap-flex-block">
<div class="probootstrap-text probootstrap-animate">
<div class="text-uppercase probootstrap-uppercase">Featured News</div>
<h3>Students Math Competition for The Year 2017</h3>
<p>Quis explicabo veniam labore ratione illo vero voluptate a deserunt incidunt odio aliquam commodi </p>
<div class="text-uppercase probootstrap-uppercase">Featured Story</div>
<h3>How Community & Open Source Changed My Career</h3>
<p>From learning basic HTML to contributing to global open-source projects — a journey of growth, collaboration, and confidence.</p>
<p>
<span class="probootstrap-date"><i class="icon-calendar"></i>July 9, 2017</span>
<span class="probootstrap-location"><i class="icon-user2"></i>By Admin</span>
<span class="probootstrap-location"><i class="icon-user2"></i>By GirlScript Community
</span>
</p>
<p><a href="#" class="btn btn-primary">Learn More</a></p>
</div>
Expand All @@ -147,7 +148,7 @@ <h3>Students Math Competition for The Year 2017</h3>
<div class="row">
<div class="col-md-4 col-sm-6 col-xs-6 col-xxs-12 probootstrap-animate">
<a href="#" class="probootstrap-featured-news-box">
<figure class="probootstrap-media"><img src="img/img_sm_1.jpg" alt="Free Bootstrap Template by ProBootstrap.com" class="img-responsive"></figure>
<figure class="probootstrap-media"><img src="img/img_sm_1.jpg" alt="Student sharing open source learning experience" class="img-responsive"></figure>
<div class="probootstrap-text">
<h3>Tempora consectetur unde nisi</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perferendis, quaerat?</p>
Expand All @@ -158,7 +159,8 @@ <h3>Tempora consectetur unde nisi</h3>
</div>
<div class="col-md-4 col-sm-6 col-xs-6 col-xxs-12 probootstrap-animate">
<a href="#" class="probootstrap-featured-news-box">
<figure class="probootstrap-media"><img src="img/img_sm_2.jpg" alt="Free Bootstrap Template by ProBootstrap.com" class="img-responsive"></figure>
<figure class="probootstrap-media"><img src="img/img_sm_2.jpg" alt="Mentorship and peer learning session"
class="img-responsive"></figure>
<div class="probootstrap-text">
<h3>Tempora consectetur unde nisi</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nihil, unde?</p>
Expand All @@ -170,7 +172,7 @@ <h3>Tempora consectetur unde nisi</h3>
<div class="clearfix visible-sm-block visible-xs-block"></div>
<div class="col-md-4 col-sm-6 col-xs-6 col-xxs-12 probootstrap-animate">
<a href="#" class="probootstrap-featured-news-box">
<figure class="probootstrap-media"><img src="img/img_sm_3.jpg" alt="Free Bootstrap Template by ProBootstrap.com" class="img-responsive"></figure>
<figure class="probootstrap-media"><img src="img/img_sm_3.jpg" alt="Student presenting a project" class="img-responsive"></figure>
<div class="probootstrap-text">
<h3>Tempora consectetur unde nisi</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus, possimus!</p>
Expand All @@ -184,7 +186,7 @@ <h3>Tempora consectetur unde nisi</h3>

<div class="col-md-4 col-sm-6 col-xs-6 col-xxs-12 probootstrap-animate">
<a href="#" class="probootstrap-featured-news-box">
<figure class="probootstrap-media"><img src="img/img_sm_1.jpg" alt="Free Bootstrap Template by ProBootstrap.com" class="img-responsive"></figure>
<figure class="probootstrap-media"><img src="img/img_sm_1.jpg" alt="Community members collaborating at a tech event" class="img-responsive"></figure>
<div class="probootstrap-text">
<h3>Tempora consectetur unde nisi</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet, sunt!</p>
Expand All @@ -196,7 +198,8 @@ <h3>Tempora consectetur unde nisi</h3>
<div class="clearfix visible-sm-block visible-xs-block"></div>
<div class="col-md-4 col-sm-6 col-xs-6 col-xxs-12 probootstrap-animate">
<a href="#" class="probootstrap-featured-news-box">
<figure class="probootstrap-media"><img src="img/img_sm_2.jpg" alt="Free Bootstrap Template by ProBootstrap.com" class="img-responsive"></figure>
<figure class="probootstrap-media"><img src="img/img_sm_2.jpg" alt="Student sharing open source learning experience"
class="img-responsive"></figure>
<div class="probootstrap-text">
<h3>Tempora consectetur unde nisi</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Delectus, voluptatem.</p>
Expand All @@ -207,7 +210,8 @@ <h3>Tempora consectetur unde nisi</h3>
</div>
<div class="col-md-4 col-sm-6 col-xs-6 col-xxs-12 probootstrap-animate">
<a href="#" class="probootstrap-featured-news-box">
<figure class="probootstrap-media"><img src="img/img_sm_3.jpg" alt="Free Bootstrap Template by ProBootstrap.com" class="img-responsive"></figure>
<figure class="probootstrap-media"><img src="img/img_sm_3.jpg" alt="GirlScript workshop session"
class="img-responsive"></figure>
<div class="probootstrap-text">
<h3>Tempora consectetur unde nisi</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corrupti, magnam.</p>
Expand All @@ -227,8 +231,8 @@ <h3>Tempora consectetur unde nisi</h3>
<div class="container">
<div class="row">
<div class="col-md-12">
<h2 class="probootstrap-animate" data-animate-effect="fadeInRight">Get your admission now!</h2>
<a href="#" role="button" class="btn btn-primary btn-lg btn-ghost probootstrap-animate" data-animate-effect="fadeInLeft">Enroll</a>
<h2 class="probootstrap-animate" data-animate-effect="fadeInRight">Start your learning & open source journey today</h2>
<a href="#" role="button" class="btn btn-primary btn-lg btn-ghost probootstrap-animate" data-animate-effect="fadeInLeft">Join the Community</a>
</div>
</div>
</div>
Expand Down