Update README.md

jfullstackdev · web-flow · commit 95c44c8531bf · 2021-12-17T22:06:13.000+08:00
diff --git a/README.md b/README.md
@@ -1,2 +1,35 @@
-# w3-css-tutorial
-W3.CSS is a very simple and lightweight alternative to Bootstrap, for a responsive and mobile-first website
+# Intro To W3.CCS
+When I was starting to learn Bootstrap for my GitHub App,
+I came across this CSS Framework that will simplify
+my medium-sized project.
+
+Having read only the introduction, I realized this 
+is really great, just by adding it to your HTML,
+you can start using it.
+
+## Basic Setup
+So let's have a basic Hello World
+
+```
+<!DOCTYPE html>
+<html>
+<title>W3.CSS</title>
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
+<body>
+
+<div class="w3-container w3-teal">
+  <h1>Hello World</h1>
+</div>
+
+</body>
+</html> 
+```
+you can use JSFiddle to run the code to see the 
+result right away <https://jsfiddle.net/>
+
+or W3schools 
+<https://www.w3schools.com/tryit/tryit.asp?filename=tryhtml_hello>
+
+the result is just like this,
+![image](https://user-images.githubusercontent.com/47092464/146556237-053bd096-fc45-4970-b0b6-16c8ab706e8f.png)
