bfh section

src/contents/contribution.tsx

@@ -6,34 +6,36 @@ import { OLDBFHStyleTabs } from "../components/Tabs";
 import { BlockQuoteB } from "../components/Quotes";
 import { useNavigateTabs } from "../utils/navigation";
 import { Certificate, PosterRow } from "../components/poster";
+import { Section } from "../components/sections";
 
 
 export function Contribution() {
   useNavigateTabs();
   return (
     <>
-      
-      <H2 text="BFH European Meetup" id="bfh"></H2>
-      <div className="" /* style={{ paddingTop: "5vw"}} */>
-        
-        <div className="row align-items-center" style={{display: "flex"}}>
+      <Section title="BFH European MeetUp" id="bfh">
+        <div className="" /* style={{ paddingTop: "5vw"}} */>
+          
+          <div className="row align-items-center" style={{display: "flex"}}>
+            <div className="col"></div>
+          <div className="col bfh-menu" style={{display: "flex"}}>
+          <MenuSVG></MenuSVG>
+          </div>
           <div className="col"></div>
-        <div className="col bfh-menu" style={{display: "flex"}}>
-        <MenuSVG></MenuSVG>
-        </div>
-        <div className="col"></div>
-        </div>
-        <div className="buffer">
+          </div>
+          <div className="buffer">
 
+          </div>
+          <div className="col">
+            <OLDBFHStyleTabs data={tabbys} cla="tabcontent"></OLDBFHStyleTabs>
+          </div>
         </div>
-        <div className="col">
-          <OLDBFHStyleTabs data={tabbys} cla="tabcontent"></OLDBFHStyleTabs>
-        </div>
-      </div>
-      <div className="row">
-        <div className="d-flex flex-column justify-content-center align-items-center">
+        <div className="row">
+          <div className="d-flex flex-column justify-content-center align-items-center">
+          </div>
         </div>
-      </div>
+      </Section>
+      
     </>
   );
 }