Difference between revisions of "Team:Toronto/WetLab/Parts"

Line 1: Line 1:
 
{{Template:Toronto/CSS}}
 
{{Template:Toronto/CSS}}
 
 
 
<html>
 
<html>
 
+
<head>
 
+
  <meta name="viewport" content="width=device-width, initial-scale=1">
<div class="center" style="height: 400px; width: 80%;">
+
   <style>
<div class="centerPacker">
+
  * {
   <p style="font-size: 20px; line-height:20px; text-align: center;">"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+
    box-sizing: border-box;
     Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor
+
  }
     in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident,
+
 
     sunt in culpa qui officia deserunt mollit anim id est laborum."</p>
+
  /* Center website */
</div>
+
  .main {
</div>
+
    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: 25px;
 +
    line-height: 35px;
 +
    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 */
 +
  .column15 {
 +
    float: left;
 +
    width: 15%;
 +
  }
 +
  .column20 {
 +
    float: left;
 +
    width: 20%;
 +
  }
 +
  .column10 {
 +
    float: left;
 +
    width: 10%;
 +
  }
 +
  .column40 {
 +
    float: left;
 +
    width: 40%;
 +
  }
 +
 
 +
  /* Clear floats after rows */
 +
  .row:after {
 +
    content: "";
 +
    display: table;
 +
    clear: both;
 +
  }
 +
 
 +
  /* Content */
 +
  .content {
 +
     background-color: white;
 +
    padding: 10px;
 +
    border-style: inset;
 +
  }
 +
</style>
 +
</head>
 +
<body>
 +
  <div class="main">
 +
    <h1 style="width: 500px">Submitted parts</h1>
 +
    <hr>
 +
    <p>
 +
      Although we have a great team, we have had tremendous support from our colleagues and other experts in the field. We would like to humbly thank the following individuals for their contribution to the development and completion of our bioremediation project. </br>
 +
     </p>
 +
    <h2>Supervisors:</h2>
 +
    <div class="row">
 +
      <div class="column15">
 +
        <div class="content">
 +
          <p>
 +
            Dr. Radhakrishnan Mahadevan
 +
          </p>
 +
        </div>
 +
      </div>
 +
      <div class="column15">
 +
        <div class="content">
 +
          <p>
 +
            Professor, Associate Chair, Graduate Studies Coordinator </br>
 +
            Laboratory for Metabolic Systems Engineering Principal Investigator</br>
 +
            Dept. Chemical Engineering</br>
 +
            University of Toronto </br>
 +
          </p>
 +
        </div>
 +
      </div>
 +
      <div class="column10">
 +
        <div class="content">
 +
        </div>
 +
      </div>
 +
      <div class="column10">
 +
        <div class="content">
 +
        </div>
 +
      </div>
 +
      <div class="column40">
 +
        <div class="content">
 +
        </div>
 +
      </div>
 +
      <div class="column10">
 +
        <div class="content">
 +
        </div>
 +
      </div>
 +
      <!-- END GRID -->
 +
     </div>
 +
   
 +
    <div class="row">
 +
      <div class="column">
 +
        <div class="content">
 +
          <p>
 +
            Dr. Keith Pardee
 +
          </p>
 +
        </div>
 +
      </div>
 +
      <div class="column2">
 +
        <div class="content">
 +
          <p>
 +
            Assistant Professor </br>
 +
            Pardee Lab Principal Investigator </br>
 +
            Leslie Dan Faculty of Pharmacy</br>
 +
            University of Toronto</br>
 +
          </p>
 +
        </div>
 +
      </div>
 +
      <div class="column3">
 +
        <div class="content">
 +
        </div>
 +
      </div>
 +
      <!-- END GRID -->
 +
    </div>
 +
    <!-- END MAIN -->
 +
  </div>
 +
</body>
 
</html>
 
</html>

Revision as of 03:25, 17 October 2018

Submitted parts


Although we have a great team, we have had tremendous support from our colleagues and other experts in the field. We would like to humbly thank the following individuals for their contribution to the development and completion of our bioremediation project.

Supervisors:

Dr. Radhakrishnan Mahadevan

Professor, Associate Chair, Graduate Studies Coordinator
Laboratory for Metabolic Systems Engineering Principal Investigator
Dept. Chemical Engineering
University of Toronto

Dr. Keith Pardee

Assistant Professor
Pardee Lab Principal Investigator
Leslie Dan Faculty of Pharmacy
University of Toronto