add images on how to create a new github repository

Author: DininduSenanayake

docs/5.from_git_to_github.md

@@ -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