Notebook layout

src/contents/notebook.tsx

 
-import H1 from "../components/Headings";
+import H4 from "../components/Headings";
 import { useTabNavigation } from "../utils/TabNavigation";
 
 export function Notebook() {
   useTabNavigation();
   return (
-    <>
-      <div className="row mt-4">
-        <div className="col-lg-8">
-          <strong>
-            <H1 text="Ich bin ein Header!"/> 
-          </strong>
-          <i>
-            <p> Ich bin ein Paragraph. </p>
-          </i> 
+    <div>
+      <H4 text="Lab journals"/> 
+      <div className="row align-items-center">
+        <div className="col">
+        <figure>
+            <img src="https://static.igem.wiki/teams/5247/photos/for-wiki-texts/meth-patch-clamp/bild-meth-patch-clamp.png" alt="Text test"/>
+            <figcaption><b>Figure 1.</b> Text test</figcaption>
+          </figure>
+          <figure>
+            <img src="https://static.igem.wiki/teams/5247/photos/for-wiki-texts/meth-patch-clamp/bild-meth-patch-clamp.png" alt="Text2"/>
+            <figcaption><b>Figure 2.</b> Text2</figcaption>
+          </figure>
         </div>
-        
       </div>
-    </>
+    </div>
+
   );
 }