HeenaSaqib (Talk | contribs) |
|||
(51 intermediate revisions by 2 users not shown) | |||
Line 4: | Line 4: | ||
<meta name="viewport" content="width=device-width, initial-scale=1"> | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
<link href="https://fonts.googleapis.com/css?family=Josefin+Sans" rel="stylesheet"> | <link href="https://fonts.googleapis.com/css?family=Josefin+Sans" rel="stylesheet"> | ||
− | |||
− | |||
<style> | <style> | ||
Line 38: | Line 36: | ||
font-family: 'Josefin Sans', sans-serif; | font-family: 'Josefin Sans', sans-serif; | ||
position: absolute; | position: absolute; | ||
− | |||
max-width: 75.231em; | max-width: 75.231em; | ||
height: inherit; | height: inherit; | ||
− | |||
margin-top: 150px; | margin-top: 150px; | ||
} | } | ||
− | .banner-centered | + | .banner-centered h1 { |
font-size: 20vw; | font-size: 20vw; | ||
padding: 0; | padding: 0; | ||
Line 51: | Line 47: | ||
text-transform: uppercase; | text-transform: uppercase; | ||
letter-spacing: 5vw; | letter-spacing: 5vw; | ||
− | color: # | + | color: #000080; |
− | font-weight: | + | font-weight: bold; |
− | + | ||
text-align: center; | text-align: center; | ||
− | position:relative; | + | position: relative; |
} | } | ||
.banner-centered h3 { | .banner-centered h3 { | ||
− | font-size: | + | font-size: 20vw; |
font-family: 'Josefin Sans', sans-serif; | font-family: 'Josefin Sans', sans-serif; | ||
line-height: 1.5; | line-height: 1.5; | ||
text-transform: uppercase; | text-transform: uppercase; | ||
letter-spacing: 5vw; | letter-spacing: 5vw; | ||
− | color: # | + | color: #000080; |
− | font-weight: | + | font-weight: bold; |
− | + | ||
text-align: center; | text-align: center; | ||
− | position:relative; | + | position: relative; |
− | + | ||
− | + | ||
} | } | ||
+ | |||
/* Profile */ | /* Profile */ | ||
Line 100: | Line 93: | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
/* Display the columns below each other instead of side by side on small screens */ | /* Display the columns below each other instead of side by side on small screens */ | ||
Line 131: | Line 117: | ||
.container { | .container { | ||
padding: 0 0; | padding: 0 0; | ||
− | |||
margin:auto; | margin:auto; | ||
align: center; | align: center; | ||
Line 151: | Line 136: | ||
</style> | </style> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</head> | </head> | ||
Line 176: | Line 145: | ||
<div class="wrap-center"> | <div class="wrap-center"> | ||
<div class="banner-centered" id="banner-text"> | <div class="banner-centered" id="banner-text"> | ||
− | < | + | <h1> TEAM </h1> |
</div> | </div> | ||
</div> | </div> | ||
Line 183: | Line 152: | ||
<div class="container"> | <div class="container"> | ||
<div class="row"> | <div class="row"> | ||
− | + | ||
<div class="column"> | <div class="column"> | ||
<div class="card"> | <div class="card"> | ||
− | <img id="picture" src="https://static.igem.org/mediawiki/2017/ | + | <img id="picture" src="https://static.igem.org/mediawiki/2017/1/1a/IMG_6451.JPG" style="width:100%"> |
+ | <div class="caption description"> | ||
+ | <h4>Heena Saqibo</h4> | ||
+ | <p style="text-align: center;">Heena is one of the leaders of our iGEM team, and has has been an active participant for 3 years. She cares deeply about iGEM and wants to see us succeed. She’s most at home in a lab environment, and it shows.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div class="column"> | ||
+ | <div class="card"> | ||
+ | <img id="picture" src="https://static.igem.org/mediawiki/2017/b/b3/IMG_6448.JPG" style="width:100%"> | ||
+ | <div class="caption description"> | ||
+ | <h4>Ethan Van Meter</h4> | ||
+ | <p style="text-align: center;">Ethan joined the iGEM team as a freshman in 2016. He’s new to the lab environment but he’s a quick learner and is willing to pick up any project he can’t quickly destroy.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div class="column"> | ||
+ | <div class="card"> | ||
+ | <img id="picture" src="https://static.igem.org/mediawiki/2017/8/8c/IMG_6352.JPG" style="width:100%"> | ||
<div class="caption description"> | <div class="caption description"> | ||
<h4>Dustin Putnam</h4> | <h4>Dustin Putnam</h4> | ||
− | |||
<p style="text-align: center;">Dustin has been a loyal part of the iGEM team since he joined in 2015 as an 8th grader. He is well-versed in many lab skills & procedures, & always helps in any way he can.</p> | <p style="text-align: center;">Dustin has been a loyal part of the iGEM team since he joined in 2015 as an 8th grader. He is well-versed in many lab skills & procedures, & always helps in any way he can.</p> | ||
</div> | </div> | ||
Line 195: | Line 185: | ||
</div> | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="row"> | ||
− | |||
<div class="column"> | <div class="column"> | ||
<div class="card"> | <div class="card"> | ||
− | <img id="picture" src="https://static.igem.org/mediawiki/2017/ | + | <img id="picture" src="https://static.igem.org/mediawiki/2017/f/fc/IMG_6354.JPG" style="width:100%"> |
<div class="caption description"> | <div class="caption description"> | ||
− | <h4> | + | <h4>Carlos Sanchez</h4> |
− | <p | + | <p style="text-align: center;">Carlos has been with iGEM for three years. He’s an integral part of the team, and plans to be one of the team leaders next year. </p> |
− | + | ||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
− | + | ||
<div class="column"> | <div class="column"> | ||
<div class="card"> | <div class="card"> | ||
− | <img id="picture" src="https://static.igem.org/mediawiki/2017/ | + | <img id="picture" src="https://static.igem.org/mediawiki/2017/3/3c/IMG_6379.JPG" style="width:100%"> |
<div class="caption description"> | <div class="caption description"> | ||
− | <h4> | + | <h4>Lily Song</h4> |
− | <p | + | <p style="text-align: center;">Lily has been on the iGEM team for a year. She's worked steadily on the wetlab and has accomplished much in the time she's worked here. </p> |
− | + | ||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
+ | <div class="column"> | ||
+ | <div class="card"> | ||
+ | <img id="picture" src="https://static.igem.org/mediawiki/2017/c/cd/IMG_6380.JPG" style="width:100%"> | ||
+ | <div class="caption description"> | ||
+ | <h4>Becky Fu</h4> | ||
+ | <p style="text-align: center;">Becky is in her second year as a member of our team. She has been working on our kill curves and will continue to be a solid scientist in iGEM.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
</div> | </div> | ||
+ | |||
<div class="row"> | <div class="row"> | ||
− | + | ||
<div class="column"> | <div class="column"> | ||
<div class="card"> | <div class="card"> | ||
− | <img id="picture" src="https://static.igem.org/mediawiki/2017/ | + | <img id="picture" src="https://static.igem.org/mediawiki/2017/7/79/IMG_6450.JPG" style="width:100%"> |
<div class="caption description"> | <div class="caption description"> | ||
− | <h4> | + | <h4>Grace Goff</h4> |
− | + | <p style="text-align: center;">Grace is a second year member of iGEM. She's done just about everything there is to do in the lab and is just as much a part of the lab as the microfuge and the pipettes. </p> | |
− | <p style="text-align: center;"> | + | |
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
− | + | <div class="column"> | |
− | + | ||
<div class="card"> | <div class="card"> | ||
− | <img id="picture" src="https://static.igem.org/mediawiki/2017/ | + | <img id="picture" src="https://static.igem.org/mediawiki/2017/5/5e/IMG_6449.JPG" style="width:100%"> |
<div class="caption description"> | <div class="caption description"> | ||
− | <h4> | + | <h4>Vanessa Stafford</h4> |
− | + | <p style="text-align: center;">Vanessa joined the iGEM team in 2016 and has been a valuable and hardworking member since. She is in charge of human practices. </p> | |
− | <p style="text-align: center;"> | + | |
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
+ | |||
+ | <div class="column"> | ||
+ | <div class="card"> | ||
+ | <img id="picture" src="https://static.igem.org/mediawiki/2017/2/2e/Elon.JPG" style="width:100%"> | ||
+ | <div class="caption description"> | ||
+ | <h4>Elon Zhao</h4> | ||
+ | <p style="text-align: center;">Elon has just joined our team this year. He so graciously developed our official 2017 website. </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
</div> | </div> | ||
</div> | </div> | ||
− | |||
− | |||
<div id="banner"> | <div id="banner"> | ||
<div class="wrap-center"> | <div class="wrap-center"> | ||
<div class="banner-centered" id="banner-text"> | <div class="banner-centered" id="banner-text"> | ||
− | < | + | <h1>MENTORS</h1> |
</div> | </div> | ||
</div> | </div> | ||
Line 261: | Line 267: | ||
<div class="container"> | <div class="container"> | ||
<div class="row"> | <div class="row"> | ||
− | + | ||
− | + | ||
<div class="column"> | <div class="column"> | ||
<div class="card"> | <div class="card"> | ||
<img id="picture" src="https://static.igem.org/mediawiki/2017/d/dd/Crest.JPG" style="width:100%"> | <img id="picture" src="https://static.igem.org/mediawiki/2017/d/dd/Crest.JPG" style="width:100%"> | ||
<div class="caption description"> | <div class="caption description"> | ||
− | <h4> | + | <h4>Anne Byford</h4> |
− | <p | + | <p style="text-align: center;">Ms. Byford has been with the team since the beginning. We wouldn't be half the team we are now without her!</p> |
− | + | ||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</div> | </div> |
Latest revision as of 00:34, 2 November 2017