Update README

README.md

 # WebGL Fluid Simulation Tutorial
-[![Netlify Status](https://api.netlify.com/api/v1/badges/9323f5bb-e2c7-4f26-bba7-0df847c453f1/deploy-status)](https://app.netlify.com/sites/webgl2-fluid-simulation/deploys)
 
+<div align="center">
+    <img src="./screenshot.jpg"></img>
+    <h4 align="center">WebGL2 Fluid Simulation Tutorial</h4>
+    <p align="center">
         [![Open Source License](https://img.shields.io/github/license/htcrefactor/WebGL-Fluid-Simulation)](https://img.shields.io/github/license/htcrefactor/WebGL-Fluid-Simulation)
 
-<img src="http://img.shields.io/badge/LabelTest-WebGL2-990000?style=flat&logo=WebGL&link=https://github.com/htcrefactor/WebGL-Fluid-Simulation"/>
+        <img src="http://img.shields.io/badge/-WebGL2-990000?style=flat&logo=WebGL&link=https://github.com/htcrefactor/WebGL-Fluid-Simulation"/>
 
         <img src="http://img.shields.io/badge/-HTML-E34F26?style=flat&logo=HTML5&link=https://github.com/htcrefactor/WebGL-Fluid-Simulation"/>
 
@@ -11,5 +14,17 @@
 
         <img src="http://img.shields.io/badge/-JavaScript-F7DF1E?style=flat&logo=JavaScript&link=https://github.com/htcrefactor/WebGL-Fluid-Simulation"/>
 
-<img src="http://img.shields.io/badge/-Netlify-00C7B7?style=flat&logo=Netlify&link=https://github.com/htcrefactor/WebGL-Fluid-Simulation"/>
+        <img src="http://img.shields.io/badge/-Netlify-00C7B7?style=flat&logo=Netlify&link=https://webgl2-fluid-simulation.netlify.app"/>
+    </p>
 
+    <p align="center">
+        <a href="#how-to-start">How to start</a> • 
+        <a href="#features">Features</a> •  
+        <a href="#system-structure">System Structures</a> •   
+        <a href="#test-result">Test Result</a> • 
+        <a href="#contributor">License</a> • 
+        <a href="#contributor">Acknowledgement</a>
+    </p>
+    WebGL2로 아름다운 유체 시뮬레이션도 가능하다는 점 알고 계셨나요? WebGL2에 입문하고자 하시는 분들을 위해 WebGL로 할 수 있는 다양한 예시 중 하나를 보여드리겠습니다.
+    
+</div>