Update README.md

README.md

@@ -5,38 +5,62 @@ we develop this handwrite font generator
 so that user can easily access this web service and use freely.
 
 ## :books: Main Features & Processes
-### 1. Upload and Preview the written template   
+### :one: Upload and Preview the written template  
+This is the main page.   <br>
+
+![image](https://user-images.githubusercontent.com/81309465/205221709-84f03efc-0f56-45f6-93f9-e9f141deb533.png)
+
 First, download the template by clicking the "download template" button on the main homepage.   
 Write down all the korean alphabet in the template and save it as png image file.   
 Then, upload the written template image on the webpage by clicking "select file" button.   
 You can see the uploaded image by clicking the upload button.   
+
+
+#### Here is the link to get template image.
+https://github.com/2022-CapstoneDesignProject/Handwrite/blob/main/newteamplate3.png   
+
 <br>
 
-### 2. Crop uploaded file into each Korean alphabet as a rectangle   
-By using cropRect.py code, the korean alphabet images are generated by detecting rectangle.   
+### :two: Crop uploaded file into each Korean alphabet as a rectangle   
+By using cropRect.py code, the korean alphabet images are generated by detecting rectangle.  
+![image](https://user-images.githubusercontent.com/81309465/205222459-2ddbad97-21f4-4094-8591-aff6cb767157.png)
+
 <br>
 
-### 3. Remove margin
+### :three: Remove margin
 By using rmMargin.py, the margin of the cropped images are trimmed.   
 <br>
 
-### 4. Combine Korean alphabets as Korean letters
+### :four: Combine Korean alphabets as Korean letters
 Combine korean letters by using jamoComb1.py ~ jamoComb9.py   
-The image below shows the combination of korean letters. This is how we make letters using jamo.   
+The image below shows the type of Korean letter combinations. This is how we make letters using jamo.   <br>
+
 ![image](https://user-images.githubusercontent.com/81309465/204545246-3bb97968-789d-4f25-b2da-eedfa60afd00.png)
 
+And, this image below is the one that shows the result of created letter.
+![image](https://user-images.githubusercontent.com/81309465/205222852-5361b17e-d72f-44e6-8d50-56cdecaf1f71.png)
+
+
 <br>
 
-### 5. Download the gerated file
+### :five: Download the gerated file
 In the download.html page, you can download the generated file.   
 
+![image](https://user-images.githubusercontent.com/81309465/205222792-55837b68-1dfd-483f-8284-83a7f8aad3f7.png)
+
+#### You can use it in the notepad in Windows:heavy_exclamation_mark::heavy_exclamation_mark::heavy_exclamation_mark:
+
+![image](https://user-images.githubusercontent.com/81309465/205223512-abc221f2-12da-4107-808c-1af16fb0a6b5.png)
+
+
+
 <br>
 
 ## How to implement fontToImage.py 
 <pre><code> python fontToImage.py ./font/font_name.ttf fontsize </code></pre>
 
 ## :gem: How to implement webpage
-Download font folder, web upload & preview folder
+Download src folder and web folder
   In the terminal, run 
 <pre><code> node app.js </code></pre>
   If CSS does not applied to your webpage,