diff --git a/Boolean-Algebra/index.html b/Boolean-Algebra/index.html
index c85975b..9a68589 100644
--- a/Boolean-Algebra/index.html
+++ b/Boolean-Algebra/index.html
@@ -20,12 +20,11 @@
 
         <header>
             <div class="content">
-                <h3><a href="..">CDM Utils</a></h3>
+                <h3><a href="../index.html">CDM Utils</a></h3>
                 <div class="theme">
-                    <h3><a href="../Set-Algebra">Set Algebra</a></h3>
+                    <h3><a href="../Set-Algebra/index.html">Set Algebra</a></h3>
                     <h3><a href="" class="current">Boolean Algebra</a></h3>
-                    <h3><a href=""></a></h3>
-                    <h3><a href="../Knowledgebase">Knowledgebase</a></h3>
+                    <h3><a href="../Knowledgebase/index.html">Knowledgebase</a></h3>
                     <h3><a href="https://github.com/cuqmbr/cdm-utils/" target="_blank">GitHub</a></h3>
                 </div>
             </div>
@@ -100,7 +99,9 @@
         <div class="wrapper hide close" id="stepsNode">
             <img src="../img/cross-close-icon.png" class="close-button" onclick="ToggleSteps(false)">
             <div class="step-by-step" id="stepsWrapper">
-                <h1>Step by step <a href="" title="Learn more about Boolean Calculations"><img src="../img/question-mark.png" class="question-mark-button"></a> </h1>
+                <h1>Step by step
+                    <a href="" title="Learn more about Boolean Calculations"><img src="../img/question-mark.png" class="question-mark-button"></a>
+                </h1>
                 <div class="input-wrap" id="input-wrap">
                     <h1 class="text">1.</h1>
                     <div class="input"><input type="result" id="step1" readonly/></div>
@@ -111,7 +112,9 @@
         <div class="wrapper hide close" id="truthTableNode">
             <img src="../img/cross-close-icon.png" class="close-button" onclick="ToggleTruthTable(false)">
             <div class="step-by-step" id="truthTableWrapper">
-                <h1>Truth Table <a href="" title="Learn more about Truth Tabels"><img src="../img/question-mark.png" class="question-mark-button"></a> </h1>
+                <h1>Truth Table
+                    <a href="" title="Learn more about Truth Tabels"><img src="../img/question-mark.png" class="question-mark-button"></a>
+                </h1>
                 <div class="input-wrap" id="input-wrap">
                     <div class="input"><input type="table-start" id="step1" readonly/></div>
                 </div>
@@ -127,7 +130,9 @@
         <div class="wrapper hide close" id="pdnfNode">
             <img src="../img/cross-close-icon.png" class="close-button" onclick="TogglePDNF(false)">
             <div class="step-by-step" id="pdnfWrapper">
-                <h1>Perfect Disjunctive Normal Form <a href="" title="Learn more about PDNF"><img src="../img/question-mark.png" class="question-mark-button"></a> </h1>
+                <h1>Perfect Disjunctive Normal Form
+                    <a href="" title="Learn more about PDNF"><img src="../img/question-mark.png" class="question-mark-button"></a>
+                </h1>
                 <div class="input-wrap" id="input-wrap">
                     <div class="input"><input type="result" id="step1" readonly/></div>
                 </div>
@@ -137,7 +142,9 @@
         <div class="wrapper hide close" id="pcnfNode">
             <img src="../img/cross-close-icon.png" class="close-button" onclick="TogglePCNF(false)">
             <div class="step-by-step" id="pcnfWrapper">
-                <h1>Perfect Conjunctive Normal Form <a href="" title="Learn more about PCNF"><img src="../img/question-mark.png" class="question-mark-button"></a> </h1>
+                <h1>Perfect Conjunctive Normal Form
+                    <a href="" title="Learn more about PCNF"><img src="../img/question-mark.png" class="question-mark-button"></a>
+                </h1>
                 <div class="input-wrap" id="input-wrap">
                     <div class="input"><input type="result" id="step1" readonly/></div>
                 </div>
diff --git a/Knowledgebase/favicon.png b/Knowledgebase/favicon.png
new file mode 100644
index 0000000..d395cd0
Binary files /dev/null and b/Knowledgebase/favicon.png differ
diff --git a/Knowledgebase/index.html b/Knowledgebase/index.html
index 6d2dfc5..858856b 100644
--- a/Knowledgebase/index.html
+++ b/Knowledgebase/index.html
@@ -1,12 +1,53 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Document</title>
+    <title>Knowledgebase</title>
+    <link rel="icon" type="image/x-icon" href="favicon.png">
+    <link rel="stylesheet" href="../style.css">
 </head>
+
 <body>
-    <h1>Coming soon</h1>
+
+    <div class="gradient"></div>
+
+    <div class="container">
+
+        <header>
+            <div class="content">
+                <h3><a href="../index.html">CDM Utils</a></h3>
+                <div class="theme">
+                    <h3><a href="../Set-Algebra/index.html">Set Algebra</a></h3>
+                    <h3><a href="../Boolean-Algebra/index.html">Boolean Algebra</a></h3>
+                    <h3><a class="current" href="Knowledgebase">Knowledgebase</a></h3>
+                    <h3><a href="https://github.com/cuqmbr/cdm-utils/" target="_blank">GitHub</a></h3>
+                </div>
+            </div>
+
+        </header>
+
+        <h1 class="title">Knowledgebase</h1>
+
+        <div class="wrapper no-top-margin knowledge">
+            <div class="knowledge-wrap">
+                <h1 class="knowledge-main-title">Main Title (Set Algebra)</h1>
+                <h1 class="knowledge-title">Theme Title (Set algebra operations)</h1>
+                <h6 class="knowledge-desc"> &emsp; (Это команда для таба) Text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus finibus in nulla a lobortis. Integer odio nulla, sollicitudin fringilla commodo et, interdum nec turpis. Quisque pellentesque, arcu ac
+                    luctus interdum, urna elit euismod sem, eu accumsan ipsum ipsum a velit. Donec mattis metus odio, id maximus velit condimentum sit amet. Duis iaculis, lorem eget scelerisque porta, ante ligula consequat tellus, non vestibulum sem risus
+                    quis massa. Morbi sodales imperdiet nulla, id tristique ipsum ornare quis. Duis aliquet lacus non urna ornare, id sodales turpis malesuada. Maecenas interdum nibh nibh, condimentum rhoncus nulla lobortis sit amet. Phasellus et lorem
+                    volutpat, accumsan justo in, ultrices nisi. Duis dignissim orci sollicitudin ornare mattis. Donec vitae odio diam.</h6>
+
+                <h1 class="knowledge-main-title">Main Title (Set Algebra)</h1>
+                <h1 class="knowledge-title">Theme Title (Set algebra operations)</h1>
+                <h6 class="knowledge-desc"> &emsp; (Это команда для таба) Text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus finibus in nulla a lobortis. Integer odio nulla, sollicitudin fringilla commodo et, interdum nec turpis. Quisque pellentesque, arcu ac
+                    luctus interdum, urna elit euismod sem, eu accumsan ipsum ipsum a velit. Donec mattis metus odio, id maximus velit condimentum sit amet. Duis iaculis, lorem eget scelerisque porta, ante ligula consequat tellus, non vestibulum sem risus
+                    quis massa. Morbi sodales imperdiet nulla, id tristique ipsum ornare quis. Duis aliquet lacus non urna ornare, id sodales turpis malesuada. Maecenas interdum nibh nibh, condimentum rhoncus nulla lobortis sit amet. Phasellus et lorem
+                    volutpat, accumsan justo in, ultrices nisi. Duis dignissim orci sollicitudin ornare mattis. Donec vitae odio diam.</h6>
+            </div>
+        </div>
 </body>
+
 </html>
\ No newline at end of file
diff --git a/Set-Algebra/index.html b/Set-Algebra/index.html
index 06ebe7d..d2c73d0 100644
--- a/Set-Algebra/index.html
+++ b/Set-Algebra/index.html
@@ -20,12 +20,11 @@
 
         <header>
             <div class="content">
-                <h3><a href="..">CDM Utils</a></h3>
+                <h3><a href="../index.html">CDM Utils</a></h3>
                 <div class="theme">
                     <h3><a href="" class="current">Set Algebra</a></h3>
-                    <h3><a href="../Boolean-Algebra">Boolean Algebra</a></h3>
-                    <h3><a href=""></a></h3>
-                    <h3><a href="../Knowledgebase">Knowledgebase</a></h3>
+                    <h3><a href="../Boolean-Algebra/index.html">Boolean Algebra</a></h3>
+                    <h3><a href="../Knowledgebase/index.html">Knowledgebase</a></h3>
                     <h3><a href="https://github.com/cuqmbr/cdm-utils/" target="_blank">GitHub</a></h3>
                 </div>
             </div>
diff --git a/index.html b/index.html
index 8b1f7e7..4087641 100644
--- a/index.html
+++ b/index.html
@@ -24,8 +24,7 @@
                 <div class="theme">
                     <h3><a href="Set-Algebra/index.html">Set Algebra</a></h3>
                     <h3><a href="Boolean-Algebra/index.html">Boolean Algebra</a></h3>
-                    <h3><a href=""></a></h3>
-                    <h3><a href="Knowledgebase">Knowledgebase</a></h3>
+                    <h3><a href="Knowledgebase/index.html">Knowledgebase</a></h3>
                     <h3><a href="https://github.com/cuqmbr/cdm-utils/" target="_blank">GitHub</a></h3>
                 </div>
             </div>
diff --git a/style.css b/style.css
index 9cfa706..8a2ebc0 100644
--- a/style.css
+++ b/style.css
@@ -477,6 +477,33 @@ input[type=table-end] {
     max-width: 22px;
 }
 
+
+/* ------------------Knowledgebase-------------- */
+
+.knowledge {
+    flex-direction: column;
+}
+
+.knowledge-wrap {
+    width: 95%;
+    margin: 20px auto;
+    display: flex;
+    flex-direction: column;
+}
+
+.knowledge-main-title {
+    margin: 15px auto;
+}
+
+.knowledge-title {
+    text-align: left;
+    margin: 5px 0;
+}
+
+.knowledge-desc {
+    text-align: justify;
+}
+
 @media screen and (max-device-width: 650px) and (min-device-width: 0px) {
     .wrapper {
         flex-direction: column;
@@ -497,4 +524,7 @@ input[type=table-end] {
         width: auto;
         text-align: center;
     }
+    .knowledge-wrap {
+        width: 80%;
+    }
 }
\ No newline at end of file