pdfs

src/components/pdfs.tsx

-import { DownloadLink } from "./Buttons"
+import { ButtonOne, DownloadLink } from "./Buttons"
 
 
 export function PDF({link, name}: {link: string, name:string}){
@@ -14,16 +14,65 @@ export function PDF({link, name}: {link: string, name:string}){
 }
 export default function BFHpdf(){
     return(
-        <div className='row align-items-center'>
-            <div className='col'>
-            <PDF link='https://static.igem.wiki/teams/5247/pdfs/bfh-flyer-european-meetup.pdf' name="bfh-flyer-european-meetup.pdf"/>
+    <>
+        <div className="row align-items-center" style={{marginTop: "5vh", marginBottom: "5vh"}}>
+        <div className="col">
+            <ButtonOne text="Guideline" open="guideline"></ButtonOne>
+          </div>
+          <div className="col">
+            <ButtonOne text="Flyers" open="flyers"></ButtonOne>
+          </div>
+          <div className="col">
+            <ButtonOne text="Posters and Presentations" open="presis"></ButtonOne>
+          </div>
+          <div className="col">
+            <ButtonOne text="Judging Form" open="form"></ButtonOne>
+          </div>
+        </div> 
+        <div className="col cycletab" id="guideline" style={{display: "block"}}>
+        <div className='col'>
+            <PDF link='https://static.igem.wiki/teams/5247/pdfs/bfh-meet-up-guideline.pdf' name="bfh-meet-up-guideline.pdf"/>
             </div>
-            <div className='col-2'>
+        </div>
+        <div className="col cycletab" id="flyers" style={{display: "none"}}>
+            <div className='row align-items-center'>
+                <div className='col'>
+                <PDF link='https://static.igem.wiki/teams/5247/pdfs/bfh-flyer-european-meetup.pdf' name="bfh-flyer-european-meetup.pdf"/>
+                </div>
+                <div className='col-2'>
+                </div>
+                <div className='col'>
+                <PDF link='https://static.igem.wiki/teams/5247/pdfs/postbfh-brosch-re-compressed.pdf' name="bfh-meet-up-guideline.pdf"/>
+                </div>
             </div>
-            <div className='col'>
-            <PDF link='https://static.igem.wiki/teams/5247/pdfs/bfh-meet-up-guideline.pdf' name="bfh-meet-up-guideline.pdf"/>
+        </div>
+        <div className="col cycletab" id="presis" style={{display: "none"}}>
+            <div className='row align-items-center'>
+                <div className='col'>
+                    <PDF link='https://static.igem.wiki/teams/5247/pdfs/bfh-presentation-bielefeld.pdf' name="bfh-flyer-european-meetup.pdf"/>
+                </div>
+                <div className='col-2'>
+                </div>
+                <div className='col'>
+                    <PDF link='https://static.igem.wiki/teams/5247/pdfs/bfh-poster-bielefeld.pdf' name="bfh-meet-up-guideline.pdf"/>
+                </div>
+            </div>
+            <div className='row align-items-center'>
+                <div className='col'>
+                    <PDF link='https://static.igem.wiki/teams/5247/pdfs/bfh-studicom-presentation.pdf' name="bfh-flyer-european-meetup.pdf"/>
+                </div>
+                <div className='col-2'>
+                </div>
+                <div className='col'>
+                    {/* <PDF link='https://static.igem.wiki/teams/5247/pdfs/bfh-poster-bielefeld.pdf' name="bfh-meet-up-guideline.pdf"/>
+              */}   </div>
             </div>
         </div>
+        <div className="col cycletab" id="form" style={{display: "none"}}>
+
+        </div>
+       
         
+    </>
     )
 }
\ No newline at end of file