Update README.md

Author: trolit

README.md

@@ -1,26 +1,74 @@
+<br/>
+<br/>
+
+<p align="center">
+    <img src="https://os-expected.github.io/EzGitDoc-documentation/img/favicon.png" alt="EzGitDoc logo" height="200"/> <br/><br/>
+    Can <strong>project documentation be fun to do</strong> and then interesting to read by it's users? <br/> EzGitDoc is <strong>WYSIWYG "clicking" tool</strong> designed to improve Git repositories documentation experience. <br/><br/> <h3 align="center">Check it by yourself :)</h3>
+</p>
+
+<br/>
+<br/>
+
+<pre>
+    <h3>1. Personalize look and functionality. </h3>
+</pre>
+
 <p align="center">
-    <a href="https://os-expected.github.io/EzGitDoc-documentation/"><kbd><img src="https://raw.githubusercontent.com/trolit/EzGitDoc/master/images/readme/documentation.png" height="240" alt="docs image"/></kbd></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
-    <a href="https://os-expected.github.io/EzGitDoc/"><kbd><img src="https://raw.githubusercontent.com/trolit/EzGitDoc/master/images/readme/tool.png" height="240" alt="tool image"/></kbd></a>
+    <img src="https://raw.githubusercontent.com/OS-expected/EzGitDoc/master/images/readme/2021/photo1.png" alt="EzGitDoc photo 1" height="450"/>
+    <img src="https://raw.githubusercontent.com/OS-expected/EzGitDoc/master/images/readme/2021/photo2.png" alt="EzGitDoc photo 2" height="350"/>
 </p>
 
-## About
+<pre>
+    <h3>2. Quickly redesign template... </h3>
+</pre>
 
-<p align="justify">
-Open-source, WYSIWYG tool designed to improve Git repositories documentation experience. Click on the images above to be redirected onto docs/tool page. Thanks to <a href="https://github.com/damianggg">@damianggg</a> for spending time on functional tests 👍 
+<p align="center">
+    <img src="https://raw.githubusercontent.com/OS-expected/EzGitDoc/master/images/readme/2021/photo3.gif" alt="EzGitDoc photo 3" height="250"/>
 </p>
 
-## Preview
+<pre>
+    <h4>...and when your template gets more complicated, quickly rearrange or move elements via references section. </h4>
+</pre>
 
 <p align="center">
-<kbd><img src="https://raw.githubusercontent.com/trolit/EzGitDoc/master/images/readme/gallery/fancy1.PNG" alt="Preview 1" width="300" height="136"/></kbd> 
-<kbd><img src="https://raw.githubusercontent.com/trolit/EzGitDoc/master/images/readme/gallery/fancy2.PNG" alt="Preview 2" width="300" height="136"/></kbd> 
-<br/> 
-<kbd><img src="https://raw.githubusercontent.com/trolit/EzGitDoc/master/images/readme/gallery/fancy3.PNG" alt="Preview 3" width="300" height="136"/></kbd> 
-<kbd><img src="https://raw.githubusercontent.com/trolit/EzGitDoc/master/images/readme/gallery/fancy4.PNG" alt="Preview 4" width="300" height="136"/></kbd> 
+    <img src="https://raw.githubusercontent.com/OS-expected/EzGitDoc/master/images/readme/2021/photo4.gif" alt="EzGitDoc photo 4" height="250"/>
 </p>
 
+<pre>
+    <h3>3. Preview your work at EzGitDoc. </h3>
+</pre>
+
+<p align="center">
+    <img src="https://raw.githubusercontent.com/OS-expected/EzGitDoc/master/images/readme/2021/photo5.png" alt="EzGitDoc photo 5" height="250"/>
+</p>
+
+<pre>
+    <h3>4. Generate code and put it onto your readme making final touches. </h3>
+</pre>
+
+<p align="center">
+    <img src="https://raw.githubusercontent.com/OS-expected/EzGitDoc/master/images/readme/2021/photo6.gif" alt="EzGitDoc photo 6" height="500"/>
+</p>
+
+<pre>
+    <h3>5. Achieve attention. </h3>
+</pre>
+
+<h2 align="center">Project details</h2>
+<br/>
+EzGitDoc documentation(including quick guide) can be found at: <br/>
+https://os-expected.github.io/EzGitDoc-documentation/ 
+<br/><br/>
+while the tool is available at: <br/>
+https://os-expected.github.io/EzGitDoc/.
+
+<br/>
+<br/>
+
 ---
 
-Icon responding for EzGitDoc logo belongs to Font Awesome and is available <a href="https://fontawesome.com/icons/earlybirds">over here</a>.
+Thanks to <a href="https://github.com/damianggg">@damianggg</a> for spending time on functional tests 👍 
+
+Icon responding for EzGitDoc logo belongs to Font Awesome and is available <a href="https://fontawesome.com/icons/earlybirds">over here</a>
 
 Loading image source: <a href="https://loading.io/spinner/">Loading.io</a>