diff --git a/wiki/pages/colonization.html b/wiki/pages/colonization.html
index f6b1ff5b9d0f899562f333201816c3b4775b7ec5..1e429f1ce930e63c1672139dc475de0e796cae5c 100644
--- a/wiki/pages/colonization.html
+++ b/wiki/pages/colonization.html
@@ -200,6 +200,7 @@
       <hr>
     </div>
   </div>
+  
   <style>
     .col-lg-12 a {
       color: #fa8072;
diff --git a/wiki/pages/therapy-system.html b/wiki/pages/therapy-system.html
index 249705727285352489797de230270adde11059bb..0ffb3029c6adea84685a03c4597ee0ffd9fb8a31 100644
--- a/wiki/pages/therapy-system.html
+++ b/wiki/pages/therapy-system.html
@@ -25,6 +25,15 @@
       margin-right: 100px; 
       margin-left: 130px; 
     }
+    .col-lg-12 a {
+      color: #fa8072;
+      text-decoration: none;
+      transition: color 0.3s ease;
+    }
+    .col-lg-12 a:hover {
+      color: #ff6347;
+      text-decoration: underline;
+    }
     
   </style>
 </head>
@@ -220,17 +229,46 @@
 
 <div class="row mt-4">
   <div class="col-lg-12">
-    <h2 id="Protocol">
-      <h2>Protocol</h2>
-      <hr>
+    <h2 id="Protocol">Protocol</h2>
+    <hr>
+    <p>
+      <a href="https://static.igem.wiki/teams/5187/wiki-colonization-fig/saccharomyces-cerevisiae-sensor-system-induced-expression-protocol.pdf" target="_blank" rel="noopener noreferrer">
+         (click me to open the protocol!)
+      </a>
+    </p>
+    <p>
+      <a href="https://static.igem.wiki/teams/5187/wiki-colonization-fig/tissue-binding-assay-protocol.pdf" target="_blank" rel="noopener noreferrer">
+         (click me to open the protocol!)
+      </a>
+    </p>
   </div>
 </div>
 
 <div class="row mt-4">
   <div class="col-lg-12">
     <h2 id="Notebook">
-      <h2>Notebook</h2>
-      <hr>
+    <h2>Notebook</h2>
+    <p>
+      <a href="https://static.igem.wiki/teams/5187/wiki-colonization-fig/notebook-of-consumables.pdf" target="_blank" rel="noopener noreferrer">
+        The notebook of the Consumables (click me to open the Notebook!)
+      </a>
+    </p>
+    <p>
+      <a href="https://static.igem.wiki/teams/5187/wiki-therapysystem-fig/notebook-of-system-part1.pdf" target="_blank" rel="noopener noreferrer">
+        The notebook of the system part 1 (click me to open the Notebook!)
+      </a>
+    </p>
+    <p>
+      <a href="https://static.igem.wiki/teams/5187/wiki-therapysystem-fig/notebook-of-system-part2.pdf" target="_blank" rel="noopener noreferrer">
+        The notebook of the system part 2 (click me to open the Notebook!)
+      </a>
+    </p>
+    <p>
+      <a href="https://static.igem.wiki/teams/5187/wiki-therapysystem-fig/notebook-of-system-part3.pdf" target="_blank" rel="noopener noreferrer">
+        The notebook of the system part 3 (click me to open the Notebook!)
+      </a>
+    </p>
+    <hr>
   </div>
 </div>