Added a short temporary text about vfh

src/contents/Bfh.tsx

@@ -4,7 +4,7 @@ import {TabContext, TabList, TabPanel} from '@mui/lab';
 import React from "react";
 import BFHGallery from "../components/photo-grid";
 import BFHpdf from "../components/pdfs";
-
+import { H2 } from "../components/headings";
 
 export function Bfh() {
   
@@ -13,7 +13,6 @@ export function Bfh() {
       <div className="row">
         <div className="col">
           <LabTabs></LabTabs>
-          {/* <DemoTimeline></DemoTimeline> */}
         </div>
       </div>
       <div className="row">
@@ -42,7 +41,7 @@ export function LabTabs() {
             <Tab label="Downloads" value="4" />
           </TabList>
         </Box>
-        <TabPanel value="2"> Hi  </TabPanel>
+        <TabPanel value="2"> <About/>  </TabPanel>
         <TabPanel value="1"> <MyTimeline></MyTimeline> </TabPanel>
         <TabPanel value="3"> <BFHGallery/> </TabPanel>
         <TabPanel value="4"> <BFHpdf></BFHpdf>  </TabPanel>
@@ -51,4 +50,11 @@ export function LabTabs() {
   );
 }
 
-
+export function About(){
+  return(
+    <div>
+      <H2 text="The background"/>
+      <p>Over the past years, we have all made many friends and expanded our scientific network during the iGEM competition and afterwards. The idea behind the cooperation between Bielefeld, Frankfurt and Hamburg is based on the friendship that former participants have gained alongside the iGEM competition. Our mission is to promote future projects and bring teams together. The location of the BFH European Meet-Up 2024 will alternate between the universities of Bielefeld, Frankfurt, and Hamburg. We wish you lots of fun and hope that the iGEM competition fulfills you as much as it has fulfilled us.</p>
+    </div>
+  )
+}