From fbe2520437b0b1983114184e4a1edcded220aad1 Mon Sep 17 00:00:00 2001
From: VRATEJDWIVEDI <vratejdiwedi000@gmail.com>
Date: Wed, 24 Dec 2025 03:27:40 +0530
Subject: [PATCH] feat: enhance Get Inspired blog page content and
 accessibility

---
 news.html | 30 +++++++++++++++++-------------
 1 file changed, 17 insertions(+), 13 deletions(-)

diff --git a/news.html b/news.html
index 8de934d..0bdb915 100644
--- a/news.html
+++ b/news.html
@@ -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>
@@ -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>
@@ -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>
@@ -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>
@@ -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>
@@ -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>
@@ -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>
@@ -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>
@@ -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>