Difference between revisions of "Team:Toronto/Project/Team"

 
(63 intermediate revisions by 3 users not shown)
Line 2: Line 2:
 
<html>
 
<html>
 
<head>
 
<head>
−
<style>
+
<meta name="viewport" content="width=device-width, initial-scale=1">
−
.grid-container {
+
<style>
−
  display: grid;
+
* {
−
   grid-template-columns: auto auto auto;
+
box-sizing: border-box;
−
  background-color: #2196F3;
+
}
−
  padding: 10px;
+
−
}
+
/* Center website */
−
.grid-item {
+
.main {
−
  background-color: rgba(255, 255, 255, 0.8);
+
max-width: 1000px;
−
  border: 1px solid rgba(0, 0, 0, 0.8);
+
margin: auto;
−
  padding: 20px;
+
}
−
   font-size: 30px;
+
−
  text-align: center;
+
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>
 
</style>
 
</head>
 
</head>
 
<body>
 
<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 &amp; </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>
  
−
<h1>Grid Elements</h1>
 
  
−
<p>A Grid Layout must have a parent element with the <em>display</em> property set to <em>grid</em> or <em>inline-grid</em>.</p>
 
  
−
<p>Direct child element(s) of the grid container automatically becomes grid items.</p>
+
<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="grid-container">
+
<div class="column">
−
  <div class="grid-item">
+
<div class="content">
−
<img style="height:100%; width:100%;" src="https://static.igem.org/mediawiki/2018/7/71/T--Toronto--_Testing_in_Progress.gif" alt="test">
+
<img src="https://static.igem.org/mediawiki/2018/2/22/T--Toronto--2018_boy.png" alt="1" style="width:100%">
−
</div>
+
<h4>Senior Adviser</h4>
−
  <div class="grid-item">2</div>
+
<h5>Kenneth Ting</h5>
−
  <div class="grid-item">3</div>
+
</div>
−
  <div class="grid-item">4</div>
+
</div>
−
  <div class="grid-item">5</div>
+
 
−
  <div class="grid-item">6</div>
+
</div>
−
  <div class="grid-item">7</div>
+
 
−
  <div class="grid-item">8</div>
+
 
−
  <div class="grid-item">9</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>
 
</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>
 
</body>
 
</html>
 
</html>

Latest revision as of 15:38, 15 January 2020

Team Members

Admin Team

1

President

Amy Yeung
2

Vice President &
Treasurer

Jack Castelli
2

Social Media Officer

Sandy Dai
4

Events Coordinator

Zhuji Wang
1

Marketing Director

Ting He
1

Senior Adviser

Kenneth Ting

Wetlab Team

1

Wet Lab Lead

Tashi Rastogi
2

Wet Lab Member

Amalia Caballero
3

Wet Lab Member

Nina Adler
1

Wet Lab Member

Jindian yang
1

Wet Lab Member

Jasmeen Parmar

Dry Lab Leaders

1

Fin Vermehr

Dry Lab Lead
2

Brayden Kell

Dry Lab Lead

PnP Team

1

Adnan Sharif

PnP Lead
2

Demi Turnbull

PnP Lead
2

Arjun Kaul

PnP Member
2

Devaki Paalenthera

PnP Member
1

PnP Member

Marie Janelle Cuevas

Directors of Research

1

Carla Hamady-
Schroeder

Director of Research
2

Ahmed Ibrahim

Director of Research

Web Developers

1

James Ly

Lead Web Developer
2

Erwin Komguem

Web Developer