out-cycletab

src/contents/Human Practices/Further Engagement/Outreach.tsx

@@ -9,25 +9,25 @@ export function HPOutreach(){
         <div className="col">
         <div className="row align-items-center" style={{marginTop: "5vh", marginBottom: "5vh"}}>
             <div className="col">
-            <ButtonOne openclass="edu-cycletab" text="Overview" open="out-overview"></ButtonOne>
+            <ButtonOne openclass="out-cycletab" text="Overview" open="out-overview"></ButtonOne>
           </div>
           <div className="col">
-            <ButtonOne openclass="edu-cycletab" text="MUKOmove" open="mukomove"></ButtonOne>
+            <ButtonOne openclass="out-cycletab" text="MUKOmove" open="mukomove"></ButtonOne>
           </div>
           <div className="col">
-            <ButtonOne openclass="edu-cycletab" text="waffel sale" open="waffel sale"></ButtonOne>
+            <ButtonOne openclass="out-cycletab" text="waffel sale" open="waffel sale"></ButtonOne>
           </div>
         </div>
 
-        <div id="out-overview" className="edu-cycletab" style={{display: "block"}}>
+        <div id="out-overview" className="out-cycletab" style={{display: "block"}}>
           <H4 id="out-heading" text="Our education and outreach"/>
           <LoremMedium/>
           <H4 id="out-why-heading" text="If not as a special prize - then why?"/>
           <LoremMedium/>
         </div>
         
-        <div id="waffle sale" className="edu-cycletab" style={{display: "none"}}></div>
-        <div id="mukomove" className="edu-cycletab" style={{display: "none"}}>
+        <div id="waffle sale" className="out-cycletab" style={{display: "none"}}></div>
+        <div id="mukomove" className="out-cycletab" style={{display: "none"}}>
         <H4 id="cf-month" text="Cystic fibrosis awareness month"/>
           <div className="row">
             <div className="full-small col-3">

src/contents/Human Practices/Introduction.tsx

 import { ButtonOne } from "../../components/Buttons";
+import { LoremMedium } from "../../components/Loremipsum";
 import { Section } from "../../components/sections";
 
 
@@ -17,9 +18,9 @@ export function HPIntroduction(){
                 <ButtonOne text="Our Target Groups" open="targets"></ButtonOne>
                 </div>
             </div>
-            <div className="col cycletab" id="understanding" style={{display: "block"}}> understanding </div>
-            <div className="col cycletab" id="mission" style={{display: "none"}}>mission </div>
-            <div className="col cycletab" id="targets" style={{display: "none"}}>targets </div>
+            <div className="col cycletab" id="understanding" style={{display: "block"}}> understanding <LoremMedium/> </div>
+            <div className="col cycletab" id="mission" style={{display: "none"}}>mission <LoremMedium/> </div>
+            <div className="col cycletab" id="targets" style={{display: "none"}}>targets <LoremMedium/> </div>
         </Section>
     )
 }
\ No newline at end of file