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

 
(33 intermediate revisions by 2 users not shown)
Line 1: Line 1:
{{NAIT_Edmonton/CSS2}}
+
{{NAIT_Edmonton/CSS8}}
 
+
 
<html>
 
<html>
  
 
<head>
 
<head>
 +
<!---
 +
            _..--""-.                  .-""--.._
 +
          _.-'        \ __...----...__ /        '-._
 +
        .'      .:::...,'              ',...:::.      '.
 +
        (    .'``'''::;                  ;::'''``'.    )
 +
        \            '-)              (-'            /
 +
          \            /                \            /
 +
          \          .'.-.            .-.'.          /
 +
            \        | \0|            |0/ |        /
 +
            |          \  |  .-==-.  |  /          |
 +
            \          `/`;          ;`\`          /
 +
              '.._      (_ |  .-==-.  | _)      _..'
 +
                  `"`"-`/ `/'        '\` \`-"`"`
 +
                      / /`;  .==.  ;`\ \
 +
                .---./_/  \  .==.  /  \ \
 +
                / '.    `-.__)      |    `"
 +
              | =(`-.        '==.  ;
 +
                \  '. `-.          /
 +
                \_:_)  `"--.....-'
 +
--->
 +
 +
<title>Team NAIT 2015</title>
 +
  
  
 
<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------------------->
 +
 +
 +
<script type="text/javascript" charset="utf-8">
 +
 +
var $ = jQuery.noConflict();
 +
  $(window).load(function() {
 +
    $('.flexslider').flexslider({
 +
          animation: "fade"
 +
    });
 +
  });
 +
</script>
  
 
</head>
 
</head>
Line 13: Line 50:
 
<body>
 
<body>
  
 
<div id="header">
 
 
<div class="header">
 
<div class="header">
 +
<div class="header_c">
 +
<a href="https://2015.igem.org/Team:NAIT_Edmonton"><img style="margin-top:15px; z-index:60" src="https://static.igem.org/mediawiki/2015/2/2f/NAIT_Imagine.png" height="95px"></a>
 +
</div>
 +
</div>
 +
 +
 +
 +
 +
<div class="nav">
 +
 +
 +
 +
 +
 +
<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>
 +
  
    <div class="logo"><a href="https://2015.igem.org/Team:NAIT_Edmonton">
 
            <img style="padding-left:6px" src="https://static.igem.org/mediawiki/2015/c/c7/NAIT_IGEM_Separated.png" height="185px"></a>
 
    </div>
 
    <div class="header_left">
 
        <ul>
 
               
 
 
                 <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 38: Line 88:
 
                     </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 47: Line 94:
 
                       <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>
 
</div>
 
  
<div id="wrap">
+
            </ul>
  
<style type="text/css">
+
</div>
  
.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;}
 
  
.btn2 {cursor: pointer;background: none;padding: none;color:none; border-radius: none;}
 
  
/* Modal */
+
</div>
.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: 200px;}
+
.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);}
+
  
.modal2 {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;}
 
.modal2__bg {position: absolute;top: 0;right: 0;bottom: 0;left: 0;cursor: pointer;}
 
.modal2-state { display: none;}
 
.modal2-state:checked + .modal2 {opacity: 1;visibility: visible;}
 
.modal2-state:checked + .modal2 .modal2__inner {top: 0;}
 
.modal2__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;}
 
.modal2__close {position: absolute;right: 1em;top: 1em;width: 1.1em;height: 1.1em;cursor: pointer;}
 
.modal2__close:after,
 
.modal2__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;}
 
.modal2__close:hover:after,
 
.modal2__close:hover:before {background: #aaa;}
 
.modal2__close:before {transform: rotate(-45deg);}
 
  
  
 
</style>
 
</style>
  
<center><div class="top_slogan">Attributions</div></center>
+
 
 +
<div id="wrap2">
  
<div class="main_content">
+
  <div class="slider">
<center>
+
<h2> Our team is truly lucky to have the support of all these individuals. Click their names to see how each of these individuals contributed to our project.</h2> <br>
+
  
<img src="https://static.igem.org/mediawiki/2015/6/61/NAIT_AttributionsGel.gif">
+
<style type="text/css">
</center>
+
.slider{width:100%; height:75%; margin:0; clear:both; position:relative; top:0px;}
 +
.flex-container a:active,
 +
.flexslider a:active {outline: none;}
 +
.slides,
 +
.flex-control-nav,
 +
.flex-direction-nav {margin:0; padding: 0; list-style: none;}
 +
.flexslider {width: 100%; margin: 0; padding: 0 0 0 0;}
 +
.flexslider .slides > li {display: none;}
 +
.flexslider .slides img {width:100%; height:auto; display: block;}
 +
.flex-pauseplay span {text-transform: capitalize;}
 +
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
 +
html[xmlns] .slides {display: block;}
 +
* html .slides {height: 1%;}
 +
.no-js .slides > li:first-child {display: block;}
 +
.flexslider {position: relative; zoom: 1; overflow:hidden;} <!---height:500px--->
 +
.flexslider .slides {zoom: 1;}
 +
.flexslider .slides > li {position: relative;}
 +
.flex-container {zoom: 1; position: relative;}
 +
.flex-direction-nav li a {width:65px; height:37px; margin:0; display: block; position: absolute; top:0px; cursor: pointer; text-indent: -9999px;}
 +
.flex-direction-nav li a.next {background:url(https://static.igem.org/mediawiki/2015/a/a0/NAIT_Next.png) no-repeat center; right:0px;}
 +
.flex-direction-nav li a.prev {background:url(https://static.igem.org/mediawiki/2015/7/73/NAIT_Prev.png) no-repeat center;right:65px;}
 +
.flex-direction-nav li a.next:hover {background:url(https://static.igem.org/mediawiki/2015/b/ba/NAIT_Next_a.png) no-repeat center;}
 +
.flex-direction-nav li a.prev:hover {background:url(https://static.igem.org/mediawiki/2015/c/c4/NAIT_Prev_a.png) no-repeat center;}
 +
.flex-direction-nav li a.disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}
 +
.flex-control-nav {width: 100%; position: absolute; bottom: -30px; text-align: center;}
 +
.flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}
 +
.flex-control-nav li:first-child {margin: 0;}
 +
.flex-control-nav li a {width: 13px; height: 13px; display: block; cursor: pointer; text-indent: -9999px;}
 +
.flex-control-nav li a:hover {background-position: 0 -13px;}
 +
.flex-control-nav li a.active {background-position: 0 -26px; cursor: default;}
 +
.flex-caption{position: absolute;left:auto;right:auto; top:150px; width:100%;font-family: 'Source Sans Pro', sans-serif;text-align:center; font-size:14px; color:#FFFFFF; text-shadow:2px 2px 2px #000000}
 +
.flex-caption h0{font-size:30px; color:#FFFFFF}
 +
.flex-caption h2{ font-size:30px; color:#FFFFFF;text-shadow:2px 4px 2px #000000}
 +
.flex-caption p{ text-align:center; padding:0 200px;}
 +
a.slider_button{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;background-color:#8BC5EB; color:#fff; font-size:14px; padding:8px 12px; margin:20px 0 0 0; display:inline-block;}
 +
</style>
  
 +
<div class="flexslider">
 +
    <ul class="slides">
  
<!----NAMES------>
+
            <li><label class="btn" for="modal-2"><img src="https://static.igem.org/mediawiki/2015/0/03/NAIT_PlayBanner.jpg" alt="" title="" border="0"/></label>
  
  
<!------TEAM------------------>
+
            </li>
  
<label class="btn2" for="Marcelo"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/5/5e/NAIT_Band_Marcelo.png" style="position:absolute;top:625px;margin-left:60px"></label>
 
<label class="btn2" for="Mattea"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/b/bb/NAIT_Band_Mattea.png" style="position:absolute;top:652px;margin-left:60px"></label>
 
<label class="btn2" for="Eduardo"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/2/2e/NAIT_Band_Eduardo.png" style="position:absolute;top:720px;margin-left:60px"></label>
 
<label class="btn2" for="David"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/8/82/NAIT_Band_David.png" style="position:absolute;top:790px;margin-left:60px"></label>
 
<label class="btn2" for="Johannes"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/8/84/NAIT_Band_Johannes.png" style="position:absolute;top:840px;margin-left:60px"></label>
 
<label class="btn2" for="Abbie"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/6/62/NAIT_Band_Abbie.png" style="position:absolute;top:900px;margin-left:60px"></label>
 
<label class="btn2" for="Joy"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/8/80/NAIT_Band_Joy.png" style="position:absolute;top:950px;margin-left:60px"></label>
 
<label class="btn2" for="Kevin"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/2/28/NAIT_Band_Kevin.png" style="position:absolute;top:995px;margin-left:60px"></label>
 
  
 +
            <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Desc"><img src="https://static.igem.org/mediawiki/2015/c/c6/NAIT_Banner_Description.jpg" alt="" title="" border="0"/></a>
 +
            <div class="flex-caption">
 +
                <h2></h2>
 +
                    <p></p>
 +
                </div>
 +
            </li>
 +
            <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Practices"><img src="https://static.igem.org/mediawiki/2015/f/fa/NAIT_Banner_Survival2.jpg" alt="" title="" border="0"/></a>
 +
            <div class="flex-caption">
 +
                <h2></h2>
 +
                   
 +
                    <p></p>
 +
                </div>
 +
            </li>
 +
            <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Modeling"><img src="https://static.igem.org/mediawiki/2015/1/13/NAIT_Banner_3D.jpg" alt="" title="" border="0"/></a>
 +
            <div class="flex-caption">
 +
                <h2></h2>
 +
                    <p></p>
 +
                </div>
 +
            </li>
 +
    <li><label class="btn" for="modal-1"><img src="https://static.igem.org/mediawiki/2015/b/b5/NAIT_BannerPedway.jpg" alt="" title="" border="0"/></a></label>
 +
                </div>
 +
            </li>
 +
    </ul>
 +
  </div>
 +
  </div>
  
<!--------------Chemistry and Research--------------->
+
</div>
  
<label class="btn2" for="Meintzer"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/2/2e/NAIT_Band_CMeintzer.png" style="position:absolute;top:660px;margin-left:150px"></label>
 
<label class="btn2" for="Atrazheva"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/c/ce/NAIT_Band_Elena.png" style="position:absolute;top:720px;margin-left:150px"></label>
 
<label class="btn2" for="Force"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/4/44/NAIT_Band_Len.png" style="position:absolute;top:780px;margin-left:150px"></label>
 
<label class="btn2" for="Lucan"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/6/6e/NAIT_Band_Laura.png" style="position:absolute;top:860px;margin-left:150px"></label>
 
<label class="btn2" for="Korney"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/0/09/NAIT_Band_Michael.png" style="position:absolute;top:928px;margin-left:150px"></label>
 
<label class="btn2" for="Tenaschuk"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/6/66/NAIT_Band_Taisha.png" style="position:absolute;top:980px;margin-left:150px"></label>
 
  
  
<!------------Sponsorship and Financial Aid----------------->
 
  
<label class="btn2" for="Spencer"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/b/b3/NAIT_Band_Sandra.png" style="position:absolute;top:630px;margin-left:241px"></label>
+
<input class="modal2-state" id="modal-1" type="checkbox" />
<label class="btn2" for="Hurlburt"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/7/7b/NAIT_Band_Sean.png" style="position:absolute;top:690px;margin-left:241px"></label>
+
<div class="modal2">
<label class="btn2" for="McMullen"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/b/b1/NAIT_Band_Bill.png" style="position:absolute;top:770px;margin-left:241px"></label>
+
  <label class="modal2__bg" for="modal-1"></label>
<label class="btn2" for="Giordano"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/7/7e/NAIT_Band_Sabrina.png" style="position:absolute;top:840px;margin-left:241px"></label>
+
  <div class="modal2__inner">
<label class="btn2" for="Svensen-Lewis"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/c/ca/NAIT_Band_Chantelle.png" style="position:absolute;top:880px;margin-left:241px"></label>
+
<label class="btn2" for="Coomansingh"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/9/90/NAIT_Band_Hugh.png" style="position:absolute;top:960px;margin-left:241px"></label>
+
<label class="btn2" for="Vaugh"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/4/4f/NAIT_Band_Vaughn.png" style="position:absolute;top:1010px;margin-left:241px"></label>
+
  
 +
  <center><object data="http://www.youtube.com/embed/qW9Mt6jBkSI" width="1000" height="563"></object></center><br>
  
<!-------------------Wiki--------------->
+
  </div>
 +
</div>
  
<label class="btn2" for="Wu"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/2/23/NAIT_Band_Patrick.png" style="position:absolute;top:750px;margin-left:332px"></label>
 
<label class="btn2" for="Aljamea"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/e/e5/NAIT_Band_Sana.png" style="position:absolute;top:900px;margin-left:332px"></label>
 
  
 +
<input class="modal2-state" id="modal-2" type="checkbox" />
 +
<div class="modal2">
 +
  <label class="modal2__bg" for="modal-2"></label>
 +
  <div class="modal2__inner">
  
<!-----------------------3D Animation and Design--------------->
+
  <center><object data="http://www.youtube.com/embed/K_YsuDGvXLw" width="1000" height="563"></object></center><br>
  
<label class="btn2" for="Dietz"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/c/ca/NAIT_Band_Leslie.png" style="position:absolute;top:670px;margin-left:423px"></label>
+
  </div>
<label class="btn2" for="MacQueen"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/b/b0/NAIT_Band_Jason.png" style="position:absolute;top:840px;margin-left:423px"></label>
+
</div>
  
  
<!---------------------Entrepreneurship and Business Mentorship------------------->
 
  
<label class="btn2" for="Mazumder"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/2/26/NAIT_Band_Robin.png" style="position:absolute;top:649px;margin-left:515px"></label>
+
<div id="wrap5">
<label class="btn2" for="Aakash"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/5/57/NAIT_Band_Aakash.png" style="position:absolute;top:730px;margin-left:515px"></label><label class="btn2" for="Andrews"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/d/d3/NAIT_Band_George.png" style="position:absolute;top:900px;margin-left:515px"></label>
+
<label class="btn2" for="Roth"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/1/19/NAIT_Band_Stewart.png" style="position:absolute;top:980px;margin-left:515px"></label>
+
  
 +
<br><br><br>
 +
<div class="section_one_three">
 +
        <h2 class="centered_title">Completed <br> Achievements</h2>
 +
        <div class="roundimg"><a href="https://2015.igem.org/Team:NAIT_Edmonton/Achievements" title=""><img src="https://static.igem.org/mediawiki/2015/5/50/NAIT_Medal_Icon.png" width="125px" alt="" title="" /></a></div>
 +
        <p class="centered_text">
 +
Despite the time constraints, our team met all the gold requirements for the iGEM competition. <br><br>
 +
        </p>
 +
        <a href="https://2015.igem.org/Team:NAIT_Edmonton/Achievements" class="more">read more</a>
 +
        </div>
 +
       
 +
  <div class="section_one_three">
 +
        <h2 class="centered_title"><br>iGEM 2015<br></h2>
 +
        <div class="roundimg"><a href="https://2015.igem.org" title=""><img src="https://static.igem.org/mediawiki/2015/0/05/NAIT_Icon_services.png" alt="" title="" /></a></div>
 +
        <p class="centered_text">
 +
Learn about the exciting opportunities the iGEM foundation has to offer! The experience was incredible!
 +
        </p>
 +
        <a href="https://2015.igem.org" class="more">read more</a>
 +
        </div>
  
<!------------------------- Social Media and Exposure --------------------->
+
  <div class="section_one_three">
 +
        <h2 class="centered_title"><br>Contact Us!<br></h2>
 +
        <div class="roundimg"><a href="https://2015.igem.org/Team:NAIT_Edmonton/ContactUs" title=""><img src="https://static.igem.org/mediawiki/2015/2/29/NAIT_Icon_contact.png" alt="" title="" /></a></div>
 +
        <p class="centered_text">
 +
Please contact our team if you want more information about our project or have any other questions or concerns.
 +
        </p>
 +
        <a href="https://2015.igem.org/Team:NAIT_Edmonton/ContactUs" class="more">read more</a>
 +
        </div>
  
<label class="btn2" for="Hoang"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/a/a3/NAIT_Band_Linda.png" style="position:absolute;top:700px;margin-left:606px"></label>
+
</div>
<label class="btn2" for="Blaise"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/a/a4/NAIT_Band_Blaise.png" style="position:absolute;top:840px;margin-left:606px"></label>
+
<label class="btn2" for="Feltham"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/8/88/NAIT_Band_Glenn.png" style="position:absolute;top:920px;margin-left:606px"></label>
+
  
  
<!------------------------Human Practices------------------>
+
<div id="wrap6">
  
<label class="btn2" for="Dress"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/7/76/NAIT_Band_LauraD.png" style="position:absolute;top:660px;margin-left:697px"></label>
+
<center>
<label class="btn2" for="Calvert"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/d/da/NAIT_Band_Jane.png" style="position:absolute;top:1011px;margin-left:697px"></label>
+
  
 +
<h1></h1>
 +
<h1>Sponsored by:</h1>
 +
<br><br>
  
<!-------------------------iGEM Mentorship-------------------------->
+
<a href="http://www.nait.ca"><img src="https://upload.wikimedia.org/wikipedia/en/thumb/6/6d/NAIT_Logo.svg/768px-NAIT_Logo.svg.png" height="200px"></a><br><br><br><br>
  
<label class="btn2" for="Kaern"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/8/83/NAIT_Band_Mads.png" style="position:absolute;top:629px;margin-left:788px"></label>
+
<a href="https://www.idtdna.com/site"><img src="https://static.igem.org/mediawiki/2012/0/0a/IDT_logo_trans.png" height="105px"></a><br>
<label class="btn2" for="Zeng"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/5/54/NAIT_Band_Dawson.png" style="position:absolute;top:708px;margin-left:788px"></label>
+
<a href="http://www.albertatechfutures.ca/academicprogramsicore/geekstarter.aspx"><img src="https://static.igem.org/mediawiki/2015/1/11/NAIT_ABInnovates_Geekstarter.png"></a>
<label class="btn2" for="Hill"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/5/5b/NAIT_Band_Jennifer.png" style="position:absolute;top:740px;margin-left:788px"></label>
+
<label class="btn2" for="Lee"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/3/3d/NAIT_Band_Sarah.png" style="position:absolute;top:810px;margin-left:788px"></label>
+
<label class="btn2" for="Vinoo"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/6/62/NAIT_Band_Vinoo.png" style="position:absolute;top:845px;margin-left:788px"></label>
+
<label class="btn2" for="Lloyd"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/0/02/NAIT_Band_DavidL.png" style="position:absolute;top:872px;margin-left:788px"></label>
+
<label class="btn2" for="Laroche"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/0/05/NAIT_Band_Andre.png" style="position:absolute;top:970px;margin-left:788px"></label>
+
<label class="btn2" for="Rodriguez"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/0/04/NAIT_Band_Cesar.png" style="position:absolute;top:1020px;margin-left:788px"></label>
+
  
 +
</center>
  
 
<!---------------------------General and Lab Help--------------------------->
 
 
<label class="btn2" for="Lowther"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/c/cc/NAIT_Band_Lisa.png" style="position:absolute;top:710px;margin-left:879px"></label>
 
<label class="btn2" for="Lethbridge"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/7/70/NAIT_Band_UofL.png" style="position:absolute;top:920px;margin-left:879px"></label>
 
 
  </div>
 
  </div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
<!----------------------------------Team Modals--------------------------->
 
 
<input class="modal2-state" id="Marcelo" type="checkbox" />
 
<div class="modal2">
 
  <label class="modal2__bg" for="Marcelo"></label>
 
  <div class="modal2__inner">
 
 
    <center><h1>Marcelo Marcet</h1></center>
 
 
 
    <p><img src="https://scontent.xx.fbcdn.net/hphotos-xft1/v/t1.0-9/10393725_922472104481276_3486815983435242507_n.jpg?oh=0569975f805560d35cdb4873dc488f90&oe=56168A06" width="400px"> What would we do without Marcelo? Throughout the summer, Marcelo was not only our advisor - he was our mentor, our lab father-figure and most importantly, our friend. <br><br> He has been involved in all of the aspects of our project. He taught us all the tips and tricks for working in the lab; he helped us get funding and sponsorship; he was our voice in our institution; and he was heavily involved in all of the animation and 3D modeling in our project.<br><br>
 
 
Without Marcelo, our team would never have come together. Thank you so much, Marcelo. Words can never express our gratitude for you. </p>
 
  </div>
 
 
</div>
 
</div>
  
<input class="modal2-state" id="Mattea" type="checkbox" />
+
  <div class="clear"></div>  
<div class="modal2">
+
  <label class="modal2__bg" for="Mattea"></label>
+
  <div class="modal2__inner">
+
  
    <center><h1>Mattéa Bujold</h1></center>
 
    <p><img src="https://scontent.xx.fbcdn.net/hphotos-prn2/v/t1.0-9/549237_10150710242648044_1932955453_n.jpg?oh=61f318c73797ac7c8a7b2439c890189a&oe=5645A954" width="400px"> Without Mattéa, there is no Team NAIT 2015. Alongside Marcelo, Mattéa was directly involved in bringing our team together. <br><br> She is our lab guardian - making sure we always had everything we needed to carry out and complete our experiments. From protocols to ordering reagents, we could always count on Mattéa. She was always willing to sacrifice her time and bestow us with her knowledge and extensive lab experience. <br><br>
 
  
We are so thankful for her involvement in this project. We've learned so much from her and we are proud to say that she is our mentor and friend. Thank you so much, Mattéa. We could never repay you for your kindness (and your patience with us).  </p>
 
  </div>
 
</div>
 
  
<input class="modal2-state" id="Eduardo" type="checkbox" />
 
<div class="modal2">
 
  <label class="modal2__bg" for="Eduardo"></label>
 
  <div class="modal2__inner">
 
  
    <center><h1>Eduardo A. R. Serratos</h1></center>
 
    <p><img src="https://scontent.xx.fbcdn.net/hphotos-xpf1/v/t1.0-9/1557451_10155696010980368_3234059026557087470_n.jpg?oh=712f438e4e845d0e29bf75b598d9a7e9&oe=564B7D93" width="400px"> Humble, intelligent, passionate, kind, handsome, <i>guapo</i> - these are just some of the few words that we can use to describe our team leader and captain, Eduardo. <br><br>
 
  
He was instrumental in our entire project. He took responsibility for the majority of the lab work and conducting of experiments. In addition to that, Eduardo kept our entire group organized and focused on our end goal. Eduardo really had a hand in everything - he attended meetings on behalf of our team, he conducted research and assisted in literature review, filling out our lab logbooks with David, and somehow, he was always willing to do more. <br><br>
 
  
Eduardo has truly been an indispensable asset to the team and an even better friend. We could always count on him to listen, advise and provide the emotional support in this chapter of our lives. Thank you, Eduardo, oh Captain, our captain.
 
  
  
</p>
 
  </div>
 
</div>
 
  
<input class="modal2-state" id="David" type="checkbox" />
+
<style type="text/css">
<div class="modal2">
+
  <label class="modal2__bg" for="David"></label>
+
  <div class="modal2__inner">
+
  
    <center><h1>David Barilla</h1></center>
+
/* Modal */
  <center><img src="https://media.licdn.com/media/p/8/000/25f/329/06cf107.png" alt=""/></center>
+
.modal2 {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;}
    <br><br>
+
.modal2__bg {position: absolute;top: 0;right: 0;bottom: 0;left: 0;cursor: pointer;}
    <p>What would we do without David?</p>
+
.modal2-state { display: none;}
  </div>
+
.modal2-state:checked + .modal2 {opacity: 1;visibility: visible;}
</div>
+
.modal2-state:checked + .modal2 .modal2__inner {top: 0;}
 +
.modal2__inner {transition: top .25s ease;position: absolute;top: -20%; right: 0;bottom: 0;left: 0;width: 1000px;margin: auto;overflow: hide;background:white;border-radius: 0px;padding: 0;height: 563px;}
 +
.modal2__close {position: absolute;right: 1em;top: 1em;width: 1.1em;height: 1.1em;cursor: pointer;}
 +
.modal2__close:after,
 +
.modal2__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;}
 +
.modal2__close:hover:after,
 +
.modal2__close:hover:before {background: #aaa;}
 +
.modal2__close:before {transform: rotate(-45deg);}
  
<input class="modal2-state" id="Johannes" type="checkbox" />
+
@media screen and (max-width: 750px) {
<div class="modal2">
+
   <label class="modal2__bg" for="Johannes"></label>
+
   .modal2__inner {width: 90%;height: 90%;box-sizing: border-box;}
  <div class="modal2__inner">
+
}
  
    <center><h1>Johannes Coomansingh</h1></center>
 
  <center><img src="https://media.licdn.com/media/p/8/000/25f/329/06cf107.png" alt=""/></center>
 
    <br><br>
 
    <p>What would we do without Jo?</p>
 
  </div>
 
</div>
 
  
<input class="modal2-state" id="Abbie" type="checkbox" />
+
.btn {cursor: pointer;background: none;display: inline-block;padding: none;color:none; border-radius: none;}
<div class="modal2">
+
.btn:hover,
  <label class="modal2__bg" for="Abbie"></label>
+
.btn:focus {background: none;}
  <div class="modal2__inner">
+
.btn:active {background: none;}
 +
p img {max-width: 200px;height: auto;float: left;margin: 0 1em 1em 0;}
  
    <center><h1>Abbie Gottert</h1></center>
 
    <p><img src="https://scontent.xx.fbcdn.net/hphotos-xtp1/v/t1.0-9/11705104_1859480314277851_5340245838235339831_n.jpg?oh=bc1ec21c29ce5015e8216a008d27d045&oe=56483236" width="400px"> Abbie is one of the most caring, friendly and empathetic people you will ever meet. Between assisting with Logo and Banner design, reviewing the literature, helping Johannes out with the policy and practices, and assisting with lab work, she finds the time to have a full time job and maintain a balance between them. Always concerned with the well being of the group, she goes out of her way to make sure that everyone stays healthy, happy and mentally sound.</p>
 
  </div>
 
</div>
 
  
<input class="modal2-state" id="Joy" type="checkbox" />
+
section
<div class="modal2">
+
{
  <label class="modal2__bg" for="Joy"></label>
+
    width: 100%;
  <div class="modal2__inner">
+
    margin-right:auto;
 +
    margin-left:auto;
  
    <center><h1>Joy Ramielle L. Santos</h1></center>
+
}
  <center><img src="https://media.licdn.com/media/p/8/000/25f/329/06cf107.png" alt=""/></center>
+
    <br><br>
+
    <p>Not Meh you are awesome Joy</p>
+
  </div>
+
</div>
+
  
<input class="modal2-state" id="Kevin" type="checkbox" />
+
#one
<div class="modal2">
+
{
  <label class="modal2__bg" for="Kevin"></label>
+
    background-color:#FFFFFF;
  <div class="modal2__inner">
+
    background-repeat: no-repeat;
 +
    background-position: center center;
 +
    background-attachment:fixed;
 +
    width:100%;
 +
    margin-right:auto;
 +
    margin-left:auto;
 +
    height:550px;
  
    <center><h1>Kevin Setzer</h1></center>
 
  <center><img src="https://media.licdn.com/media/p/8/000/25f/329/06cf107.png" alt=""/></center>
 
    <br><br>
 
    <p>What would we do without Setzer?</p>
 
  </div>
 
</div>
 
  
<!-------END--------------------------Team Modals------------------------------------------------->
 
  
 +
#seven
  
<!--------------------------------Chemistry and Research Modals----------------------------------->
+
{
 +
    background-color:#FFFFFF;
 +
    background-repeat: no-repeat;
 +
    background-position: center center;
 +
    background-attachment:fixed;
 +
    width:100%;
 +
    margin-right:auto;
 +
    margin-left:auto;
 +
}
  
<input class="modal-state" id="Meintzer" type="checkbox" />
+
</style>
<div class="modal">
+
  <label class="modal__bg" for="Meintzer"></label>
+
  <div class="modal__inner">
+
  
    <center><h1>Chris Meintzer</h1></center>
 
    <p><b>Department of Chemistry, NAIT</b></p><br>
 
    <p>Chris Meintzer helped in our research of the chemistry of silver staining. He provided excellent feedback on our hypothesis and gave suggestions on how to improve our theories. </p>
 
  </div>
 
</div>
 
  
<input class="modal-state" id="Atrazheva" type="checkbox" />
 
<div class="modal">
 
  <label class="modal__bg" for="Atrazheva"></label>
 
  <div class="modal__inner">
 
  
    <center><h1>Elena Atrazheva</h1></center>
+
 
    <p><b>Department of Chemistry, NAIT</b></p><br>
+
 
    <p> Elena helped us create a hypothesis on the mechanism of silver staining.</p>
+
  </div>
+
 
</div>
 
</div>
  
<input class="modal-state" id="Force" type="checkbox" />
 
<div class="modal">
 
  <label class="modal__bg" for="Force"></label>
 
  <div class="modal__inner">
 
  
    <center><h1>Len Force</h1></center>
 
    <p><b>Department of Biochemical Sciences, NAIT</b></p><br>
 
    <p></p>
 
  </div>
 
</div>
 
  
<input class="modal-state" id="Lucan" type="checkbox" />
 
<div class="modal">
 
  <label class="modal__bg" for="Lucan"></label>
 
  <div class="modal__inner">
 
 
    <center><h1>Laura Lucan</h1></center>
 
    <p></p>
 
  </div>
 
 
</div>
 
</div>
 
<input class="modal-state" id="Korney" type="checkbox" />
 
<div class="modal">
 
  <label class="modal__bg" for="Korney"></label>
 
  <div class="modal__inner">
 
 
    <center><h1>Michael Korney</h1></center>
 
    <p></p>
 
  </div>
 
</div>
 
 
<input class="modal-state" id="Tenaschuk" type="checkbox" />
 
<div class="modal">
 
  <label class="modal__bg" for="Tenaschuk"></label>
 
  <div class="modal__inner">
 
 
    <center><h1>Taisha Tenaschuk</h1></center>
 
    <p><b>Student, University of Toronto</b></p>
 
  </div>
 
</div>
 
 
<!---END Chemistry and Research Modals------------------>
 
 
 
  
 
   <div class="clear"></div>  
 
   <div class="clear"></div>  
 
    
 
    
 
+
 
</div>
+
  
        <div class="footer">
+
<div class="footer">
 
         <div class="footer_content">
 
         <div class="footer_content">
 
             <div class="footer_left">
 
             <div class="footer_left">
Line 407: Line 377:
 
                 <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>
Line 412: Line 383:
 
           </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:1000px;}
 
.footer_left { float:left; padding:0 0 0 0px;}
 
.footer_right{ float:right; padding:0 0px 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>
 
 
 
 
<script type="text/javascript" src="https://2015.igem.org/Team:NAIT_Edmonton/js/scrollReveal.min.js?action=raw&amp;ctype=text/javascript"></script>
 
  
 +
<!-- Start of StatCounter Code for Dreamweaver -->
 
<script type="text/javascript">
 
<script type="text/javascript">
 
+
var sc_project=10533331;
      window.sr = new scrollReveal();
+
var sc_invisible=1;
 
+
var sc_security="17c2b6e1";
 +
var scJsHost = (("https:" == document.location.protocol) ?
 +
"https://secure." : "http://www.");
 +
document.write("<sc"+"ript type='text/javascript' src='" +
 +
scJsHost+
 +
"statcounter.com/counter/counter.js'></"+"script>");
 
</script>
 
</script>
 
+
<noscript><div class="statcounter"><a title="web analytics"
 
+
href="http://statcounter.com/" target="_blank"><img
 
+
class="statcounter"
 +
src="http://c.statcounter.com/10533331/0/17c2b6e1/1/"
 +
alt="web analytics"></a></div></noscript>
 +
<!-- End of StatCounter Code for Dreamweaver -->
  
  
 
</body>
 
</body>
 
  
 
</html>
 
</html>

Latest revision as of 17:32, 25 August 2015

Team NAIT 2015






Completed
Achievements

Despite the time constraints, our team met all the gold requirements for the iGEM competition.

read more


iGEM 2015

Learn about the exciting opportunities the iGEM foundation has to offer! The experience was incredible!

read more


Contact Us!

Please contact our team if you want more information about our project or have any other questions or concerns.

read more

Sponsored by: