<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 rel = "stylesheet" type = "text/css" href = "https://2020.igem.org/Template:Calgary/Imposter-Sidebar-2-Style?action=raw&ctype=text/css"/>

  <!--<link rel = "stylesheet" type = "text/css" href = "https://2020.igem.org/Template:Calgary/Imposter-Content-Style?action=raw&ctype=text/css"/>-->

   <!-- SIDEBAR -->

  <div class = "sidenav" id = "sidenav">

    <a href="https://2020.igem.org/Team:Calgary">

      <img src = "https://static.igem.org/mediawiki/2020/7/70/T--Calgary--Oviita-Mother-Logo.png" style = "height: 40px; width: auto"/>

    </a>

    <a href = "#drylab"> Dry Lab </a>

    <a href = "#wetlab"> Wet Lab </a>

    <a href = "#supervisors"> Supervisors </a>

    <a href = "#slides"> Gallery </a>

  </div>

 

 

 

  <div id = "main-view">

 

    <!--BANNER-->

    <div class="banner-image">

      <div class="banner-text resp">

         <h1 style="color: #F1C23F;

      font-size: 3em; font-weight: 500; font-family: 'Public Sans', sans-serif; margin-top:25%;">THE TEAM</h1>

         <div class = "col-xs-3 main-pics">

          <a data-toggle = "modal" data-target = "#alexa_modal">

            <div class = "single-content">

              <img src = "https://static.igem.org/mediawiki/2020/a/a9/T--Calgary--alexa-img.jpeg" alt = "alexa" width = "200" height = "200">

              <div class = "text-content">

                <h4> Alexa Calkhoven </h4>

                <h6> Software Engineering </h6>

             </div>

           </a>

        </div>

        <div class = "col-xs-3 main-pics">

          <a data-toggle = "modal" data-target = "#andrew_modal">

            <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">

              <div class = "text-content">

                <h4> Andrew Symes </h4>

                <h6> Statistics </h6>

             </div>

           </a>

        </div>

        <div class = "col-xs-3 main-pics">

          <a data-toggle = "modal" data-target = "#cedric_modal">

            <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">

              <div class = "text-content">

                <h4> Cedric Acierto </h4>

                <h6> Software Engineering </h6>

             </div>

           </a>

        </div>

        <div class = "col-xs-3 main-pics">

          <a data-toggle = "modal" data-target = "#randy_modal">

            <div class = "single-content">

              <img src = "https://static.igem.org/mediawiki/2020/4/44/T--Calgary--randy-img.png

     " alt = "randy" width = "200" height = "200">

              <div class = "text-content">

                <h4> Randy Moore </h4>

                <h6> Electrical Engineering </h6>

             </div>

           </a>

    <br>

    <br>

    <!--WET LAB CONTAINERS-->

    <div class="d-flex justify-content-center headers" id = "wetlab"> <h2> Wet Lab Team </h2> </div>

         <div class = "row main-teampage">

 

           <div class = "col-xs-3 main-pics">

             <a data-toggle = "modal" data-target = "#nimaya_modal">

               <div class = "single-content">

                 <img src = "https://static.igem.org/mediawiki/2020/2/22/T--Calgary--nimaya-img.png" alt = "nimaya" width = "200" height = "200">

                 <div class = "text-content">

                   <h4> Nimaya <br> De Silva </h4>

                   <h6> Health Sciences </h6>

           <div class = "col-xs-3 main-pics">

             <a data-toggle = "modal" data-target = "#simran_modal">

               <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">

                 <div class = "text-content">

                   <h4> Simran Sandhu </h4>

                   <h6> Health Sciences </h6>

           <div class = "col-xs-3 main-pics">

             <a data-toggle = "modal" data-target = "#allison_modal">

               <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">

                 <div class = "text-content">

                   <h4> Allison Guthrie </h4>

                   <h6> Plant Biology </h6>

           <div class = "col-xs-3 main-pics">

             <a data-toggle = "modal" data-target = "#micha_modal">

               <div class = "single-content">

                 <img src = " https://static.igem.org/mediawiki/2020/9/9e/T--Calgary--micha-img.png

     " alt = "micha" width = "200" height = "200">

                 <div class = "text-content">

                   <h4> Michaella Atienza </h4>

                   <h6> Plant Biology </h6>

       <div class = "d-flex justify-content-sm-center">

         <div class = "row main-teampage">

 

           <div class = "col-xs-4 main-pics">

             <a data-toggle = "modal" data-target = "#arshia_modal">

               <div class = "single-content">

                 <img src = "https://static.igem.org/mediawiki/2020/a/a3/T--Calgary--arshia-img.png" alt = "arshia" width = "200" height = "200">

                 <div class = "text-content">

                   <h4> Arshia Mostoufi </h4>

                   <h6> Cellular Biology </h6>

           <div class = "col-xs-4 main-pics">

             <a data-toggle = "modal" data-target = "#sravya_modal">

               <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">

                 <div class = "text-content">

                   <h4> Sravya Kakumanu </h4>

                   <h6> Microbiology </h6>

           <div class = "col-xs-4 main-pics">

             <a data-toggle = "modal" data-target = "#anika_modal">

               <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">

                 <div class = "text-content">

                   <h4> Anika Zaman </h4>

                   <h6> Cellular Biology </h6>

    <br>

    <br>

    <!--SUPERVISOR CONTAINERS-->

    <div class="d-flex justify-content-center headers" id = "supervisors"> <h2> Supervisors </h2> </div>

 

       <div class = "d-flex justify-content-center">

        <div class = "row main-teampage">

           <div class = "col-xs-4 main-pics">

             <a data-toggle = "modal" data-target = "#chris_modal">

               <div class = "single-content">

                 <img 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 class = "col-xs-4 main-pics">

             <a data-toggle = "modal" data-target = "#jadon_modal">

               <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">

                 <div class = "text-content">

                   <h4> Jadon Duby </h4>

                   <h6> Mathematics </h6>

           <div class = "col-xs-4 main-pics">

             <a data-toggle = "modal" data-target = "#mac_modal">

               <div class = "single-content">

                 <img src = "https://static.igem.org/mediawiki/2020/2/27/T--Calgary--mac.jpeg" alt = "mac" width = "200" height = "200">

                 <div class = "text-content">

                   <h4> Mackenzie Sampson </h4>

                   <h6> Electrical Engineering </h6>

       <div class = "d-flex justify-content-center">

         <div class = "row main-teampage">

 

           <div class = "col-xs-6 main-pics">

             <a data-toggle = "modal" data-target = "#dr_mayi_modal">

               <div class = "single-content">

                 <img src = "https://static.igem.org/mediawiki/2020/f/f7/T--Calgary--dr_mayi-img.png" alt = "dr_mayi" width = "200" height = "200">

                 <div class = "text-content">

                   <h5> Dr. Mayi Arcellana-Panlilio </h5>

           <div class = "col-xs-6 main-pics">

             <a data-toggle = "modal" data-target = "#tian_modal">

               <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">

                 <div class = "text-content">

                   <h4> Tian Zhao </h4>

                   <h6> Biochemistry </h6>

 

         </div> <!--end tag for last row-->

 

 

    <!---MODALS---->

    <!--Alexa's Modal-->

    <div class="modal fade" id="alexa_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">   <!--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-8 modal-txt">

                <div class = "row md-row1"> <h1> Alexa Calkhoven </h1> </div> <!--EDITABLE-->

                <div class = "row md-row2"> <h3> Dry Lab </h3> </div>  <!--EDITABLE-->

                   <div class="desc"> Calm </div> <div class="desc"> Quiet </div> <div class="desc"> Knowledgeable </div>  <!--EDITABLE-->

                <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-row6"> <!--EDITABLE-->

                  Watch out gamers, the best skribbl.io player is here!

                  What 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.

 

    <!--Andrew's Modal-->

    <div class="modal fade" id="andrew_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/b/b9/T--Calgary--ncandrew.jpg" alt = "andrew modal img" width = "225px" height = "400px"> <!--EDITABLE-->

              </div>

              <div class = "col-xs-8 modal-txt">

                <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 class = "row md-row4"> Major: </div>

                 <div class = "row md-row5"> Statistics </div> <!--EDITABLE-->

                <div class = "row md-row4"> Year: </div>

                <div class = "row md-row5"> Fourth (?) </div> <!--EDITABLE-->

                <div class = "row md-row6"> <!--EDITABLE-->

                  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.

 

    <!--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">

                <div class = "row md-row1"> <h1> Cedric Acierto </h1> </div> <!--EDITABLE-->

                <div class = "row md-row2"> <h3> Dry Lab </h3> </div>  <!--EDITABLE-->

                   <div class="desc"> Witty </div> <div class="desc"> Dedicated </div> <div class="desc"> Friendly </div>  <!--EDITABLE-->

                <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"> 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.

 

    <!--Randy's Modal-->

    <div class="modal fade" id="randy_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/6/6e/T--Calgary--ncrandy.jpg" alt = "randy modal img" width = "225px" height = "400px">   <!--EDITABLE-->

              </div>

 

                <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 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-->

                  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>    <!--END COPY-->

    <!--Nimaya's Modal-->

    <div class="modal fade" id="nimaya_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/8/8d/T--Calgary--ncnimaya.jpg" alt = "nimaya modal img" width = "225px" height = "400px">   <!--EDITABLE-->

              </div>

 

                <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="desc"> Skillful </div> <div class="desc"> Wise </div> <div class="desc"> Kind </div>  <!--EDITABLE-->

                <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 heard about the Lethbridge high school iGEM team.

                  She was interested in getting hands-on laboratory experience before entering university.

                   She also gives great advice and guides the team in the right direction.

    </div>    <!--END COPY-->

    <!--Simran's Modal-->

    <div class="modal fade" id="simran_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/2e/T--Calgary--ncsimran.jpg" alt = "simran modal img" width = "225px" height = "400px">   <!--EDITABLE-->

              </div>

 

                <div class = "row md-row1"> <h1> Simran Sandhu </h1> </div> <!--EDITABLE-->

                <div class = "row md-row2"> <h3> Wet Lab </h3> </div>  <!--EDITABLE-->

                   <div class="desc"> Organized </div> <div class="desc"> Intelligent </div> <div class="desc"> Initiative </div>  <!--EDITABLE-->

                <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.