diff --git a/website/css/docs/style.css b/website/css/docs/style.css
index 0548440..cc5ac2d 100644
--- a/website/css/docs/style.css
+++ b/website/css/docs/style.css
@@ -55,7 +55,7 @@ html, body {
     overflow: scroll;
 }
 
-.doc-container {
+#doc-container {
     width: 90%;
     margin: 5%;
 }
diff --git a/website/docs/gettingStarted.html b/website/docs/gettingStarted.html
index 0517c47..1debef2 100644
--- a/website/docs/gettingStarted.html
+++ b/website/docs/gettingStarted.html
@@ -13,10 +13,8 @@
             <div id="nav"></div>
             <div id="top"></div>
             <div id="docPage">
-                <div class="doc-container">
-                    <div class="docTitle">
-                        <h1>Getting Started with impress.js</h1>
-                    </div>
+                <div id="doc-container">
+                    <h1>Getting Started with impress.js</h1>
                     <p>impress.js is a JavaScript framework to create stunning presentations. Note: impress may not help you, if you have nothing interesting to say!</p>
                     <p>If you are new to impress and you want to learn to use it, we suggest you <a href="./gettingStarted.html" class="docs-link">start here</a>!</p>
                 </div>
diff --git a/website/docs/index.html b/website/docs/index.html
index cbf5a2e..710bd9f 100644
--- a/website/docs/index.html
+++ b/website/docs/index.html
@@ -13,10 +13,8 @@
             <div id="nav"></div>
             <div id="top"></div>
             <div id="docPage">
-                <div class="doc-container">
-                    <div class="docTitle">
-                        <h1>Welcome to the impress.js docs!</h1>
-                    </div>
+                <div id="doc-container">
+                    <h1>Welcome to the impress.js docs!</h1>
                     <p>impress.js is a JavaScript framework to create stunning presentations. Note: impress may not help you, if you have nothing interesting to say!</p>
                     <p>If you are new to impress and you want to learn to use it, we suggest you <a href="./gettingStarted.html" class="docs-link">start here</a>!</p>
                 </div>
diff --git a/website/docs/nav.html b/website/docs/nav.html
index c2672a0..c857c28 100644
--- a/website/docs/nav.html
+++ b/website/docs/nav.html
@@ -30,7 +30,7 @@
     </body>
     <script>
         function highlightPath () { 
-
+            
         };
 
         $(document).ready(function () {
diff --git a/website/docs/src/build.js b/website/docs/src/build.js
index e535445..e61ac46 100644
--- a/website/docs/src/build.js
+++ b/website/docs/src/build.js
@@ -16,6 +16,7 @@ const fs = require( 'fs' );
 const path = require( 'path' );
 const mdhtml = require( 'markdown-it' );
 const md2html = new mdhtml();
+const docRoot = path.join( __dirname + '/../' );
 
 const pluginsPath = path.join( __dirname + '/../../../src/plugins' );
 
@@ -39,9 +40,31 @@ function parseJS ( filepath ) {
 }
 
 function checkLinks ( html ) {
-
+    
 }
 
 function storeHTML ( html, path ) {
-    
+    let fileOut = `<!DOCTYPE html>
+    <html>
+        <head>
+        <title>Docs - impress.js</title>
+        <!--I am using jquery for button animations.-->
+        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
+        <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/jquery-ui.min.js" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+        <script src="/js/docs/loader.js"></script>
+        <link rel="stylesheet" href="/css/docs/style.css">
+    </head>
+    <body>
+        <div class="content">
+            <div id="nav"></div>
+            <div id="top"></div>
+            <div id="docPage">
+                <div id="doc-container">` + html 
+                + `</div>
+                </div>
+                <div id="footer"></div>
+            </div>
+        </body>
+    </html>`;
+    fs.writeFileSync( docRoot + '/plugins/' + path + '.html', fileOut );
 }
\ No newline at end of file
diff --git a/website/docs/src/template.html b/website/docs/src/template.html
index f11cd36..5f32244 100644
--- a/website/docs/src/template.html
+++ b/website/docs/src/template.html
@@ -3,13 +3,17 @@
     <head>
         <title>Docs - impress.js</title>
         <!--I am using jquery for button animations.-->
-        <script defer src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
+        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
+        <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/jquery-ui.min.js" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+        <script src="/js/docs/loader.js"></script>
+        <link rel="stylesheet" href="/css/docs/style.css">
     </head>
     <body>
         <div class="content">
             <div id="nav"></div>
+            <div id="top"></div>
             <div id="docPage">
-                <div class="docTitle"></div>
+                <div id="doc-container"></div>
             </div>
             <div id="footer"></div>
         </div>
