Entrepreneurship.tsx

import { ButtonOne } from "../../../components/Buttons";
import { H4 } from "../../../components/Headings";
import { LoremMedium } from "../../../components/Loremipsum";

export function HPEntrepreneur(){

    return(
        <div className="col">
        <div className="row align-items-center" style={{marginTop: "5vh", marginBottom: "5vh"}}>
            <div className="col">
                <ButtonOne openclass="ent-cycletab" text="Overview" open="ent-overview"></ButtonOne>
            </div>
            <div className="col">
                <ButtonOne openclass="ent-interview" text="ent-interview" open="ent-interview"></ButtonOne>
            </div>
        </div>
          
        <div id="ent-overview" className="ent-interview" style={{display: "block"}}>
            <H4 id="ent-heading" text="Our education and outreach"/>
            <LoremMedium/>
            <H4 id="ent-why-heading" text="If not as a special prize - then why?"/>
            <LoremMedium/>
        </div>
        <div id="ent-interview" className="ent-interview" style={{display: "none"}}>
            <H4 id="ent-interview-heading" text="Heading"/>
        </div>

    </div>
    )
}