Fix README

Author: housamz

README.md

@@ -17,27 +17,18 @@ Mage (meɪdʒ): a magician or learned person.
 
 ## Instructions:
 ***Note: You need to make sure that you have `php-mysql` package that connects PHP with MySQL, and that you change the `generated` directory permissions to be 777.***  
-1- Start by providing your MySQL Server Info, then click Next Step button.  
-![Server info](images/1.png)
 
-2- The tool will scan the server for available databases and list them in a dropdown menu, select the database that you want, then check if you need full HTML editor or not, and then click "Generate Admin Panel" button  
-![Second Step](images/2.png)
-
-3- After a few seconds, you'll get a success message, with a link to the newly created admin panel, and a report of all the operations that were done.  
-![Success Message](images/3.png)
-
-4- Click the link to the admin panel. You have to sign in using "admin" as an email and a password.  
-![Sign in](images/4.png)
-
----
+| Step | Thumb                                                                  | Instructions  |
+| ---- |:----------------------------------------------------------------------:| -------------:|
+|  1   | [<img src="images/1.png" width="200">](images/1.png){:target="_blank"} | Start by providing your MySQL Server Info, then click Next Step button. |
+|  2   | [<img src="images/2.png" width="200">](images/2.png){:target="_blank"} | The tool will scan the server for available databases and list them in a dropdown menu, select the database that you want, then check if you need full HTML editor or not, and then click "Generate Admin Panel" button |
+|  3   | [<img src="images/3.png" width="200">](images/3.png){:target="_blank"} | After a few seconds, you'll get a success message, with a link to the newly created admin panel, and a report of all the operations that were done. |
+|  4   | [<img src="images/4.png" width="200">](images/4.png){:target="_blank"} | Click the link to the admin panel. You have to sign in using "admin" as an email and a password. |
 
 You'll get a clean bootstrap interface to control the website, check below screenshots:  
-![Admin Panel 1](images/5.png)
-
----
-![Admin Panel 2](images/6.png)
----
-![Admin Panel 3](images/7.png)
+[<img src="images/5.png" width="200" style="margin-left:2em">](images/5.png){:target="_blank"}
+[<img src="images/6.png" width="200" style="margin-left:2em">](images/6.png){:target="_blank"}
+[<img src="images/7.png" width="200">](images/7.png){:target="_blank"}
 
 ## Notes
 MAGE handles data using `htmlentities` as well as `addslashes` to prevent XSS attacks. This means that any HTML tags, especially those generated by the CKEditor, will be encoded.  
@@ -57,3 +48,5 @@ Change the `generated` directory permission to 777
 ```bash
 chmod 777 generated
 ```
+
+