diff --git a/docs/git-operations/_category_.json b/docs/git-operations/_category_.json
new file mode 100644
index 0000000..dbe5305
--- /dev/null
+++ b/docs/git-operations/_category_.json
@@ -0,0 +1,8 @@
+{
+  "label": "Git Operations",
+  "position": 3,
+  "link": {
+    "type": "generated-index",
+    "description": "Guides for performing Git operations using various tools and environments."
+  }
+}
diff --git a/docs/git-operations/netbeans/_category_.json b/docs/git-operations/netbeans/_category_.json
new file mode 100644
index 0000000..7ecdf43
--- /dev/null
+++ b/docs/git-operations/netbeans/_category_.json
@@ -0,0 +1,8 @@
+{
+  "label": "Apache NetBeans",
+  "position": 1,
+  "link": {
+    "type": "generated-index",
+    "description": "Step-by-step guide for Git operations within the Apache NetBeans IDE."
+  }
+}
diff --git a/docs/git-operations/netbeans/add-commit.md b/docs/git-operations/netbeans/add-commit.md
new file mode 100644
index 0000000..e1e76ae
--- /dev/null
+++ b/docs/git-operations/netbeans/add-commit.md
@@ -0,0 +1,49 @@
+---
+sidebar_position: 2
+title: "Add & Commit Changes"
+---
+
+# Add Changes
+
+## Objective
+
+Select modified files and place them into the staging area before committing.
+
+## Steps
+
+1. Modify one or more files in the project.
+
+![Modified Files](img/2.png)
+
+2. Right-click the project or file.
+3. Select: **Git → Add**
+
+![Git Add Menu](img/3.png)
+
+4. Click the **Add** button.
+
+---
+
+# Commit Changes
+
+## Objective
+
+Save local changes to the local Git repository.
+
+## Steps
+
+1. Modify one or more files in the project.
+
+![Modified Files for Commit](img/4.png)
+
+2. Right‑click the project or file.
+3. Select: **Git → Commit**
+
+![Git Commit Menu](img/5.png)
+
+4. The Commit dialog window opens.
+5. Review the list of modified files.
+6. Enter a commit message in the **Commit Message** field.
+7. Click the **Commit** button.
+
+![Commit Dialog](img/6.png)
diff --git a/docs/git-operations/netbeans/img/1.png b/docs/git-operations/netbeans/img/1.png
new file mode 100644
index 0000000..a928953
Binary files /dev/null and b/docs/git-operations/netbeans/img/1.png differ
diff --git a/docs/git-operations/netbeans/img/10.png b/docs/git-operations/netbeans/img/10.png
new file mode 100644
index 0000000..2de0b24
Binary files /dev/null and b/docs/git-operations/netbeans/img/10.png differ
diff --git a/docs/git-operations/netbeans/img/11.png b/docs/git-operations/netbeans/img/11.png
new file mode 100644
index 0000000..9cbdc4c
Binary files /dev/null and b/docs/git-operations/netbeans/img/11.png differ
diff --git a/docs/git-operations/netbeans/img/12.png b/docs/git-operations/netbeans/img/12.png
new file mode 100644
index 0000000..d5b17da
Binary files /dev/null and b/docs/git-operations/netbeans/img/12.png differ
diff --git a/docs/git-operations/netbeans/img/13.png b/docs/git-operations/netbeans/img/13.png
new file mode 100644
index 0000000..64fa2ba
Binary files /dev/null and b/docs/git-operations/netbeans/img/13.png differ
diff --git a/docs/git-operations/netbeans/img/14.png b/docs/git-operations/netbeans/img/14.png
new file mode 100644
index 0000000..84ceed5
Binary files /dev/null and b/docs/git-operations/netbeans/img/14.png differ
diff --git a/docs/git-operations/netbeans/img/15.png b/docs/git-operations/netbeans/img/15.png
new file mode 100644
index 0000000..3eaba79
Binary files /dev/null and b/docs/git-operations/netbeans/img/15.png differ
diff --git a/docs/git-operations/netbeans/img/2.png b/docs/git-operations/netbeans/img/2.png
new file mode 100644
index 0000000..9e31443
Binary files /dev/null and b/docs/git-operations/netbeans/img/2.png differ
diff --git a/docs/git-operations/netbeans/img/3.png b/docs/git-operations/netbeans/img/3.png
new file mode 100644
index 0000000..865059a
Binary files /dev/null and b/docs/git-operations/netbeans/img/3.png differ
diff --git a/docs/git-operations/netbeans/img/4.png b/docs/git-operations/netbeans/img/4.png
new file mode 100644
index 0000000..9e31443
Binary files /dev/null and b/docs/git-operations/netbeans/img/4.png differ
diff --git a/docs/git-operations/netbeans/img/5.png b/docs/git-operations/netbeans/img/5.png
new file mode 100644
index 0000000..aaf89b8
Binary files /dev/null and b/docs/git-operations/netbeans/img/5.png differ
diff --git a/docs/git-operations/netbeans/img/6.png b/docs/git-operations/netbeans/img/6.png
new file mode 100644
index 0000000..bef90b2
Binary files /dev/null and b/docs/git-operations/netbeans/img/6.png differ
diff --git a/docs/git-operations/netbeans/img/7.png b/docs/git-operations/netbeans/img/7.png
new file mode 100644
index 0000000..655cd56
Binary files /dev/null and b/docs/git-operations/netbeans/img/7.png differ
diff --git a/docs/git-operations/netbeans/img/8.png b/docs/git-operations/netbeans/img/8.png
new file mode 100644
index 0000000..f1f448c
Binary files /dev/null and b/docs/git-operations/netbeans/img/8.png differ
diff --git a/docs/git-operations/netbeans/img/9.png b/docs/git-operations/netbeans/img/9.png
new file mode 100644
index 0000000..dbec2fd
Binary files /dev/null and b/docs/git-operations/netbeans/img/9.png differ
diff --git a/docs/git-operations/netbeans/index.md b/docs/git-operations/netbeans/index.md
new file mode 100644
index 0000000..965c67f
--- /dev/null
+++ b/docs/git-operations/netbeans/index.md
@@ -0,0 +1,14 @@
+---
+sidebar_position: 1
+title: "Prerequisites"
+---
+
+# Prerequisites
+
+## Steps
+
+1. Open NetBeans.
+2. Open the project that is already connected to a Git repository.
+3. Ensure the project appears in the **Projects** window.
+
+![NetBeans Projects Window](img/1.png)
diff --git a/docs/git-operations/netbeans/push-pull.md b/docs/git-operations/netbeans/push-pull.md
new file mode 100644
index 0000000..85249c9
--- /dev/null
+++ b/docs/git-operations/netbeans/push-pull.md
@@ -0,0 +1,85 @@
+---
+sidebar_position: 3
+title: "Push & Pull Changes"
+---
+
+# Push Changes
+
+## Objective
+
+Send committed changes from the local repository to the remote repository.
+
+## Steps
+
+1. Ensure at least one commit exists locally.
+2. Right‑click the project.
+3. Select: **Git → Remote → Push**
+
+![Git Push Menu](img/7.png)
+
+4. The Push dialog window opens.
+5. Verify the remote repository then click **Next**.
+
+![Push Dialog Step 1](img/8.png)
+
+6. Verify the local branches then click **Next**.
+
+![Push Dialog Step 2](img/9.png)
+
+7. Click the remote branches then click **Finish**.
+
+![Push Dialog Step 3](img/10.png)
+
+---
+
+# Push Changes (Upstream)
+
+## Objective
+
+Send committed changes from the local repository to the remote repository.
+
+## Steps
+
+1. Ensure at least one commit exists locally.
+2. Right‑click the project.
+3. Select: **Git → Remote → Push to Upstream**
+
+![Push to Upstream](img/11.png)
+
+---
+
+# Pull Changes
+
+## Objective
+
+Retrieve updates from the remote repository and merge them into the local repository.
+
+## Steps
+
+1. Right‑click the project.
+2. Select: **Git → Remote → Pull**
+
+![Git Pull Menu](img/12.png)
+
+3. Verify the remote repository then click **Next**.
+
+![Pull Dialog Step 1](img/13.png)
+
+4. Verify the remote branches then click **Next**.
+
+![Pull Dialog Step 2](img/14.png)
+
+---
+
+# Pull Changes (Upstream)
+
+## Objective
+
+Retrieve updates from the remote repository and merge them into the local repository.
+
+## Steps
+
+1. Right‑click the project.
+2. Select: **Git → Remote → Pull from Upstream**
+
+![Pull from Upstream](img/15.png)
diff --git a/src/css/custom.css b/src/css/custom.css
index f708e8a..d0663c5 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -164,6 +164,21 @@ h1 {
   margin-top: 2.5rem;
 }
 
+.markdown img {
+  display: block;
+  margin: 2.5rem auto;
+  border-radius: 0.75rem;
+  box-shadow: 0 12px 40px var(--tt-glow-color);
+  border: 1px solid var(--tt-border-color);
+  max-width: 100%;
+  height: auto;
+  transition: transform 0.3s ease;
+}
+
+.markdown img:hover {
+  transform: scale(1.01);
+}
+
 /* Tables */
 table {
   display: table;
diff --git a/src/pages/index.js b/src/pages/index.js
index f9d2573..498627c 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -18,6 +18,12 @@ const categories = [
     description: 'Our standard development workflow — from task assignment through branching, rebasing, and merging.',
     link: '/docs/category/developer-task-workflow',
   },
+  {
+    title: 'Git Operations',
+    icon: '🐙',
+    description: 'Master Git operations across different tools like Apache NetBeans, JetBrains IDEs, and the Command-Line.',
+    link: '/docs/category/git-operations',
+  },
 ];
 
 function CategoryCard({title, icon, description, link}) {