diff --git a/src/App/App.css b/src/App/App.css
index cc29efd6bd33eb9ae68da5f31c591b1d6ef6cefb..2840b7c25425b4c87057790ebbcef0d8f91a392e 100644
--- a/src/App/App.css
+++ b/src/App/App.css
@@ -974,7 +974,7 @@ button.tabbutton:nth-child(1){
 .Industry, button.tabbutton:nth-child(5){
   background-color: var(--mediumpurple);
 }
-button.tabbutton:nth-child(6){
+.Activist, button.tabbutton:nth-child(6){
   background-color: var(--igemlightgreen);
 }
 
diff --git a/src/contents/human-practices.tsx b/src/contents/human-practices.tsx
index f0f69232c69a9b5ba85bcd5ad5765317e1631a13..0281aa561f24857cbb1f3a3a29f5917d55fdba4a 100644
--- a/src/contents/human-practices.tsx
+++ b/src/contents/human-practices.tsx
@@ -156,14 +156,66 @@ let timelinepersontabs =[
   },
   {
     node: <>
-
-          </>,
+    <br/>
+   <h3>Berens</h3>
+   <hr/>
+   <div className="row">
+   <div className="col-2">
+   <div className="t-tag Academia">
+       Beruf
+   </div>
+   </div>
+   <div className="col">Original language: German</div>
+   </div>
+   <div className="row">
+     <div className="col">
+       <BlockQuoteB text="Quote" cite="."></BlockQuoteB>
+     </div>
+     <div className="col-3">
+       <img className="middle sechpro" src="https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg"/>
+     </div>
+   </div>
+   <h4>Aim of contact</h4>
+   <p></p>
+   <h4>Insights</h4>
+   <p></p>
+   <h4>Clarification</h4>
+   <p></p>
+   <h4>Implementation</h4>
+   <p></p>
+    </>,
     cssname: "Berens"
   },
   {
     node: <>
-
-          </>,
+    <br/>
+   <h3>Wischmeyer</h3>
+   <hr/>
+   <div className="row">
+   <div className="col-2">
+   <div className="t-tag Academia">
+       Beruf
+   </div>
+   </div>
+   <div className="col">Original language: German</div>
+   </div>
+   <div className="row">
+     <div className="col">
+       <BlockQuoteB text="Quote" cite="."></BlockQuoteB>
+     </div>
+     <div className="col-3">
+       <img className="middle sechpro" src="https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg"/>
+     </div>
+   </div>
+   <h4>Aim of contact</h4>
+   <p></p>
+   <h4>Insights</h4>
+   <p></p>
+   <h4>Clarification</h4>
+   <p></p>
+   <h4>Implementation</h4>
+   <p></p>
+    </>,
     cssname: "Wischmeyer"
   },
   {
@@ -200,9 +252,34 @@ let timelinepersontabs =[
   },
   {
     node: <>
-            <h3>Rnhale</h3>
-            <p></p>
-          </>,
+    <br/>
+   <h3>Rnahale</h3>
+   <hr/>
+   <div className="row">
+   <div className="col-2">
+   <div className="t-tag Industry">
+       Beruf
+   </div>
+   </div>
+   <div className="col">Original language: German</div>
+   </div>
+   <div className="row">
+     <div className="col">
+       <BlockQuoteB text="Quote" cite="."></BlockQuoteB>
+     </div>
+     <div className="col-3">
+       <img className="middle sechpro" src="https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg"/>
+     </div>
+   </div>
+   <h4>Aim of contact</h4>
+   <p></p>
+   <h4>Insights</h4>
+   <p></p>
+   <h4>Clarification</h4>
+   <p></p>
+   <h4>Implementation</h4>
+   <p></p>
+    </>,
     cssname: "InvRNale"
   },
   {
@@ -272,13 +349,70 @@ let timelinepersontabs =[
   },
   {
     node: <>
-
+            <br/>
+            <h3>Julia</h3>
+            <hr/>
+            <div className="row">
+            <div className="col-2">
+            <div className="t-tag Patient">
+                Parent
+            </div>
+            </div>
+            <div className="col">Original language: German</div>
+            </div>
+            <div className="row">
+              <div className="col">
+                <BlockQuoteB text="Quote" cite="."></BlockQuoteB>
+              </div>
+              <div className="col-3">
+                <img className="middle sechpro" src="https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg"/>
+              </div>
+            </div>
+            <h4>Aim of contact</h4>
+            <p></p>
+            <h4>Insights</h4>
+            <p></p>
+            <h4>Clarification</h4>
+            <p></p>
+            <h4>Implementation</h4>
+            <p></p>
           </>,
     cssname: "InvJulia"
   },
   {
     node: <>
-
+            <br/>
+            <h3>Joshua Bauder</h3>
+            <hr/>
+            <div className="row">
+            <div className="col-1">
+            <div className="t-tag Patient">
+                Parent
+            </div>
+            </div>
+            <div className="col-1">
+            <div className="t-tag Activist">
+                Activist
+            </div>
+            </div>
+            <div className="col">Original language: English</div>
+            </div>
+            <div className="row">
+              <div className="col">
+                <BlockQuoteB text="Quote" cite="."></BlockQuoteB>
+              </div>
+              <div className="col-3">
+                <img className="middle sechpro" src="https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg"/>
+              </div>
+            </div>
+            <h4>Aim of contact</h4>
+            <p></p>
+            <h4>Insights</h4>
+            <p></p>
+            <h4>Clarification</h4>
+            <p></p>
+            <h4>Implementation</h4>
+            <p></p>
           </>,
     cssname: "InvJoshua"
   },
@@ -391,21 +525,96 @@ let timelinepersontabs =[
   },
   {
     node: <>
-            <h3>Kolonko</h3>
-            <p></p>
-          </>,
+    <br/>
+   <h3>Dr. Katharina Kolonko</h3>
+   <hr/>
+   <div className="row">
+   <div className="col-2">
+   <div className="t-tag Academia">
+       Beruf
+   </div>
+   </div>
+   <div className="col">Original language: German</div>
+   </div>
+   <div className="row">
+     <div className="col">
+       <BlockQuoteB text="Quote" cite="."></BlockQuoteB>
+     </div>
+     <div className="col-3">
+       <img className="middle sechpro" src="https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg"/>
+     </div>
+   </div>
+   <h4>Aim of contact</h4>
+   <p></p>
+   <h4>Insights</h4>
+   <p></p>
+   <h4>Clarification</h4>
+   <p></p>
+   <h4>Implementation</h4>
+   <p></p>
+    </>,
     cssname: "InvKolonko"
   },
   {
     node: <>
-            <h3>Weber</h3>
-            <p></p>
-          </>,
+    <br/>
+   <h3>Prof. Dr. Christoph Weber</h3>
+   <hr/>
+   <div className="row">
+   <div className="col-2">
+   <div className="t-tag Academia">
+       Beruf
+   </div>
+   </div>
+   <div className="col">Original language: German</div>
+   </div>
+   <div className="row">
+     <div className="col">
+       <BlockQuoteB text="Quote" cite="."></BlockQuoteB>
+     </div>
+     <div className="col-3">
+       <img className="middle sechpro" src="https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg"/>
+     </div>
+   </div>
+   <h4>Aim of contact</h4>
+   <p></p>
+   <h4>Insights</h4>
+   <p></p>
+   <h4>Clarification</h4>
+   <p></p>
+   <h4>Implementation</h4>
+   <p></p>
+    </>,
     cssname: "InvWeber"
   },
   {
     node: <>
-            <h3>Hammer</h3>
+             <br/>
+            <h3>Prof. Dr. Stefan Hammer</h3>
+            <hr/>
+            <div className="row">
+            <div className="col-2">
+            <div className="t-tag Academia">
+                Beruf
+            </div>
+            </div>
+            <div className="col">Original language: German</div>
+            </div>
+            <div className="row">
+              <div className="col">
+                <BlockQuoteB text="Quote" cite="."></BlockQuoteB>
+              </div>
+              <div className="col-3">
+                <img className="middle sechpro" src="https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg"/>
+              </div>
+            </div>
+            <h4>Aim of contact</h4>
+            <p></p>
+            <h4>Insights</h4>
+            <p></p>
+            <h4>Clarification</h4>
+            <p></p>
+            <h4>Implementation</h4>
             <p></p>
           </>,
     cssname: "InvHammer"