(Replaced content with "Lorem ipsum dolor sit amet, tempor prodesset eos no. Temporibus necessitatibus sea ei, at tantas oporteat nam. Lorem ipsum dolor sit amet, tempor prodesset eos no.") |
|||
(41 intermediate revisions by 3 users not shown) | |||
Line 1: | Line 1: | ||
− | + | {{Template:Toronto/CSS}} | |
+ | <html> | ||
+ | <head> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
+ | <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 { | ||
+ | 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 --> | ||
+ | |||
+ | <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> | ||
+ | |||
+ | <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> | ||
+ | |||
+ | <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%"> | ||
+ | <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> | ||
+ | |||
+ | <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> | ||
+ | |||
+ | |||
+ | <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> | ||
+ | </html> |
Latest revision as of 15:38, 15 January 2020