diff --git a/docs/GitHub/GitHub-basics/assets/22-Forked Project.png b/docs/GitHub/GitHub-basics/assets/22-Forked-Project.png
similarity index 100%
rename from docs/GitHub/GitHub-basics/assets/22-Forked Project.png
rename to docs/GitHub/GitHub-basics/assets/22-Forked-Project.png
diff --git a/docs/GitHub/GitHub-basics/first-opensource-code.md b/docs/GitHub/GitHub-basics/first-opensource-code.md
index 39a659fc..aa85dc9d 100644
--- a/docs/GitHub/GitHub-basics/first-opensource-code.md
+++ b/docs/GitHub/GitHub-basics/first-opensource-code.md
@@ -3,137 +3,315 @@ id: first-opensource-code
 title: Let's Do First Opensource Project
 sidebar_label: First Opensource Project
 sidebar_position: 5
-tags: [html, web-development, elements, tags]
-description: In this tutorial, you will learn about HTML elements and tags. HTML elements are the building blocks of HTML pages, and tags are used to define the structure of the content.
-keywords: [html, web development, elements, tags, html elements, html tags, html tutorial, html basics, web design, web pages, websites, html structure, html elements tutorial, html tags tutorial, html in 2024]
+tags: [git, github, open-source, contribution, pull-request, fork]
+description: In this tutorial, you will learn how to make your first open source contribution on GitHub without using the command line. Learn to fork, edit, commit, and create pull requests directly through the GitHub web interface.
+keywords: [git, github, open source, first contribution, pull request, fork repository, github tutorial, web-based editing, opensource contribution, beginner guide, github workflow, contributing to open source]
 ---
 
-# First Open Source Project – HTML Basics & GitHub Contribution
+# First Open Source Project – Making Your First Contribution
 
 ## Introduction
 
-In this tutorial, you will learn about HTML elements, attributes, and their values, as well as how to make your first open source contribution directly through GitHub—no command line required!
+Welcome to your first open source contribution! In this tutorial, you will learn how to contribute to an open source project directly through GitHub's web interface—no command line required! This is perfect for beginners who want to start contributing to open source projects.
 
-## What Are HTML Attributes?
+## What is Open Source?
 
-HTML attributes provide additional information about HTML elements and change their behavior or appearance. They are written inside the opening tag of an element.
+Open source software is code that is freely available for anyone to view, use, modify, and distribute. Contributing to open source projects helps you:
+- Learn from real-world code
+- Build your portfolio
+- Connect with the developer community
+- Improve your coding skills
+- Give back to projects you use
 
-Here is an example of an HTML element with attributes:
+## Prerequisites
 
-Go to this repository [https://github.com/sanjay-kv/Open-source-Practice](https://github.com/sanjay-kv/Open-source-Practice)
+Before starting, make sure you have:
+- A GitHub account (create one at [github.com](https://github.com))
+- Basic understanding of Git and GitHub concepts
+- Willingness to learn and contribute!
 
+## The Contribution Workflow
+
+The typical open source contribution workflow involves:
+1. **Fork** the repository
+2. **Edit** the files
+3. **Commit** your changes
+4. **Create** a pull request
+5. **Wait** for review and feedback
+
+Let's walk through each step!
+
+## Step 1: Find the Repository
+
+Navigate to the practice repository: [https://github.com/sanjay-kv/Open-source-Practice](https://github.com/sanjay-kv/Open-source-Practice)
+
+This is a beginner-friendly repository designed for practicing open source contributions.
 
 <BrowserWindow url="https://github.com/sanjay-kv/Open-source-Practice" bodyStyle={{padding: 0}}>
   [![GitHub](./assets/23-opensource.png)](https://github.com/sanjay-kv/Open-source-Practice)
   <div align="center"><small>Step 1: Repository Home Page</small></div>
 </BrowserWindow>
 
-In this example, the `<a>` element is an anchor tag that links to a GitHub repository.
+Take a moment to:
+- Read the README file to understand the project
+- Check if there are contribution guidelines (CONTRIBUTING.md)
+- Look at existing issues or pull requests
+- Understand what kind of contributions are welcome
 
-## Understanding HTML Attribute Values
+## Step 2: Fork the Repository
 
-HTML attribute values define specific settings or properties for attributes. They are assigned to attributes using the `=` sign and enclosed in quotes (`"` or `'`). The value of an attribute can be a string, number, URL, color, or other data types depending on the attribute.
+Forking creates your own copy of the repository where you can make changes without affecting the original project.
 
-Here is an example of an HTML element with attribute values:
+1. Click the **Fork** button in the top-right corner of the repository page
+2. Select your account as the destination
+3. Wait for GitHub to create your fork
 
 <BrowserWindow url="https://github.com/sanjay-kv/Learn-GitHub/fork" bodyStyle={{padding: 0}}>
   [![GitHub](./assets/21-final-fork.png)](https://github.com/sanjay-kv/Learn-GitHub/fork)
   <div align="center"><small>Step 2: Forking the Repository</small></div>
 </BrowserWindow>
 
-In this example, the `<img>` element uses attributes like `src`, `alt`, and `width` to define the image source, alternative text, and width.
-
-:::tip
-### Best Practices for Using HTML Attributes and Values
-
-- Use attributes to provide additional information about elements and improve accessibility.
-- Use attribute values that are relevant and descriptive to enhance the user experience.
-
-By following these best practices, you can create engaging and informative web pages.
-:::
-
-## Fork the Repository
-
 <BrowserWindow url="https://github.com/sandemouser/Learn-GitHub" bodyStyle={{padding: 0}}>
   [![GitHub](./assets/24-opensource-fork.png)](https://github.com/sandemouser/Learn-GitHub)
-  <div align="center"><small>Step 3: Fork Button</small></div>
+  <div align="center"><small>Step 3: Fork Button Location</small></div>
 </BrowserWindow>
 
+Once the fork is complete, you'll see:
+- Your username in the repository name
+- A note saying "forked from [original-repo]"
+
 <BrowserWindow url="https://github.com/sandemouser/Learn-GitHub" bodyStyle={{padding: 0}}>
   [![GitHub](./assets/25-opensource-done.png)](https://github.com/sandemouser/Learn-GitHub)
   <div align="center"><small>Step 4: Fork Complete</small></div>
 </BrowserWindow>
 
-## Edit Files Directly on GitHub
+## Step 3: Edit Files Directly on GitHub
+
+One of the great features of GitHub is the ability to edit files directly in your browser without cloning the repository to your computer.
 
-We will follow the process without using command line and edit directly on the page.
+### Finding the File to Edit
+
+1. Navigate to the file you want to edit (usually specified in the project's README)
+2. Click on the file name to view it
+3. Click the **pencil icon** (✏️) in the top-right corner to edit
+
+### Making Your Changes
+
+For this practice repository, you'll typically add your name to a contributors list:
 
 <BrowserWindow url="https://github.com/sandemouser/Learn-GitHub" bodyStyle={{padding: 0}}>
   [![GitHub](./assets/26-add-name.png)](https://github.com/sandemouser/Learn-GitHub)
   <div align="center"><small>Step 5: Add Your Name</small></div>
 </BrowserWindow>
 
+Common first contributions include:
+- Adding your name to a contributors list
+- Fixing a typo in documentation
+- Updating outdated information
+- Adding a translation
+- Improving README formatting
+
 <BrowserWindow url="https://github.com/sandemouser/Learn-GitHub" bodyStyle={{padding: 0}}>
   [![GitHub](./assets/27-added-git-line.png)](https://github.com/sandemouser/Learn-GitHub)
-  <div align="center"><small>Step 6: Added Git Line</small></div>
+  <div align="center"><small>Step 6: Changes Made</small></div>
 </BrowserWindow>
 
+:::tip Best Practices for Making Changes
+
+- **Keep changes small and focused** - Don't try to fix multiple things at once
+- **Follow the project's style** - Match the formatting and conventions used
+- **Test your changes** - Make sure links work and formatting is correct
+- **Read contribution guidelines** - Many projects have specific requirements
+- **Be respectful** - Remember real people maintain these projects
+
+:::
 
-## Commit Your Changes
+## Step 4: Commit Your Changes
+
+After making your edits, you need to commit them. A commit is like saving a snapshot of your changes with a description.
+
+### Writing a Good Commit Message
+
+1. Scroll down to the "Commit changes" section
+2. Write a clear, concise commit message describing what you changed
+3. Optionally add a longer description if needed
+4. Select "Commit directly to the main branch" for simple changes
+5. Click **Commit changes**
 
 <BrowserWindow url="https://github.com/sandemouser/Learn-GitHub" bodyStyle={{padding: 0}}>
   [![GitHub](./assets/28-opensource-commit.png)](https://github.com/sandemouser/Learn-GitHub)
   <div align="center"><small>Step 7: Commit Changes</small></div>
 </BrowserWindow>
 
-By using attributes and values effectively, you can create engaging and informative web pages that provide a rich user experience.
+**Good commit message examples:**
+- ✅ "Add John Doe to contributors list"
+- ✅ "Fix typo in installation instructions"
+- ✅ "Update Python version requirement"
+
+**Poor commit message examples:**
+- ❌ "Update"
+- ❌ "Changes"
+- ❌ "asdfasdf"
 
 <BrowserWindow url="https://github.com/sandemouser/Learn-GitHub" bodyStyle={{padding: 0}}>
   [![GitHub](./assets/29-git-final-commit.png)](https://github.com/sandemouser/Learn-GitHub)
   <div align="center"><small>Step 8: Final Commit Review</small></div>
 </BrowserWindow>
 
-## Create a Pull Request
+## Step 5: Create a Pull Request
+
+Now that you've made changes in your fork, it's time to propose those changes to the original repository through a **Pull Request** (PR).
 
-After committing your changes, create a Pull Request to submit your contribution to the original repository.
+### What is a Pull Request?
 
-### Steps to Create a Pull Request:
+A Pull Request is a way to propose changes to a repository. It allows:
+- Project maintainers to review your changes
+- Discussion about the proposed modifications
+- Automated tests to run on your code
+- Iterative improvements before merging
 
-1. Navigate to the original repository
-2. Click on **Pull Requests** tab
-3. Click **New pull request**
-4. Select **Compare across forks**
-5. Choose your fork and branch from the dropdowns
-6. Review the changes
-7. Add a title and description
-8. Click **Create pull request**
+### Steps to Create a Pull Request
 
+1. **Navigate to the original repository** (not your fork)
+2. Click on the **Pull Requests** tab
+3. Click the green **New pull request** button
+4. Click **Compare across forks**
+5. Select your fork and branch from the dropdowns
+   - Base repository: The original project
+   - Head repository: Your fork
+   - Base branch: Usually `main` or `master`
+   - Compare branch: Your branch with changes
+6. Review the changes shown in the diff
+7. Click **Create pull request**
+8. Add a descriptive title and detailed description
+9. Click **Create pull request** again to submit
 
 <BrowserWindow url="https://github.com/sandemouser/Learn-GitHub" bodyStyle={{padding: 0}}>
   [![GitHub](./assets/30-opensource-final-check.png)](https://github.com/sandemouser/Learn-GitHub)
   <div align="center"><small>Step 9: Create Pull Request</small></div>
 </BrowserWindow>
 
-## Comparing Across Forks
+### Writing a Good Pull Request Description
+
+Your PR description should include:
+- **What** changes you made
+- **Why** you made them
+- **How** to test the changes (if applicable)
+- **Screenshots** (if it's a visual change)
+- **Related issues** (if fixing a bug or implementing a feature)
 
-The **Compare across forks** feature allows you to compare changes between your forked repository and the original repository. This helps you review what modifications you've made before submitting your Pull Request.
+**Example PR description:**
+```
+## Description
+Added my name to the contributors list as per the contribution guidelines.
 
-This comparison view shows a side-by-side diff of commits and file changes, making it easier to:
+## Changes Made
+- Added "John Doe" to CONTRIBUTORS.md
+- Maintained alphabetical ordering
 
-- Identify added, modified, or deleted lines of code or documentation.
-- Ensure that only intended changes are included before proposing a merge.
-- Detect any inadvertent or unrelated changes early in the Pull Request process.
-- Confirm that your feature branch or fork is updated against the base branch to reduce merge conflicts.
+## Checklist
+- [x] Followed the project's style guidelines
+- [x] Checked for typos
+- [x] Read the contribution guidelines
+```
 
-You select your fork and branch as the "compare" source and the original repository as the "base." GitHub then displays the exact changes, commits, and file differences between these two.
+## Understanding "Compare Across Forks"
 
-Using this feature is a vital step to maintain code quality and smooth collaboration when contributing to open source or shared projects. It helps maintainers and contributors clearly understand the scope and impact of proposed changes before merging.
+The **Compare across forks** feature is crucial for creating pull requests from your fork to the original repository.
 
+### What Does It Do?
 
-## Watch this video
+This feature allows you to compare changes between:
+- Your forked repository (where you made changes)
+- The original repository (where you want to contribute)
+
+### Why Is It Important?
+
+The comparison view shows:
+- **All commits** you've made since forking
+- **File changes** in a diff format
+- **Additions** highlighted in green
+- **Deletions** highlighted in red
+- **Conflict warnings** if there are any
+
+### How to Use It Effectively
+
+1. **Select the correct branches:**
+   - Base: Original repository's main branch
+   - Compare: Your fork's branch with changes
+
+2. **Review the diff carefully:**
+   - Ensure only intended changes are included
+   - Check for accidental modifications
+   - Verify formatting is correct
+
+3. **Look for conflicts:**
+   - Red warnings indicate merge conflicts
+   - Update your fork if needed
+   - Resolve conflicts before creating PR
+
+### Benefits of Comparing
+
+- **Prevents mistakes** - Catch unintended changes early
+- **Improves quality** - Review your work before submission
+- **Reduces conflicts** - Identify issues before they become problems
+- **Saves time** - Avoid back-and-forth with maintainers
+- **Shows professionalism** - Demonstrates attention to detail
+
+:::warning Important Notes
+
+- Always check the diff before creating a PR
+- Make sure you're comparing the right branches
+- If you see unexpected changes, fix them before submitting
+- Keep your fork updated to avoid conflicts
+
+:::
+
+## Step 6: Wait for Review
+
+After creating your pull request:
+
+1. **Wait patiently** - Maintainers review PRs on their schedule
+2. **Respond to feedback** - Be open to suggestions and changes
+3. **Make requested changes** - Update your PR based on feedback
+4. **Stay professional** - Be courteous and respectful
+
+
+## Watch This Video Tutorial
+
+For a visual walkthrough of the entire process, watch this helpful video:
 
 <iframe width="883" height="480" src="https://www.youtube.com/embed/R7NReLBCT_8?list=PLrLTYhoDFx-kiuFiGQqVpYYZ56pIhUW63" title="How to do your first opensource on GitHub" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
 
+## Finding Projects to Contribute To
+
+### Beginner-Friendly Resources
+
+- **Good First Issue** labels on GitHub
+- [First Timers Only](https://www.firsttimersonly.com/)
+- [Up For Grabs](https://up-for-grabs.net/)
+- [Good First Issues](https://goodfirstissues.com/)
+- [CodeTriage](https://www.codetriage.com/)
+
+### Types of Contributions
+
+You don't have to write code to contribute:
+- 📝 **Documentation** - Fix typos, improve clarity, add examples
+- 🌐 **Translation** - Translate docs or UI to other languages
+- 🐛 **Bug Reports** - Report issues you encounter
+- 💡 **Feature Suggestions** - Propose new features
+- 🎨 **Design** - Improve UI/UX
+- ✅ **Testing** - Test new features and report results
+- 📊 **Data** - Add datasets or examples
+- ❓ **Support** - Help answer questions in issues
+
 ## Conclusion
 
-HTML attributes and values play a crucial role in web development. You have now learned how to fork a repository, edit files directly on GitHub, commit changes, compare across forks, and create a Pull Request—making your first open source contribution!
+Congratulations! You've learned how to make your first open source contribution using only GitHub's web interface. You now know how to:
+
+- ✅ Fork a repository
+- ✅ Edit files directly on GitHub
+- ✅ Commit changes with meaningful messages
+- ✅ Compare changes across forks
+- ✅ Create pull requests
+
diff --git a/docs/GitHub/GitHub-basics/how-to-clone-repo.md b/docs/GitHub/GitHub-basics/how-to-clone-repo.md
index ca381eb9..576c15b5 100644
--- a/docs/GitHub/GitHub-basics/how-to-clone-repo.md
+++ b/docs/GitHub/GitHub-basics/how-to-clone-repo.md
@@ -3,71 +3,110 @@ id: how-to-clone-repository
 title: How To Clone Repository
 sidebar_label: How to clone repository
 sidebar_position: 3
-tags: [html, web-development, attributes, values]
-description: In this tutorial, you will learn about HTML attributes and values. HTML attributes provide additional information about elements, and values define the specific settings or properties of the attributes.
-keywords: [html, web development, attributes, values, html attributes, html values, html tutorial, html basics, web design, web pages, websites, html structure, html attributes tutorial, html values tutorial, html in 2024]
+tags: [git, github, version-control, repository]
+description: In this tutorial, you will learn how to clone a GitHub repository to your local machine using Git commands.
+keywords: [git, github, clone repository, git clone, version control, github tutorial, git basics, repository management, git commands]
 ---
 
-HTML Attributes and Values are used to provide additional information about HTML elements
+In this tutorial we will learn about how to clone a GitHub repository to your local machine.
 
-## HTML Attributes
+## What is Cloning?
 
-HTML attributes are used to provide additional information about HTML elements. 
-Here is an example of an HTML element with attributes:
+Cloning a repository means creating a local copy of a remote repository on your computer. This allows you to work on the project locally, make changes, and sync them back to the remote repository.
 
-Go to this repository https://github.com/sanjay-kv/Learn-GitHub
-```html title="Clone the repository"
+## Prerequisites
+
+Before cloning a repository, make sure you have:
+- Git installed on your computer
+- A GitHub account (optional, for private repositories)
+- The repository URL you want to clone
+
+## Steps to Clone a Repository
+
+### Step 1: Get the Repository URL
+
+- Go to the repository you want to clone.
+
+- Click on the green "Code" button and copy the HTTPS URL.
+
+```text title="Repository URL"
 https://github.com/sanjay-kv/Learn-GitHub.git
 ```
 
-    <BrowserWindow url="https://github.com/sanjay-kv/Learn-GitHub" bodyStyle={{padding: 0}}>    
-     [![GitHub](./assets/17-Git-clone.png)](https://github.com/sanjay-kv/Learn-GitHub)
-    </BrowserWindow>
+<BrowserWindow url="https://github.com/sanjay-kv/Learn-GitHub" bodyStyle={{padding: 0}}>    
+  [![GitHub](./assets/17-Git-clone.png)](https://github.com/sanjay-kv/Learn-GitHub)
+</BrowserWindow>
 
+### Step 2: Open Command Line/Terminal
 
-In this example, the `<a>` element is an 
+Open your command prompt (Windows) or terminal (Mac/Linux) and navigate to the directory where you want to clone the repository.
 
-## HTML Attribute Values
+<BrowserWindow url="https://github.com/sanjay-kv/Learn-GitHub" bodyStyle={{padding: 0}}>    
+  [![GitHub](./assets/18-cmd-git.png)](https://github.com/sanjay-kv/Learn-GitHub)
+</BrowserWindow>
 
-HTML attribute values define specific settings or properties for attributes. They are assigned to attributes using the `=` sign and enclosed in quotes (`"` or `'`). The value of an attribute can be a string, number, URL, color, or other data types depending on the attribute.
+### Step 3: Run the Clone Command
 
-Here is an example of an HTML element with attribute values:
+Use the `git clone` command followed by the repository URL:
 
-```html title="index.html"
-cmd
+```bash title="Clone Command"
+git clone https://github.com/sanjay-kv/Learn-GitHub.git
 ```
 
-    <BrowserWindow url="https://github.com/sanjay-kv/Learn-GitHub" bodyStyle={{padding: 0}}>    
-     [![GitHub](./assets/18-cmd-git.png)](https://github.com/sanjay-kv/Learn-GitHub)
-    </BrowserWindow>
+This command will:
+1. Create a new directory with the repository name
+2. Download all files and commit history
+3. Set up the remote connection automatically
 
+<BrowserWindow url="https://github.com/sanjay-kv/Learn-GitHub" bodyStyle={{padding: 0}}>    
+  [![GitHub](./assets/19-clonned-files.png)](https://github.com/sanjay-kv/Learn-GitHub)
+</BrowserWindow>
 
-In this example, the `<img>`
+### Step 4: Navigate to the Cloned Repository
 
-:::tip
-### Best Practices for Using HTML Attributes and Values
+After cloning, navigate into the newly created directory:
 
-- Use attributes to provide additional information about elements and improve accessibility.
-- Use attribute values that are relevant and descriptive to enhance the user experience.
+```bash
+cd Learn-GitHub
+```
 
+## Cloning Options
 
-By following these best practices, 
-:::
+### Clone with SSH
 
-```html title="index.html"
-git clone https://github.com/sanjay-kv/Learn-GitHub.git
+If you have SSH keys set up with GitHub:
+
+```bash
+git clone git@github.com:sanjay-kv/Learn-GitHub.git
+```
+
+### Clone to a Specific Directory
+
+To clone into a custom directory name:
+
+```bash
+git clone https://github.com/sanjay-kv/Learn-GitHub.git my-custom-folder
 ```
 
-    <BrowserWindow url="https://github.com/sanjay-kv/Learn-GitHub" bodyStyle={{padding: 0}}>    
-     [![GitHub](./assets/19-clonned-files.png)](https://github.com/sanjay-kv/Learn-GitHub)
-    </BrowserWindow>
+### Clone a Specific Branch
 
+To clone only a specific branch:
 
-## For Example
+```bash
+git clone -b branch-name https://github.com/sanjay-kv/Learn-GitHub.git
+```
+
+:::tip Best Practices for Cloning Repositories
+
+- Always clone repositories into organized directories
+- Use SSH instead of HTTPS for repositories you frequently work with
+- Verify the repository source before cloning to avoid security risks
+- Check the repository's README file after cloning for setup instructions
+- Keep your local clone updated with `git pull` regularly
+
+:::
 
-Let's consider an e
-By using attributes and values effectively, you can create engaging and informative web pages that provide a rich user experience.
 
 ## Conclusion
 
-HTML attributes and values play a crucial role in web development 
\ No newline at end of file
+Cloning a repository is a fundamental Git operation that allows you to work on projects locally. By following these steps, you can easily clone any GitHub repository and start contributing to projects or working on your own code locally.
diff --git a/docs/GitHub/GitHub-basics/how-to-fork.md b/docs/GitHub/GitHub-basics/how-to-fork.md
index 4984877f..c1964513 100644
--- a/docs/GitHub/GitHub-basics/how-to-fork.md
+++ b/docs/GitHub/GitHub-basics/how-to-fork.md
@@ -3,66 +3,111 @@ id: how-to-fork
 title: How to Fork a Repository
 sidebar_label: How to Fork a Repository
 sidebar_position: 4
-tags: [html, web-development, document-structure]
-description: In this tutorial, you will learn about the structure of an HTML document and how to create a basic HTML document.
+tags: [git, github, fork, open-source, contribution]
+description: In this tutorial, you will learn how to fork a GitHub repository and create your own copy to work on and contribute back to the original project.
+keywords: [git, github, fork repository, forking, open source, contribution, pull request, github fork, collaboration, repository management]
 ---
 
+In this tutorial, you will learn how to fork a GitHub repository and create your own copy of a project that you can freely experiment with and contribute back to.
 
-HTML Attributes and Values are used to provide additional information about HTML elements
+## What is Forking?
 
-## HTML Attributes
+Forking a repository creates a personal copy of someone else's project in your GitHub account. This allows you to:
+- Experiment with changes without affecting the original project
+- Propose changes to the original project via pull requests
+- Use someone else's project as a starting point for your own idea
+- Contribute to open-source projects
 
-HTML attributes are used to provide additional information about HTML elements. 
-Here is an example of an HTML element with attributes:
+## When Should You Fork?
 
-Go to this repository https://github.com/sanjay-kv/Learn-GitHub
-```html title="fork the repository"
+You should fork a repository when you want to:
+- Contribute to an open-source project
+- Use an existing project as a template
+- Experiment with code without affecting the original
+- Create your own version of a project
+
+## Steps to Fork a Repository
+
+### Step 1: Navigate to the Repository
+
+Go to the repository you want to fork.
+
+Make sure you're logged into your GitHub account.
+
+```text title="Repository URL"
 https://github.com/sanjay-kv/Learn-GitHub
 ```
 
-    <BrowserWindow url="https://github.com/sanjay-kv/Open-source-Practice" bodyStyle={{padding: 0}}>    
-     [![GitHub](./assets/20-git-fork.png)](https://github.com/sanjay-kv/Open-source-Practice)
-    </BrowserWindow>
+<BrowserWindow url="https://github.com/sanjay-kv/Open-source-Practice" bodyStyle={{padding: 0}}>    
+  [![GitHub](./assets/20-git-fork.png)](https://github.com/sanjay-kv/Open-source-Practice)
+</BrowserWindow>
 
+### Step 2: Click the Fork Button
 
-In this example, the `<a>` element is an 
+In the top-right corner of the repository page, you'll see a "Fork" button. Click on it to start the forking process.
 
-## HTML Attribute Values
+GitHub will show you a screen asking where you want to fork the repository (usually to your personal account).
 
-HTML attribute values define specific settings or properties for attributes. They are assigned to attributes using the `=` sign and enclosed in quotes (`"` or `'`). The value of an attribute can be a string, number, URL, color, or other data types depending on the attribute.
+<BrowserWindow url="https://github.com/sanjay-kv/Learn-GitHub/fork" bodyStyle={{padding: 0}}>    
+  [![GitHub](./assets/21-final-fork.png)](https://github.com/sanjay-kv/Learn-GitHub/fork)
+</BrowserWindow>
 
-Here is an example of an HTML element with attribute values:
+### Step 3: Wait for the Fork to Complete
 
+GitHub will create a copy of the repository under your account. This process usually takes a few seconds. Once complete, you'll be redirected to your forked repository.
 
-    <BrowserWindow url="https://github.com/sanjay-kv/Learn-GitHub/fork" bodyStyle={{padding: 0}}>    
-     [![GitHub](./assets/21-final-fork.png)](https://github.com/sanjay-kv/Learn-GitHub/fork)
-    </BrowserWindow>
+<BrowserWindow url="https://github.com/sandemouser/Learn-GitHub" bodyStyle={{padding: 0}}>    
+  [![GitHub](./assets/22-Forked-Project.png)](https://github.com/sandemouser/Learn-GitHub)
+</BrowserWindow>
 
+### Step 4: Verify Your Fork
 
-In this example, the `<img>`
+After forking, you should see:
+- The repository name with your username: `yourusername/Learn-GitHub`
+- A note indicating "forked from sanjay-kv/Learn-GitHub"
+- All the files and branches from the original repository
 
-:::tip
-### Best Practices for Using HTML Attributes and Values
 
-- Use attributes to provide additional information about elements and improve accessibility.
-- Use attribute values that are relevant and descriptive to enhance the user experience.
+:::tip Best Practices for Forking and Contributing
 
+- **Always fork before contributing** to open-source projects
+- **Keep your fork synced** with the original repository regularly
+- **Create descriptive branch names** for different features or fixes
+- **Write clear commit messages** explaining what and why
+- **Follow the project's contribution guidelines** if they exist
+- **Test your changes** before submitting a pull request
+- **Be respectful and patient** when waiting for pull request reviews
+- **Start with small contributions** to understand the project's workflow
 
-By following these best practices, 
 :::
 
+## Fork vs Clone
 
+Understanding the difference is important:
 
-    <BrowserWindow url="https://github.com/sandemouser/Learn-GitHub" bodyStyle={{padding: 0}}>    
-     [![GitHub](./assets/22-Forked Project.png)](https://github.com/sandemouser/Learn-GitHub)
-    </BrowserWindow>
+| Aspect | Fork | Clone |
+|--------|------|-------|
+| **Location** | Creates a copy on GitHub | Creates a copy on your local machine |
+| **Purpose** | Contributing to others' projects | Working on your own or cloned projects |
+| **Connection** | Maintains link to original repo | No direct link to original repo |
+| **Visibility** | Public on your GitHub profile | Only on your computer |
 
 
-## For Example
+## Deleting a Fork
 
-Let's consider an e
-By using attributes and values effectively, you can create engaging and informative web pages that provide a rich user experience.
+If you no longer need your fork:
+
+1. Go to your forked repository
+2. Click "Settings"
+3. Scroll to the bottom
+4. Click "Delete this repository"
+5. Confirm by typing the repository name
+
+:::warning
+Deleting a fork is permanent and cannot be undone. Make sure you have backed up any important changes.
+:::
 
 ## Conclusion
 
-HTML attributes and values play a crucial role in web development 
\ No newline at end of file
+Forking is a powerful feature that enables collaboration and experimentation in the GitHub ecosystem. By forking repositories, you can contribute to open-source projects, learn from others' code, and create your own versions of existing projects without affecting the original.
+