Update index.html and CSS, revise Folicon version

The commit introduces a new "See Docs" link in the header of index.html. It also includes several corrections to enhance readability, and adds a distinct CSS style for the new link. Additionally, the Folicon version information is updated in _config.yml.

_config.yml

@@ -1,5 +1,5 @@
 theme: jekyll-theme-cayman
-title: Folicon v3.11
+title: Folicon v3.13
 subtitle: The ultimate movie, show, games folder icon customizer
 description: Folicon is a Folder icon changer which works for movie,games,music and shows/anime, it also shows rating on the created icons, and has two mode, POSTER and Professional, Professional mode icons are fetched from DeviantArt.
 show_downloads: "true"

css/style.css

@@ -0,0 +1,3 @@
+.github-fork-ribbon.left-top:before {
+    background-color: #008F00;
+}

index.html

@@ -7,6 +7,7 @@
 <link rel="stylesheet" type="text/css" href="slick/slick.css"/>
 <link rel="stylesheet" type="text/css" href="slick/slick-theme.css"/>
 <a class="github-fork-ribbon right-top fixed" href="https://github.com/DineshSolanki/FoliCon" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>				
+<a class="github-fork-ribbon left-top fixed" href="https://dineshsolanki.github.io/FoliCon-docs/" data-ribbon="See Docs" title="See Docs">See Docs</a>				
 <h2>The ultimate movie, show,music and games folder icon customizer</h2>
 <div class="slid">
 				<div>
@@ -46,22 +47,24 @@ <h1>Features:</h1>
 <ul style="list-style: circle;">
 	<li>Folder Icons(5 different designs) with Rating.</li>
 	<li>Apply already downloaded ico or png as folder icons.</li>
-	<li>chose from multiple poster available for a media. </li>
+	<li>chose from multiple posters available for the media. </li>
 	<li>See trailer/video right in the FoliCon. </li>
 	<li> preview poster in high quality before picking. </li>
 	<li>Give your own rating for media poster.</li>
 	<li>Available in multiple languages.</li>
-	<li>Supports Game, Shows,music,anime and Movies/collections Folders.</li>
+	<li>Supports Games, Shows, music,anime and Movies/collections Folders.</li>
 	<li>Professional Mode makes your folder icon professional with publicly available personally designed Folder icons.</li>
 	<li>Shows Story overview, Year and rating.</li>
-	<li>Automatic selection of icons minimizes the work user has to do.</li>
+	<li>Automatic selection of icons minimizes the work a user has to do.</li>
 </ul> 
 <hr />
 <iframe frameborder="0" class="juxtapose" width="100%" height="549.3502145922747" src="https://cdn.knightlab.com/libs/juxtapose/latest/embed/index.html?uid=d0f8744a-9a00-11ea-a879-0edaf8f81e27"></iframe>
 <!-- Place this tag where you want the button to render. -->
 <hr />
-<blockquote>DISCLAIMER - All professional mode icons are fetched from publicly available galaries of DeviantArt and all rights reserves to their respective owners.</blockquote>
+<blockquote>DISCLAIMER - All professional mode icons are fetched from publicly available galleries of DeviantArt and all rights reserves to their respective owners.</blockquote>
 <a class="github-button" href="https://github.com/DineshSolanki" data-size="large" aria-label="Follow @DineshSolanki on GitHub">Follow Dinesh Solanki</a>
+<a class="github-button" href="https://dineshsolanki.github.io/FoliCon-docs/" data-size="large" aria-label="See FoliCon Docs">FoliCon Docs</a>
+
 <a class="github-button" href="https://github.com/DineshSolanki/FoliCon/subscription" data-icon="octicon-eye" data-size="large" data-show-count="true" aria-label="Watch DineshSolanki/FoliCon on GitHub">Watch</a>
 <a class="github-button" href="https://github.com/DineshSolanki/FoliCon" data-icon="octicon-star" data-size="large" data-show-count="true" aria-label="Star DineshSolanki/FoliCon on GitHub">Star</a>
 <a class="github-button" href="https://github.com/DineshSolanki/FoliCon/issues" data-icon="octicon-issue-opened" data-size="large" data-show-count="true" aria-label="Issue DineshSolanki/FoliCon on GitHub">Issue</a>