Skip to content
Snippets Groups Projects
Commit 53d2c38d authored by Liliana Sanfilippo's avatar Liliana Sanfilippo
Browse files

sponsor page

parent 7ea7dbfd
No related branches found
No related tags found
No related merge requests found
Pipeline #406599 passed
Stage: build
Stage: deploy
Hide whitespace changes
Inline Side-by-side
src/App/App.css
+ 12
− 1
View file @ 53d2c38d
......@@ -3279,4 +3279,15 @@ a{
border-color: #850F78;
padding-right: 10px;
padding-left: 10px;
}
\ No newline at end of file
}
.img-sponsor-a{
margin: 20px;
padding: 20px;
max-width: 90%;
}
.sp-a{
border: 5px solid var(--accent-primary);
background-color: white;
height: 250px !important;
}
src/contents/partners.tsx
+ 140
− 64
View file @ 53d2c38d
......@@ -5,19 +5,35 @@ export function Partners() {
<>
<div id="sidebarbox" className="col-1 d-none d-lg-block"> </div>
<br/>
<h1>A big thank you to all our sponsors and partners!</h1>
<br/>
<br/>
<br/>
{/* GOLD */}
<h2>Sponsor category Gold</h2>
<br/>
<div className="col">
<div className="row align-items-center">
<div id="idt-text" className="col sponsor-text-left">
<h4>Changing CF lives around the world, one vest at a time.</h4>
<br/>
<p>After being contacted unexpectedly by two previously unknown Cystic Fibrosis patients in Chile and Lebanon months apart in early 2020 to request therapy vests, the great need for this equipment to CF patients around the world became quickly evident. CF Vests Worldwide was established in June 2020 to meet this need. The mission of CF Vests Worldwide is to donate lifesaving therapy vests, with a cost of nearly $20,000, for those with Cystic Fibrosis outside of the United States. The life expectancy of CF patients outside the U.S. can be as limited as approximately 24 years of age. These therapy vests mean everything to the CF patient and their family. Further, in most CF communities in the 59 countries where CF Vests Worldwide has donated over 330 therapy vests, access to the most basic Cystic Fibrosis medication is either limited or non-existent. In these cases, a therapy vest donated by CF Vests Worldwide is the only hope for comfort and an extended life.</p>
</div>
<div id="" className="col-5 sponsor-portrait">
<a href="https://www.cfvww.org/">
<img id="idt-portrait-logo" src="https://static.igem.wiki/teams/5247/sponsors/cfvestslogo.png"></img>
</a>
<div className="col">
<a className="sponsor-container sp-a" href="https://www.uni-bielefeld.de/">
<img className="img-sponsor-a" src="https://static.igem.wiki/teams/5247/logos-team/uni-bielefeld-dunkel.png"/>
</a>
</div>
<div className="col-1"></div>
<div className="col">
<a className="sponsor-container sp-a" href="https://www.cebitec.uni-bielefeld.de/">
<img className="img-sponsor-a" src="https://static.igem.wiki/teams/5247/sponsors/cebitec-farbe.png"/>
</a>
</div>
</div>
<div className="row align-items-center">
<div className="col">
<br/>
</div>
</div>
</div>
<br/> <br/>
<br/>
<div className="row align-items-center">
<div id="zeiss-portrait" className="col-5 sponsor-portrait">
<a href="http://www.zeiss.de/naturwissenschaften">
......@@ -66,34 +82,71 @@ export function Partners() {
</div>
</div>
<br/> <br/>
<div className="col" style={{textAlign: "center"}}>
<h4>And a big thank you to ...</h4>
{/* SILVER */}
<h2>Sponsor category silver</h2>
<br/> <br/>
<div id="project-portrait" className="sponsor-portrait" style={{padding: "20px"}}>
<div className="row align-items-center">
<div className="col">
Zymo
</div>
<div className="col">
Stemcell
</div>
<div className="col">
<a className="sponsor-container" href="https://www.plasmidfactory.com/">
<img className="img-sponsor-partner-page" src="https://static.igem.wiki/teams/5247/sponsors/plasmidfactory.png"/>
</a>
</div>
</div>
<div className="row align-items-center">
<div className="col">
Wolff
</div>
<div className="col">
<a className="sponsor-container" href="https://snapgene.com">
<img className="img-sponsor-partner-page" src="https://static.igem.wiki/teams/5247/sponsors/snapgene.png"/>
</a>
</div>
<div className="col">
BioNRW
</div>
</div>
</div>
<br/> <br/>
{/* BRONZE */}
<h2>Sponsor category bronze</h2>
<br/> <br/>
<div id="project-portrait" className="sponsor-portrait" style={{padding: "20px"}}>
<div className="row align-items-center">
<div className="col">
<a className="sponsor-container" href="www.promega.com">
<img className="img-sponsor-partner-page" src="https://static.igem.wiki/teams/5247/sponsors/promega-gelb.png"/>
</a>
</div>
<div className="col">
Microsynth
</div>
<div className="col">
NEB
</div>
</div>
</div>
<br/> <br/>
<div className="row align-items-center">
<div id="project-text" className="col sponsor-text-left">
<h4>... our other project sponsors!</h4>
<h2>BFH MeetUp sponsors...</h2>
<br/>
<p></p>
</div>
<div id="project-portrait" className="col-6 sponsor-portrait" style={{padding: "20px"}}>
<div className="row align-items-center">
{/* <div className="col">
<a className="sponsor-container" href="https://www.carlroth.de/">
<img className="img-sponsor-partner-page" src="https://static.igem.wiki/teams/5247/sponsors/roth.jpg"/>
</a>
</div> */}
{/* <div className="col">
<a className="sponsor-container" href="https://www.uni-bielefeld.de/fakultaeten/technische-fakultaet/">
<img className="img-sponsor-partner-page" src="https://static.igem.wiki/teams/5247/sponsors/techfak.jpg"/>
</a>
</div> */}
</div>
<div className="row align-items-center">
<div className="col">
<a className="sponsor-container" href="https://snapgene.com">
<img className="img-sponsor-partner-page" src="https://static.igem.wiki/teams/5247/sponsors/snapgene.png"/>
<a className="sponsor-container" href="https://www.gip.com/home/">
<img className="img-sponsor-partner-page" src="https://static.igem.wiki/teams/5247/sponsors/gip.png" />
</a>
</div>
<div className="col">
......@@ -104,16 +157,26 @@ export function Partners() {
</div>
<div className="row align-items-center">
<div className="col">
<a className="sponsor-container" href="https://www.uni-bielefeld.de/">
<img className="img-sponsor-partner-page" src="https://static.igem.wiki/teams/5247/logos-team/uni-bielefeld-dunkel.png"/>
</a>
V Bio
</div>
<div className="col">
<a className="sponsor-container" href="https://www.cebitec.uni-bielefeld.de/">
<img className="img-sponsor-partner-page" src="https://static.igem.wiki/teams/5247/sponsors/cebitec-farbe.png"/>
</a>
MN
</div>
</div>
<div className="row align-items-center">
<div className="col">
fiz
</div>
<div className="col">
cell signaling technologies
</div>
</div>
<div className="row align-items-center">
<div className="col">
GASB
</div>
</div>
</div>
</div>
<br/> <br/>
......@@ -136,38 +199,6 @@ export function Partners() {
</a>
</div>
</div>
<div className="row align-items-center">
<div className="col">
<a className="sponsor-container" href="www.promega.com">
<img className="img-sponsor-partner-page" src="https://static.igem.wiki/teams/5247/sponsors/promega-gelb.png"/>
</a>
</div>
<div className="col">
<a className="sponsor-container" href="https://www.plasmidfactory.com/">
<img className="img-sponsor-partner-page" src="https://static.igem.wiki/teams/5247/sponsors/plasmidfactory.png"/>
</a>
</div>
<div className="col">
<a className="sponsor-container" href="https://www.gip.com/home/">
<img className="img-sponsor-partner-page" src="https://static.igem.wiki/teams/5247/sponsors/gip.png" />
</a>
</div>
</div>
</div>
<div id="meetup-text" className="col sponsor-text-right" style={{textAlign: "right"}}>
<h4> ... our MeetUp sponsors! </h4>
<br/>
</div>
</div>
<br/> <br/>
<div className="row align-items-center">
<div id="partner-text" className="col sponsor-text-left">
<h4>... our partners!</h4>
<br/>
<p></p>
</div>
<div id="partner-portrait" className="col-6 sponsor-portrait" style={{padding: "20px"}}>
<div className="row align-items-center">
<div className="col">
<a className="sponsor-container" href="">
......@@ -185,7 +216,7 @@ export function Partners() {
</a>
</div>
</div>
<div className="row align-items-center">
<div className="row align-items-center">
<div className="col">
<a className="sponsor-container" href="">
<img className="img-sponsor-partner-page" src="https://static.igem.wiki/teams/5247/sponsors/studscicom-logo.png"/>
......@@ -193,7 +224,52 @@ export function Partners() {
</div>
</div>
</div>
<div id="meetup-text" className="col sponsor-text-right" style={{textAlign: "right"}}>
<h2> ... and collaborators </h2>
<br/>
</div>
</div>
<br/> <br/>
<h2>Other</h2>
<br/> <br/>
<div className="row align-items-center">
<div id="idt-text" className="col sponsor-text-left">
<h4>Changing CF lives around the world, one vest at a time.</h4>
<br/>
<p>After being contacted unexpectedly by two previously unknown Cystic Fibrosis patients in Chile and Lebanon months apart in early 2020 to request therapy vests, the great need for this equipment to CF patients around the world became quickly evident. CF Vests Worldwide was established in June 2020 to meet this need. The mission of CF Vests Worldwide is to donate lifesaving therapy vests, with a cost of nearly $20,000, for those with Cystic Fibrosis outside of the United States. The life expectancy of CF patients outside the U.S. can be as limited as approximately 24 years of age. These therapy vests mean everything to the CF patient and their family. Further, in most CF communities in the 59 countries where CF Vests Worldwide has donated over 330 therapy vests, access to the most basic Cystic Fibrosis medication is either limited or non-existent. In these cases, a therapy vest donated by CF Vests Worldwide is the only hope for comfort and an extended life.</p>
</div>
<div id="" className="col-5 sponsor-portrait">
<a href="https://www.cfvww.org/">
<img id="idt-portrait-logo" src="https://static.igem.wiki/teams/5247/sponsors/cfvestslogo.png"></img>
</a>
</div>
</div>
<br/> <br/>
<div id="meetup-portrait" className="sponsor-portrait" style={{padding: "20px"}}>
<div className="row align-items-center">
<div className="col">
<a className="sponsor-container" href="https://www.carlroth.de/">
<img className="img-sponsor-partner-page" src="https://static.igem.wiki/teams/5247/sponsors/roth.jpg"/>
</a>
</div>
<div className="col">
<a className="sponsor-container" href="https://www.uni-bielefeld.de/fakultaeten/technische-fakultaet/">
<img className="img-sponsor-partner-page" src="https://static.igem.wiki/teams/5247/sponsors/techfak.jpg"/>
</a>
</div>
<div className="col">
Sarstedt
</div>
<div className="col">
DKW
</div>
<div className="col">
Capricorn
</div>
</div>
</div>
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment