diff --git a/README.md b/README.md
index f01e60872d3fa0bd7b19ee711ada537b1454ef82..96e2c23adf4197baa0ff4c9d2d7a6f0a6029b20a 100644
--- a/README.md
+++ b/README.md
@@ -1,15 +1,30 @@
 # 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)
 
-[![Open Source License](https://img.shields.io/github/license/htcrefactor/WebGL-Fluid-Simulation)](https://img.shields.io/github/license/htcrefactor/WebGL-Fluid-Simulation)
+<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"/>
+        <img src="http://img.shields.io/badge/-HTML-E34F26?style=flat&logo=HTML5&link=https://github.com/htcrefactor/WebGL-Fluid-Simulation"/>
 
-<img src="http://img.shields.io/badge/-CSS3-1572B6?style=flat&logo=CSS3&link=https://github.com/htcrefactor/WebGL-Fluid-Simulation"/>
+        <img src="http://img.shields.io/badge/-CSS3-1572B6?style=flat&logo=CSS3&link=https://github.com/htcrefactor/WebGL-Fluid-Simulation"/>
 
-<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/-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>
diff --git a/screenshot.jpg b/screenshot.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..19311e3712e983a282c7d9bea7556ff90218a54e
Binary files /dev/null and b/screenshot.jpg differ