Merge pull request #45 from kir-rescomp/dev

add newrepo green button and repositories label

Author: DininduSenanayake

docs/5.from_git_to_github.md

@@ -25,7 +25,7 @@ Think of Git as your personal lab notebook, and GitHub as a shared lab server wh
 
 GitHub is a **hosting platform** for Git repositories with powerful collaboration features built on top.
 
-!!! note "Git ≠ GitHub"
+!!! circle-info "Git ≠ GitHub"
     - **Git**: Version control system (the tool)
     - **GitHub**: Web-based hosting service (the platform)
     - Alternatives exist: GitLab, Bitbucket, but GitHub is the most popular in research
@@ -38,7 +38,10 @@ Dr. X signs up at [github.com](https://github.com) and creates a new repository.
 
 ### On GitHub's website:
 
-1. Click the **"+"** icon → **"New repository"**
+1. Click the <kbd>Repositories</kbd> → <kbd style="background-color: green; color: white;">New</kbd>
+    <p align="center">
+        <img src="../images/newrepo_and_Greenbutton_combined.png" alt="drawing" width="300"/>
+    </p>
 2. Name it: `CellClusterFlow`
 3. Add description: `scRNA-seq analysis pipeline with quality control and clustering`
 4. Choose **Public** (open science!) or **Private** (for unpublished work)
@@ -53,6 +56,10 @@ flowchart LR
   style C fill:#e6ffe6,stroke:#333
 ````
 
+<p align="center">
+    <img src="../images/github_create_repository.png" alt="drawing" width="500"/>
+</p>
+
 ---
 
 ## 2. Connecting Local Repository to GitHub