diff --git a/index.html b/index.html
index 9a47434..6dc401d 100644
--- a/index.html
+++ b/index.html
@@ -82,7 +82,7 @@
                     <a class="nav-link page-scroll" href="#install">Install</a>
                 </li>
                 <li class="nav-item">
-                    <a class="nav-link page-scroll" href="#news">News</a>
+                    <a class="nav-link page-scroll" href="#docs">Documentation</a>
                 </li>
                 <li class="nav-item">
                     <a class="nav-link page-scroll" href="#creator">Creator</a>
@@ -344,7 +344,7 @@ <h2>How to install</h2>
                         <div class="media-body">
                             <h5>Clone</h5>
                             <p class="text-muted">
-                                Start by cloning/downloading the API and Website repositories from the GitHub page linked below.
+                                Start by cloning/downloading the <a href="https://github.com/web-dl-tools/api">API</a> and <a href="https://github.com/web-dl-tools/website">Website</a> repositories from the GitHub page linked below.
                             </p>
                         </div>
                     </div>
@@ -404,51 +404,29 @@ <h3 class="dot-circle dot-lg">Go and get it all.</h3>
         </div>
     </section>
 
-    <!--blog section-->
-    <section class="pt-8 pb-6 bg-light" id="news">
+    <!--Documentation section-->
+    <section class="pt-6 pb-6 bg-light" id="docs">
         <div class="container">
             <div class="row">
-                <div class="col-md-10 mx-auto">
-                    <h2 class="dot-circle">News</h2>
-                    <p class="text-muted lead">
-                        Here you can checkout the latest news and updates about Web DL.
-                    </p>
-                </div>
-            </div>
-
-            <div class="row mt-5">
-                <div class="col-md-6 mb-5">
-                    <div class="card">
-                        <img class="card-img-top" src="img/github-migrated.png" alt="GitHub migrated">
-                        <div class="card-body">
-                            <h5 class="card-title">Project has migrated to GitHub!</h5>
-                            <h6 class="card-subtitle mb-2 text-muted">August 2021</h6>
-                            <p class="card-text">
-                                I've finished the migration from GitLab to GitHub. All the code and
-                                previous tags/releases should all be there now.
-                            </p>
-                        </div>
-                    </div>
-                </div>
-
-                <div class="col-md-6 mb-5">
-                    <div class="card">
-                        <img class="card-img-top" src="img/github-progress.png" alt="GitHub progress">
-                        <div class="card-body">
-                            <h5 class="card-title">GitHub still in progress...</h5>
-                            <h6 class="card-subtitle mb-2 text-muted">June 2021</h6>
-                            <p class="card-text">
-                                I'm still working on migrating the project from GitLab to GitHub. Eventually the
-                                code should all be there.
-                            </p>
+                <div class="col-12">
+                    <a href="https://web-dl-tools.github.io/docs">
+                        <div class="card">
+                            <div class="card-body">
+                                <h5 class="card-title">Documentation</h5>
+                                <h6 class="card-subtitle mb-2 text-muted">Need help?</h6>
+                                <p class="card-text">
+                                    Quick-start guide, hardware, OS & software requirements, configuration options, common pitfalls and more.
+                                </p>
+                                <a class="mt-4 btn btn-light page-scroll" href="https://github.com/web-dl-tools">Go to documentation</a>
+                            </div>
                         </div>
-                    </div>
+                    </a>
                 </div>
             </div>
         </div>
     </section>
 
-    <!--call to action-->
+    <!--creator section-->
     <section class="bg-hero py-7" id="creator" style="background-image: url(img/background.png)">
         <div class="container">
             <div class="row">
@@ -483,6 +461,7 @@ <h2 class="text-white">Hello World.</h2>
                         <li class="list-inline-item"><a href="https://github.com/web-dl-tools/api">API</a></li>
                         <li class="list-inline-item"><a href="https://github.com/web-dl-tools/website">Website</a></li>
                         <li class="list-inline-item"><a href="https://github.com/web-dl-tools/extension">Extension</a></li>
+                        <li class="list-inline-item"><a href="https://github.com/web-dl-tools/docs">Documentation</a></li>
                     </ul>
                     <p class="text-muted small text-uppercase mt-4">
                         Star the repositories