Added progress - Improved animations and docs

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "flatifycss",
-	"version": "0.9.6-15",
+	"version": "0.9.6",
 	"description": " Modern flat design framework for the web. ",
 	"main": "index.html",
 	"repository": {

website/docs/helpers/animation.mdx

@@ -62,18 +62,18 @@ animation: my-animation-name ease 1s infinite;
 
 These animations are just special to thier usecases:
 
-`flatify-processing` The animation for [progress bar processing state](/docs/components/progress#processing).  
+`flatify-processing` The animation for [progress bar processing state](/docs/components/progress#processing).
 
-`flatify-alert-will-be-removed`  
+`flatify-alert-will-be-removed`
 
 `flatify-dropdown-show`  
 `flatify-dropdown-hide`
 
-`flatify-eye-blink`  
+`flatify-eye-blink`
 
 `flatify-loading-dot-first`  
 `flatify-loading-dot-second`  
-`flatify-loading-dot-third`  
+`flatify-loading-dot-third`
 
 ## Helper classes
 

website/docs/intro.mdx

@@ -3,4 +3,13 @@ title: Getting started
 sidebar_position: 1
 ---
 
-FlatifyCSS is flat web design library with minimal and modern rules.
+FlatifyCSS is the web modern and minimalist flat design library for clever and stylish developers, inspired by [Duolingo](https://www.duolingo.com/) design system.
+
+When we talk about flat design, you might think about the creepy palette and some old-fashioned web trends, but no, flat design is a wide term and in this case for FlatifyCSS, there are some principles that shape it clearly:
+
+1- No blurred shadow
+2- Borders are cool
+3- Round but not much
+
+FlatifyCSS respects accessibility and good practices are provided to acknowledge that "the web is for everyone".
+