Update file colonization.html

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;