add input-output example to readme

Author: relliv

readme.md

@@ -10,6 +10,51 @@ HTML template to SASS converter for TailwindCSS
 npm i @egoistdeveloper/twcss-to-sass
 ```
 
+## Input-Output
+
+**Template Input**
+
+```html
+<!-- Container Start -->
+<!-- Container Any -->
+<div class="bg-white">
+	<!-- Some Div -->
+	<div class="flex justify-center items-center min-h-screen min-w-full">
+		<div class="flex relative">
+			<!-- Inner Div -->
+			<div class="w-72 h-40 bg-green-400 transform transition-all skew-x-12 -skew-y-12 absolute rounded-lg">
+				My Text 1
+			</div>
+		</div>
+	</div>
+</div>
+<!-- Container End-->
+```
+
+**SASS Output**
+
+```scss
+/* Container Start, Container Any -> 1 */
+.class-1-div {
+    @apply bg-white;
+
+    /* Some Div -> 2 */
+    .class-2-div {
+        @apply flex justify-center items-center min-h-screen min-w-full;
+
+        /* div -> 3 */
+        .class-3-div {
+            @apply flex relative;
+
+            /* Inner Div -> 4 */
+            .class-3-div {
+                @apply w-72 h-40 bg-green-400 transform transition-all skew-x-12 -skew-y-12 absolute rounded-lg;
+            }
+        }
+    }
+}
+```
+
 ## 🔰 Browser Example
 
 ```javascript