(60 intermediate revisions by 3 users not shown) | |||
Line 2: | Line 2: | ||
<html> | <html> | ||
<head> | <head> | ||
− | <meta name="viewport" content="width=device-width, initial-scale=1"> | + | <meta name="viewport" content="width=device-width, initial-scale=1"> |
− | <style> | + | <style> |
− | * { | + | * { |
− | + | box-sizing: border-box; | |
− | } | + | } |
+ | |||
+ | /* Center website */ | ||
+ | .main { | ||
+ | max-width: 1000px; | ||
+ | margin: auto; | ||
+ | } | ||
+ | |||
+ | h1 { | ||
+ | font-size: 50px; | ||
+ | word-break: break-all; | ||
+ | } | ||
+ | h3 { | ||
+ | font-size: 40px; | ||
+ | line-height: 45px; | ||
+ | word-break: break-all; | ||
+ | text-align: center; | ||
+ | padding: 0px; | ||
+ | margin-bottom: 0px; | ||
+ | } | ||
+ | h4 { | ||
+ | font-size: 20px; | ||
+ | line-height: 30px; | ||
+ | word-break: break-all; | ||
+ | text-align: center; | ||
+ | padding: 0px; | ||
+ | } | ||
− | + | h5 { | |
− | background-color: | + | font-size: 15px; |
− | + | line-height: 22px; | |
− | + | word-break: break-all; | |
− | } | + | text-align: center; |
+ | padding: 0px; | ||
+ | } | ||
+ | |||
+ | .row { | ||
+ | margin: 8px -16px; | ||
+ | } | ||
+ | |||
+ | /* Add padding BETWEEN each column */ | ||
+ | .row, | ||
+ | .row > .column { | ||
+ | padding: 8px; | ||
+ | } | ||
+ | |||
+ | /* Create four equal columns that floats next to each other */ | ||
+ | .column { | ||
+ | float: left; | ||
+ | width: 25%; | ||
+ | } | ||
+ | |||
+ | /* Clear floats after rows */ | ||
+ | .row:after { | ||
+ | content: ""; | ||
+ | display: table; | ||
+ | clear: both; | ||
+ | } | ||
+ | |||
+ | /* Content */ | ||
+ | .content { | ||
+ | background-color: white; | ||
+ | padding: 10px; | ||
+ | } | ||
+ | |||
+ | /* Responsive layout - makes a two column-layout instead of four columns */ | ||
+ | @media screen and (max-width: 900px) { | ||
+ | .column { | ||
+ | width: 50%; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | /* Responsive layout - makes the two columns stack on top of each other instead of next to each other */ | ||
+ | @media screen and (max-width: 600px) { | ||
+ | .column { | ||
+ | width: 100%; | ||
+ | } | ||
+ | } | ||
+ | </style> | ||
+ | </head> | ||
+ | <body> | ||
+ | <div class="main"> | ||
+ | <h1 style="width: 500px">Team Members</h1> | ||
+ | <hr> | ||
+ | |||
+ | <h2>Admin Team</h2> | ||
+ | <div class="row"> | ||
+ | <div class="column"> | ||
+ | <div class="content"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/b/be/T--Toronto--2018_amy.png" alt="1" style="width:100%"> | ||
+ | <h4>President</h4> | ||
+ | <h5>Amy Yeung</h5> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="column"> | ||
+ | <div class="content"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/6/67/T--Toronto--2018_jack.png" alt="2" style="width:100%"> | ||
+ | <h4>Vice President & </br> Treasurer</h4> | ||
+ | <h5>Jack Castelli</h5> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="column"> | ||
+ | <div class="content"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/2/2e/T--Toronto--2018_sandy.png" alt="2" style="width:100%"> | ||
+ | <h4>Social Media Officer</h4> | ||
+ | <h5>Sandy Dai</h5> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="column"> | ||
+ | <div class="content"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/2/22/T--Toronto--2018_girl.png" alt="4" style="width:100%"> | ||
+ | <h4>Events Coordinator</h4> | ||
+ | <h5>Zhuji Wang</h5> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | <div class="row"> | |
− | + | <div class="column"> | |
− | + | <div class="content"> | |
+ | <img src="https://static.igem.org/mediawiki/2018/8/86/T--Toronto--2018_ting.png" alt="1" style="width:100%"> | ||
+ | <h4>Marketing Director</h4> | ||
+ | <h5>Ting He</h5> | ||
+ | </div> | ||
+ | </div> | ||
− | + | <div class="column"> | |
− | + | <div class="content"> | |
− | . | + | <img src="https://static.igem.org/mediawiki/2018/2/22/T--Toronto--2018_boy.png" alt="1" style="width:100%"> |
− | + | <h4>Senior Adviser</h4> | |
− | + | <h5>Kenneth Ting</h5> | |
+ | </div> | ||
+ | </div> | ||
− | / | + | </div> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | / | + | <!-- END GRID --> |
− | .content | + | |
− | + | <hr> | |
− | + | ||
− | + | <h2>Wetlab Team</h2> | |
+ | <div class="row"> | ||
+ | <div class="column"> | ||
+ | <div class="content"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/d/d8/T--Toronto--2018_tashi.png" alt="1" style="width:100%"> | ||
+ | <h4>Wet Lab Lead</h4> | ||
+ | <h5>Tashi Rastogi</h5> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="column"> | ||
+ | <div class="content"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/d/df/T--Toronto--2018_amalia.png" alt="2" style="width:100%"> | ||
+ | <h4>Wet Lab Member</h4> | ||
+ | <h5>Amalia Caballero</h5> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="column"> | ||
+ | <div class="content"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/0/01/T--Toronto--2018_nina.png" alt="3" style="width:100%"> | ||
+ | <h4>Wet Lab Member</h4> | ||
+ | <h5>Nina Adler</h5> | ||
+ | </div> | ||
+ | </div> | ||
− | / | + | <div class="column"> |
− | + | <div class="content"> | |
− | + | <img src="https://static.igem.org/mediawiki/2018/8/8a/T--Toronto--2018_jindian.png" alt="1" style="width:100%"> | |
− | + | <h4>Wet Lab Member</h4> | |
− | + | <h5>Jindian yang</h5> | |
− | + | </div> | |
+ | </div> | ||
+ | </div> | ||
− | / | + | <div class="row"> |
− | + | <div class="column"> | |
− | + | <div class="content"> | |
− | + | <img src="https://static.igem.org/mediawiki/2018/c/cd/T--Toronto--2018_jasmeen.png" alt="1" style="width:100%"> | |
− | + | <h4>Wet Lab Member</h4> | |
− | + | <h5>Jasmeen Parmar</h5> | |
− | </ | + | </div> |
− | </ | + | </div> |
− | < | + | </div> |
− | <!-- | + | <!-- END GRID --> |
− | + | ||
− | + | <hr> | |
− | <hr> | + | |
− | <h2> | + | <h2>Dry Lab Leaders</h2> |
− | < | + | <div class="row"> |
+ | <div class="column"> | ||
+ | <div class="content"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/1/1b/T--Toronto--2018_fin_01.png" alt="1" style="width:100%"> | ||
+ | <h4>Fin Vermehr</h4> | ||
+ | <h5>Dry Lab Lead</h5> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="column"> | ||
+ | <div class="content"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/0/0e/T--Toronto--2018_brayden_01.png" alt="2" style="width:100%"> | ||
+ | <h4>Brayden Kell</h4> | ||
+ | <h5>Dry Lab Lead</h5> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!-- END GRID --> | ||
+ | </div> | ||
− | < | + | <hr> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | <div class="content"> | + | <h2>PnP Team</h2> |
− | + | <div class="row"> | |
− | + | <div class="column"> | |
− | + | <div class="content"> | |
− | + | <img src="https://static.igem.org/mediawiki/2018/e/ee/T--Toronto--2018_adnan.png" alt="1" style="width:100%"> | |
− | </div> | + | <h4>Adnan Sharif</h4> |
+ | <h5>PnP Lead</h5> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="column"> | ||
+ | <div class="content"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/a/ac/T--Toronto--2018_demi.png" alt="2" style="width:100%"> | ||
+ | <h4>Demi Turnbull</h4> | ||
+ | <h5>PnP Lead</h5> | ||
+ | </div> | ||
+ | </div> | ||
− | <!-- END | + | <div class="column"> |
+ | <div class="content"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/1/1c/T--Toronto--2018_arjun.png" alt="2" style="width:100%"> | ||
+ | <h4>Arjun Kaul</h4> | ||
+ | <h5>PnP Member</h5> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div class="column"> | ||
+ | <div class="content"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/0/08/T--Toronto--2018_devaki.png" alt="2" style="width:100%"> | ||
+ | <h4>Devaki Paalenthera</h4> | ||
+ | <h5>PnP Member</h5> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <!-- END GRID --> | ||
+ | </div> | ||
+ | |||
+ | <div class="row"> | ||
+ | <div class="column"> | ||
+ | <div class="content"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/2/22/T--Toronto--2018_girl.png" alt="1" style="width:100%"> | ||
+ | <h4>PnP Member</h4> | ||
+ | <h5>Marie Janelle Cuevas</h5> | ||
+ | </div> | ||
+ | </div> | ||
</div> | </div> | ||
+ | |||
+ | <hr> | ||
+ | |||
+ | <h2>Directors of Research</h2> | ||
+ | <div class="row"> | ||
+ | <div class="column"> | ||
+ | <div class="content"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/1/1f/T--Toronto--2018_carla.png" alt="1" style="width:100%"> | ||
+ | <h4>Carla Hamady-</br>Schroeder</h4> | ||
+ | <h5>Director of Research</h5> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="column"> | ||
+ | <div class="content"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/a/a5/T--Toronto--2018_ahmed.png" alt="2" style="width:100%"> | ||
+ | <h4>Ahmed Ibrahim</h4> | ||
+ | <h5>Director of Research</h5> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!-- END GRID --> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <hr> | ||
+ | |||
+ | <h2>Web Developers</h2> | ||
+ | <div class="row"> | ||
+ | <div class="column"> | ||
+ | <div class="content"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/9/94/T--Toronto--_James.jpg" alt="1" style="width:100%"> | ||
+ | <h4>James Ly</h4> | ||
+ | <h5>Lead Web Developer</h5> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="column"> | ||
+ | <div class="content"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/f/fb/T--Toronto--2018_erwin.png" alt="2" style="width:100%"> | ||
+ | <h4>Erwin Komguem</h4> | ||
+ | <h5>Web Developer</h5> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!-- END GRID --> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | <!-- END MAIN --> | ||
+ | </div> | ||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 15:38, 15 January 2020
Team Members
Admin Team
![1](https://static.igem.org/mediawiki/2018/b/be/T--Toronto--2018_amy.png)
President
Amy Yeung
![2](https://static.igem.org/mediawiki/2018/6/67/T--Toronto--2018_jack.png)
Vice President & Treasurer
Jack Castelli
![2](https://static.igem.org/mediawiki/2018/2/2e/T--Toronto--2018_sandy.png)
Social Media Officer
Sandy Dai
![4](https://static.igem.org/mediawiki/2018/2/22/T--Toronto--2018_girl.png)
Events Coordinator
Zhuji Wang
![1](https://static.igem.org/mediawiki/2018/8/86/T--Toronto--2018_ting.png)
Marketing Director
Ting He
![1](https://static.igem.org/mediawiki/2018/2/22/T--Toronto--2018_boy.png)
Senior Adviser
Kenneth Ting
Wetlab Team
![1](https://static.igem.org/mediawiki/2018/d/d8/T--Toronto--2018_tashi.png)
Wet Lab Lead
Tashi Rastogi
![2](https://static.igem.org/mediawiki/2018/d/df/T--Toronto--2018_amalia.png)
Wet Lab Member
Amalia Caballero
![3](https://static.igem.org/mediawiki/2018/0/01/T--Toronto--2018_nina.png)
Wet Lab Member
Nina Adler
![1](https://static.igem.org/mediawiki/2018/8/8a/T--Toronto--2018_jindian.png)
Wet Lab Member
Jindian yang
![1](https://static.igem.org/mediawiki/2018/c/cd/T--Toronto--2018_jasmeen.png)
Wet Lab Member
Jasmeen Parmar
Dry Lab Leaders
![1](https://static.igem.org/mediawiki/2018/1/1b/T--Toronto--2018_fin_01.png)
Fin Vermehr
Dry Lab Lead
![2](https://static.igem.org/mediawiki/2018/0/0e/T--Toronto--2018_brayden_01.png)
Brayden Kell
Dry Lab Lead
PnP Team
![1](https://static.igem.org/mediawiki/2018/e/ee/T--Toronto--2018_adnan.png)
Adnan Sharif
PnP Lead
![2](https://static.igem.org/mediawiki/2018/a/ac/T--Toronto--2018_demi.png)
Demi Turnbull
PnP Lead
![2](https://static.igem.org/mediawiki/2018/1/1c/T--Toronto--2018_arjun.png)
Arjun Kaul
PnP Member
![2](https://static.igem.org/mediawiki/2018/0/08/T--Toronto--2018_devaki.png)
Devaki Paalenthera
PnP Member
![1](https://static.igem.org/mediawiki/2018/2/22/T--Toronto--2018_girl.png)
PnP Member
Marie Janelle Cuevas
Directors of Research
![1](https://static.igem.org/mediawiki/2018/1/1f/T--Toronto--2018_carla.png)
Carla Hamady-Schroeder
Director of Research
![2](https://static.igem.org/mediawiki/2018/a/a5/T--Toronto--2018_ahmed.png)
Ahmed Ibrahim
Director of Research
Web Developers
![1](https://static.igem.org/mediawiki/2018/9/94/T--Toronto--_James.jpg)
James Ly
Lead Web Developer
![2](https://static.igem.org/mediawiki/2018/f/fb/T--Toronto--2018_erwin.png)