Difference between revisions of "Team:NAIT Edmonton/Bios"

 
(65 intermediate revisions by 2 users not shown)
Line 1: Line 1:
{{NAIT_Edmonton/CSS2}}
+
{{NAIT_Edmonton/CSS6}}
 
<html>
 
<html>
  
Line 8: Line 8:
  
 
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro' rel='stylesheet' type='text/css'>
 
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro' rel='stylesheet' type='text/css'>
 +
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
 +
<script type="text/javascript" src="https://2015.igem.org/Team:NAIT_Edmonton/jquery.flexslider-min?action=raw&amp;ctype=text/javascript"></script>
 +
 +
 +
<!-----------https://static.igem.org/mediawiki/2015/d/d8/El_Capitan_.ttf------------------->
 +
 +
  
 
</head>
 
</head>
Line 13: Line 20:
 
<body>
 
<body>
  
 +
<div class="header">
 +
<div class="header_c">
 +
<a href="https://2015.igem.org/Team:NAIT_Edmonton"><img style="margin-top:15px;" src="https://static.igem.org/mediawiki/2015/2/2f/NAIT_Imagine.png" height="95px"></a>
 +
</div>
 +
</div>
  
  
 +
<div class="nav">
  
<div id="header">
 
<div class="header">
 
  
    <div class="logo"><a href="https://2015.igem.org/Team:NAIT_Edmonton">
+
<div tabindex="0" class="onclick-menu">
              <img style="padding-left:6px" src="https://static.igem.org/mediawiki/2015/c/c7/NAIT_IGEM_Separated.png" height="185px"></a>
+
    <ul class="onclick-menu-content" style="list-style:none;">
     </div>
+
        <li><a href="https://2015.igem.org/Team:NAIT_Edmonton">home</a></li>
    <div class="header_left">
+
        <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Team">team</a></li>
        <ul>
+
        <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Project">project</a></li>
                  
+
        <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Human">human practices</a></li>
 +
        <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Notebook">notebook</a></li>
 +
     </ul>
 +
</div>
 +
 
 +
 
 +
<div class="navigation">
 +
<ul>
 +
 
 +
                 <li><a href="https://2015.igem.org/Team:NAIT_Edmonton"><img
 +
                src="https://static.igem.org/mediawiki/2015/a/a9/NAIT_home.png" width="25px"></a></li>
 +
 
 
                 <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Team">team</a>
 
                 <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Team">team</a>
 
                     <ul>
 
                     <ul>
 
                       <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Bios">bios</a></li>
 
                       <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Bios">bios</a></li>
 
                       <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Attributions">attributions</a></li>
 
                       <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Attributions">attributions</a></li>
                       <li><a href="https://igem.org/Team.cgi">official team profile</a>
+
                       <li><a href="https://igem.org/Team.cgi?id=1787">official team profile</a>
 
                     </ul>
 
                     </ul>
 
                 </li>
 
                 </li>
 +
 
                 <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Project">project</a>
 
                 <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Project">project</a>
 
                     <ul>
 
                     <ul>
Line 40: Line 63:
 
                     </ul>
 
                     </ul>
 
                 </li>
 
                 </li>
            </ul>
+
 
    </div>
+
    <div class="header_right">
+
        <ul>
+
 
                 <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Human">human practices</a>
 
                 <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Human">human practices</a>
 
                 <ul>
 
                 <ul>
Line 49: Line 69:
 
                       <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Practices">policy and practices</a></li>
 
                       <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Practices">policy and practices</a></li>
 
                       <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Collaborations">collaborations</a></li>
 
                       <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Collaborations">collaborations</a></li>
                      <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Entrepreneurship">entrepreneurship</a></li>
+
                   
 
                     </ul>
 
                     </ul>
 
                 </li>
 
                 </li>
 +
 
                 <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Notebook">notebook</a>
 
                 <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Notebook">notebook</a>
 
                 <ul>
 
                 <ul>
 
                     <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Safety">lab safety</a></li>
 
                     <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Safety">lab safety</a></li>
                       <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Measurement">measurement</a></li>
+
                       <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Achievements">achievements</a></li>
 
                       <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Logbook">log book</a></li>
 
                       <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Logbook">log book</a></li>
 
                 </ul>
 
                 </ul>
 
                 </li>
 
                 </li>
        </ul>
+
 
</div>
+
            </ul>
 +
 
 
</div>
 
</div>
 +
 +
</div>
 
    
 
    
 
<div id="wrap">
 
<div id="wrap">
  
<style type="text/css">
 
  
.header_mobile {
 
    display:none;
 
    position: absolute;
 
    background-color:transparent;
 
    width:65px;
 
    top: 90px;
 
    left:50px;
 
    height:65px;
 
    z-index:999;
 
    position:fixed;}
 
  
.header_mobile ul {list-style:none; position:absolute;float:right;margin:0;padding-right:125px}
+
<center><div class="top_slogan">Bios</div></center>
.header_mobile ul * {margin:0; padding:0;}
+
.header_mobile a {display:block;color:#159CD8;text-decoration:none;padding:15px 50px}
+
.header_mobile li {position:relative;float:left; padding:5px 5px 5px 5px}
+
.header_mobile li a {font-family:'Source Sans Pro', sans-serif;color:#ffffff;font-size:20px;}
+
.header_mobile li.current-menu-item {background:#5AB3E3}
+
.header_mobile ul ul{display:none; position:absolute; top:77%; left:30%; background:#0D4D8C; padding:0 0px 0 0}
+
.header_mobile ul ul li:hover{background:#159CD8}
+
.header_mobile ul ul li{float:none; width:120px}
+
.header_mobile ul ul a {line-height:100%; padding:0 20px 0 0; font-size:15px }
+
.header_mobile ul ul ul {top:0; left:200%}
+
.header_mobile ul li.selected a{color:#8BC5EB}
+
.header_mobile ul li:hover > ul{display:block;}
+
  
 +
<center><h2> "We are not a team because we work together; we are a team because we respect, trust and care for each other."
 +
<br> - Vala Afshar </h2></center>
  
@media screen and (max-width:1000px){
 
  
.header_left{display:none;}
 
.header_right{display:none;}
 
.header_mobile{display:block;}
 
 
}
 
 
</style>
 
  
 
<style type="text/css">
 
<style type="text/css">
  
.top_slogan {text-align:center; font-family: 'Source Sans Pro', sans-serif; color:#0D4D8C; font-size:30px; padding: 40px 0px 40px 0px; font-style:strong; line-height:40px;}
+
/*Portraits*/
  
</style>
 
  
<center><div class="top_slogan">Meet Our Team</div></center>
 
 
        <center>
 
 
<style type="text/css">
 
 
/*Portraits*/
 
 
.abbie {display:inline-block;width: 200px; height: 200px; background: url(https://static.igem.org/mediawiki/2015/0/0f/NAIT_Abbie_BW.jpg);background-size:200px 200px ;background-position:50%;}  
 
.abbie {display:inline-block;width: 200px; height: 200px; background: url(https://static.igem.org/mediawiki/2015/0/0f/NAIT_Abbie_BW.jpg);background-size:200px 200px ;background-position:50%;}  
 
.abbie:hover {width: 200px; height: 200px; background: url(https://static.igem.org/mediawiki/2015/f/f9/NAIT_Abbie.jpg);background-size:200px 200px; background-position:50%;border-radius:50%;width:200px;height:200px)}
 
.abbie:hover {width: 200px; height: 200px; background: url(https://static.igem.org/mediawiki/2015/f/f9/NAIT_Abbie.jpg);background-size:200px 200px; background-position:50%;border-radius:50%;width:200px;height:200px)}
  
.david {display:inline-block;width: 200px; height: 200px; background: url(https://static.igem.org/mediawiki/2015/0/08/NAIT_Temp_DavidBW.jpg);background-size:200px 200px ;background-position:50%;}  
+
.david {display:inline-block;width: 200px; height: 200px; background: url(https://static.igem.org/mediawiki/2015/2/23/NAIT_David_BW.jpg);background-size:200px 200px ;background-position:50%;}  
.david:hover {width: 200px; height: 200px; background: url(https://static.igem.org/mediawiki/2015/9/91/NAIT_temp_David.jpg);background-size:200px 200px;background-position:50%;border-radius:50%;width:200px;height:200px)}
+
.david:hover {width: 200px; height: 200px; background: url(https://static.igem.org/mediawiki/2015/9/9e/NAIT_David.jpg);background-size:200px 200px;background-position:50%;border-radius:50%;width:200px;height:200px)}
  
 
.eduardo {display:inline-block;width: 200px; height: 200px; background: url(https://static.igem.org/mediawiki/2015/7/70/NAIT_Eduardo_BW.jpg);background-size:200px 200px ;background-position:50%;}  
 
.eduardo {display:inline-block;width: 200px; height: 200px; background: url(https://static.igem.org/mediawiki/2015/7/70/NAIT_Eduardo_BW.jpg);background-size:200px 200px ;background-position:50%;}  
Line 134: Line 121:
 
.kevin:hover {width: 200px; height: 200px; background: url(https://static.igem.org/mediawiki/2015/6/6d/NAIT_Kevin.jpg);background-size:200px 200px;background-position:50%;border-radius:50%;width:200px;height:200px)}
 
.kevin:hover {width: 200px; height: 200px; background: url(https://static.igem.org/mediawiki/2015/6/6d/NAIT_Kevin.jpg);background-size:200px 200px;background-position:50%;border-radius:50%;width:200px;height:200px)}
  
.marcelo {display:inline-block;width: 200px; height: 200px; background: url(https://static.igem.org/mediawiki/2015/5/55/MarceloBW.jpg);background-size:200px 200px ;background-position:50%;}  
+
.marcelo {display:inline-block;width: 200px; height: 200px; background: url(https://static.igem.org/mediawiki/2015/3/35/NAIT_Marcelo_BW.jpg);background-size:200px 200px ;background-position:50%;}  
.marcelo:hover {width: 200px; height: 200px; background: url(https://static.igem.org/mediawiki/2015/7/77/NAIT_temp_Marcelo.jpg);background-size:200px 200px;background-position:50%;border-radius:50%;width:200px;height:200px)}
+
.marcelo:hover {width: 200px; height: 200px; background: url(https://static.igem.org/mediawiki/2015/5/5f/NAIT_Marcelo.jpg);background-size:200px 200px;background-position:50%;border-radius:50%;width:200px;height:200px)}
  
 
.mattea {display:inline-block;width: 200px; height: 200px; background: url(https://static.igem.org/mediawiki/2015/4/4d/NAIT_MatteaBW.jpg);background-size:200px 200px ;background-position:50%;}  
 
.mattea {display:inline-block;width: 200px; height: 200px; background: url(https://static.igem.org/mediawiki/2015/4/4d/NAIT_MatteaBW.jpg);background-size:200px 200px ;background-position:50%;}  
Line 143: Line 130:
 
.NAIT:hover {width: 200px; height: 200px; background: url(http://www.brandsoftheworld.com/sites/default/files/styles/logo-thumbnail/public/0024/6865/brand.gif?itok=VWfIVGE5);background-size:185px 185px;background-position:50%;border-radius:50%;width:200px;height:200px)}
 
.NAIT:hover {width: 200px; height: 200px; background: url(http://www.brandsoftheworld.com/sites/default/files/styles/logo-thumbnail/public/0024/6865/brand.gif?itok=VWfIVGE5);background-size:185px 185px;background-position:50%;border-radius:50%;width:200px;height:200px)}
  
/*Fade Portrait Effect*/
 
.imgwrap {width:700px;margin:0px;background-color:none;padding:0px;overflow:hidden}
 
.imgwrap div {display:inline-block;width:200px;height:200px;border-radius:50%;margin:5px;-webkit-transition:opacity 0.26s ease-out;-moz-transition:opacity 0.26s ease-out;-ms-transition:opacity 0.26s ease-out;-o-transition:opacity 0.26s ease-out;transition:opacity 0.26s ease-out;}
 
.imgwrap:hover div {opacity:0.2;}
 
.imgwrap:hover div:hover {opacity:1}
 
  
 +
</style>
  
/* Modal */
 
.modal {opacity: 0;visibility: hidden;position: fixed;top: 0;right: 0;bottom: 0;left: 0;text-align: left;background: rgba(0,0,0, .9);transition: opacity .25s ease;z-index:999;}
 
.modal__bg {position: absolute;top: 0;right: 0;bottom: 0;left: 0;cursor: pointer;}
 
.modal-state { display: none;}
 
.modal-state:checked + .modal {opacity: 1;visibility: visible;}
 
.modal-state:checked + .modal .modal__inner {top: 0;}
 
.modal__inner {transition: top .25s ease;position: absolute;top: -20%; right: 0;bottom: 0;left: 0;width: 750px;margin: auto;overflow: auto;background:#FFFFFF;border-radius: 0px;padding: 1em 2em;height: 458px;}
 
.modal__close {position: absolute;right: 1em;top: 1em;width: 1.1em;height: 1.1em;cursor: pointer;}
 
.modal__close:after,
 
.modal__close:before {content: '';position: absolute;width: 2px;height: 1.5em;background: #ccc;display: block;transform: rotate(45deg);left: 50%;margin: -3px 0 0 -1px;top: 0;}
 
.modal__close:hover:after,
 
.modal__close:hover:before {background: #aaa;}
 
.modal__close:before {transform: rotate(-45deg);}
 
 
@media screen and (max-width: 750px) {
 
 
  .modal__inner {width: 90%;height: 90%;box-sizing: border-box;}
 
}
 
 
 
/* Modal Mobile */
 
 
.btn {cursor: pointer;background: none;display: inline-block;padding: none;color:none; border-radius: none;}
 
.btn:hover,
 
.btn:focus {background: none;}
 
.btn:active {background: none;}
 
p img {max-width: 200px;height: auto;float: left;margin: 0 1em 1em 0;}
 
 
</style>
 
 
          
 
          
 
<br>
 
<br>
 +
 +
<center>
 +
 +
<div class="wrapper">
 
<div class="imgwrap">
 
<div class="imgwrap">
 
     <label class="btn" for="modal-1"><div class="NAIT"></div></label>
 
     <label class="btn" for="modal-1"><div class="NAIT"></div></label>
Line 186: Line 144:
 
     <label class="btn" for="modal-3"><div class="mattea"></div></label>
 
     <label class="btn" for="modal-3"><div class="mattea"></div></label>
 
     <label class="btn" for="modal-4"><div class="eduardo"></div></label>
 
     <label class="btn" for="modal-4"><div class="eduardo"></div></label>
<label class="btn" for="modal-5"><div class="johannes"></div></label>
+
    <label class="btn" for="modal-5"><div class="johannes"></div></label>
 
     <label class="btn" for="modal-6"><div class="david"></div></label>
 
     <label class="btn" for="modal-6"><div class="david"></div></label>
 
     <label class="btn" for="modal-7"><div class="abbie"></div></label>
 
     <label class="btn" for="modal-7"><div class="abbie"></div></label>
 
     <label class="btn" for="modal-8"><div class="kevin"></div></label>
 
     <label class="btn" for="modal-8"><div class="kevin"></div></label>
 
     <label class="btn" for="modal-9"><div class="joy"></div></label>
 
     <label class="btn" for="modal-9"><div class="joy"></div></label>
   
+
 
 
</div>
 
</div>
 +
 +
<div class="push"></div>
 +
 +
</div>
 +
 +
</center>
 +
 +
</div>
 +
 +
<div class="clear"></div>
 +
 +
</div>
 +
 +
<div class="clear"></div>
 +
 +
  
 
<input class="modal-state" id="modal-1" type="checkbox" />
 
<input class="modal-state" id="modal-1" type="checkbox" />
Line 200: Line 174:
  
 
     <center><h1>Northern Alberta Institute of Technology</h1></center>
 
     <center><h1>Northern Alberta Institute of Technology</h1></center>
  <center><img src="https://media.licdn.com/media/p/8/000/25f/329/06cf107.png" alt=""/></center>
+
  <center><object data="http://www.youtube.com/embed/qW9Mt6jBkSI"
    <br><br>
+
  width="560" height="315"></object></center><br>
    <p>The Northern Alberta Institute of Technology (NAIT) is a polytechnic and applied sciences institute located in Edmonton, Alberta, Canada. NAIT provides careers programs in applied research, technical training, applied education, and learning designed to meet the demands of Alberta's technical and knowledge-based industries. NAIT offers approximately 140 credit programs leading to applied degrees, diplomas and certificates. There are approximately 8,400 full-time students, 20,500 students in continuing education and part-time studies, 12,300 apprentices anticipated for 2012, and more than 20,000 registrants for customized corporate based training. NAIT also attracts international students from 77 countries. NAIT is similar to an Institute of technology or university of applied sciences as termed in other jurisdictions. The university press, The Nugget, is a member of CUP.</p>
+
<p>NAIT’s technical training and applied education is designed to meet the demands of Alberta's industries — graduates have the knowledge and skills employers want. They leave NAIT confident, prepared and in demand.</p>
 +
 
 
   </div>
 
   </div>
 
</div>
 
</div>
Line 210: Line 185:
 
   <label class="modal__bg" for="modal-2"></label>
 
   <label class="modal__bg" for="modal-2"></label>
 
   <div class="modal__inner">
 
   <div class="modal__inner">
     <center><h1>Marcelo Marcet, PhD</h1></center>
+
     <center><h1>Marcelo Marcet, Ph.D.</h1></center>
     <p> <img src="https://static.igem.org/mediawiki/2015/7/77/NAIT_temp_Marcelo.jpg"> My journey in science began in the early 90s with a 4-year diploma in Pharmaceutical Chemistry. Later, I completed my BS.c. in Biochemistry at the University College London where I had the opportunity to work with great researchers from the former biotechnology company Glaxo-Wellcome. At the time, the pathways of nitric oxide were being elucidated and I was fortunate to join a group of researchers in that endeavor during a summer research project. <br><br>
+
     <p> <img src="https://static.igem.org/mediawiki/2015/7/77/NAIT_temp_Marcelo.jpg"> My journey in science began in the early 90s with a 4-year diploma in Pharmaceutical Chemistry. Later, I completed my B.Sc. in Biochemistry at the University College London where I had the opportunity to work with great researchers from the former biotechnology company Glaxo-Wellcome. At the time, the pathways of nitric oxide were being elucidated and I was fortunate to join a group of researchers in that endeavor during a summer research project. <br><br>
  
 
In 2000, I moved to Canada to complete my Ph.D. at the University of Alberta.  For the following 6 years I conducted research in inflammatory and allergic disorders like septic shock and asthma. During that time, I also spent a significant amount of time teaching, which later became a major part of my career. Throughout the following 5 years, I completed a postdoctoral fellowship in Biochemistry on autoimmune diseases, conducting full time research, and spending a significant amount of extra time teaching university courses. Between 2008 and 2011, the last 4 years of my postdoc, I spent on average 35 hours in the lab a week and 16 hours of contact time a week teaching. In late 2011, I was fortunate to get a position at NAIT to conduct research and provide teaching in Biological Sciences. The job was perfect for me and it has been ever since.</p>
 
In 2000, I moved to Canada to complete my Ph.D. at the University of Alberta.  For the following 6 years I conducted research in inflammatory and allergic disorders like septic shock and asthma. During that time, I also spent a significant amount of time teaching, which later became a major part of my career. Throughout the following 5 years, I completed a postdoctoral fellowship in Biochemistry on autoimmune diseases, conducting full time research, and spending a significant amount of extra time teaching university courses. Between 2008 and 2011, the last 4 years of my postdoc, I spent on average 35 hours in the lab a week and 16 hours of contact time a week teaching. In late 2011, I was fortunate to get a position at NAIT to conduct research and provide teaching in Biological Sciences. The job was perfect for me and it has been ever since.</p>
Line 221: Line 196:
 
   <label class="modal__bg" for="modal-3"></label>
 
   <label class="modal__bg" for="modal-3"></label>
 
   <div class="modal__inner">
 
   <div class="modal__inner">
     <center><h1>Mattéa Bujold, BSc.</h1></center>
+
     <center><h1>Mattéa Bujold, B.Sc.</h1></center>
 
   <p><img src="https://static.igem.org/mediawiki/2015/6/67/NAIT_temp_MatteaFull.jpg" alt=""/>  
 
   <p><img src="https://static.igem.org/mediawiki/2015/6/67/NAIT_temp_MatteaFull.jpg" alt=""/>  
     Mattéa Bujold was born just outside of Edmonton in St. Albert but did not stay there long. Throughout her childhood she moved around Canada until settling in Edmonton where she finished her degree in Molecular Genetics from the University of Alberta in 2004. <br><br>
+
     Mattéa Bujold was born just outside of Edmonton in St. Albert but did not stay there long. Throughout her childhoodshe moved around Canada until settling in Edmonton where she finished her degree in Molecular Genetics from the University of Alberta in 2004. <br><br>
Since then she has been working as a technician and lab manager in educational labs and in research. Her areas of expertise include molecular biology and gene expression. Currently she in the lab supervisor for the Biological Sciences Technology programs at NAIT. <br><br>
+
Since then she has been working as a technician and lab manager in educational labs and in research. Her areas of expertise include molecular biology and gene expression. Currentlyshe is the lab supervisor for the Biological Sciences Technology programs at NAIT. <br><br>
 
In her spare time she enjoys running and biking, music, serving her community, travelling, and spending time in the mountains with friends and family. <br><br>
 
In her spare time she enjoys running and biking, music, serving her community, travelling, and spending time in the mountains with friends and family. <br><br>
  
Line 235: Line 210:
 
   <label class="modal__bg" for="modal-4"></label>
 
   <label class="modal__bg" for="modal-4"></label>
 
   <div class="modal__inner">
 
   <div class="modal__inner">
     <center><h1>Eduardo A. R. Serratos</h1></center>
+
     <center><h1>Eduardo A. R. Serratos, B.Sc.</h1></center>
   <p><img src="https://static.igem.org/mediawiki/2015/8/80/NAIT_Eduardo.jpg" width="300">
+
   <p><img src="https://static.igem.org/mediawiki/2015/4/4d/NAIT_EduardoPortrait.png">
 
Eduardo was born in Mexico and lived there for 24 years. He studied Biotechnological Engineering at the Monterrey Institute of Technology and Higher Education and obtained his degree in May 2014. He moved to Edmonton in September, 2014 to continue his education in Environmental Sciences and will pursue a research career in bio-remediation. <br><br>
 
Eduardo was born in Mexico and lived there for 24 years. He studied Biotechnological Engineering at the Monterrey Institute of Technology and Higher Education and obtained his degree in May 2014. He moved to Edmonton in September, 2014 to continue his education in Environmental Sciences and will pursue a research career in bio-remediation. <br><br>
  
Line 251: Line 226:
 
   <div class="modal__inner">
 
   <div class="modal__inner">
 
     <center><h1>Johannes Coomansingh</h1></center>
 
     <center><h1>Johannes Coomansingh</h1></center>
       <p><img src="https://media.licdn.com/mpr/mpr/shrinknp_400_400/p/6/005/0a7/35d/0df5d6d.jpg" alt=""/> Johannes Coomansingh is a second year student in the Nanotechnology Systems program at NAIT.  Born and raised in Trinidad and Tobago, he migrated to Canada in 2007 after completing his O-levels at Presentation College San Fernando. After trying his hand at many different ventures he has rediscovered his passion for biology and plans to pursue a degree in biological engineering after completing his diploma at NAIT. <br><br>
+
       <p><img src="https://static.igem.org/mediawiki/2015/d/db/NAIT_JohannesPortrait.png" height="458px" alt=""/> Johannes Coomansingh is a second year student in the Nanotechnology Systems program at NAIT.  Born and raised in Trinidad and Tobago, he migrated to Canada in 2007 after completing his O-levels at Presentation College San Fernando. After trying his hand at many different ventures he has rediscovered his passion for biology and plans to pursue a degree in biological engineering after completing his diploma at NAIT. <br><br>
  
Currently Johannes is responsible for writing lab SOPs, assisting in experiments, fundraising, public relations, bugging Joy while she codes, tweeting the day to day activities, navigating the iGEM website and Parts Registry, confusing Eduardo with hilarious non sequiturs and being positive.</p>
+
Currently Johannes is responsible for creating our policies and practices, assisting in experiments, fundraising, public relations, bugging Joy while she codes, tweeting the day to day activities, navigating the iGEM website and Parts Registry, confusing Eduardo with hilarious non sequiturs and being positive.</p>
 
   </div>
 
   </div>
 
</div>
 
</div>
Line 262: Line 237:
 
   <div class="modal__inner">
 
   <div class="modal__inner">
 
     <center><h1>David Barilla</h1></center>
 
     <center><h1>David Barilla</h1></center>
   <p><img src="https://scontent-ord1-1.xx.fbcdn.net/hphotos-xpa1/v/t1.0-9/1175039_10200274690976017_1632519009_n.jpg?oh=644dd73e54e9811cc0c501a8061cea69&oe=55ED1F52">
+
   <p><img src="https://static.igem.org/mediawiki/2015/6/65/NAIT_DavidPortrait.png" height="458px">
 
David Barilla was born and raised on an acreage just east of Edmonton, Alberta and is currently studying Nanotechnology Systems at NAIT. <br><br>
 
David Barilla was born and raised on an acreage just east of Edmonton, Alberta and is currently studying Nanotechnology Systems at NAIT. <br><br>
  
Line 279: Line 254:
 
   <div class="modal__inner">
 
   <div class="modal__inner">
 
     <center><h1>Abbie Gottert</h1></center>
 
     <center><h1>Abbie Gottert</h1></center>
   <p><img src="https://static.igem.org/mediawiki/2015/d/de/NAIT_Temp_Abbie%27s_photo_2.jpg" alt=""/> Abbie Gottert is from a small acreage just outside the town of Hinton, three hours away from Edmonton. Currently, she is studying Nanotechnology Systems at NAIT. <br><br>
+
   <p><img src="https://static.igem.org/mediawiki/2015/3/36/NAIT_AbbiePortrait.png" height="400px" alt=""/>
 +
Abbie Gottert is from a small acreage just outside the town of Hinton, three hours away from Edmonton. Currently, she is studying Nanotechnology Systems at NAIT. <br><br>
  
 
She has a huge fascination with travelling and discovering new things. Abbie loves animals (mostly owls and sloths), running, Hello Kitty, tattoos, and naps. She is also a proud owner of a beautiful dog named Tori, and an adorable little kitten named Saki. In our team, Abbie has been primarily doing research with a side of basic designing and fundraising. By the end of the summer she’ll being getting her hands dirty doing lab work and she will love it! <br><br>
 
She has a huge fascination with travelling and discovering new things. Abbie loves animals (mostly owls and sloths), running, Hello Kitty, tattoos, and naps. She is also a proud owner of a beautiful dog named Tori, and an adorable little kitten named Saki. In our team, Abbie has been primarily doing research with a side of basic designing and fundraising. By the end of the summer she’ll being getting her hands dirty doing lab work and she will love it! <br><br>
Line 293: Line 269:
 
   <div class="modal__inner">
 
   <div class="modal__inner">
 
     <center><h1>Kevin Setzer</h1></center>
 
     <center><h1>Kevin Setzer</h1></center>
   <p><img src="https://static.igem.org/mediawiki/2015/6/6d/NAIT_Kevin.jpg" alt=""/>Kevin Setzer is from Edmonton, Alberta and is currently a Nanotechnology Systems student at NAIT. </p><br>
+
   <p><img src="https://static.igem.org/mediawiki/2015/5/53/NAIT_Kevin_full.jpg" alt=""/>Kevin is an Edmonton born and raised cowboy. He is currently studying and entering his second year in Nanotechnology systems at NAIT.</p><br>
         <p> Because he is extremely tech savvy, Kevin has been helping our team mostly with Wiki code and design - he even went as far as setting up a private, encrypted server for our team so we could store our "TOP SECRET" research. While night managing a major electronics store part-time, Kevin also runs a photography business on the side. An avid photographer, Kevin was excited to lend his expertise to make our team bio photos and official team photos look fantastic. </p><br>
+
         <p>Kevin has a strong technological background so he became an essential part of the team in helping to develop the wiki as well as set up a private secure server that the team could use to store their top secret information. In addition, Kevin also contributed to writing the Policy and Practices for our team. Although he maintains a full-time job on the side, we still see Kevin at the lab as often as possible and he is always ready to help out. </p><br>
         <p> Kevin enjoys driving out to the lake with family and friends in his Jeep, listening to epic movie soundtracks while he codes and secretly, belting out country songs in the privacy of our computer labs. You'll also never catch him without his trusty cowboy boots.</p>
+
         <p> In his personal time, Kevin often enjoys doing nature and wildlife photography. For the past 4 years, he has also released and published calendars of his photography. Finally, on a recent vacation Kevin popped the question to his long time girlfriend… and don’t worry she said yes!</p>
 
   </div>
 
   </div>
 
</div>
 
</div>
Line 303: Line 279:
 
   <label class="modal__bg" for="modal-9"></label>
 
   <label class="modal__bg" for="modal-9"></label>
 
   <div class="modal__inner">
 
   <div class="modal__inner">
     <center><h1>Joy R. L. Santos </h1></center>
+
     <center><h1>Joy Ramielle L. Santos, B.Sc.</h1></center>
   <p><img src="https://static.igem.org/mediawiki/2015/2/2b/NAIT_Temp_Joy_Full.jpg" height="458px" alt=""/> Joy is a second year Mechanical Engineering Technology student at NAIT. Prior to attending NAIT, Joy also studied biological sciences, focusing on Pharmacology and Psychology, and earned her B. Sc. at the University of Alberta in 2014.  
+
   <p><img src="https://static.igem.org/mediawiki/2015/3/38/NAIT_JoyPortrait.png" height="458px" alt=""/> Joy is a second year Mechanical Engineering Technology student at NAIT. Prior to attending NAIT, Joy also studied biological sciences, focusing on Pharmacology and Psychology, and earned her B. Sc. at the University of Alberta in 2014.  
 
<br><br>
 
<br><br>
 
A self-professed nerd, Joy loves math, science, computers, baking cakes, pandas and video games. In our team, she has been the primary coder and designer of our Wiki and is also in charge of producing the 3D animations and visualizations of our project in PyMOL and Autodesk Maya. However, occasionally, you might find her in the lab cloning and transforming plasmids like a pro.
 
A self-professed nerd, Joy loves math, science, computers, baking cakes, pandas and video games. In our team, she has been the primary coder and designer of our Wiki and is also in charge of producing the 3D animations and visualizations of our project in PyMOL and Autodesk Maya. However, occasionally, you might find her in the lab cloning and transforming plasmids like a pro.
Line 313: Line 289:
 
</div>
 
</div>
  
</center>
 
 
</div>
 
 
  <div class="clear"></div>
 
 
    
 
    
 
+
<div class="footer">
<div class="header_mobile">
+
  <ul>
+
        <li><a href="">menu</a>
+
          <ul>
+
              <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Team">team</a>
+
              <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Project">project</a>
+
              <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Human">human practices</a>
+
              <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Notebook">notebook</a>
+
          </ul>
+
        </li>   
+
           
+
  </ul>
+
</div>
+
 
+
</div>
+
 
+
        <div class="footer">
+
 
         <div class="footer_content">
 
         <div class="footer_content">
 
             <div class="footer_left">
 
             <div class="footer_left">
Line 352: Line 306:
 
                 <li><a href="http://www.facebook.com/pages/IGEM-2015-NAIT-Edmonton/884025281659292"><img src="https://static.igem.org/mediawiki/2015/a/a3/NAIT_Icon_facebook.png" alt="" title="" /></a></li>
 
                 <li><a href="http://www.facebook.com/pages/IGEM-2015-NAIT-Edmonton/884025281659292"><img src="https://static.igem.org/mediawiki/2015/a/a3/NAIT_Icon_facebook.png" alt="" title="" /></a></li>
 
                 <li><a href="http://www.twitter.com/TeamNAIT2015"><img src="https://static.igem.org/mediawiki/2015/6/64/NAIT_Icon_twitter.png" alt="" title="" /></a></li>
 
                 <li><a href="http://www.twitter.com/TeamNAIT2015"><img src="https://static.igem.org/mediawiki/2015/6/64/NAIT_Icon_twitter.png" alt="" title="" /></a></li>
 +
                <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/ContactUs"><img src="https://static.igem.org/mediawiki/2015/2/29/NAIT_Icon_contact.png" width="20px" alt="" title="" /></a></li>
 
                 </ul>
 
                 </ul>
 
             </div>
 
             </div>
 
           <div class="clear"></div>
 
           <div class="clear"></div>
 
 
 
 
 
           </div>
 
           </div>
 
         </div>
 
         </div>
</div>
 
  
<style type="text/css">
 
  
#footer {z-index:15;}
 
.footer {position: relative; padding:20px 0 40px 0; margin: -25px 0 0 0; clear:both; width:100%; background-color:#0D4D8C; height:25px;}
 
.footer_content {margin:auto;width:100%;}
 
.footer_left { float:left; padding:0 0 0 10%;}
 
.footer_right{ float:right; padding:0 10% 0 0;}
 
ul.social_icons { margin:0px; padding:0px; list-style:none;}
 
ul.social_icons li{ float:left;}
 
ul.social_icons li a{width:30px;height:30px;display:block;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;-khtml-border-radius:15px;float:left;margin:0px 0 0px 5px;background-color:#ADD3F0;text-align:center;}
 
ul.social_icons li a#top{width:30px;height:30px;display:block;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;-khtml-border-radius:15px;float:left;margin:0px 0 0px 5px;background-color:#ADD3F0;text-align:center;}
 
ul.social_icons li a:hover{ background-color:#5AB3E3;}
 
ul.social_icons li a img{ width:60%; display:block; margin:5px auto;}
 
 
ul.footer_menu{ padding:10px 0 0 0; margin:0px; list-style:none;}
 
ul.footer_menu li{ float:left; padding:0 15px 0 0;}
 
ul.footer_menu li a{ background:url(https://static.igem.org/mediawiki/2015/1/17/NAIT_Bullet.png) no-repeat left; padding:0 0 0 12px;}
 
 
 
</style>
 
  
 
</body>
 
</body>
  
 
</body>
 
 
</html>
 
</html>

Latest revision as of 00:42, 9 October 2015

Team NAIT 2015

Bios

"We are not a team because we work together; we are a team because we respect, trust and care for each other."
- Vala Afshar