From 90a2193c8dd1a07b6c6a0a73146a44c62cfb99e6 Mon Sep 17 00:00:00 2001
From: Abhinav Anand <108624675+abhi293@users.noreply.github.com>
Date: Thu, 19 Jun 2025 05:07:26 +0000
Subject: [PATCH] added alt attributes, and meta keywords

---
 README.md  | 69 +++++++++++++++++++++++++++++-------------------------
 index.html | 23 ++++++++++--------
 2 files changed, 50 insertions(+), 42 deletions(-)

diff --git a/README.md b/README.md
index 79990ae..5386b7d 100644
--- a/README.md
+++ b/README.md
@@ -13,35 +13,40 @@ We'd love to collaborate with you to make Keploy great. To get started:
 
 # How to Contribute ??
 
-To Contribute to Keploy Student Program Website, please follow the following steps.
-
-1. Fork this Repository(by clicking Fork Icon on top right of the repository).
-
-
-2. Clone this repository to your Local Machine using:
-``` bash
-git clone https://github.com/keploy/student-program
-
-```
-3. Install the required dependencies using:
-```
-npm install
-``` 
-
-4. Once the required packages are installed, run the following command to host this project on localhost:
-```
-npm start
-```
-
-5. Make the desired changes
-
-
-7. Add, commit & push the changes, using:
-
-``` bash
-git add .
-git commit -m "changes you made in the project" #Please make sure to mention which issue is closed by these changes. You can also use "cz c"
-git push 
-```
-
-6. Before raising a PR, please sure to 'Fetch Upstream' to avoid conflicts with existing codebase.
\ No newline at end of file
+To contribute to the Keploy Student Program Website, please follow these steps:
+
+1. **Fork** this repository by clicking the Fork icon at the top right of the repository page.
+2. **Clone** your forked repository to your local machine:
+   ```bash
+   git clone https://github.com/your-username/student-program
+   ```
+3. **Install dependencies**:
+   ```bash
+   npm install
+   ```
+4. **Start the project locally**:
+   ```bash
+   npm start
+   ```
+5. **Make your changes** to the codebase.
+6. **Fetch upstream** to avoid conflicts before pushing:
+   ```bash
+   git fetch upstream
+   git merge upstream/main
+   ```
+7. **Add, commit, and push** your changes:
+   ```bash
+   git add .
+   git commit -m "Describe your changes here. If closing an issue, mention it."
+   git push
+   ```
+8. **Create a Pull Request** from your fork to the main repository.
+
+---
+
+**Tips for Beginners:**
+- Make sure to add clear commit messages.
+- If you are unsure about your changes, ask for feedback in your Pull Request.
+- Check the [CONTRIBUTING.md](CONTRIBUTING.md) for more details.
+
+---
\ No newline at end of file
diff --git a/index.html b/index.html
index 373e634..4d25883 100644
--- a/index.html
+++ b/index.html
@@ -13,6 +13,8 @@
     <title>Keploy - Open source e2e testing toolkit for developers</title>
     <meta name="description" content="Keploy Fellowship Program">
     <meta name="author" content="keploy.io">
+    <meta name="keywords" content="Keploy, API, Fellowship, Open Source, Testing, Community, Developer">
+    <meta name="robots" content="index, follow">
 
     <!-- mobile specific metas
     ================================================== -->
@@ -46,7 +48,7 @@
 
         <div class="header-logo">
             <a class="site-logo" href="index.html">
-                <img src="images/logo.png" alt="Homepage">
+                <img src="images/logo.png" alt="Keploy Homepage Logo">
             </a>
         </div>
 
@@ -173,7 +175,7 @@ <h1 class="display-2">What's in it for you ?</h1>
 
             <div class="col-block service-item" data-aos="fade-up">
                 <div class="service-icon">
-                    <img class="icon" src="./images/code1.gif"></img>
+                    <img class="icon" src="./images/code1.gif" alt="Code Example 1"></img>
                 </div>
                 <div class="service-text">
                     <h3 class="h2">Learn</h3>
@@ -184,7 +186,7 @@ <h3 class="h2">Learn</h3>
 
             <div class="col-block service-item" data-aos="fade-up">
                 <div class="service-icon">
-                    <img class="icon" src="./images/code2.gif"></img>
+                    <img class="icon" src="./images/code2.gif" alt="Code Example 2"></img>
                 </div>
                 <div class="service-text">
                     <h3 class="h2">Teach</h3>
@@ -195,7 +197,7 @@ <h3 class="h2">Teach</h3>
 
             <div class="col-block service-item" data-aos="fade-up">
                 <div class="service-icon">
-                    <img class="icon" src="./images/code3.gif"></img>
+                    <img class="icon" src="./images/code3.gif" alt="Code Example 3"></img>
                 </div>  
                 <div class="service-text">
                     <h3 class="h2">Grow</h3>
@@ -239,7 +241,7 @@ <h1 class="display-3">What do our previous fellows say ?</h1>
             <div class="div1 eachdiv">
               <div class="userdetails">
                 <div class="imgbox">
-                  <img src="./images/testimonials/sanskriti.avif" alt="">
+                  <img src="./images/testimonials/sanskriti.avif" alt="Sanskriti Gupta testimonial photo">
                 </div>
                 <div class="detbox">
                   <p class="name">Sanskriti Gupta</p>
@@ -258,7 +260,7 @@ <h4>Keploy community is surely one of the most amazing communities I have encoun
             <div class="div2 eachdiv">
               <div class="userdetails">
                 <div class="imgbox">
-                  <img src="./images/testimonials/sukriti.avif" alt="">
+                  <img src="./images/testimonials/sukriti.avif" alt="Sukriti Maurya testimonial photo">
                 </div>
                 <div class="detbox">
                   <p class="name">Sukriti Maurya</p>
@@ -274,7 +276,7 @@ <h4>Keploy community is surely one of the most amazing communities I have encoun
             <div class="div3 eachdiv">
               <div class="userdetails">
                 <div class="imgbox">
-                  <img src="./images/testimonials/neel.jpg" alt="">
+                  <img src="./images/testimonials/neel.jpg" alt="Neel Shah testimonial photo">
                 </div>
                 <div class="detbox">
                   <p class="name">Neel Shah</p>
@@ -297,7 +299,7 @@ <h4>Keploy community is surely one of the most amazing communities I have encoun
             <div class="div4 eachdiv">
               <div class="userdetails">
                 <div class="imgbox">
-                  <img src="./images/testimonials/harsh.avif" alt="">
+                  <img src="./images/testimonials/harsh.avif" alt="Harsh Rastogi testimonial photo">
                 </div>
                 <div class="detbox">
                   <p class="name">Harsh Rastogi</p>
@@ -315,7 +317,7 @@ <h4>From this fellowship, my way of learning did take a new turn, as I got into
             <div class="div5 eachdiv">
               <div class="userdetails">
                 <div class="imgbox">
-                  <img src="./images/testimonials/arunima.avif" alt="">
+                  <img src="./images/testimonials/arunima.avif" alt="Arunima Chaudhuri testimonial photo">
                 </div>
                 <div class="detbox">
                   <p class="name">Arunima Chaudhuri </p>
@@ -367,7 +369,8 @@ <h2 class="mb-30">Sign-up for the newsletter!</h2>
 						<div class="f_title">
 							<h3>Copyright © 2024  Keploy Inc.</h3>
 						</div>
-						<p>Developer-centric API testing tool designed to simplify and accelerate the testing process. By creating tests with built-in mocks, Keploy offers a faster alternative to traditional unit testing - and it keeps getting faster every day! </p>
+						<p>Developer-centric API testing tool designed to simplify and accelerate the testing process. By creating tests with built-in mocks, Keploy offers a faster alternative to traditional unit testing - and it keeps getting faster every day!</p>
+						<p><a href="mailto:contact@keploy.io">Contact Us</a></p>
 					</aside>
 				</div>
 				<div class="col-lg-5 col-sm-6">