diff --git a/wiki/pages/colonization.html b/wiki/pages/colonization.html
index 1bf91f630991f84f44ca881471ed4601d66122f8..f6b1ff5b9d0f899562f333201816c3b4775b7ec5 100644
--- a/wiki/pages/colonization.html
+++ b/wiki/pages/colonization.html
@@ -40,6 +40,8 @@
       <li><a href="#Experiment">Experiment</a></li>
       <li><a href="#Result">Result</a></li>
       <li><a href="#Protocol">Protocol</a></li>
+      <li><a href="#Notebook">Notebook</a></li>
+      <li><a href="#References">References</a></li>
     </ul>
   </div>
 
@@ -173,6 +175,31 @@
     </div>
   </div>
   
+  <div class="row mt-4">
+    <div class="col-lg-12">
+      <h2 id="Notebook">
+      <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-colonization-fig/notebook-of-coloniztion.pdf" target="_blank" rel="noopener noreferrer">
+          The notebook of the system (click me to open the Notebook!)
+        </a>
+      </p>
+      <hr>
+    </div>
+  </div>
+
+  <div class="row mt-4">
+    <div class="col-lg-12">
+      <h2 id="References">
+      <h2>References</h2>
+      <hr>
+    </div>
+  </div>
   <style>
     .col-lg-12 a {
       color: #fa8072;