diff --git a/src/contents/Home.tsx b/src/contents/Home.tsx index 1064598056e1a37a40fa82cf3ffd4a4720e401a8..c81e8217847277cab9e551a51faad01834673618 100644 --- a/src/contents/Home.tsx +++ b/src/contents/Home.tsx @@ -15,12 +15,67 @@ export function Home() { <div className="col"> <div className="col header-container landing-page-header" id="landing-page-header"> <div className="row align-items-center"> + <div className="col"> + <img src="https://static.igem.wiki/teams/5247/photos/header/bild.webp" /> + </div> + <div className="col-3"> <img src="https://static.igem.wiki/teams/5247/photos/header/bild.webp" /> + </div> </div> + <br/> + <h3 style={{textAlign: "center"}}>Our Project, Our Victory</h3> + <h4 style={{textAlign: "center"}}>Gold Medal for Excellence in Synthetic Biology and Engineering Success as one of the best therapeutic projects</h4> + + <p style={{textAlign: "center"}}>A true honor for our <b>cutting-edge</b> contributions to the world of synthetic biology and <b>engineering breakthroughs</b>.</p> + <br/> <h3>And present our mRNA-based <b>gene therapy</b> for <b>targeted and safe</b> reconstitution of CFTR to restore the mucociliary clearance of patients with <b>Cystic Fibrosis</b>.</h3> </div> </div> + <div className="row align-items-center"> + <div className="col"> + <img src="https://static.igem.wiki/teams/5247/photos/header/bild.webp" /> + </div> + <div className="col"> + <img src="https://static.igem.wiki/teams/5247/photos/header/bild.webp" /> + </div> + <div className="col"> + <img src="https://static.igem.wiki/teams/5247/photos/header/bild.webp" /> + </div> + </div> + <div className="row align-items-center" style={{marginBottom: "none !important", paddingBottom: "0px !important"}}> + <div className="col" style={{marginBottom: "none !important", paddingBottom: "0px !important"}}> + <h3 style={{textAlign: "center"}}>Best Integrated Human Practices</h3> + </div> + <div className="col" style={{marginBottom: "none !important", paddingBottom: "0px !important"}}> + <h3 style={{textAlign: "center"}}>Best Presentation</h3> + </div> + <div className="col" style={{marginBottom: "none !important", paddingBottom: "0px !important"}}> + <h3 style={{textAlign: "center"}}>Safety and Security Award</h3> + </div> + </div> + <div className="row align-items-center" > + <div className="col"> + <p style={{textAlign: "center"}}>Ethical, impactful, and groundbreaking science</p> + </div> + <div className="col"> + <p style={{textAlign: "center"}}>Ability to communicate complex science with clarity and impact</p> + </div> + <div className="col"> + <p style={{textAlign: "center"}}>Unmatched safety standards, ensuring innovation with responsibility</p> + </div> + </div> + <br/><br/> + <p>In 2024, our groundbreaking work in <b>synthetic biology</b> and <b>medical engineering</b> was recognized with <b>multiple prestigious awards</b>, + marking a monumental achievement in our journey. These <b>honors</b> are not just trophies — they represent the <b>passion</b>, <b>innovation</b>, + and excellence embedded in every aspect of our project.</p> + <p>These <b>honors</b> don’t just validate our science — they affirm our <b>vision</b> for a healthier, smarter, and more sustainable future. + </p> + <h4>Experience the Journey </h4> + <p>Dive deeper into our award-winning work. Watch our <b>epic presentation</b> and explore the full scope of our project. + </p> + <p>Check out the videos and more to see how we are <b>pushing the boundaries</b> of what's possible: + </p> <div className="col"> <div className="col header-container landing-page-header" id="landing-page-header-2"> <div className="row align-items-center">