diff --git a/src/contents/contribution.tsx b/src/contents/contribution.tsx index 7affe9e9cd6e9c060f4d6791b40953a983a87235..f3983a6ee6203b3f4990a5407e0101e7b86043f1 100644 --- a/src/contents/contribution.tsx +++ b/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> + </> ); }