openclass="intro-cycletab"

src/contents/Human Practices/Introduction.tsx

@@ -9,18 +9,18 @@ export function HPIntroduction(){
         <Section title="Introduction" id="Introduction">
             <div className="row align-items-center" style={{marginTop: "5vh", marginBottom: "1vh"}}>
             <div className="col">
-                <ButtonOne text="Our Understanding of HP" open="understanding"></ButtonOne>
+                <ButtonOne openclass="intro-cycletab" text="Our Understanding of HP" open="understanding"></ButtonOne>
                 </div>
                 <div className="col">
-                <ButtonOne text="Our Mission & Vision" open="mission"></ButtonOne>
+                <ButtonOne openclass="intro-cycletab" text="Our Mission & Vision" open="mission"></ButtonOne>
                 </div>
                 <div className="col">
-                <ButtonOne text="Our Target Groups" open="targets"></ButtonOne>
+                <ButtonOne openclass="intro-cycletab" text="Our Target Groups" open="targets"></ButtonOne>
                 </div>
             </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>
+            <div className="col intro-cycletab" id="understanding" style={{display: "block"}}> understanding <LoremMedium/> </div>
+            <div className="col intro-cycletab" id="mission" style={{display: "none"}}>mission <LoremMedium/> </div>
+            <div className="col intro-cycletab" id="targets" style={{display: "none"}}>targets <LoremMedium/> </div>
         </Section>
     )
 }
\ No newline at end of file