Difference between revisions of "Team:Calgary/Team"

Line 1: Line 1:
 
{{Calgary/Imposter-Navbar-No-Logo}}
 
{{Calgary/Imposter-Navbar-No-Logo}}
 
<html>
 
<html>
<head>
+
  <head>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <link rel = "stylesheet" type = "text/css" href = "https://2020.igem.org/Template:Calgary/Team-Style?action=raw&ctype=text/css"/>
+
    <link
  <link rel = "stylesheet" type = "text/css" href = "https://2020.igem.org/Template:Calgary/Imposter-Sidebar-2-Style?action=raw&ctype=text/css"/>
+
      rel="stylesheet"
<link href="https://fonts.googleapis.com/css2?family=Public+Sans:wght@500;600;700&display=swap" rel="stylesheet">
+
      type="text/css"
<style>
+
      href="https://2020.igem.org/Template:Calgary/Team-Style?action=raw&ctype=text/css"
 +
    />
 +
    <link
 +
      rel="stylesheet"
 +
      type="text/css"
 +
      href="https://2020.igem.org/Template:Calgary/Imposter-Sidebar-2-Style?action=raw&ctype=text/css"
 +
    />
 +
    <link
 +
      href="https://fonts.googleapis.com/css2?family=Public+Sans:wght@500;600;700&display=swap"
 +
      rel="stylesheet"
 +
    />
 +
    <style>
 +
      /*header font size for tablet*/
 +
      @media (max-width: 768px) {
 +
        .resp h1 {
 +
          font-size: 55px !important;
 +
        }
 +
      }
  
/*header font size for tablet*/
+
      /*header font size for mobile*/
@media(max-width: 768px){
+
      @media (max-width: 525px) {
  .resp h1{
+
        .resp h1 {
    font-size:55px!important;
+
          font-size: 50px !important;
  }}
+
        }
 
+
      }
/*header font size for mobile*/
+
@media (max-width:525px){
+
  .resp h1{
+
    font-size:50px!important;
+
  }}
+
  
/* Fixing the top content under the navbar */
+
      /* Fixing the top content under the navbar */
 
       .banner-image {
 
       .banner-image {
 
         position: relative;
 
         position: relative;
 
       }
 
       }
  
@media (max-width: 767px) {
+
      @media (max-width: 767px) {
 +
        .banner-image {
 +
          background-position: center;
 +
        }
 +
      }
 +
    </style>
 +
  </head>
 +
  <body>
 +
    <!-- SIDEBAR -->
 +
    <div class="sidenav" id="sidenav">
 +
      <a href="https://2020.igem.org/Team:Calgary">
 +
        <img
 +
          src="https://static.igem.org/mediawiki/2020/c/c1/T--Calgary--whitelogo.jpg"
 +
          style="
 +
            height: 150px;
 +
            width: auto;
 +
            padding-top: 20px;
 +
            position: relative;
 +
            left: -20px;
 +
          "
 +
        />
 +
      </a>
 +
      <a href="#drylab"> Dry Lab </a>
 +
      <br />
 +
      <a href="#wetlab"> Wet Lab </a>
 +
      <br />
 +
      <a href="#supervisors"> Supervisors </a>
 +
      <br />
 +
      <a href="#slides"> Gallery </a>
 +
    </div>
  
.banner-image {
+
    <div class="main">
  background-position: center;
+
      <!--BANNER-->
}
+
      <div class="banner-image">
}
+
        <div class="banner-text resp">
 +
          <h1 style="font-family: 'Public Sans', sans-serif; font-weight: 600">
 +
            THE TEAM
 +
          </h1>
 +
        </div>
 +
      </div>
  
 
+
      <div class="d-flex justify-content-center headers" id="drylab">
</style>
+
        <h2>Dry Lab Team</h2>
</head>
+
<body>
+
  <!-- SIDEBAR -->
+
  <div class = "sidenav" id = "sidenav">
+
    <a href="https://2020.igem.org/Team:Calgary">
+
      <img
+
              src="https://static.igem.org/mediawiki/2020/c/c1/T--Calgary--whitelogo.jpg"
+
              style="height: 150px; width: auto; padding-top:20px; position:relative; left:-20px;"/>
+
    </a>
+
    <a href = "#drylab"> Dry Lab </a>
+
<br>
+
    <a href = "#wetlab"> Wet Lab </a>
+
<br>
+
    <a href = "#supervisors"> Supervisors </a>
+
<br>
+
    <a href = "#slides"> Gallery </a>
+
  </div>
+
 
+
 
+
 
+
 
+
 
+
  <div class= "main">
+
 
+
    <!--BANNER-->
+
    <div class="banner-image">
+
      <div class="banner-text resp">
+
        <h1 style="font-family: 'Public Sans', sans-serif; font-weight: 600;">THE TEAM</h1>
+
 
       </div>
 
       </div>
    </div>
 
  
    <div class="d-flex justify-content-center headers" id = "drylab"> <h2> Dry Lab Team </h2> </div>
+
      <div class="d-flex justify-content-center">
 
+
        <div class="row main-teampage">
 
+
          <div class="col-xs-3 main-pics">
    <div class = "d-flex justify-content-center">
+
            <a data-toggle="modal" data-target="#alexa_modal">
      <div class = "row main-teampage">
+
              <div class="single-content">
 
+
                <img
        <div class = "col-xs-3 main-pics">
+
                  src="https://static.igem.org/mediawiki/2020/a/a9/T--Calgary--alexa-img.jpeg"
          <a data-toggle = "modal" data-target = "#alexa_modal">
+
                  alt="alexa"
            <div class = "single-content">
+
                  width="200"
              <img src = "https://static.igem.org/mediawiki/2020/a/a9/T--Calgary--alexa-img.jpeg" alt = "alexa" width = "200" height = "200">
+
                  height="200"
              <div class = "text-content">
+
                />
                <h4> Alexa Calkhoven </h4>
+
                <div class="text-content">
                <h6> Software Engineering </h6>
+
                  <h4>Alexa Calkhoven</h4>
 +
                  <h6>Software Engineering</h6>
 +
                </div>
 
               </div>
 
               </div>
             </div>
+
             </a>
           </a>
+
           </div>
        </div>
+
  
        <div class = "col-xs-3 main-pics">
+
          <div class="col-xs-3 main-pics">
          <a data-toggle = "modal" data-target = "#andrew_modal">
+
            <a data-toggle="modal" data-target="#andrew_modal">
            <div class = "single-content">
+
              <div class="single-content">
              <img src = "https://static.igem.org/mediawiki/2020/2/27/T--Calgary--andrew-img.jpeg" alt = "andrew" width = "200" height = "200">
+
                <img
              <div class = "text-content">
+
                  src="https://static.igem.org/mediawiki/2020/2/27/T--Calgary--andrew-img.jpeg"
                <h4> Andrew Symes </h4>
+
                  alt="andrew"
                <h6> Statistics </h6>
+
                  width="200"
 +
                  height="200"
 +
                />
 +
                <div class="text-content">
 +
                  <h4>Andrew Symes</h4>
 +
                  <h6>Statistics</h6>
 +
                </div>
 
               </div>
 
               </div>
             </div>
+
             </a>
           </a>
+
           </div>
        </div>
+
  
        <div class = "col-xs-3 main-pics">
+
          <div class="col-xs-3 main-pics">
          <a data-toggle = "modal" data-target = "#cedric_modal">
+
            <a data-toggle="modal" data-target="#cedric_modal">
            <div class = "single-content">
+
              <div class="single-content">
              <img src = " https://static.igem.org/mediawiki/2020/1/15/T--Calgary--cedric-img.jpeg" alt = "cedric" width = "200" height = "200">
+
                <img
              <div class = "text-content">
+
                  src=" https://static.igem.org/mediawiki/2020/1/15/T--Calgary--cedric-img.jpeg"
                <h4> Cedric Acierto </h4>
+
                  alt="cedric"
                <h6> Software Engineering </h6>
+
                  width="200"
 +
                  height="200"
 +
                />
 +
                <div class="text-content">
 +
                  <h4>Cedric Acierto</h4>
 +
                  <h6>Software Engineering</h6>
 +
                </div>
 
               </div>
 
               </div>
             </div>
+
             </a>
           </a>
+
           </div>
        </div>
+
  
        <div class = "col-xs-3 main-pics">
+
          <div class="col-xs-3 main-pics">
          <a data-toggle = "modal" data-target = "#randy_modal">
+
            <a data-toggle="modal" data-target="#randy_modal">
            <div class = "single-content">
+
              <div class="single-content">
              <img src = "https://static.igem.org/mediawiki/2020/4/44/T--Calgary--randy-img.png
+
                <img
     " alt = "randy" width = "200" height = "200">
+
                  src="https://static.igem.org/mediawiki/2020/4/44/T--Calgary--randy-img.png
              <div class = "text-content">
+
     "
                <h4> Randy Moore </h4>
+
                  alt="randy"
                <h6> Electrical Engineering </h6>
+
                  width="200"
 +
                  height="200"
 +
                />
 +
                <div class="text-content">
 +
                  <h4>Randy Moore</h4>
 +
                  <h6>Electrical Engineering</h6>
 +
                </div>
 
               </div>
 
               </div>
             </div>
+
             </a>
           </a>
+
           </div>
 
         </div>
 
         </div>
 
 
       </div>
 
       </div>
    </div>
 
  
    <br>
+
      <br />
    <br>
+
      <br />
  
    <!--WET LAB CONTAINERS-->
+
      <!--WET LAB CONTAINERS-->
    <div class="d-flex justify-content-center headers" id = "wetlab"> <h2> Wet Lab Team </h2> </div>
+
      <div class="d-flex justify-content-center headers" id="wetlab">
 +
        <h2>Wet Lab Team</h2>
 +
      </div>
  
 
       <div class="d-flex justify-content-sm-center">
 
       <div class="d-flex justify-content-sm-center">
         <div class = "row main-teampage">
+
         <div class="row main-teampage">
 
+
           <div class="col-xs-3 main-pics">
           <div class = "col-xs-3 main-pics">
+
             <a data-toggle="modal" data-target="#nimaya_modal">
             <a data-toggle = "modal" data-target = "#nimaya_modal">
+
               <div class="single-content">
               <div class = "single-content">
+
                 <img
                 <img src = "https://static.igem.org/mediawiki/2020/2/22/T--Calgary--nimaya-img.png" alt = "nimaya" width = "200" height = "200">
+
                  src="https://static.igem.org/mediawiki/2020/2/22/T--Calgary--nimaya-img.png"
                 <div class = "text-content">
+
                  alt="nimaya"
                   <h4> Nimaya <br> De Silva </h4>
+
                  width="200"
                   <h6> Health Sciences </h6>
+
                  height="200"
 +
                />
 +
                 <div class="text-content">
 +
                   <h4>
 +
                    Nimaya <br />
 +
                    De Silva
 +
                  </h4>
 +
                   <h6>Health Sciences</h6>
 
                 </div>
 
                 </div>
 
               </div>
 
               </div>
Line 144: Line 185:
 
           </div>
 
           </div>
  
           <div class = "col-xs-3 main-pics">
+
           <div class="col-xs-3 main-pics">
             <a data-toggle = "modal" data-target = "#simran_modal">
+
             <a data-toggle="modal" data-target="#simran_modal">
               <div class = "single-content">
+
               <div class="single-content">
                 <img src = "https://static.igem.org/mediawiki/2020/9/9f/T--Calgary--simran-img.jpeg" alt = "simran" width = "200" height = "200">
+
                 <img
                 <div class = "text-content">
+
                  src="https://static.igem.org/mediawiki/2020/9/9f/T--Calgary--simran-img.jpeg"
                   <h4> Simran Sandhu </h4>
+
                  alt="simran"
                   <h6> Health Sciences </h6>
+
                  width="200"
 +
                  height="200"
 +
                />
 +
                 <div class="text-content">
 +
                   <h4>Simran Sandhu</h4>
 +
                   <h6>Health Sciences</h6>
 
                 </div>
 
                 </div>
 
               </div>
 
               </div>
Line 156: Line 202:
 
           </div>
 
           </div>
  
           <div class = "col-xs-3 main-pics">
+
           <div class="col-xs-3 main-pics">
             <a data-toggle = "modal" data-target = "#allison_modal">
+
             <a data-toggle="modal" data-target="#allison_modal">
               <div class = "single-content">
+
               <div class="single-content">
                 <img src = "https://static.igem.org/mediawiki/2020/2/2e/T--Calgary--allison-img.png" alt = "allison" width = "200" height = "200">
+
                 <img
                 <div class = "text-content">
+
                  src="https://static.igem.org/mediawiki/2020/2/2e/T--Calgary--allison-img.png"
                   <h4> Allison Guthrie </h4>
+
                  alt="allison"
                   <h6> Plant Biology </h6>
+
                  width="200"
 +
                  height="200"
 +
                />
 +
                 <div class="text-content">
 +
                   <h4>Allison Guthrie</h4>
 +
                   <h6>Plant Biology</h6>
 
                 </div>
 
                 </div>
 
               </div>
 
               </div>
Line 168: Line 219:
 
           </div>
 
           </div>
  
           <div class = "col-xs-3 main-pics">
+
           <div class="col-xs-3 main-pics">
             <a data-toggle = "modal" data-target = "#micha_modal">
+
             <a data-toggle="modal" data-target="#micha_modal">
               <div class = "single-content">
+
               <div class="single-content">
                 <img src = " https://static.igem.org/mediawiki/2020/9/9e/T--Calgary--micha-img.png
+
                 <img
     " alt = "micha" width = "200" height = "200">
+
                  src=" https://static.igem.org/mediawiki/2020/9/9e/T--Calgary--micha-img.png
                 <div class = "text-content">
+
     "
                   <h4> Michaella Atienza </h4>
+
                  alt="micha"
                   <h6> Plant Biology </h6>
+
                  width="200"
 +
                  height="200"
 +
                />
 +
                 <div class="text-content">
 +
                   <h4>Michaella Atienza</h4>
 +
                   <h6>Plant Biology</h6>
 
                 </div>
 
                 </div>
 
               </div>
 
               </div>
 
             </a>
 
             </a>
 
           </div>
 
           </div>
 
 
         </div>
 
         </div>
 
       </div>
 
       </div>
  
       <div class = "d-flex justify-content-sm-center">
+
       <div class="d-flex justify-content-sm-center">
         <div class = "row main-teampage">
+
         <div class="row main-teampage">
 
+
           <div class="col-xs-4 main-pics">
           <div class = "col-xs-4 main-pics">
+
             <a data-toggle="modal" data-target="#arshia_modal">
             <a data-toggle = "modal" data-target = "#arshia_modal">
+
               <div class="single-content">
               <div class = "single-content">
+
                 <img
                 <img src = "https://static.igem.org/mediawiki/2020/a/a3/T--Calgary--arshia-img.png" alt = "arshia" width = "200" height = "200">
+
                  src="https://static.igem.org/mediawiki/2020/a/a3/T--Calgary--arshia-img.png"
                 <div class = "text-content">
+
                  alt="arshia"
                   <h4> Arshia Mostoufi </h4>
+
                  width="200"
                   <h6> Cellular Biology </h6>
+
                  height="200"
 +
                />
 +
                 <div class="text-content">
 +
                   <h4>Arshia Mostoufi</h4>
 +
                   <h6>Cellular Biology</h6>
 
                 </div>
 
                 </div>
 
               </div>
 
               </div>
Line 199: Line 258:
 
           </div>
 
           </div>
  
           <div class = "col-xs-4 main-pics">
+
           <div class="col-xs-4 main-pics">
             <a data-toggle = "modal" data-target = "#sravya_modal">
+
             <a data-toggle="modal" data-target="#sravya_modal">
               <div class = "single-content">
+
               <div class="single-content">
                 <img src = "https://static.igem.org/mediawiki/2020/a/ae/T--Calgary--sravya-img.png" alt = "sravya" width = "200" height = "200">
+
                 <img
                 <div class = "text-content">
+
                  src="https://static.igem.org/mediawiki/2020/a/ae/T--Calgary--sravya-img.png"
                   <h4> Sravya Kakumanu </h4>
+
                  alt="sravya"
                   <h6> Microbiology </h6>
+
                  width="200"
 +
                  height="200"
 +
                />
 +
                 <div class="text-content">
 +
                   <h4>Sravya Kakumanu</h4>
 +
                   <h6>Microbiology</h6>
 
                 </div>
 
                 </div>
 
               </div>
 
               </div>
Line 211: Line 275:
 
           </div>
 
           </div>
  
           <div class = "col-xs-4 main-pics">
+
           <div class="col-xs-4 main-pics">
             <a data-toggle = "modal" data-target = "#anika_modal">
+
             <a data-toggle="modal" data-target="#anika_modal">
               <div class = "single-content">
+
               <div class="single-content">
                 <img src = "https://static.igem.org/mediawiki/2020/c/c5/T--Calgary--anika-img.png" alt = "anika" width = "200" height = "200">
+
                 <img
                 <div class = "text-content">
+
                  src="https://static.igem.org/mediawiki/2020/c/c5/T--Calgary--anika-img.png"
                   <h4> Anika Zaman </h4>
+
                  alt="anika"
                   <h6> Cellular Biology </h6>
+
                  width="200"
 +
                  height="200"
 +
                />
 +
                 <div class="text-content">
 +
                   <h4>Anika Zaman</h4>
 +
                   <h6>Cellular Biology</h6>
 
                 </div>
 
                 </div>
 
               </div>
 
               </div>
 
             </a>
 
             </a>
 
           </div>
 
           </div>
 
 
         </div>
 
         </div>
 
       </div>
 
       </div>
  
    <br>
+
      <br />
    <br>
+
      <br />
  
    <!--SUPERVISOR CONTAINERS-->
+
      <!--SUPERVISOR CONTAINERS-->
  
    <div class="d-flex justify-content-center headers" id = "supervisors"> <h2> Supervisors </h2> </div>
+
      <div class="d-flex justify-content-center headers" id="supervisors">
 
+
        <h2>Supervisors</h2>
       <div class = "d-flex justify-content-center">
+
       </div>
        <div class = "row main-teampage">
+
  
           <div class = "col-xs-4 main-pics">
+
      <div class="d-flex justify-content-center">
             <a data-toggle = "modal" data-target = "#chris_modal">
+
        <div class="row main-teampage">
               <div class = "single-content">
+
           <div class="col-xs-4 main-pics">
                 <img src = "https://static.igem.org/mediawiki/2020/f/f9/T--Calgary--chris-img.png" alt = "chris" width = "200" height = "200">
+
             <a data-toggle="modal" data-target="#chris_modal">
                 <div class = "text-content">
+
               <div class="single-content">
                   <h4> Christian Emond </h4>
+
                 <img
                   <h6> Cellular Biology </h6>
+
                  src="https://static.igem.org/mediawiki/2020/f/f9/T--Calgary--chris-img.png"
 +
                  alt="chris"
 +
                  width="200"
 +
                  height="200"
 +
                />
 +
                 <div class="text-content">
 +
                   <h4>Christian Emond</h4>
 +
                   <h6>Cellular Biology</h6>
 
                 </div>
 
                 </div>
 
               </div>
 
               </div>
Line 248: Line 322:
 
           </div>
 
           </div>
  
           <div class = "col-xs-4 main-pics">
+
           <div class="col-xs-4 main-pics">
             <a data-toggle = "modal" data-target = "#jadon_modal">
+
             <a data-toggle="modal" data-target="#jadon_modal">
               <div class = "single-content">
+
               <div class="single-content">
                 <img src = "https://static.igem.org/mediawiki/2020/2/26/T--Calgary--jadon-img.jpeg" alt = "jadon" width = "200" height = "200">
+
                 <img
                 <div class = "text-content">
+
                  src="https://static.igem.org/mediawiki/2020/2/26/T--Calgary--jadon-img.jpeg"
                   <h4> Jadon Duby </h4>
+
                  alt="jadon"
                   <h6> Mathematics </h6>
+
                  width="200"
 +
                  height="200"
 +
                />
 +
                 <div class="text-content">
 +
                   <h4>Jadon Duby</h4>
 +
                   <h6>Mathematics</h6>
 
                 </div>
 
                 </div>
 
               </div>
 
               </div>
Line 260: Line 339:
 
           </div>
 
           </div>
  
           <div class = "col-xs-4 main-pics">
+
           <div class="col-xs-4 main-pics">
             <a data-toggle = "modal" data-target = "#mac_modal">
+
             <a data-toggle="modal" data-target="#mac_modal">
               <div class = "single-content">
+
               <div class="single-content">
                 <img src = "https://static.igem.org/mediawiki/2020/2/27/T--Calgary--mac.jpeg" alt = "mac" width = "200" height = "200">
+
                 <img
                 <div class = "text-content">
+
                  src="https://static.igem.org/mediawiki/2020/2/27/T--Calgary--mac.jpeg"
                   <h4> Mackenzie Sampson </h4>
+
                  alt="mac"
                   <h6> Electrical Engineering </h6>
+
                  width="200"
 +
                  height="200"
 +
                />
 +
                 <div class="text-content">
 +
                   <h4>Mackenzie Sampson</h4>
 +
                   <h6>Electrical Engineering</h6>
 
                 </div>
 
                 </div>
 
               </div>
 
               </div>
 
             </a>
 
             </a>
 
           </div>
 
           </div>
 
 
         </div>
 
         </div>
 
       </div>
 
       </div>
  
       <div class = "d-flex justify-content-center">
+
       <div class="d-flex justify-content-center">
         <div class = "row main-teampage">
+
         <div class="row main-teampage">
 
+
           <div class="col-xs-6 main-pics">
           <div class = "col-xs-6 main-pics">
+
             <a data-toggle="modal" data-target="#dr_mayi_modal">
             <a data-toggle = "modal" data-target = "#dr_mayi_modal">
+
               <div class="single-content">
               <div class = "single-content">
+
                 <img
                 <img src = "https://static.igem.org/mediawiki/2020/f/f7/T--Calgary--dr_mayi-img.png" alt = "dr_mayi" width = "200" height = "200">
+
                  src="https://static.igem.org/mediawiki/2020/f/f7/T--Calgary--dr_mayi-img.png"
                 <div class = "text-content">
+
                  alt="dr_mayi"
                   <h5> Dr. Mayi Arcellana-Panlilio </h5>
+
                  width="200"
 +
                  height="200"
 +
                />
 +
                 <div class="text-content">
 +
                   <h5>Dr. Mayi Arcellana-Panlilio</h5>
 
                 </div>
 
                 </div>
 
               </div>
 
               </div>
Line 289: Line 376:
 
           </div>
 
           </div>
  
           <div class = "col-xs-6 main-pics">
+
           <div class="col-xs-6 main-pics">
             <a data-toggle = "modal" data-target = "#tian_modal">
+
             <a data-toggle="modal" data-target="#tian_modal">
               <div class = "single-content">
+
               <div class="single-content">
                 <img src = "https://static.igem.org/mediawiki/2020/6/68/T--Calgary--tian-img.png" alt = "tian" width = "200" height = "200">
+
                 <img
                 <div class = "text-content">
+
                  src="https://static.igem.org/mediawiki/2020/6/68/T--Calgary--tian-img.png"
                   <h4> Tian Zhao </h4>
+
                  alt="tian"
                   <h6> Insert Program Here </h6>
+
                  width="200"
 +
                  height="200"
 +
                />
 +
                 <div class="text-content">
 +
                   <h4>Tian Zhao</h4>
 +
                   <h6>Insert Program Here</h6>
 
                 </div>
 
                 </div>
 
               </div>
 
               </div>
 
             </a>
 
             </a>
 
           </div>
 
           </div>
 
+
         </div>
         </div> <!--end tag for last row-->
+
        <!--end tag for last row-->
 
       </div>
 
       </div>
  
 
+
      <!---MODALS---->
 
+
    <!---MODALS---->
+
 
       <!--Dry Lab Modals-->
 
       <!--Dry Lab Modals-->
  
    <!--Alexa's Modal-->
+
      <!--Alexa's Modal-->
    <div class="modal fade" id="alexa_modal" tabindex="-1" role="dialog" aria-labelledby="ModalCenterTitle" aria-hidden="true">   <!--EDITABLE-->
+
      <div
      <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
+
        class="modal"
         <div class="modal-content">
+
        id="alexa_modal"
          <div class="modal-body">
+
        tabindex="-1"
 +
        role="dialog"
 +
        aria-labelledby="ModalCenterTitle"
 +
        aria-hidden="true"
 +
      >
 +
        <!--EDITABLE-->
 +
        <div
 +
          class="modal-dialog modal-dialog-centered modal-lg"
 +
          role="document"
 +
         >
 +
          <div class="modal-content">
 +
            <div class="modal-body">
 +
              <div class="row info">
 +
                <!--START COPY-->
  
            <div class = "row info">   <!--START COPY-->
+
                <div class="col-xs-4 modal-pic">
 +
                  <img
 +
                    src="https://static.igem.org/mediawiki/2020/e/eb/T--Calgary--ncalexa.jpg"
 +
                    alt="alexa modal img"
 +
                    width="225px"
 +
                    height="400px"
 +
                  />
 +
                  <!--EDITABLE-->
 +
                </div>
  
              <div class = "col-xs-4 modal-pic">
+
                <div class="col-xs-8 modal-txt">
                <img src = "https://static.igem.org/mediawiki/2020/e/eb/T--Calgary--ncalexa.jpg" alt = "alexa modal img" width = "225px" height = "400px">   <!--EDITABLE-->
+
                  <div class="row md-row1"><h1>Alexa Calkhoven</h1></div>
              </div>
+
                  <!--EDITABLE-->
 +
                  <div class="row md-row2"><h3>Dry Lab</h3></div>
 +
                  <!--EDITABLE-->
 +
                  <div class="row md-row3">
 +
                    <div class="desc">Calm</div>
 +
                    <div class="desc">Quiet</div>
 +
                    <div class="desc">Knowledgeable</div>
 +
                    <!--EDITABLE-->
 +
                  </div>
  
              <div class = "col-xs-8 modal-txt">
+
                  <div class="row md-row4">Major:</div>
 +
                  <div class="row md-row5">Software Engineering</div>
 +
                  <!--EDITABLE-->
 +
                  <div class="row md-row4">Year:</div>
 +
                  <div class="row md-row5">Third</div>
 +
                  <!--EDITABLE-->
  
                <div class = "row md-row1"> <h1> Alexa Calkhoven </h1> </div> <!--EDITABLE-->
+
                  <div class="row md-row6">
                <div class = "row md-row2"> <h3> Dry Lab </h3> </div>  <!--EDITABLE-->
+
                    <!--EDITABLE-->
                <div class = "row md-row3">
+
                    Watch out gamers, the best skribbl.io player is here! What
                   <div class="desc"> Calm </div> <div class="desc"> Quiet </div> <div class="desc"> Knowledgeable </div>  <!--EDITABLE-->
+
                    got her into the exciting world of iGEM is the huge
 +
                    potential it has to help people, especially in the medical
 +
                    field. Being the resident wiki expert, Alexa offers great
 +
                    advice and solutions to the dry lab team when there are
 +
                    coding issues. She also takes initiative by taking great
 +
                    meeting notes for the team.
 +
                   </div>
 
                 </div>
 
                 </div>
 +
              </div>
  
                <div class = "row md-row4"> Major: </div>
+
              <div class="row subprojects justify-content-center">
                 <div class = "row md-row5"> Software Engineering </div> <!--EDITABLE-->
+
                 <div class="col-xs-12">
                <div class = "row md-row4"> Year: </div>
+
                  <div class="row title-row justify-content-center">
                <div class = "row md-row5"> Third </div> <!--EDITABLE-->
+
                    <h1>Projects</h1>
 +
                  </div>
  
                <div class = "row md-row6"> <!--EDITABLE-->
+
                  <div class="row proj-row justify-content-center">
                  Watch out gamers, the best skribbl.io player is here!
+
                    <!--EDITABLE-->
                  What got her into the exciting world of iGEM is the huge potential it has to help people, especially in the medical field.
+
                    <img
                  Being the resident wiki expert, Alexa offers great advice and solutions to the dry lab team when there are coding issues.
+
                      src="https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png"
                   She also takes initiative by taking great meeting notes for the team.
+
                      alt="subproject"
 +
                      class="subproj-img"
 +
                    />
 +
                    <img
 +
                      src="https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png"
 +
                      alt="subproject"
 +
                      class="subproj-img"
 +
                    />
 +
                    <img
 +
                      src="https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png"
 +
                      alt="subproject"
 +
                      class="subproj-img"
 +
                    />
 +
                   </div>
 
                 </div>
 
                 </div>
 
 
               </div>
 
               </div>
 
+
              <!--END COPY-->
 
             </div>
 
             </div>
 
            <div class = "row subprojects justify-content-center">
 
              <div class = "col-xs-12">
 
 
                <div class = "row title-row justify-content-center"> <h1> Projects </h1> </div>
 
 
                <div class = "row proj-row justify-content-center"> <!--EDITABLE-->
 
                  <img src = "https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png" alt = "subproject" class = "subproj-img">
 
                  <img src = "https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png" alt = "subproject" class = "subproj-img">
 
                  <img src = "https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png" alt = "subproject" class = "subproj-img">
 
                </div>
 
 
              </div>
 
            </div>    <!--END COPY-->
 
 
 
           </div>
 
           </div>
 
         </div>
 
         </div>
 
       </div>
 
       </div>
    </div>
 
  
    <!--Andrew's Modal-->
+
      <!--Andrew's Modal-->
    <div class="modal fade" id="andrew_modal" tabindex="-1" role="dialog" aria-labelledby="ModalCenterTitle" aria-hidden="true">
+
      <div
       <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
+
        class="modal fade"
         <div class="modal-content">
+
        id="andrew_modal"
          <div class="modal-body">
+
        tabindex="-1"
 +
        role="dialog"
 +
        aria-labelledby="ModalCenterTitle"
 +
        aria-hidden="true"
 +
       >
 +
        <div
 +
          class="modal-dialog modal-dialog-centered modal-lg"
 +
          role="document"
 +
         >
 +
          <div class="modal-content">
 +
            <div class="modal-body">
 +
              <div class="row info">
 +
                <!--START COPY-->
  
            <div class = "row info">    <!--START COPY-->
+
                <div class="col-xs-4 modal-pic">
 
+
                  <img
              <div class = "col-xs-4 modal-pic">
+
                    src="https://static.igem.org/mediawiki/2020/b/b9/T--Calgary--ncandrew.jpg"
                <img src = "https://static.igem.org/mediawiki/2020/b/b9/T--Calgary--ncandrew.jpg" alt = "andrew modal img" width = "225px" height = "400px">  <!--EDITABLE-->
+
                    alt="andrew modal img"
              </div>
+
                    width="225px"
 
+
                    height="400px"
              <div class = "col-xs-8 modal-txt">
+
                  />
 
+
                   <!--EDITABLE-->
                <div class = "row md-row1"> <h1> Andrew Symes </h1> </div> <!--EDITABLE-->
+
                <div class = "row md-row2"> <h3> Dry Lab </h3> </div>
+
                <div class = "row md-row3">
+
                   <div class="desc"> Sweet </div> <div class="desc"> Sensitive </div> <div class="desc"> Charismatic </div>  <!--EDITABLE-->
+
 
                 </div>
 
                 </div>
  
                 <div class = "row md-row4"> Major: </div>
+
                 <div class="col-xs-8 modal-txt">
                <div class = "row md-row5"> Statistics </div> <!--EDITABLE-->
+
                  <div class="row md-row1"><h1>Andrew Symes</h1></div>
                <div class = "row md-row4"> Year: </div>
+
                  <!--EDITABLE-->
                <div class = "row md-row5"> Fourth (?) </div> <!--EDITABLE-->
+
                  <div class="row md-row2"><h3>Dry Lab</h3></div>
 +
                  <div class="row md-row3">
 +
                    <div class="desc">Sweet</div>
 +
                    <div class="desc">Sensitive</div>
 +
                    <div class="desc">Charismatic</div>
 +
                    <!--EDITABLE-->
 +
                  </div>
  
                <div class = "row md-row6"> <!--EDITABLE-->
+
                  <div class="row md-row4">Major:</div>
                   Andrew is the team’s expert in protein modelling.
+
                  <div class="row md-row5">Statistics</div>
                   His deadpan, straight-faced humour lightens up everyone’s mood even on the most stressful days.
+
                  <!--EDITABLE-->
                   He keeps the team morale up with his cheery attitude and off-the-charts optimism.
+
                   <div class="row md-row4">Year:</div>
                  He speaks English, ASL, and just enough French to order a bagel.
+
                   <div class="row md-row5">Fourth (?)</div>
                  In his free time, he is a runner, swimmer, and an equestrian.
+
                   <!--EDITABLE-->
  
 +
                  <div class="row md-row6">
 +
                    <!--EDITABLE-->
 +
                    Andrew is the team’s expert in protein modelling. His
 +
                    deadpan, straight-faced humour lightens up everyone’s mood
 +
                    even on the most stressful days. He keeps the team morale up
 +
                    with his cheery attitude and off-the-charts optimism. He
 +
                    speaks English, ASL, and just enough French to order a
 +
                    bagel. In his free time, he is a runner, swimmer, and an
 +
                    equestrian.
 +
                  </div>
 
                 </div>
 
                 </div>
 
 
               </div>
 
               </div>
  
            </div>
+
              <div class="row subprojects justify-content-center">
 +
                <div class="col-xs-12">
 +
                  <div class="row title-row justify-content-center">
 +
                    <h1>Projects</h1>
 +
                  </div>
  
            <div class = "row subprojects justify-content-center">
+
                  <div class="row proj-row justify-content-center">
              <div class = "col-xs-12">
+
                    <!--EDITABLE-->
 
+
                    <img
                <div class = "row title-row justify-content-center"> <h1> Projects </h1> </div>
+
                      src="https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png"
 
+
                      alt="subproject"
                <div class = "row proj-row justify-content-center"> <!--EDITABLE-->
+
                      class="subproj-img"
                  <img src = "https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png" alt = "subproject" class = "subproj-img">
+
                    />
                  <img src = "https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png" alt = "subproject" class = "subproj-img">
+
                    <img
                  <img src = "https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png" alt = "subproject" class = "subproj-img">
+
                      src="https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png"
 +
                      alt="subproject"
 +
                      class="subproj-img"
 +
                    />
 +
                    <img
 +
                      src="https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png"
 +
                      alt="subproject"
 +
                      class="subproj-img"
 +
                    />
 +
                  </div>
 
                 </div>
 
                 </div>
 
 
               </div>
 
               </div>
            </div>    <!--END COPY-->
+
              <!--END COPY-->
 
+
            </div>
 
           </div>
 
           </div>
 
         </div>
 
         </div>
 
       </div>
 
       </div>
    </div>
 
 
    <!--Cedric's Modal-->
 
    <div class="modal fade" id="cedric_modal" tabindex="-1" role="dialog" aria-labelledby="ModalCenterTitle" aria-hidden="true">
 
      <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
 
        <div class="modal-content">
 
          <div class="modal-body">
 
 
            <div class = "row info">    <!--START COPY-->
 
 
              <div class = "col-xs-4 modal-pic">
 
                <img src = "https://static.igem.org/mediawiki/2020/6/6a/T--Calgary--nccedric.jpg" alt = "cedric modal img" width = "225px" height = "400px">
 
              </div>
 
  
              <div class = "col-xs-8 modal-txt">
+
      <!--Cedric's Modal-->
 +
      <div
 +
        class="modal fade"
 +
        id="cedric_modal"
 +
        tabindex="-1"
 +
        role="dialog"
 +
        aria-labelledby="ModalCenterTitle"
 +
        aria-hidden="true"
 +
      >
 +
        <div
 +
          class="modal-dialog modal-dialog-centered modal-lg"
 +
          role="document"
 +
        >
 +
          <div class="modal-content">
 +
            <div class="modal-body">
 +
              <div class="row info">
 +
                <!--START COPY-->
  
                 <div class = "row md-row1"> <h1> Cedric Acierto </h1> </div> <!--EDITABLE-->
+
                 <div class="col-xs-4 modal-pic">
                <div class = "row md-row2"> <h3> Dry Lab </h3> </div>  <!--EDITABLE-->
+
                  <img
                <div class = "row md-row3">
+
                    src="https://static.igem.org/mediawiki/2020/6/6a/T--Calgary--nccedric.jpg"
                  <div class="desc"> Witty </div> <div class="desc"> Dedicated </div> <div class="desc"> Friendly </div>  <!--EDITABLE-->
+
                    alt="cedric modal img"
 +
                    width="225px"
 +
                    height="400px"
 +
                  />
 
                 </div>
 
                 </div>
  
                 <div class = "row md-row4"> Major: </div>
+
                 <div class="col-xs-8 modal-txt">
                <div class = "row md-row5"> Software Engineering </div> <!--EDITABLE-->
+
                  <div class="row md-row1"><h1>Cedric Acierto</h1></div>
                <div class = "row md-row4"> Year: </div>
+
                  <!--EDITABLE-->
                <div class = "row md-row5"> Second </div> <!--EDITABLE-->
+
                  <div class="row md-row2"><h3>Dry Lab</h3></div>
 +
                  <!--EDITABLE-->
 +
                  <div class="row md-row3">
 +
                    <div class="desc">Witty</div>
 +
                    <div class="desc">Dedicated</div>
 +
                    <div class="desc">Friendly</div>
 +
                    <!--EDITABLE-->
 +
                  </div>
  
                <div class = "row md-row6"> <!--EDITABLE-->
+
                  <div class="row md-row4">Major:</div>
                   When you are looking for a laugh, or someone able to run a 100m in 12.8 seconds then Cedric is your man.
+
                  <div class="row md-row5">Software Engineering</div>
                   Along with a crazy workload and running schedule Cedric enjoys listening to vintage songs, with a real and undying love for The Beatles.
+
                  <!--EDITABLE-->
                   In the end though there is no way our team would be anywhere near as happy or productive as we are without our Cedric.
+
                   <div class="row md-row4">Year:</div>
 +
                   <div class="row md-row5">Second</div>
 +
                   <!--EDITABLE-->
  
 +
                  <div class="row md-row6">
 +
                    <!--EDITABLE-->
 +
                    When you are looking for a laugh, or someone able to run a
 +
                    100m in 12.8 seconds then Cedric is your man. Along with a
 +
                    crazy workload and running schedule Cedric enjoys listening
 +
                    to vintage songs, with a real and undying love for The
 +
                    Beatles. In the end though there is no way our team would be
 +
                    anywhere near as happy or productive as we are without our
 +
                    Cedric.
 +
                  </div>
 
                 </div>
 
                 </div>
 
 
               </div>
 
               </div>
  
            </div>
+
              <div class="row subprojects justify-content-center">
 +
                <div class="col-xs-12">
 +
                  <div class="row title-row justify-content-center">
 +
                    <h1>Projects</h1>
 +
                  </div>
  
            <div class = "row subprojects justify-content-center">
+
                  <div class="row proj-row justify-content-center">
              <div class = "col-xs-12">
+
                    <!--EDITABLE-->
 
+
                    <img
                <div class = "row title-row justify-content-center"> <h1> Projects </h1> </div>
+
                      src="https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png"
 
+
                      alt="subproject"
                <div class = "row proj-row justify-content-center"> <!--EDITABLE-->
+
                      class="subproj-img"
                  <img src = "https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png" alt = "subproject" class = "subproj-img">
+
                    />
                  <img src = "https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png" alt = "subproject" class = "subproj-img">
+
                    <img
                  <img src = "https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png" alt = "subproject" class = "subproj-img">
+
                      src="https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png"
 +
                      alt="subproject"
 +
                      class="subproj-img"
 +
                    />
 +
                    <img
 +
                      src="https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png"
 +
                      alt="subproject"
 +
                      class="subproj-img"
 +
                    />
 +
                  </div>
 
                 </div>
 
                 </div>
 
 
               </div>
 
               </div>
            </div>    <!--END COPY-->
+
              <!--END COPY-->
 
+
            </div>
 
           </div>
 
           </div>
 
         </div>
 
         </div>
 
       </div>
 
       </div>
    </div>
 
  
    <!--Randy's Modal-->
+
      <!--Randy's Modal-->
    <div class="modal fade" id="randy_modal" tabindex="-1" role="dialog" aria-labelledby="ModalCenterTitle" aria-hidden="true">   <!--EDITABLE-->
+
      <div
      <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
+
        class="modal fade"
         <div class="modal-content">
+
        id="randy_modal"
          <div class="modal-body">
+
        tabindex="-1"
 +
        role="dialog"
 +
        aria-labelledby="ModalCenterTitle"
 +
        aria-hidden="true"
 +
      >
 +
        <!--EDITABLE-->
 +
        <div
 +
          class="modal-dialog modal-dialog-centered modal-lg"
 +
          role="document"
 +
         >
 +
          <div class="modal-content">
 +
            <div class="modal-body">
 +
              <div class="row info">
 +
                <div class="col-xs-4 modal-pic">
 +
                  <img
 +
                    src="https://static.igem.org/mediawiki/2020/6/6e/T--Calgary--ncrandy.jpg"
 +
                    alt="randy modal img"
 +
                    width="225px"
 +
                    height="400px"
 +
                  />
 +
                  <!--EDITABLE-->
 +
                </div>
  
            <div class = "row info">
+
                <div class="col-xs-8 modal-txt">
 +
                  <div class="row md-row1"><h1>Randy Moore</h1></div>
 +
                  <!--EDITABLE-->
 +
                  <div class="row md-row2"><h3>Dry Lab</h3></div>
 +
                  <!--EDITABLE-->
 +
                  <div class="row md-row3">
 +
                    <div class="desc">Approachable</div>
 +
                    <div class="desc">Confident</div>
 +
                    <div class="desc">Enthusiastic</div>
 +
                    <!--EDITABLE-->
 +
                  </div>
  
              <div class = "col-xs-4 modal-pic">
+
                  <div class="row md-row4">Major:</div>
                <img src = "https://static.igem.org/mediawiki/2020/6/6e/T--Calgary--ncrandy.jpg" alt = "randy modal img" width = "225px" height = "400px">   <!--EDITABLE-->
+
                  <div class="row md-row5">Electrical Engineering</div>
              </div>
+
                  <!--EDITABLE-->
 +
                  <div class="row md-row4">Year:</div>
 +
                  <div class="row md-row5">Third</div>
 +
                  <!--EDITABLE-->
  
              <div class = "col-xs-8 modal-txt">
+
                  <div class="row md-row6">
 
+
                    <!--EDITABLE-->
                <div class = "row md-row1"> <h1> Randy Moore </h1> </div> <!--EDITABLE-->
+
                    He may be scared of pandas, but he is never afraid to take
                <div class = "row md-row2"> <h3> Dry Lab </h3> </div>  <!--EDITABLE-->
+
                    on any challenge! Randy possesses a great voice to use in a
                <div class = "row md-row3">
+
                    post-apocalyptic movie trailer. He likes to spend his free
                   <div class="desc"> Approachable </div> <div class="desc"> Confident </div> <div class="desc"> Enthusiastic </div>  <!--EDITABLE-->
+
                    time in the mountains, playing music, in a game of soccer,
 +
                    or working on high-powered rockets. He has always believed
 +
                    that anything worth doing, is worth doing right.
 +
                   </div>
 
                 </div>
 
                 </div>
 
                <div class = "row md-row4"> Major: </div>
 
                <div class = "row md-row5"> Electrical Engineering </div> <!--EDITABLE-->
 
                <div class = "row md-row4"> Year: </div>
 
                <div class = "row md-row5"> Third </div> <!--EDITABLE-->
 
 
                <div class = "row md-row6"> <!--EDITABLE-->
 
                  He may be scared of pandas, but he is never afraid to take on any challenge!
 
                  Randy possesses a great voice to use in a post-apocalyptic movie trailer.
 
                  He likes to spend his free time in the mountains, playing music, in a game of soccer, or working on high-powered rockets.
 
                  He has always believed that anything worth doing, is worth doing right.
 
                </div>
 
 
 
               </div>
 
               </div>
  
            </div>
+
              <div class="row subprojects justify-content-center">
 +
                <div class="col-xs-12">
 +
                  <div class="row title-row justify-content-center">
 +
                    <h1>Projects</h1>
 +
                  </div>
  
            <div class = "row subprojects justify-content-center">
+
                  <div class="row proj-row justify-content-center">
              <div class = "col-xs-12">
+
                    <!--EDITABLE-->
 
+
                    <img
                <div class = "row title-row justify-content-center"> <h1> Projects </h1> </div>
+
                      src="https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png"
 
+
                      alt="subproject"
                <div class = "row proj-row justify-content-center"> <!--EDITABLE-->
+
                      class="subproj-img"
                  <img src = "https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png" alt = "subproject" class = "subproj-img">
+
                    />
                  <img src = "https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png" alt = "subproject" class = "subproj-img">
+
                    <img
                  <img src = "https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png" alt = "subproject" class = "subproj-img">
+
                      src="https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png"
 +
                      alt="subproject"
 +
                      class="subproj-img"
 +
                    />
 +
                    <img
 +
                      src="https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png"
 +
                      alt="subproject"
 +
                      class="subproj-img"
 +
                    />
 +
                  </div>
 
                 </div>
 
                 </div>
 
 
               </div>
 
               </div>
 
             </div>
 
             </div>
 
 
           </div>
 
           </div>
 
         </div>
 
         </div>
 
       </div>
 
       </div>
    </div>    <!--END COPY-->
+
      <!--END COPY-->
  
 
       <!--Wet Lab Modals-->
 
       <!--Wet Lab Modals-->
  
    <!--Nimaya's Modal-->
+
      <!--Nimaya's Modal-->
    <div class="modal fade" id="nimaya_modal" tabindex="-1" role="dialog" aria-labelledby="ModalCenterTitle" aria-hidden="true">   <!--EDITABLE-->
+
      <div
      <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
+
        class="modal fade"
         <div class="modal-content">
+
        id="nimaya_modal"
          <div class="modal-body">
+
        tabindex="-1"
 +
        role="dialog"
 +
        aria-labelledby="ModalCenterTitle"
 +
        aria-hidden="true"
 +
      >
 +
        <!--EDITABLE-->
 +
        <div
 +
          class="modal-dialog modal-dialog-centered modal-lg"
 +
          role="document"
 +
         >
 +
          <div class="modal-content">
 +
            <div class="modal-body">
 +
              <div class="row info">
 +
                <div class="col-xs-4 modal-pic">
 +
                  <img
 +
                    src="https://static.igem.org/mediawiki/2020/8/8d/T--Calgary--ncnimaya.jpg"
 +
                    alt="nimaya modal img"
 +
                    width="225px"
 +
                    height="400px"
 +
                  />
 +
                  <!--EDITABLE-->
 +
                </div>
  
            <div class = "row info">
+
                <div class="col-xs-8 modal-txt">
 +
                  <div class="row md-row1"><h1>Nimaya De Silva</h1></div>
 +
                  <!--EDITABLE-->
 +
                  <div class="row md-row2"><h3>Wet Lab</h3></div>
 +
                  <!--EDITABLE-->
 +
                  <div class="row md-row3">
 +
                    <div class="desc">Skillful</div>
 +
                    <div class="desc">Wise</div>
 +
                    <div class="desc">Kind</div>
 +
                    <!--EDITABLE-->
 +
                  </div>
  
              <div class = "col-xs-4 modal-pic">
+
                  <div class="row md-row4">Major:</div>
                <img src = "https://static.igem.org/mediawiki/2020/8/8d/T--Calgary--ncnimaya.jpg" alt = "nimaya modal img" width = "225px" height = "400px">   <!--EDITABLE-->
+
                  <div class="row md-row5">Health Sciences</div>
              </div>
+
                  <!--EDITABLE-->
 +
                  <div class="row md-row4">Year:</div>
 +
                  <div class="row md-row5">Third</div>
 +
                  <!--EDITABLE-->
  
              <div class = "col-xs-8 modal-txt">
+
                  <div class="row md-row6">
 
+
                    <!--EDITABLE-->
                <div class = "row md-row1"> <h1> Nimaya De Silva </h1> </div> <!--EDITABLE-->
+
                    Everything she says is worth saying and she does not waste
                <div class = "row md-row2"> <h3> Wet Lab </h3> </div>  <!--EDITABLE-->
+
                    words. Nimaya first learned of iGEM in high school, when she
                <div class = "row md-row3">
+
                    joined the Lethbridge high school iGEM team. She has
                   <div class="desc"> Skillful </div> <div class="desc"> Wise </div> <div class="desc"> Kind </div>  <!--EDITABLE-->
+
                    continued to work in synthetic biology since then due to its
 +
                    vast number of applications in science. As a kid, Nimaya
 +
                    wanted to be an astronaut, but then realized that she needs
 +
                    to be physically fit for it.
 +
                   </div>
 
                 </div>
 
                 </div>
 
                <div class = "row md-row4"> Major: </div>
 
                <div class = "row md-row5"> Health Sciences </div> <!--EDITABLE-->
 
                <div class = "row md-row4"> Year: </div>
 
                <div class = "row md-row5"> Third </div> <!--EDITABLE-->
 
 
                <div class = "row md-row6"> <!--EDITABLE-->
 
                  Everything she says is worth saying and she does not waste words. Nimaya first learned of iGEM in high school, when she joined the Lethbridge high school iGEM team. She has continued to work in synthetic biology since then due to its vast number of applications in science. As a kid, Nimaya wanted to be an astronaut, but then realized that she needs to be physically fit for it.
 
                </div>
 
 
 
               </div>
 
               </div>
  
            </div>
+
              <div class="row subprojects justify-content-center">
 +
                <div class="col-xs-12">
 +
                  <div class="row title-row justify-content-center">
 +
                    <h1>Projects</h1>
 +
                  </div>
  
            <div class = "row subprojects justify-content-center">
+
                  <div class="row proj-row justify-content-center">
              <div class = "col-xs-12">
+
                    <!--EDITABLE-->
 
+
                    <img
                <div class = "row title-row justify-content-center"> <h1> Projects </h1> </div>
+
                      src="https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png"
 
+
                      alt="subproject"
                <div class = "row proj-row justify-content-center"> <!--EDITABLE-->
+
                      class="subproj-img"
                  <img src = "https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png" alt = "subproject" class = "subproj-img">
+
                    />
                  <img src = "https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png" alt = "subproject" class = "subproj-img">
+
                    <img
                  <img src = "https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png" alt = "subproject" class = "subproj-img">
+
                      src="https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png"
 +
                      alt="subproject"
 +
                      class="subproj-img"
 +
                    />
 +
                    <img
 +
                      src="https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png"
 +
                      alt="subproject"
 +
                      class="subproj-img"
 +
                    />
 +
                  </div>
 
                 </div>
 
                 </div>
 
 
               </div>
 
               </div>
 
             </div>
 
             </div>
 
 
           </div>
 
           </div>
 
         </div>
 
         </div>
 
       </div>
 
       </div>
    </div>    <!--END COPY-->
+
      <!--END COPY-->
  
    <!--Simran's Modal-->
+
      <!--Simran's Modal-->
    <div class="modal fade" id="simran_modal" tabindex="-1" role="dialog" aria-labelledby="ModalCenterTitle" aria-hidden="true">   <!--EDITABLE-->
+
      <div
      <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
+
        class="modal fade"
         <div class="modal-content">
+
        id="simran_modal"
          <div class="modal-body">
+
        tabindex="-1"
 +
        role="dialog"
 +
        aria-labelledby="ModalCenterTitle"
 +
        aria-hidden="true"
 +
      >
 +
        <!--EDITABLE-->
 +
        <div
 +
          class="modal-dialog modal-dialog-centered modal-lg"
 +
          role="document"
 +
         >
 +
          <div class="modal-content">
 +
            <div class="modal-body">
 +
              <div class="row info">
 +
                <div class="col-xs-4 modal-pic">
 +
                  <img
 +
                    src="https://static.igem.org/mediawiki/2020/2/2e/T--Calgary--ncsimran.jpg"
 +
                    alt="simran modal img"
 +
                    width="225px"
 +
                    height="400px"
 +
                  />
 +
                  <!--EDITABLE-->
 +
                </div>
  
            <div class = "row info">
+
                <div class="col-xs-8 modal-txt">
 +
                  <div class="row md-row1"><h1>Simran Sandhu</h1></div>
 +
                  <!--EDITABLE-->
 +
                  <div class="row md-row2"><h3>Wet Lab</h3></div>
 +
                  <!--EDITABLE-->
 +
                  <div class="row md-row3">
 +
                    <div class="desc">Organized</div>
 +
                    <div class="desc">Intelligent</div>
 +
                    <div class="desc">Initiative</div>
 +
                    <!--EDITABLE-->
 +
                  </div>
  
              <div class = "col-xs-4 modal-pic">
+
                  <div class="row md-row4">Major:</div>
                <img src = "https://static.igem.org/mediawiki/2020/2/2e/T--Calgary--ncsimran.jpg" alt = "simran modal img" width = "225px" height = "400px">   <!--EDITABLE-->
+
                  <div class="row md-row5">Health Sciences</div>
              </div>
+
                  <!--EDITABLE-->
 +
                  <div class="row md-row4">Year:</div>
 +
                  <div class="row md-row5">Second</div>
 +
                  <!--EDITABLE-->
  
              <div class = "col-xs-8 modal-txt">
+
                  <div class="row md-row6">
 
+
                    <!--EDITABLE-->
                <div class = "row md-row1"> <h1> Simran Sandhu </h1> </div> <!--EDITABLE-->
+
                    Her eloquence in debates will crush any opponents who dare
                <div class = "row md-row2"> <h3> Wet Lab </h3> </div>  <!--EDITABLE-->
+
                    stand in her way. She is a great leader with great attention
                <div class = "row md-row3">
+
                    to detail. Simran helped solidify the vision for the project
                   <div class="desc"> Organized </div> <div class="desc"> Intelligent </div> <div class="desc"> Initiative </div>  <!--EDITABLE-->
+
                    and continuously offers support in many areas of the
 +
                    project. She believes that 1% growth each day can slowly
 +
                    build up to significant change, and this motivates her to
 +
                    work hard.
 +
                   </div>
 
                 </div>
 
                 </div>
 
                <div class = "row md-row4"> Major: </div>
 
                <div class = "row md-row5"> Health Sciences </div> <!--EDITABLE-->
 
                <div class = "row md-row4"> Year: </div>
 
                <div class = "row md-row5"> Second </div> <!--EDITABLE-->
 
 
                <div class = "row md-row6"> <!--EDITABLE-->
 
                  Her eloquence in debates will crush any opponents who dare stand in her way.
 
                  She is a great leader with great attention to detail.
 
                  Simran helped solidify the vision for the project and continuously offers support in many areas of the project.
 
                  She believes that 1% growth each day can slowly build up to significant change, and this motivates her to work hard.
 
                </div>
 
 
 
               </div>
 
               </div>
  
            </div>
+
              <div class="row subprojects justify-content-center">
 +
                <div class="col-xs-12">
 +
                  <div class="row title-row justify-content-center">
 +
                    <h1>Projects</h1>
 +
                  </div>
  
            <div class = "row subprojects justify-content-center">
+
                  <div class="row proj-row justify-content-center">
              <div class = "col-xs-12">
+
                    <!--EDITABLE-->
 
+
                    <img
                <div class = "row title-row justify-content-center"> <h1> Projects </h1> </div>
+
                      src="https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png"
 
+
                      alt="subproject"
                <div class = "row proj-row justify-content-center"> <!--EDITABLE-->
+
                      class="subproj-img"
                  <img src = "https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png" alt = "subproject" class = "subproj-img">
+
                    />
                  <img src = "https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png" alt = "subproject" class = "subproj-img">
+
                    <img
                  <img src = "https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png" alt = "subproject" class = "subproj-img">
+
                      src="https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png"
 +
                      alt="subproject"
 +
                      class="subproj-img"
 +
                    />
 +
                    <img
 +
                      src="https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png"
 +
                      alt="subproject"
 +
                      class="subproj-img"
 +
                    />
 +
                  </div>
 
                 </div>
 
                 </div>
 
 
               </div>
 
               </div>
 
             </div>
 
             </div>
 
 
           </div>
 
           </div>
 
         </div>
 
         </div>
 
       </div>
 
       </div>
    </div>    <!--END COPY-->
+
      <!--END COPY-->
  
    <!--Allison's Modal-->
+
      <!--Allison's Modal-->
    <div class="modal fade" id="allison_modal" tabindex="-1" role="dialog" aria-labelledby="ModalCenterTitle" aria-hidden="true">   <!--EDITABLE-->
+
      <div
      <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
+
        class="modal fade"
         <div class="modal-content">
+
        id="allison_modal"
          <div class="modal-body">
+
        tabindex="-1"
 +
        role="dialog"
 +
        aria-labelledby="ModalCenterTitle"
 +
        aria-hidden="true"
 +
      >
 +
        <!--EDITABLE-->
 +
        <div
 +
          class="modal-dialog modal-dialog-centered modal-lg"
 +
          role="document"
 +
         >
 +
          <div class="modal-content">
 +
            <div class="modal-body">
 +
              <div class="row info">
 +
                <div class="col-xs-4 modal-pic">
 +
                  <img
 +
                    src="https://static.igem.org/mediawiki/2020/8/87/T--Calgary--ncallison.jpg"
 +
                    alt="allison modal img"
 +
                    width="225px"
 +
                    height="400px"
 +
                  />
 +
                  <!--EDITABLE-->
 +
                </div>
  
            <div class = "row info">
+
                <div class="col-xs-8 modal-txt">
 +
                  <div class="row md-row1"><h1>Allison Guthrie</h1></div>
 +
                  <!--EDITABLE-->
 +
                  <div class="row md-row2"><h3>Wet Lab</h3></div>
 +
                  <!--EDITABLE-->
 +
                  <div class="row md-row3">
 +
                    <div class="desc">Empathetic</div>
 +
                    <div class="desc">Enthusiastic</div>
 +
                    <div class="desc">Inspired</div>
 +
                    <!--EDITABLE-->
 +
                  </div>
  
              <div class = "col-xs-4 modal-pic">
+
                  <div class="row md-row4">Major:</div>
                <img src = "https://static.igem.org/mediawiki/2020/8/87/T--Calgary--ncallison.jpg" alt = "allison modal img" width = "225px" height = "400px">   <!--EDITABLE-->
+
                  <div class="row md-row5">Plant Biology</div>
              </div>
+
                  <!--EDITABLE-->
 +
                  <div class="row md-row4">Year:</div>
 +
                  <div class="row md-row5">Second</div>
 +
                  <!--EDITABLE-->
  
              <div class = "col-xs-8 modal-txt">
+
                  <div class="row md-row6">
 
+
                    <!--EDITABLE-->
                <div class = "row md-row1"> <h1> Allison Guthrie </h1> </div> <!--EDITABLE-->
+
                    Her dedication and passion for the project drives the team
                <div class = "row md-row2"> <h3> Wet Lab </h3> </div>  <!--EDITABLE-->
+
                    to greater heights. She is the team’s social butterfly and
                <div class = "row md-row3">
+
                    always has a lively and friendly attitude evident to
                   <div class="desc"> Empathetic </div> <div class="desc"> Enthusiastic </div> <div class="desc"> Inspired </div>  <!--EDITABLE-->
+
                    everyone in the team. Synthetic biology is her dream and she
 +
                    loves to apply her knowledge into real life. Outside of
 +
                    iGEM, Allison also takes interests in anthropology, writing,
 +
                    music, and painting.
 +
                   </div>
 
                 </div>
 
                 </div>
 
                <div class = "row md-row4"> Major: </div>
 
                <div class = "row md-row5"> Plant Biology </div> <!--EDITABLE-->
 
                <div class = "row md-row4"> Year: </div>
 
                <div class = "row md-row5"> Second </div> <!--EDITABLE-->
 
 
                <div class = "row md-row6"> <!--EDITABLE-->
 
                  Her dedication and passion for the project drives the team to greater heights.
 
                  She is the team’s social butterfly and always has a lively and friendly attitude evident to everyone in the team.
 
                  Synthetic biology is her dream and she loves to apply her knowledge into real life.
 
                  Outside of iGEM, Allison also takes interests in anthropology, writing, music, and painting.
 
                </div>
 
 
 
               </div>
 
               </div>
  
            </div>
+
              <div class="row subprojects justify-content-center">
 +
                <div class="col-xs-12">
 +
                  <div class="row title-row justify-content-center">
 +
                    <h1>Projects</h1>
 +
                  </div>
  
            <div class = "row subprojects justify-content-center">
+
                  <div class="row proj-row justify-content-center">
              <div class = "col-xs-12">
+
                    <!--EDITABLE-->
 
+
                    <img
                <div class = "row title-row justify-content-center"> <h1> Projects </h1> </div>
+
                      src="https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png"
 
+
                      alt="subproject"
                <div class = "row proj-row justify-content-center"> <!--EDITABLE-->
+
                      class="subproj-img"
                  <img src = "https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png" alt = "subproject" class = "subproj-img">
+
                    />
                  <img src = "https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png" alt = "subproject" class = "subproj-img">
+
                    <img
                  <img src = "https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png" alt = "subproject" class = "subproj-img">
+
                      src="https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png"
 +
                      alt="subproject"
 +
                      class="subproj-img"
 +
                    />
 +
                    <img
 +
                      src="https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png"
 +
                      alt="subproject"
 +
                      class="subproj-img"
 +
                    />
 +
                  </div>
 
                 </div>
 
                 </div>
 
 
               </div>
 
               </div>
 
             </div>
 
             </div>
 
 
           </div>
 
           </div>
 
         </div>
 
         </div>
 
       </div>
 
       </div>
    </div>    <!--END COPY-->
+
      <!--END COPY-->
  
 +
      <!--Micha's Modal-->
 +
      <div
 +
        class="modal fade"
 +
        id="micha_modal"
 +
        tabindex="-1"
 +
        role="dialog"
 +
        aria-labelledby="ModalCenterTitle"
 +
        aria-hidden="true"
 +
      >
 +
        <!--EDITABLE-->
 +
        <div
 +
          class="modal-dialog modal-dialog-centered modal-lg"
 +
          role="document"
 +
        >
 +
          <div class="modal-content">
 +
            <div class="modal-body">
 +
              <div class="row info">
 +
                <div class="col-xs-4 modal-pic">
 +
                  <img
 +
                    src="https://static.igem.org/mediawiki/2020/2/23/T--Calgary--ncmicha.jpg"
 +
                    alt="micha modal img"
 +
                    width="225px"
 +
                    height="400px"
 +
                  />
 +
                  <!--EDITABLE-->
 +
                </div>
  
    <!--Micha's Modal-->
+
                <div class="col-xs-8 modal-txt">
    <div class="modal fade" id="micha_modal" tabindex="-1" role="dialog" aria-labelledby="ModalCenterTitle" aria-hidden="true">   <!--EDITABLE-->
+
                  <div class="row md-row1"><h1>Michaella Atienza</h1></div>
      <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
+
                  <!--EDITABLE-->
        <div class="modal-content">
+
                  <div class="row md-row2"><h3>Wet Lab</h3></div>
          <div class="modal-body">
+
                  <!--EDITABLE-->
 
+
                  <div class="row md-row3">
            <div class = "row info">
+
                    <div class="desc">Kind</div>
 
+
                    <div class="desc">Warm-hearted</div>
              <div class = "col-xs-4 modal-pic">
+
                    <div class="desc">Funny</div>
                <img src = "https://static.igem.org/mediawiki/2020/2/23/T--Calgary--ncmicha.jpg" alt = "micha modal img" width = "225px" height = "400px">   <!--EDITABLE-->
+
                    <!--EDITABLE-->
              </div>
+
                  </div>
  
              <div class = "col-xs-8 modal-txt">
+
                  <div class="row md-row4">Major:</div>
 +
                  <div class="row md-row5">Plant Biology</div>
 +
                  <!--EDITABLE-->
 +
                  <div class="row md-row4">Year:</div>
 +
                  <div class="row md-row5">Fourth(?)</div>
 +
                  <!--EDITABLE-->
  
                <div class = "row md-row1"> <h1> Michaella Atienza </h1> </div> <!--EDITABLE-->
+
                  <div class="row md-row6">
                <div class = "row md-row2"> <h3> Wet Lab </h3> </div>  <!--EDITABLE-->
+
                    <!--EDITABLE-->
                <div class = "row md-row3">
+
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed
                   <div class="desc"> Kind </div> <div class="desc"> Warm-hearted </div> <div class="desc"> Funny </div>  <!--EDITABLE-->
+
                    do eiusmod tempor incididunt ut labore et dolore magna
 +
                    aliqua. 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,
 +
                   </div>
 
                 </div>
 
                 </div>
 
                <div class = "row md-row4"> Major: </div>
 
                <div class = "row md-row5"> Plant Biology </div> <!--EDITABLE-->
 
                <div class = "row md-row4"> Year: </div>
 
                <div class = "row md-row5"> Fourth(?) </div> <!--EDITABLE-->
 
 
                <div class = "row md-row6"> <!--EDITABLE-->
 
                  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 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,
 
                </div>
 
 
 
               </div>
 
               </div>
  
            </div>
+
              <div class="row subprojects justify-content-center">
 +
                <div class="col-xs-12">
 +
                  <div class="row title-row justify-content-center">
 +
                    <h1>Projects</h1>
 +
                  </div>
  
            <div class = "row subprojects justify-content-center">
+
                  <div class="row proj-row justify-content-center">
              <div class = "col-xs-12">
+
                    <!--EDITABLE-->
 
+
                    <img
                <div class = "row title-row justify-content-center"> <h1> Projects </h1> </div>
+
                      src="https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png"
 
+
                      alt="subproject"
                <div class = "row proj-row justify-content-center"> <!--EDITABLE-->
+
                      class="subproj-img"
                  <img src = "https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png" alt = "subproject" class = "subproj-img">
+
                    />
                  <img src = "https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png" alt = "subproject" class = "subproj-img">
+
                    <img
                  <img src = "https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png" alt = "subproject" class = "subproj-img">
+
                      src="https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png"
 +
                      alt="subproject"
 +
                      class="subproj-img"
 +
                    />
 +
                    <img
 +
                      src="https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png"
 +
                      alt="subproject"
 +
                      class="subproj-img"
 +
                    />
 +
                  </div>
 
                 </div>
 
                 </div>
 
 
               </div>
 
               </div>
 
             </div>
 
             </div>
 
 
           </div>
 
           </div>
 
         </div>
 
         </div>
 
       </div>
 
       </div>
    </div>    <!--END COPY-->
+
      <!--END COPY-->
  
    <!--Arshia's Modal-->
+
      <!--Arshia's Modal-->
    <div class="modal fade" id="arshia_modal" tabindex="-1" role="dialog" aria-labelledby="ModalCenterTitle" aria-hidden="true">   <!--EDITABLE-->
+
      <div
      <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
+
        class="modal fade"
         <div class="modal-content">
+
        id="arshia_modal"
          <div class="modal-body">
+
        tabindex="-1"
 +
        role="dialog"
 +
        aria-labelledby="ModalCenterTitle"
 +
        aria-hidden="true"
 +
      >
 +
        <!--EDITABLE-->
 +
        <div
 +
          class="modal-dialog modal-dialog-centered modal-lg"
 +
          role="document"
 +
         >
 +
          <div class="modal-content">
 +
            <div class="modal-body">
 +
              <div class="row info">
 +
                <div class="col-xs-4 modal-pic">
 +
                  <img
 +
                    src="https://static.igem.org/mediawiki/2020/c/cc/T--Calgary--ncarshia.jpg"
 +
                    alt="arshia modal img"
 +
                    width="225px"
 +
                    height="400px"
 +
                  />
 +
                  <!--EDITABLE-->
 +
                </div>
  
            <div class = "row info">
+
                <div class="col-xs-8 modal-txt">
 +
                  <div class="row md-row1"><h1>Arshia Mostoufi</h1></div>
 +
                  <!--EDITABLE-->
 +
                  <div class="row md-row2"><h3>Wet Lab</h3></div>
 +
                  <!--EDITABLE-->
 +
                  <div class="row md-row3">
 +
                    <div class="desc">Analytical</div>
 +
                    <div class="desc">Funny</div>
 +
                    <div class="desc">Creative</div>
 +
                    <!--EDITABLE-->
 +
                  </div>
  
              <div class = "col-xs-4 modal-pic">
+
                  <div class="row md-row4">Major:</div>
                <img src = "https://static.igem.org/mediawiki/2020/c/cc/T--Calgary--ncarshia.jpg" alt = "arshia modal img" width = "225px" height = "400px">   <!--EDITABLE-->
+
                  <div class="row md-row5">Cellular Biology</div>
              </div>
+
                  <!--EDITABLE-->
 +
                  <div class="row md-row4">Year:</div>
 +
                  <div class="row md-row5">Third</div>
 +
                  <!--EDITABLE-->
  
              <div class = "col-xs-8 modal-txt">
+
                  <div class="row md-row6">
 
+
                    <!--EDITABLE-->
                <div class = "row md-row1"> <h1> Arshia Mostoufi </h1> </div> <!--EDITABLE-->
+
                    He is a quiet genius. What attracted him to the world of
                <div class = "row md-row2"> <h3> Wet Lab </h3> </div>  <!--EDITABLE-->
+
                    synthetic biology is its limitless applications and great
                <div class = "row md-row3">
+
                    potential in solving real world problems. Arshia always
                   <div class="desc"> Analytical </div> <div class="desc"> Funny </div> <div class="desc"> Creative </div>  <!--EDITABLE-->
+
                    knows what to do and sticks by his work without help or
 +
                    support. Arshia enjoys playing video games, playing and
 +
                    watching soccer, and watching movies in his free time.
 +
                   </div>
 
                 </div>
 
                 </div>
 
                <div class = "row md-row4"> Major: </div>
 
                <div class = "row md-row5"> Cellular Biology </div> <!--EDITABLE-->
 
                <div class = "row md-row4"> Year: </div>
 
                <div class = "row md-row5"> Third </div> <!--EDITABLE-->
 
 
                <div class = "row md-row6"> <!--EDITABLE-->
 
                  He is a quiet genius.
 
                  What attracted him to the world of synthetic biology is its limitless applications and great potential in solving real world problems.
 
                  Arshia always knows what to do and sticks by his work without help or support.
 
                  Arshia enjoys playing video games, playing and watching soccer, and watching movies in his free time.
 
                </div>
 
 
 
               </div>
 
               </div>
  
            </div>
+
              <div class="row subprojects justify-content-center">
 
+
                <div class="col-xs-12">
            <div class = "row subprojects justify-content-center">
+
                  <div class="row title-row justify-content-center">
              <div class = "col-xs-12">
+
                    <h1>Projects</h1>
 
+
                  </div>
                <div class = "row title-row justify-content-center"> <h1> Projects </h1> </div>
+
  
                <div class = "row proj-row justify-content-center"> <!--EDITABLE-->
+
                  <div class="row proj-row justify-content-center">
                  <img src = "https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png" alt = "subproject" class = "subproj-img">
+
                    <!--EDITABLE-->
                  <img src = "https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png" alt = "subproject" class = "subproj-img">
+
                    <img
                  <img src = "https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png" alt = "subproject" class = "subproj-img">
+
                      src="https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png"
 +
                      alt="subproject"
 +
                      class="subproj-img"
 +
                    />
 +
                    <img
 +
                      src="https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png"
 +
                      alt="subproject"
 +
                      class="subproj-img"
 +
                    />
 +
                    <img
 +
                      src="https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png"
 +
                      alt="subproject"
 +
                      class="subproj-img"
 +
                    />
 +
                  </div>
 
                 </div>
 
                 </div>
 
 
               </div>
 
               </div>
 
             </div>
 
             </div>
 
 
           </div>
 
           </div>
 
         </div>
 
         </div>
 
       </div>
 
       </div>
    </div>    <!--END COPY-->
+
      <!--END COPY-->
  
    <!--Sravya's Modal-->
+
      <!--Sravya's Modal-->
    <div class="modal fade" id="sravya_modal" tabindex="-1" role="dialog" aria-labelledby="ModalCenterTitle" aria-hidden="true">   <!--EDITABLE-->
+
      <div
      <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
+
        class="modal fade"
         <div class="modal-content">
+
        id="sravya_modal"
          <div class="modal-body">
+
        tabindex="-1"
 +
        role="dialog"
 +
        aria-labelledby="ModalCenterTitle"
 +
        aria-hidden="true"
 +
      >
 +
        <!--EDITABLE-->
 +
        <div
 +
          class="modal-dialog modal-dialog-centered modal-lg"
 +
          role="document"
 +
         >
 +
          <div class="modal-content">
 +
            <div class="modal-body">
 +
              <div class="row info">
 +
                <div class="col-xs-4 modal-pic">
 +
                  <img
 +
                    src="https://static.igem.org/mediawiki/2020/d/dc/T--Calgary--ncsravya.jpg"
 +
                    alt="sravya modal img"
 +
                    width="225px"
 +
                    height="400px"
 +
                  />
 +
                  <!--EDITABLE-->
 +
                </div>
  
            <div class = "row info">
+
                <div class="col-xs-8 modal-txt">
 +
                  <div class="row md-row1"><h1>Sravya Kakumanu</h1></div>
 +
                  <!--EDITABLE-->
 +
                  <div class="row md-row2"><h3>Wet Lab</h3></div>
 +
                  <!--EDITABLE-->
 +
                  <div class="row md-row3">
 +
                    <div class="desc">Born Leader</div>
 +
                    <div class="desc">Brilliant</div>
 +
                    <div class="desc">Rational</div>
 +
                    <!--EDITABLE-->
 +
                  </div>
  
              <div class = "col-xs-4 modal-pic">
+
                  <div class="row md-row4">Major:</div>
                <img src = "https://static.igem.org/mediawiki/2020/d/dc/T--Calgary--ncsravya.jpg" alt = "sravya modal img" width = "225px" height = "400px">   <!--EDITABLE-->
+
                  <div class="row md-row5">Microbiology</div>
              </div>
+
                  <!--EDITABLE-->
 +
                  <div class="row md-row4">Year:</div>
 +
                  <div class="row md-row5">Fourth</div>
 +
                  <!--EDITABLE-->
  
              <div class = "col-xs-8 modal-txt">
+
                  <div class="row md-row6">
 
+
                    <!--EDITABLE-->
                <div class = "row md-row1"> <h1> Sravya Kakumanu </h1> </div> <!--EDITABLE-->
+
                    She takes up leadership while respecting and taking into
                <div class = "row md-row2"> <h3> Wet Lab </h3> </div>  <!--EDITABLE-->
+
                    consideration everyone’s ideas. She is also a highly
                <div class = "row md-row3">
+
                    talented pianist and artist. She once won first place in a
                   <div class="desc"> Born Leader </div> <div class="desc"> Brilliant </div> <div class="desc"> Rational </div>  <!--EDITABLE-->
+
                    painting contest with professional artists! Quite an
 +
                    adventurer, she has travelled to at least 24 countries
 +
                    across 4 continents. She can speak English, Telugu, and
 +
                    understands Hindi pretty well.
 +
                   </div>
 
                 </div>
 
                 </div>
 
                <div class = "row md-row4"> Major: </div>
 
                <div class = "row md-row5"> Microbiology </div> <!--EDITABLE-->
 
                <div class = "row md-row4"> Year: </div>
 
                <div class = "row md-row5"> Fourth </div> <!--EDITABLE-->
 
 
                <div class = "row md-row6"> <!--EDITABLE-->
 
                  She takes up leadership while respecting and taking into consideration everyone’s ideas.
 
                  She is also a highly talented pianist and artist.
 
                  She once won first place in a painting contest with professional artists!
 
                  Quite an adventurer, she has travelled to at least 24 countries across 4 continents.
 
                  She can speak English, Telugu, and understands Hindi pretty well.
 
                </div>
 
 
 
               </div>
 
               </div>
  
            </div>
+
              <div class="row subprojects justify-content-center">
 +
                <div class="col-xs-12">
 +
                  <div class="row title-row justify-content-center">
 +
                    <h1>Projects</h1>
 +
                  </div>
  
            <div class = "row subprojects justify-content-center">
+
                  <div class="row proj-row justify-content-center">
              <div class = "col-xs-12">
+
                    <!--EDITABLE-->
 
+
                    <img
                <div class = "row title-row justify-content-center"> <h1> Projects </h1> </div>
+
                      src="https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png"
 
+
                      alt="subproject"
                <div class = "row proj-row justify-content-center"> <!--EDITABLE-->
+
                      class="subproj-img"
                  <img src = "https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png" alt = "subproject" class = "subproj-img">
+
                    />
                  <img src = "https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png" alt = "subproject" class = "subproj-img">
+
                    <img
                  <img src = "https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png" alt = "subproject" class = "subproj-img">
+
                      src="https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png"
 +
                      alt="subproject"
 +
                      class="subproj-img"
 +
                    />
 +
                    <img
 +
                      src="https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png"
 +
                      alt="subproject"
 +
                      class="subproj-img"
 +
                    />
 +
                  </div>
 
                 </div>
 
                 </div>
 
 
               </div>
 
               </div>
 
             </div>
 
             </div>
 
 
           </div>
 
           </div>
 
         </div>
 
         </div>
 
       </div>
 
       </div>
    </div>    <!--END COPY-->
+
      <!--END COPY-->
  
    <!--Anika's Modal-->
+
      <!--Anika's Modal-->
    <div class="modal fade" id="anika_modal" tabindex="-1" role="dialog" aria-labelledby="ModalCenterTitle" aria-hidden="true">   <!--EDITABLE-->
+
      <div
      <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
+
        class="modal fade"
         <div class="modal-content">
+
        id="anika_modal"
          <div class="modal-body">
+
        tabindex="-1"
 +
        role="dialog"
 +
        aria-labelledby="ModalCenterTitle"
 +
        aria-hidden="true"
 +
      >
 +
        <!--EDITABLE-->
 +
        <div
 +
          class="modal-dialog modal-dialog-centered modal-lg"
 +
          role="document"
 +
         >
 +
          <div class="modal-content">
 +
            <div class="modal-body">
 +
              <div class="row info">
 +
                <div class="col-xs-4 modal-pic">
 +
                  <img
 +
                    src="https://static.igem.org/mediawiki/2020/2/2f/T--Calgary--ncanika.jpg"
 +
                    alt="anika modal img"
 +
                    width="225px"
 +
                    height="400px"
 +
                  />
 +
                  <!--EDITABLE-->
 +
                </div>
  
            <div class = "row info">
+
                <div class="col-xs-8 modal-txt">
 +
                  <div class="row md-row1"><h1>Anika Zaman</h1></div>
 +
                  <!--EDITABLE-->
 +
                  <div class="row md-row2"><h3>Wet Lab</h3></div>
 +
                  <!--EDITABLE-->
 +
                  <div class="row md-row3">
 +
                    <div class="desc">Enthusiastic</div>
 +
                    <div class="desc">Welcoming</div>
 +
                    <div class="desc">Bubbly</div>
 +
                    <!--EDITABLE-->
 +
                  </div>
  
              <div class = "col-xs-4 modal-pic">
+
                  <div class="row md-row4">Major:</div>
                <img src = "https://static.igem.org/mediawiki/2020/2/2f/T--Calgary--ncanika.jpg" alt = "anika modal img" width = "225px" height = "400px">   <!--EDITABLE-->
+
                  <div class="row md-row5">Cellular Biology</div>
              </div>
+
                  <!--EDITABLE-->
 +
                  <div class="row md-row4">Year:</div>
 +
                  <div class="row md-row5">Third</div>
 +
                  <!--EDITABLE-->
  
              <div class = "col-xs-8 modal-txt">
+
                  <div class="row md-row6">
 
+
                    <!--EDITABLE-->
                <div class = "row md-row1"> <h1> Anika Zaman </h1> </div> <!--EDITABLE-->
+
                    She’s the bubbliest person you’ll ever meet. She also
                <div class = "row md-row2"> <h3> Wet Lab </h3> </div>  <!--EDITABLE-->
+
                    increases the team’s collective average cheerfulness by
                <div class = "row md-row3">
+
                    three degrees. Anika likes to drive around and discover new
                   <div class="desc"> Enthusiastic </div> <div class="desc"> Welcoming </div> <div class="desc"> Bubbly </div>  <!--EDITABLE-->
+
                    places. When she heard about last year’s project on the
 +
                    green seed problem, Anika did some research on synthetic
 +
                    biology and the team itself. The rest, as they say, is
 +
                    history.
 +
                   </div>
 
                 </div>
 
                 </div>
 
                <div class = "row md-row4"> Major: </div>
 
                <div class = "row md-row5"> Cellular Biology </div> <!--EDITABLE-->
 
                <div class = "row md-row4"> Year: </div>
 
                <div class = "row md-row5"> Third </div> <!--EDITABLE-->
 
 
                <div class = "row md-row6"> <!--EDITABLE-->
 
                  She’s the bubbliest person you’ll ever meet.
 
                  She also increases the team’s collective average cheerfulness by three degrees.
 
                  Anika likes to drive around and discover new places.
 
                  When she heard about last year’s project on the green seed problem, Anika did some research on synthetic biology and the team itself.
 
                  The rest, as they say, is history.
 
                </div>
 
 
 
               </div>
 
               </div>
  
            </div>
+
              <div class="row subprojects justify-content-center">
 
+
                <div class="col-xs-12">
            <div class = "row subprojects justify-content-center">
+
                  <div class="row title-row justify-content-center">
              <div class = "col-xs-12">
+
                    <h1>Projects</h1>
 
+
                  </div>
                <div class = "row title-row justify-content-center"> <h1> Projects </h1> </div>
+
  
                <div class = "row proj-row justify-content-center"> <!--EDITABLE-->
+
                  <div class="row proj-row justify-content-center">
                  <img src = "https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png" alt = "subproject" class = "subproj-img">
+
                    <!--EDITABLE-->
                  <img src = "https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png" alt = "subproject" class = "subproj-img">
+
                    <img
                  <img src = "https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png" alt = "subproject" class = "subproj-img">
+
                      src="https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png"
 +
                      alt="subproject"
 +
                      class="subproj-img"
 +
                    />
 +
                    <img
 +
                      src="https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png"
 +
                      alt="subproject"
 +
                      class="subproj-img"
 +
                    />
 +
                    <img
 +
                      src="https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png"
 +
                      alt="subproject"
 +
                      class="subproj-img"
 +
                    />
 +
                  </div>
 
                 </div>
 
                 </div>
 
 
               </div>
 
               </div>
 
             </div>
 
             </div>
 
 
           </div>
 
           </div>
 
         </div>
 
         </div>
 
       </div>
 
       </div>
    </div>    <!--END COPY-->
+
      <!--END COPY-->
  
    <!--Chris's Modal-->
+
      <!--Chris's Modal-->
    <div class="modal fade" id="chris_modal" tabindex="-1" role="dialog" aria-labelledby="ModalCenterTitle" aria-hidden="true">   <!--EDITABLE-->
+
      <div
      <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
+
        class="modal fade"
         <div class="modal-content">
+
        id="chris_modal"
          <div class="modal-body">
+
        tabindex="-1"
 
+
        role="dialog"
            <div class = "row info">
+
        aria-labelledby="ModalCenterTitle"
 
+
        aria-hidden="true"
              <div class = "col-xs-4 modal-pic">
+
      >
                <img src = "https://static.igem.org/mediawiki/2020/3/3b/T--Calgary--ncchris.jpg" alt = "chris modal img" width = "225px" height = "400px">    <!--EDITABLE-->
+
        <!--EDITABLE-->
              </div>
+
        <div
 
+
          class="modal-dialog modal-dialog-centered modal-lg"
              <div class = "col-xs-8 modal-txt">
+
          role="document"
 
+
         >
                <div class = "row md-row1"> <h1> Christian Emond </h1> </div> <!--EDITABLE-->
+
          <div class="modal-content">
                <div class = "row md-row2"> <h3> Research Assistant </h3> </div>  <!--EDITABLE-->
+
            <div class="modal-body">
                <div class = "row md-row3">
+
              <div class="row info">
                   <div class="desc"> Sweet </div> <div class="desc"> Trustworthy </div> <div class="desc"> Wise </div>  <!--EDITABLE-->
+
                <div class="col-xs-4 modal-pic">
 +
                  <img
 +
                    src="https://static.igem.org/mediawiki/2020/3/3b/T--Calgary--ncchris.jpg"
 +
                    alt="chris modal img"
 +
                    width="225px"
 +
                    height="400px"
 +
                  />
 +
                   <!--EDITABLE-->
 
                 </div>
 
                 </div>
  
                 <div class = "row md-row4"> Degree: </div>
+
                 <div class="col-xs-8 modal-txt">
                <div class = "row md-row5"> BSc in Cellular, Molecular, and Microbial Biology(?) </div> <!--EDITABLE-->
+
                  <div class="row md-row1"><h1>Christian Emond</h1></div>
 +
                  <!--EDITABLE-->
 +
                  <div class="row md-row2"><h3>Research Assistant</h3></div>
 +
                  <!--EDITABLE-->
 +
                  <div class="row md-row3">
 +
                    <div class="desc">Sweet</div>
 +
                    <div class="desc">Trustworthy</div>
 +
                    <div class="desc">Wise</div>
 +
                    <!--EDITABLE-->
 +
                  </div>
  
 +
                  <div class="row md-row4">Degree:</div>
 +
                  <div class="row md-row5">
 +
                    BSc in Cellular, Molecular, and Microbial Biology(?)
 +
                  </div>
 +
                  <!--EDITABLE-->
  
                <div class = "row md-row6"> <!--EDITABLE-->
+
                  <div class="row md-row6">
                  He is the team’s deliverer of wisdom.
+
                    <!--EDITABLE-->
                  Chris got into synthetic biology to fulfill a desire to use biology to disrupt industry standards that would create real solutions for real people.
+
                    He is the team’s deliverer of wisdom. Chris got into
                  Chris continues to support others and maintain a compassionate and kind personality in the face of adversity.
+
                    synthetic biology to fulfill a desire to use biology to
                  His motivation to work hard in life is his constant desire to be better.
+
                    disrupt industry standards that would create real solutions
 
+
                    for real people. Chris continues to support others and
 +
                    maintain a compassionate and kind personality in the face of
 +
                    adversity. His motivation to work hard in life is his
 +
                    constant desire to be better.
 +
                  </div>
 
                 </div>
 
                 </div>
 
 
               </div>
 
               </div>
  
            </div>
+
              <div class="row subprojects justify-content-center">
 +
                <div class="col-xs-12">
 +
                  <div class="row title-row justify-content-center">
 +
                    <h1>Projects</h1>
 +
                  </div>
  
            <div class = "row subprojects justify-content-center">
+
                  <div class="row proj-row justify-content-center">
              <div class = "col-xs-12">
+
                    <!--EDITABLE-->
 
+
                    <img
                <div class = "row title-row justify-content-center"> <h1> Projects </h1> </div>
+
                      src="https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png"
 
+
                      alt="subproject"
                <div class = "row proj-row justify-content-center"> <!--EDITABLE-->
+
                      class="subproj-img"
                  <img src = "https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png" alt = "subproject" class = "subproj-img">
+
                    />
                  <img src = "https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png" alt = "subproject" class = "subproj-img">
+
                    <img
                  <img src = "https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png" alt = "subproject" class = "subproj-img">
+
                      src="https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png"
 +
                      alt="subproject"
 +
                      class="subproj-img"
 +
                    />
 +
                    <img
 +
                      src="https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png"
 +
                      alt="subproject"
 +
                      class="subproj-img"
 +
                    />
 +
                  </div>
 
                 </div>
 
                 </div>
 
 
               </div>
 
               </div>
 
             </div>
 
             </div>
 
 
           </div>
 
           </div>
 
         </div>
 
         </div>
 
       </div>
 
       </div>
    </div>    <!--END COPY-->
+
      <!--END COPY-->
  
    <!--Jadon's Modal-->
+
      <!--Jadon's Modal-->
    <div class="modal fade" id="jadon_modal" tabindex="-1" role="dialog" aria-labelledby="ModalCenterTitle" aria-hidden="true">   <!--EDITABLE-->
+
      <div
      <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
+
        class="modal fade"
         <div class="modal-content">
+
        id="jadon_modal"
          <div class="modal-body">
+
        tabindex="-1"
 +
        role="dialog"
 +
        aria-labelledby="ModalCenterTitle"
 +
        aria-hidden="true"
 +
      >
 +
        <!--EDITABLE-->
 +
        <div
 +
          class="modal-dialog modal-dialog-centered modal-lg"
 +
          role="document"
 +
         >
 +
          <div class="modal-content">
 +
            <div class="modal-body">
 +
              <div class="row info">
 +
                <div class="col-xs-4 modal-pic">
 +
                  <img
 +
                    src="https://static.igem.org/mediawiki/2020/2/2c/T--Calgary--modal_profile.png"
 +
                    alt="jadon modal img"
 +
                    width="225px"
 +
                    height="400px"
 +
                  />
 +
                  <!--EDITABLE-->
 +
                </div>
  
            <div class = "row info">
+
                <div class="col-xs-8 modal-txt">
 +
                  <div class="row md-row1"><h1>Jadon Duby</h1></div>
 +
                  <!--EDITABLE-->
 +
                  <div class="row md-row2"><h3>Supervisor</h3></div>
 +
                  <!--EDITABLE-->
 +
                  <div class="row md-row3">
 +
                    <div class="desc">Friendly</div>
 +
                    <div class="desc">Helpful</div>
 +
                    <div class="desc">Does Great Backflips</div>
 +
                    <!--EDITABLE-->
 +
                  </div>
  
              <div class = "col-xs-4 modal-pic">
+
                  <div class="row md-row4">Major:</div>
                <img src = "https://static.igem.org/mediawiki/2020/2/2c/T--Calgary--modal_profile.png" alt = "jadon modal img" width = "225px" height = "400px">   <!--EDITABLE-->
+
                  <div class="row md-row5">Mathematics</div>
              </div>
+
                  <!--EDITABLE-->
 +
                  <div class="row md-row4">Year:</div>
 +
                  <div class="row md-row5">Fourth(?)</div>
 +
                  <!--EDITABLE-->
  
              <div class = "col-xs-8 modal-txt">
+
                  <div class="row md-row6">
 
+
                    <!--EDITABLE-->
                <div class = "row md-row1"> <h1> Jadon Duby </h1> </div> <!--EDITABLE-->
+
                    He is a very talented gymnast. He has been a great help to
                <div class = "row md-row2"> <h3> Supervisor </h3> </div>  <!--EDITABLE-->
+
                    the wiki development team and overall loves to collaborate
                <div class = "row md-row3">
+
                    on projects. He is always willing to learn and is the go-to
                   <div class="desc"> Friendly </div> <div class="desc"> Helpful </div> <div class="desc"> Does Great Backflips </div>  <!--EDITABLE-->
+
                    person for help with mathematics. He is always open to
 +
                    opportunity. His hobbies include growing succulents, playing
 +
                    banjo, and snowboarding.
 +
                   </div>
 
                 </div>
 
                 </div>
 
                <div class = "row md-row4"> Major: </div>
 
                <div class = "row md-row5"> Mathematics </div> <!--EDITABLE-->
 
                <div class = "row md-row4"> Year: </div>
 
                <div class = "row md-row5"> Fourth(?) </div> <!--EDITABLE-->
 
 
                <div class = "row md-row6"> <!--EDITABLE-->
 
                  He is a very talented gymnast.
 
                  He has been a great help to the wiki development team and overall loves to collaborate on projects.
 
                  He is always willing to learn and is the go-to person for help with mathematics.
 
                  He is always open to opportunity. His hobbies include growing succulents, playing banjo, and snowboarding.
 
                </div>
 
 
 
               </div>
 
               </div>
  
            </div>
+
              <div class="row subprojects justify-content-center">
 
+
                <div class="col-xs-12">
            <div class = "row subprojects justify-content-center">
+
                  <div class="row title-row justify-content-center">
              <div class = "col-xs-12">
+
                    <h1>Projects</h1>
 
+
                  </div>
                <div class = "row title-row justify-content-center"> <h1> Projects </h1> </div>
+
  
                <div class = "row proj-row justify-content-center"> <!--EDITABLE-->
+
                  <div class="row proj-row justify-content-center">
                  <img src = "https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png" alt = "subproject" class = "subproj-img">
+
                    <!--EDITABLE-->
                  <img src = "https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png" alt = "subproject" class = "subproj-img">
+
                    <img
                  <img src = "https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png" alt = "subproject" class = "subproj-img">
+
                      src="https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png"
 +
                      alt="subproject"
 +
                      class="subproj-img"
 +
                    />
 +
                    <img
 +
                      src="https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png"
 +
                      alt="subproject"
 +
                      class="subproj-img"
 +
                    />
 +
                    <img
 +
                      src="https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png"
 +
                      alt="subproject"
 +
                      class="subproj-img"
 +
                    />
 +
                  </div>
 
                 </div>
 
                 </div>
 
 
               </div>
 
               </div>
 
             </div>
 
             </div>
 
 
           </div>
 
           </div>
 
         </div>
 
         </div>
 
       </div>
 
       </div>
    </div>    <!--END COPY-->
+
      <!--END COPY-->
  
    <!--Mac's Modal-->
+
      <!--Mac's Modal-->
    <div class="modal fade" id="mac_modal" tabindex="-1" role="dialog" aria-labelledby="ModalCenterTitle" aria-hidden="true">   <!--EDITABLE-->
+
      <div
      <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
+
        class="modal fade"
         <div class="modal-content">
+
        id="mac_modal"
          <div class="modal-body">
+
        tabindex="-1"
 +
        role="dialog"
 +
        aria-labelledby="ModalCenterTitle"
 +
        aria-hidden="true"
 +
      >
 +
        <!--EDITABLE-->
 +
        <div
 +
          class="modal-dialog modal-dialog-centered modal-lg"
 +
          role="document"
 +
         >
 +
          <div class="modal-content">
 +
            <div class="modal-body">
 +
              <div class="row info">
 +
                <div class="col-xs-4 modal-pic">
 +
                  <img
 +
                    src="https://static.igem.org/mediawiki/2020/c/cd/T--Calgary--ncmac.jpg"
 +
                    alt="mac modal img"
 +
                    width="225px"
 +
                    height="400px"
 +
                  />
 +
                  <!--EDITABLE-->
 +
                </div>
  
            <div class = "row info">
+
                <div class="col-xs-8 modal-txt">
 +
                  <div class="row md-row1"><h1>Mackenzie Sampson</h1></div>
 +
                  <!--EDITABLE-->
 +
                  <div class="row md-row2"><h3>Supervisor</h3></div>
 +
                  <!--EDITABLE-->
 +
                  <div class="row md-row3">
 +
                    <div class="desc">Risk-taker</div>
 +
                    <div class="desc">Visionary</div>
 +
                    <div class="desc">Cheerful</div>
 +
                    <!--EDITABLE-->
 +
                  </div>
  
              <div class = "col-xs-4 modal-pic">
+
                  <div class="row md-row4">Major:</div>
                <img src = "https://static.igem.org/mediawiki/2020/c/cd/T--Calgary--ncmac.jpg" alt = "mac modal img" width = "225px" height = "400px">   <!--EDITABLE-->
+
                  <div class="row md-row5">Electrical Engineering</div>
              </div>
+
                  <!--EDITABLE-->
 +
                  <div class="row md-row4">Year:</div>
 +
                  <div class="row md-row5">First</div>
 +
                  <!--EDITABLE-->
  
              <div class = "col-xs-8 modal-txt">
+
                  <div class="row md-row6">
 
+
                    <!--EDITABLE-->
                <div class = "row md-row1"> <h1> Mackenzie Sampson </h1> </div> <!--EDITABLE-->
+
                    Tinkerer of all things inanimate, he is the team’s go-to guy
                <div class = "row md-row2"> <h3> Supervisor </h3> </div>  <!--EDITABLE-->
+
                    for hardware ideas. Mac is also working towards a career in
                <div class = "row md-row3">
+
                    human augmentation. He has been actively working on keeping
                   <div class="desc"> Risk-taker </div> <div class="desc"> Visionary </div> <div class="desc"> Cheerful </div>  <!--EDITABLE-->
+
                    the team morale high by hosting fun team social events
 +
                    online. Mac has a constant drive to push the boundaries of
 +
                    accepted ideas and wants to challenge what people think is
 +
                    possible.
 +
                   </div>
 
                 </div>
 
                 </div>
 
                <div class = "row md-row4"> Major: </div>
 
                <div class = "row md-row5"> Electrical Engineering </div> <!--EDITABLE-->
 
                <div class = "row md-row4"> Year: </div>
 
                <div class = "row md-row5"> First </div> <!--EDITABLE-->
 
 
                <div class = "row md-row6"> <!--EDITABLE-->
 
                  Tinkerer of all things inanimate, he is the team’s go-to guy for hardware ideas.
 
                  Mac is also working towards a career in human augmentation.
 
                  He has been actively working on keeping the team morale high by hosting fun team social events online.
 
                  Mac has a constant drive to push the boundaries of accepted ideas and wants to challenge what people think is possible.
 
                </div>
 
 
 
               </div>
 
               </div>
  
            </div>
+
              <div class="row subprojects justify-content-center">
 +
                <div class="col-xs-12">
 +
                  <div class="row title-row justify-content-center">
 +
                    <h1>Projects</h1>
 +
                  </div>
  
            <div class = "row subprojects justify-content-center">
+
                  <div class="row proj-row justify-content-center">
              <div class = "col-xs-12">
+
                    <!--EDITABLE-->
 
+
                    <img
                <div class = "row title-row justify-content-center"> <h1> Projects </h1> </div>
+
                      src="https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png"
 
+
                      alt="subproject"
                <div class = "row proj-row justify-content-center"> <!--EDITABLE-->
+
                      class="subproj-img"
                  <img src = "https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png" alt = "subproject" class = "subproj-img">
+
                    />
                  <img src = "https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png" alt = "subproject" class = "subproj-img">
+
                    <img
                  <img src = "https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png" alt = "subproject" class = "subproj-img">
+
                      src="https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png"
 +
                      alt="subproject"
 +
                      class="subproj-img"
 +
                    />
 +
                    <img
 +
                      src="https://static.igem.org/mediawiki/2020/3/32/T--Calgary--project_placeholder.png"
 +
                      alt="subproject"
 +
                      class="subproj-img"
 +
                    />
 +
                  </div>
 
                 </div>
 
                 </div>
 
 
               </div>
 
               </div>
 
             </div>
 
             </div>
 
 
           </div>
 
           </div>
 
         </div>
 
         </div>
 
       </div>
 
       </div>
    </div>    <!--END COPY-->
+
      <!--END COPY-->
  
    <!--Dr. Mayi's Modal-->
+
      <!--Dr. Mayi's Modal-->
    <div class="modal fade" id="dr_mayi_modal" tabindex="-1" role="dialog" aria-labelledby="ModalCenterTitle" aria-hidden="true">   <!--EDITABLE-->
+
      <div
      <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
+
        class="modal fade"
         <div class="modal-content">
+
        id="dr_mayi_modal"
          <div class="modal-body">
+
        tabindex="-1"
 +
        role="dialog"
 +
        aria-labelledby="ModalCenterTitle"
 +
        aria-hidden="true"
 +
      >
 +
        <!--EDITABLE-->
 +
        <div
 +
          class="modal-dialog modal-dialog-centered modal-lg"
 +
          role="document"
 +
         >
 +
          <div class="modal-content">
 +
            <div class="modal-body">
 +
              <div class="row info">
 +
                <div class="col-xs-4 modal-pic">
 +
                  <img
 +
                    src="https://static.igem.org/mediawiki/2020/2/2c/T--Calgary--modal_profile.png"
 +
                    alt="mac modal img"
 +
                    width="225px"
 +
                    height="400px"
 +
                  />
 +
                  <!--EDITABLE-->
 +
                </div>
  
            <div class = "row info">
+
                <div class="col-xs-8 modal-txt">
 +
                  <div class="row md-row1">
 +
                    <h1>Dr. Mayi Arcellana-Panlilio</h1>
 +
                  </div>
 +
                  <!--EDITABLE-->
 +
                  <div class="row md-row2"><h3>Supervisor</h3></div>
 +
                  <!--EDITABLE-->
 +
                  <div class="row md-row3">
 +
                    <div class="desc">Gentle</div>
 +
                    <div class="desc">Caring</div>
 +
                    <div class="desc">Motherly</div>
 +
                    <!--EDITABLE-->
 +
                  </div>
  
              <div class = "col-xs-4 modal-pic">
+
                  <div class="row md-row4">Field:</div>
                <img src = "https://static.igem.org/mediawiki/2020/2/2c/T--Calgary--modal_profile.png" alt = "mac modal img" width = "225px" height = "400px">   <!--EDITABLE-->
+
                  <div class="row md-row5">Insert Field Here</div>
              </div>
+
                  <!--EDITABLE-->
 +
                  <div class="row md-row4"></div>
 +
                  <div class="row md-row5"></div>
 +
                  <!--EDITABLE-->
  
              <div class = "col-xs-8 modal-txt">
+
                  <div class="row md-row6">
 
+
                    <!--EDITABLE-->
                <div class = "row md-row1"> <h1> Dr. Mayi Arcellana-Panlilio </h1> </div> <!--EDITABLE-->
+
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed
                <div class = "row md-row2"> <h3> Supervisor </h3> </div>  <!--EDITABLE-->
+
                    do eiusmod tempor incididunt ut labore et dolore magna
                <div class = "row md-row3">
+
                    aliqua. Ut enim ad minim veniam, quis nostrud exercitation
                   <div class="desc"> Gentle </div> <div class="desc"> Caring </div> <div class="desc"> Motherly </div>  <!--EDITABLE-->
+
                    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,
 +
                   </div>
 
                 </div>
 
                 </div>
 
                <div class = "row md-row4"> Field: </div>
 
                <div class = "row md-row5"> Insert Field Here </div> <!--EDITABLE-->
 
                <div class = "row md-row4">  </div>
 
                <div class = "row md-row5">  </div> <!--EDITABLE-->
 
 
                <div class = "row md-row6"> <!--EDITABLE-->
 
                  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
 
                  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,
 
                </div>
 
 
 
               </div>
 
               </div>
 
 
             </div>
 
             </div>
 
 
           </div>
 
           </div>
 
         </div>
 
         </div>
 
       </div>
 
       </div>
    </div>    <!--END COPY-->
+
      <!--END COPY-->
  
    <!--Tian's Modal-->
+
      <!--Tian's Modal-->
    <div class = "modal fade" id = "tian_modal" tabindex = "-1" role = "dialog" aria-labelledby = "ModalCenterTitle" aria-hidden = "true">
+
      <div
       <div class = "modal-dialog modal-dialog-centered" role = "document">
+
        class="modal fade"
        <div class = "modal-content">
+
        id="tian_modal"
          <div class = "modal-header">
+
        tabindex="-1"
            <h5 class = "modal-title"> Tian Zhao </h5>
+
        role="dialog"
            <button type = "button" class = "close" data-dismiss = "modal" aria-label = "Close">
+
        aria-labelledby="ModalCenterTitle"
               <span aria-hidden = "true">&times;</span>
+
        aria-hidden="true"
            </button>
+
       >
          </div>
+
        <div class="modal-dialog modal-dialog-centered" role="document">
          <div class = "modal-body">
+
          <div class="modal-content">
            <p> Put in description about Tian here. </p>
+
            <div class="modal-header">
 +
              <h5 class="modal-title">Tian Zhao</h5>
 +
              <button
 +
                type="button"
 +
                class="close"
 +
                data-dismiss="modal"
 +
                aria-label="Close"
 +
               >
 +
                <span aria-hidden="true">&times;</span>
 +
              </button>
 +
            </div>
 +
            <div class="modal-body">
 +
              <p>Put in description about Tian here.</p>
 +
            </div>
 
           </div>
 
           </div>
 
         </div>
 
         </div>
 
       </div>
 
       </div>
    </div>
 
  
    <!--END OF MODALS-->
+
      <!--END OF MODALS-->
    <!--nice-->
+
      <!--nice-->
  
    <!--Start of Gallery-->
+
      <!--Start of Gallery-->
    <br>
+
      <br />
    <br>
+
      <br />
    <div class="d-flex justify-content-center headers" id = "slides"> <h2> Gallery </h2> </div>
+
      <div class="d-flex justify-content-center headers" id="slides">
 +
        <h2>Gallery</h2>
 +
      </div>
  
    <div class = "slideshow-container justify-content-center">
+
      <div class="slideshow-container justify-content-center">
      <img class = "mySlides" src = "https://static.igem.org/mediawiki/2020/d/de/T--Calgary--gallerypic1.jpg" alt = "gallery image">
+
        <img
      <img class = "mySlides" src = "https://static.igem.org/mediawiki/2020/3/38/T--Calgary--gallerypic2.jpg" alt = "gallery image">
+
          class="mySlides"
      <img class = "mySlides" src = "https://static.igem.org/mediawiki/2020/a/ac/T--Calgary--gallerypic3.jpg" alt = "gallery image">
+
          src="https://static.igem.org/mediawiki/2020/d/de/T--Calgary--gallerypic1.jpg"
 +
          alt="gallery image"
 +
        />
 +
        <img
 +
          class="mySlides"
 +
          src="https://static.igem.org/mediawiki/2020/3/38/T--Calgary--gallerypic2.jpg"
 +
          alt="gallery image"
 +
        />
 +
        <img
 +
          class="mySlides"
 +
          src="https://static.igem.org/mediawiki/2020/a/ac/T--Calgary--gallerypic3.jpg"
 +
          alt="gallery image"
 +
        />
  
 
+
        <a class="prev" onclick="plusSlides(-1)">&#10094;</a>
      <a class="prev" onclick="plusSlides(-1)">&#10094;</a>
+
        <a class="next" onclick="plusSlides(1)">&#10095;</a>
      <a class="next" onclick="plusSlides(1)">&#10095;</a>
+
        <div style="text-align: center">
<div style="text-align: center;"> <!-- Centers the dots for the slide show -->
+
          <!-- Centers the dots for the slide show -->
      <span class = "dots-div">
+
          <span class="dots-div">
        <span class="dot" onclick="currentSlide(1)"></span>
+
            <span class="dot" onclick="currentSlide(1)"></span>
        <span class="dot" onclick="currentSlide(2)"></span>
+
            <span class="dot" onclick="currentSlide(2)"></span>
        <span class="dot" onclick="currentSlide(3)"></span>
+
            <span class="dot" onclick="currentSlide(3)"></span>
      </span> <!--Maybe change back to div?-->
+
          </span>
</div>
+
          <!--Maybe change back to div?-->
 +
        </div>
 +
      </div>
 
     </div>
 
     </div>
 
+
    <!--main-view closing tag-->
 
+
  </body>
 
+
 
+
 
+
</div>  <!--main-view closing tag-->
+
 
+
 
+
</body>
+
  
 
   <script>
 
   <script>
Line 1,206: Line 1,845:
 
     }
 
     }
 
   </script>
 
   </script>
 
 
</html>
 
</html>
  
 
{{Calgary/Imposter-Footer}}
 
{{Calgary/Imposter-Footer}}

Revision as of 20:02, 25 October 2020



Dry Lab Team



Wet Lab Team



Supervisors



Gallery