diff --git a/src/App/App.css b/src/App/App.css
index 4bd2afc62f9d87b26f4c105487218be0ceeb5386..192cc901993e7b047b00f66f0bc95386b6e70fe9 100644
--- a/src/App/App.css
+++ b/src/App/App.css
@@ -4031,10 +4031,63 @@ figure img{
 
 #hphead{
   background: linear-gradient(rgba(255,255,255,0.2), rgba(255,255,200,0.2)), url("https://static.igem.wiki/teams/5247/photos/header/human-practices.webp");
- 
 }
 
-#hphead{
+#conhead{
+  background: linear-gradient(rgba(255,255,255,0.2), rgba(255,255,200,0.2)), url("https://static.igem.wiki/teams/5247/photos/header/contribution.webp");
+}
+
+#deschead{
+  background: linear-gradient(rgba(255,255,255,0.2), rgba(255,255,200,0.2)), url("https://static.igem.wiki/teams/5247/photos/header/project-description.webp");
+}
+
+#enghead{
+  background: linear-gradient(rgba(255,255,255,0.2), rgba(255,255,200,0.2)), url("https://static.igem.wiki/teams/5247/photos/header/.webp");
+}
+#safehead{
+  background: linear-gradient(rgba(255,255,255,0.2), rgba(255,255,200,0.2)), url("https://static.igem.wiki/teams/5247/photos/header/biosafety2.webp");
+}
+/* #atthead{
+  background: linear-gradient(rgba(255,255,255,0.2), rgba(255,255,200,0.2)), url("https://static.igem.wiki/teams/5247/photos/header/attribution.webp");
+} */
+#dochead{
+  background: linear-gradient(rgba(255,255,255,0.2), rgba(255,255,200,0.2)), url("https://static.igem.wiki/teams/5247/photos/header/documentation.webp");
+}
+#exhead{
+  background: linear-gradient(rgba(255,255,255,0.2), rgba(255,255,200,0.2)), url("https://static.igem.wiki/teams/5247/photos/header/experiments.webp");
+}
+#ibhead{
+  background: linear-gradient(rgba(255,255,255,0.2), rgba(255,255,200,0.2)), url("https://static.igem.wiki/teams/5247/photos/header/igem-bielefeld.webp");
+}
+#jughead{
+  background: linear-gradient(rgba(255,255,255,0.2), rgba(255,255,200,0.2)), url("https://static.igem.wiki/teams/5247/photos/header/judging.webp");
+}
+#mmhead{
+  background: linear-gradient(rgba(255,255,255,0.2), rgba(255,255,200,0.2)), url("https://static.igem.wiki/teams/5247/photos/header/materials-methods.webp");
+}
+#nothead{
+  background: linear-gradient(rgba(255,255,255,0.2), rgba(255,255,200,0.2)), url("https://static.igem.wiki/teams/5247/photos/header/notebook.webp");
+}
+#parhead{
+  background: linear-gradient(rgba(255,255,255,0.2), rgba(255,255,200,0.2)), url("https://static.igem.wiki/teams/5247/photos/header/parts.webp");
+}
+#reshead{
+  background: linear-gradient(rgba(255,255,255,0.2), rgba(255,255,200,0.2)), url("https://static.igem.wiki/teams/5247/photos/header/results.webp");
+}
+#teamhead{
+  background: linear-gradient(rgba(255,255,255,0.2), rgba(255,255,200,0.2)), url("https://static.igem.wiki/teams/5247/photos/header/rooster.webp");
+}
+#sphead{
+  background: linear-gradient(rgba(255,255,255,0.2), rgba(255,255,200,0.2)), url("https://static.igem.wiki/teams/5247/photos/header/sponsors-partners.webp");
+}
+#suphead{
+  background: linear-gradient(rgba(255,255,255,0.2), rgba(255,255,200,0.2)), url("https://static.igem.wiki/teams/5247/photos/header/supplement.webp");
+}
+
+#hphead, #conhead, #deschead, #enghead, #safehead, #atthead, #dochead, 
+#exhead, #ibhead, #jughead, #mmhead, #nothead, #parhead, #reshead, #teamhead
+, #sphead, #suphead
+{
   background-size: 1650px auto;
   background-repeat: no-repeat;
 }
diff --git a/src/contents/index.tsx b/src/contents/index.tsx
index 39546fcae9f7983af7f8141a57b9fdd5eedd500f..4972a59689fc84dfaa965ab14e0dadaba785f291 100644
--- a/src/contents/index.tsx
+++ b/src/contents/index.tsx
@@ -33,8 +33,6 @@ export * from "../headers/note-h.tsx"
 export * from "../headers/res-h.tsx"
 export * from "../headers/safe-h.tsx"
 export * from "../headers/team-h.tsx"
-export * from "../headers/wiki-h.tsx"
-export * from "../headers/ints-h.tsx"
 export * from "../headers/spons-h.tsx"
 export * from "../headers/eng-h.tsx"
 export * from "../headers/sup-h.tsx"
diff --git a/src/headers/attribution-h.tsx b/src/headers/attribution-h.tsx
index 79825928a8c12e4cc9e2fb0f4bf33df3a0b9630c..04b6e3a0e989e0e3f947a77218501fd6b3d080cf 100644
--- a/src/headers/attribution-h.tsx
+++ b/src/headers/attribution-h.tsx
@@ -3,7 +3,7 @@ import HeaderBox from "../components/HeaderBox";
 export function ATTH() {
 
     return (
-      <HeaderBox title="Attributions">
+      <HeaderBox title="Attributions" id="atthead">
       </HeaderBox>
     );
   }
\ No newline at end of file
diff --git a/src/headers/cont-h.tsx b/src/headers/cont-h.tsx
index 999212381036cad97a965e1f2654a598679383cc..a5d9f164a31f581a0c42a576d62edc689feecab3 100644
--- a/src/headers/cont-h.tsx
+++ b/src/headers/cont-h.tsx
@@ -3,7 +3,7 @@ import HeaderBox from "../components/HeaderBox";
 export function CONTH() {
 
     return (
-      <HeaderBox title="Contribution">
+      <HeaderBox title="Contribution" id="conhead">
         
       </HeaderBox>
     );
diff --git a/src/headers/des-h.tsx b/src/headers/des-h.tsx
deleted file mode 100644
index 241a01ad2a6624cf8b21b219a97f224dde7fcbc9..0000000000000000000000000000000000000000
--- a/src/headers/des-h.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-export function DESH() {
-
-    return (
-      <HeaderBox title="Design">
-        
-      </HeaderBox>
-    );
-  }
-
-  import HeaderBox from "../components/HeaderBox";
\ No newline at end of file
diff --git a/src/headers/desc-h.tsx b/src/headers/desc-h.tsx
index 699db6f5dfd46e900c234c47ee5413c683f11b71..f6942b04222f9d0df59841eaf00a3681f93be68c 100644
--- a/src/headers/desc-h.tsx
+++ b/src/headers/desc-h.tsx
@@ -1,7 +1,7 @@
 export function DESCH() {
 
   return (
-    <HeaderBox  title="Description">
+    <HeaderBox  title="Description" id="deschead">
       
     </HeaderBox>
   );
diff --git a/src/headers/dry-h.tsx b/src/headers/dry-h.tsx
deleted file mode 100644
index 269c301ad8d81a98e33d1a670edc249a56d1bd65..0000000000000000000000000000000000000000
--- a/src/headers/dry-h.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-export function DRYH() {
-  return (
-    <HeaderBox title="dry lab">
-      
-    </HeaderBox>
-  );
-}
-
-import HeaderBox from "../components/HeaderBox";
\ No newline at end of file
diff --git a/src/headers/eng-h.tsx b/src/headers/eng-h.tsx
index be5c76b02b392b49f41f589280e417d9630af5fd..b96d2b3c7623254ce432fd52ed0f59841f777205 100644
--- a/src/headers/eng-h.tsx
+++ b/src/headers/eng-h.tsx
@@ -1,7 +1,7 @@
 export function ENGH() {
 
   return (
-    <HeaderBox title="Engineering">
+    <HeaderBox title="Engineering" id="enghead">
       
     </HeaderBox>
   );
diff --git a/src/headers/exp-h.tsx b/src/headers/exp-h.tsx
index 562ea86d9d1065e26e53c99b1f6bd77e2bca0cdb..b359e9758812978e0771a56a564408f05d0d948c 100644
--- a/src/headers/exp-h.tsx
+++ b/src/headers/exp-h.tsx
@@ -1,7 +1,7 @@
 export function EXPH() {
 
   return (
-    <HeaderBox title="Experiments">
+    <HeaderBox title="Experiments" id="exhead">
       
     </HeaderBox>
   );
diff --git a/src/headers/ibie-h.tsx b/src/headers/ibie-h.tsx
index c1f068d99b765b8dbd3a05548c4fa5c49844ab11..2fea7d3775a7d7458567a97c3339ee7937b15df5 100644
--- a/src/headers/ibie-h.tsx
+++ b/src/headers/ibie-h.tsx
@@ -1,7 +1,7 @@
 export function IBIE() {
 
     return (
-      <HeaderBox title="iGEM" title2="Bielefeld">
+      <HeaderBox title="iGEM" title2="Bielefeld" id="ibhead">
         
       </HeaderBox>
     );
diff --git a/src/headers/imp-h.tsx b/src/headers/imp-h.tsx
index 2706ead24a241fc94db8277321259a9474839be7..bddd295e3b0802fbc7875367bfd374336545f239 100644
--- a/src/headers/imp-h.tsx
+++ b/src/headers/imp-h.tsx
@@ -1,7 +1,7 @@
 export function IMPH() {
 
   return (
-    <HeaderBox title="">
+    <HeaderBox title="" id="imphead">
       
     </HeaderBox>
   );
diff --git a/src/headers/ints-h.tsx b/src/headers/ints-h.tsx
deleted file mode 100644
index e8c8252d27e0f21e8cc8ca16062993c8b73fd8a2..0000000000000000000000000000000000000000
--- a/src/headers/ints-h.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-export function INTSH() {
-
-  return (
-    <HeaderBox title="Interviews">
-      
-    </HeaderBox>
-  );
-}
-
-import HeaderBox from "../components/HeaderBox";
\ No newline at end of file
diff --git a/src/headers/judge-h.tsx b/src/headers/judge-h.tsx
index ee719574933cd62947fbbcfeae2413c80825ceeb..0941579beb7505deecdf180694e6ab9e15645893 100644
--- a/src/headers/judge-h.tsx
+++ b/src/headers/judge-h.tsx
@@ -4,7 +4,7 @@ export function JUDGEH() {
 
     return (
       
-      <HeaderBox title="Judging">
+      <HeaderBox title="Judging" id="jughead">
         
       </HeaderBox>
     );
diff --git a/src/headers/meth-h.tsx b/src/headers/meth-h.tsx
index 71c86bdcc5183a7ab118a0f33a1e91de8ad26998..be3e2db5f888385ee70b82da971daae524ded4c8 100644
--- a/src/headers/meth-h.tsx
+++ b/src/headers/meth-h.tsx
@@ -1,7 +1,7 @@
 export function METHH() {
 
     return (
-      <HeaderBox title="Materials" title2="& Methods">
+      <HeaderBox title="Materials" title2="& Methods" id="mmhead">
         
       </HeaderBox>
     );
diff --git a/src/headers/note-h.tsx b/src/headers/note-h.tsx
index 3b9b8b91746fa73dbd32973108a8cad2490cbe74..707a58c6a17a155e1180e98263dab67a7de570d4 100644
--- a/src/headers/note-h.tsx
+++ b/src/headers/note-h.tsx
@@ -1,7 +1,7 @@
 export function NOTEH() {
 
   return (
-    <HeaderBox title="Notebook">
+    <HeaderBox title="Notebook" id="nothead">
       
     </HeaderBox>
   );
diff --git a/src/headers/part-h.tsx b/src/headers/part-h.tsx
index 7add290d71908dc49424c09768061350f78f89d1..d9977c6d23c26c7bd85cff0a89b302f6ef115047 100644
--- a/src/headers/part-h.tsx
+++ b/src/headers/part-h.tsx
@@ -1,7 +1,7 @@
 export function PARTH() {
 
   return (
-    <HeaderBox title="Parts">
+    <HeaderBox title="Parts" id="parhead">
       
     </HeaderBox>
   );
diff --git a/src/headers/prodesc-h.tsx b/src/headers/prodesc-h.tsx
index 19b9fd5b4750b9a85ad4a5f633b3c3955c15c772..00be454993676f3edeb70edb8eaf3485b369ab0d 100644
--- a/src/headers/prodesc-h.tsx
+++ b/src/headers/prodesc-h.tsx
@@ -1,7 +1,7 @@
 export function PRODESC() {
 
   return (
-    <HeaderBox title="Project" title2="Documentation" >
+    <HeaderBox title="Project" title2="Documentation" id="dochead">
       
     </HeaderBox>
   );
diff --git a/src/headers/res-h.tsx b/src/headers/res-h.tsx
index b51d68e547a0ba87446373cec77264cbd908405a..5c633edb1025f6ccb69a36098fd8632c5ef43342 100644
--- a/src/headers/res-h.tsx
+++ b/src/headers/res-h.tsx
@@ -1,7 +1,7 @@
 export function RESH() {
 
   return (
-    <HeaderBox title="Results">
+    <HeaderBox title="Results" id="reshead">
       
     </HeaderBox>
   );
diff --git a/src/headers/safe-h.tsx b/src/headers/safe-h.tsx
index f24c29bfa2db29420cac1e333455304ffff00f2b..3046d73c8dc253358ad0c7f8b6c74eabca8a2a8a 100644
--- a/src/headers/safe-h.tsx
+++ b/src/headers/safe-h.tsx
@@ -1,7 +1,7 @@
 export function SAFEH() {
 
   return (
-    <HeaderBox title="Biosafety">
+    <HeaderBox title="Biosafety" id="safehead">
       
     </HeaderBox>
   );
diff --git a/src/headers/spons-h.tsx b/src/headers/spons-h.tsx
index dfeb712ab4859d704417bd174ddb799c34ae71d5..1e851c72116627ee2496ae508a87b05397661522 100644
--- a/src/headers/spons-h.tsx
+++ b/src/headers/spons-h.tsx
@@ -1,7 +1,7 @@
 export function SPONH() {
 
   return (
-    <HeaderBox title="Sponsors" title2="& Partners">
+    <HeaderBox title="Sponsors" title2="& Partners" id="sphead">
       
     </HeaderBox>
   );
diff --git a/src/headers/sup-h.tsx b/src/headers/sup-h.tsx
index 9e378aa8f098092560d92bbb45495b181b045410..2ecd535a3862fa41b5233128379deb81888af088 100644
--- a/src/headers/sup-h.tsx
+++ b/src/headers/sup-h.tsx
@@ -1,7 +1,7 @@
 export function SUPH() {
 
   return (
-    <HeaderBox title="Supplementary" title2="Material">
+    <HeaderBox title="Supplementary" title2="Material" id="suphead">
       
     </HeaderBox>
   );
diff --git a/src/headers/team-h.tsx b/src/headers/team-h.tsx
index 4b5dc019d70b4044839987a016eb3959820e012c..b72120b4707f9ca2b418f35502f4d1ce5a9a2954 100644
--- a/src/headers/team-h.tsx
+++ b/src/headers/team-h.tsx
@@ -1,7 +1,7 @@
 export function TEAMH() {
 
   return (
-    <HeaderBox title="Our Team">
+    <HeaderBox title="Our Team" id="teamhead">
       
     </HeaderBox>
   );
diff --git a/src/headers/wiki-h.tsx b/src/headers/wiki-h.tsx
deleted file mode 100644
index 2551f5bfb728de5357a0dd2df6a8caba487a4caf..0000000000000000000000000000000000000000
--- a/src/headers/wiki-h.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-export function WIKIH() {
-
-  return (
-    <HeaderBox title="Wiki Documentation">
-      
-    </HeaderBox>
-  );
-}
-
-import HeaderBox from "../components/HeaderBox";
\ No newline at end of file