Newer
Older
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
import { ButtonOne } from "../../../components/Buttons";
import { H4 } from "../../../components/Headings";
import { LoremMedium } from "../../../components/Loremipsum";
export function HPEducation(){
return(
<div className="col">
<div className="row align-items-center" style={{marginTop: "5vh", marginBottom: "5vh"}}>
<div className="col">
<ButtonOne text="Overview" open="edu-overview"></ButtonOne>
</div>
<div className="col">
<ButtonOne text="Teuto ruft!" open="teutoruft"></ButtonOne>
</div>
<div className="col">
<ButtonOne text="Schüler*innen Akademie" open="akademie"></ButtonOne>
</div>
</div>
<div id="edu-overview" className="cycletab" style={{display: "block"}}>
<H4 id="edu-out-heading" text="Our education and outreach"/>
<LoremMedium/>
<H4 id="why-heading" text="If not as a special prize - then why?"/>
<LoremMedium/>
</div>
<div id="akademie" className="cycletab" style={{display: "none"}}>
<H4 id="student-academy-heading" text="Student academy on the topic of synthetic biology"/>
</div>
<div id="teutoruft" className="cycletab" style={{display: "none"}}>
<H4 id="teuroruft-heading" text="Educational city tour for young and old"/>
<div className="row align-items-center">
<div className="col">
<img src="https://static.igem.wiki/teams/5247/photos/edcation-and-outreach/teutoruft-experminet.jpeg"></img>
</div>
<div className="col">
<img src="https://static.igem.wiki/teams/5247/photos/edcation-and-outreach/teutoruft-gruppe.jpeg"></img>
</div>
</div>
</div>
</div>
)
}