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

 
(24 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>
−
<!--------------Chemistry and Research--------------->
+
            <div class="flex-caption">
−
 
+
                <h2></h2>
−
<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>
+
                    <p></p>
−
<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:151px"></label>
+
                </div>
−
<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>
+
            </li>
−
<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>
+
            <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>
−
<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>
+
            <div class="flex-caption">
−
<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>
+
                <h2></h2>
−
 
+
                   
−
 
+
                    <p></p>
−
<!------------Sponsorship and Financial Aid----------------->
+
                </div>
−
 
+
            </li>
−
<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>
+
            <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>
−
<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="flex-caption">
−
<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>
+
                <h2></h2>
−
<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>
+
                    <p></p>
−
<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>
+
                </div>
−
<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>
+
            </li>
−
<label class="btn2" for="Vaughn"><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>
+
    <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>
−
<!-------------------Wiki--------------->
+
    </ul>
−
 
+
  </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>
+
−
 
+
−
 
+
−
<!-----------------------3D Animation and Design--------------->
+
−
 
+
−
<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>
+
−
<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>
+
−
 
+
−
 
+
−
<!---------------------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:516px"></label>
+
−
<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>
+
−
 
+
−
 
+
−
<!------------------------- Social Media and Exposure --------------------->
+
−
 
+
−
<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>
+
−
<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:607px"></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------------------>
+
−
 
+
−
<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>
+
−
<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>
+
−
 
+
−
 
+
−
<!-------------------------iGEM Mentorship-------------------------->
+
−
 
+
−
<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>
+
−
<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>
+
−
<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:789px"></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>
+
−
 
+
−
 
+
−
 
+
−
<!---------------------------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:880px"></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>
 
   </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="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" />
+
<input class="modal2-state" id="modal-1" type="checkbox" />
 
<div class="modal2">
 
<div class="modal2">
−
   <label class="modal2__bg" for="Eduardo"></label>
+
   <label class="modal2__bg" for="modal-1"></label>
 
   <div class="modal2__inner">
 
   <div class="modal2__inner">
  
−
    <center><h1>Eduardo A. R. Serratos</h1></center>
+
  <center><object data="http://www.youtube.com/embed/qW9Mt6jBkSI" width="1000" height="563"></object></center><br>
−
    <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>
 
</div>
 
</div>
  
−
<input class="modal2-state" id="David" type="checkbox" />
 
−
<div class="modal2">
 
−
  <label class="modal2__bg" for="David"></label>
 
−
  <div class="modal2__inner">
 
  
−
    <center><h1>David Barilla</h1></center>
+
<input class="modal2-state" id="modal-2" type="checkbox" />
−
  <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 David?</p>
+
−
  </div>
+
−
</div>
+
−
 
+
−
<input class="modal2-state" id="Johannes" type="checkbox" />
+
 
<div class="modal2">
 
<div class="modal2">
−
   <label class="modal2__bg" for="Johannes"></label>
+
   <label class="modal2__bg" for="modal-2"></label>
 
   <div class="modal2__inner">
 
   <div class="modal2__inner">
  
−
    <center><h1>Johannes Coomansingh</h1></center>
+
  <center><object data="http://www.youtube.com/embed/K_YsuDGvXLw" width="1000" height="563"></object></center><br>
−
  <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" />
 
−
<div class="modal2">
 
−
  <label class="modal2__bg" for="Abbie"></label>
 
−
  <div class="modal2__inner">
 
−
 
−
    <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>
 
</div>
 
</div>
  
−
<input class="modal2-state" id="Joy" type="checkbox" />
 
−
<div class="modal2">
 
−
  <label class="modal2__bg" for="Joy"></label>
 
−
  <div class="modal2__inner">
 
  
−
    <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" />
+
<div id="wrap5">
−
<div class="modal2">
+
−
  <label class="modal2__bg" for="Kevin"></label>
+
−
  <div class="modal2__inner">
+
  
−
    <center><h1>Kevin Setzer</h1></center>
+
<br><br><br>
−
  <center><img src="https://media.licdn.com/media/p/8/000/25f/329/06cf107.png" alt=""/></center>
+
<div class="section_one_three">
−
    <br><br>
+
        <h2 class="centered_title">Completed <br> Achievements</h2>
−
    <p>What would we do without Setzer?</p>
+
        <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>
−
  </div>
+
        <p class="centered_text">
−
</div>
+
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>
  
−
<!-------END--------------------------Team Modals------------------------------------------------->
+
  <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>
  
−
 
−
<!--------------------------------Chemistry and Research Modals----------------------------------->
 
−
 
−
<input class="modal-state" id="Meintzer" type="checkbox" />
 
−
<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>
 
</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>
+
<div id="wrap6">
−
    <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>
+
  
−
<input class="modal-state" id="Force" type="checkbox" />
+
<center>
−
<div class="modal">
+
−
  <label class="modal__bg" for="Force"></label>
+
−
  <div class="modal__inner">
+
  
−
    <center><h1>Len Force</h1></center>
+
<h1></h1>
−
    <p><b>Department of Biochemical Sciences, NAIT</b></p><br>
+
<h1>Sponsored by:</h1>
−
    <p></p>
+
<br><br>
−
  </div>
+
−
</div>
+
  
−
<input class="modal-state" id="Lucan" type="checkbox" />
+
<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>
−
<div class="modal">
+
−
  <label class="modal__bg" for="Lucan"></label>
+
−
  <div class="modal__inner">
+
  
−
    <center><h1>Laura Lucan</h1></center>
+
<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>
−
    <p></p>
+
<a href="http://www.albertatechfutures.ca/academicprogramsicore/geekstarter.aspx"><img src="https://static.igem.org/mediawiki/2015/1/11/NAIT_ABInnovates_Geekstarter.png"></a>
−
  </div>
+
−
</div>
+
  
−
<input class="modal-state" id="Korney" type="checkbox" />
+
</center>
−
<div class="modal">
+
−
  <label class="modal__bg" for="Korney"></label>
+
−
  <div class="modal__inner">
+
  
−
    <center><h1>Michael Korney</h1></center>
 
−
    <p></p>
 
−
  </div>
 
 
</div>
 
</div>
  
−
<input class="modal-state" id="Tenaschuk" type="checkbox" />
+
  <div class="clear"></div>  
−
<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------------------>
 
  
  
−
<!--------------------Sponsorship and Financial Aid------------------------------------>
 
  
−
<input class="modal-state" id="Spencer" type="checkbox" />
 
−
<div class="modal">
 
−
  <label class="modal__bg" for="Spencer"></label>
 
−
  <div class="modal__inner">
 
  
−
    <center><h1>Sandra Spencer</h1></center>
 
−
    <p><b>Office of Research and Innovation, NAIT</b></p><br>
 
−
    <p>HELPED A LOT</p>
 
−
  </div>
 
−
</div>
 
  
−
<input class="modal-state" id="Hurlburt" type="checkbox" />
 
−
<div class="modal">
 
−
  <label class="modal__bg" for="Hurlburt"></label>
 
−
  <div class="modal__inner">
 
  
−
    <center><h1>Sean Hurlburt</h1></center>
 
−
    <p><b>Integrated DNA Technologies (IDT)</b></p><br>
 
−
    <p>Our main contact and friend at IDT. Sean was very helpful in the process of ordering and receiving our IDT custom sequences.</p>
 
−
  </div>
 
−
</div>
 
  
−
<input class="modal-state" id="McMullen" type="checkbox" />
+
<style type="text/css">
−
<div class="modal">
+
−
  <label class="modal__bg" for="McMullen"></label>
+
−
  <div class="modal__inner">
+
  
−
    <center><h1>Bill McMullen</h1></center>
+
/* Modal */
−
    <p><b>Leadership Mentor, NAIT</b></p><br>
+
.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;}
−
    <p>Introduced us to personnel within NAIT to assist with drafting funding letters and connected us with NAIT's branding manager.</p>
+
.modal2__bg {position: absolute;top: 0;right: 0;bottom: 0;left: 0;cursor: pointer;}
−
  </div>
+
.modal2-state { display: none;}
−
</div>
+
.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: 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="modal-state" id="Giordano" type="checkbox" />
+
@media screen and (max-width: 750px) {
−
<div class="modal">
+
−
   <label class="modal__bg" for="Giordano"></label>
+
   .modal2__inner {width: 90%;height: 90%;box-sizing: border-box;}
−
  <div class="modal__inner">
+
}
  
−
    <center><h1>Sabrina Giordano</h1></center>
 
−
    <p><b>???, NAIT</b></p><br>
 
−
    <p>Assisted us with drafting letters for sponsorship and financial aid.</p>
 
−
  </div>
 
−
</div>
 
  
−
<input class="modal-state" id="Svensen-Lewis" type="checkbox" />
+
.btn {cursor: pointer;background: none;display: inline-block;padding: none;color:none; border-radius: none;}
−
<div class="modal">
+
.btn:hover,
−
  <label class="modal__bg" for="Svensen-Lewis"></label>
+
.btn:focus {background: none;}
−
  <div class="modal__inner">
+
.btn:active {background: none;}
 +
p img {max-width: 200px;height: auto;float: left;margin: 0 1em 1em 0;}
  
−
    <center><h1>Chantelle Svensen-Lewis</h1></center>
 
−
    <p><b>???, NAIT</b></p><br>
 
−
    <p>Assisted us with drafting letters for sponsorship and financial aid.</p>
 
−
  </div>
 
−
</div>
 
  
−
<input class="modal-state" id="Coomansingh" type="checkbox" />
+
section
−
<div class="modal">
+
{
−
  <label class="modal__bg" for="Coomansingh"></label>
+
    width: 100%;
−
  <div class="modal__inner">
+
    margin-right:auto;
 +
    margin-left:auto;
  
−
    <center><h1>Hugh Coomansingh</h1></center>
+
}
−
    <p><b>???</b></p><br>
+
−
    <p>Assisted us with monetary gifts, helping to feed our team and bring us to Boston.</p>
+
−
  </div>
+
−
</div>
+
  
−
<input class="modal-state" id="Vaughn" type="checkbox" />
+
#one
−
<div class="modal">
+
{
−
  <label class="modal__bg" for="Vaughn"></label>
+
    background-color:#FFFFFF;
−
  <div class="modal__inner">
+
    background-repeat: no-repeat;
 +
    background-position: center center;
 +
    background-attachment:fixed;
 +
    width:100%;
 +
    margin-right:auto;
 +
    margin-left:auto;
 +
    height:550px;
  
−
    <center><h1>Vaughn Coomansingh</h1></center>
 
−
    <p><b>???</b></p><br>
 
−
    <p>Assisted us with monetary gifts, helping to feed our team and bring us to Boston.</p>
 
−
  </div>
 
−
</div>
 
  
−
<!---------------------END--------Sponsorship----------------------------------------------->
 
  
−
<!----------------------------Wiki Design Modal--------------------------------------------->
+
#seven
  
−
<input class="modal-state" id="Wu" type="checkbox" />
+
{
−
<div class="modal">
+
    background-color:#FFFFFF;
−
  <label class="modal__bg" for="Wu"></label>
+
    background-repeat: no-repeat;
−
  <div class="modal__inner">
+
    background-position: center center;
 +
    background-attachment:fixed;
 +
    width:100%;
 +
    margin-right:auto;
 +
    margin-left:auto;
 +
}
  
−
    <center><h1>Patrick Wu</h1></center>
+
</style>
−
    <p><b>Synbiota Inc.</b></p><br>
+
−
    <p>Provided wiki advice and support during our meet up with Team Lethbridge.</p>
+
−
  </div>
+
−
</div>
+
  
  
−
<input class="modal-state" id="Aljamea" type="checkbox" />
 
−
<div class="modal">
 
−
  <label class="modal__bg" for="Aljamea"></label>
 
−
  <div class="modal__inner">
 
  
−
    <center><h1>Sana Al Jamea</h1></center>
+
 
−
    <p><b>Branding Manager, NAIT</b></p><br>
+
 
−
    <p>Gave advice on our Wiki logo design and how to represent the NAIT brand on our wiki.</p>
+
−
  </div>
+
 
</div>
 
</div>
  
−
<!------------------------END Wiki Design-------------------------------------------------------->
 
  
−
<!--------------------------3D------------------------------------------------------->
 
  
−
<input class="modal-state" id="Dietz" type="checkbox" />
 
−
<div class="modal">
 
−
  <label class="modal__bg" for="Dietz"></label>
 
−
  <div class="modal__inner">
 
−
 
−
    <center><h1>Leslie Dietz</h1></center>
 
−
    <p><b>Digitam Media and Information Technology, NAIT</b></p><br>
 
−
    <p>Provided digital media lab space at NAIT's DMIT department for batch rendering our 3D animations.</p>
 
−
  </div>
 
 
</div>
 
</div>
−
 
−
<input class="modal-state" id="MacQueen" type="checkbox" />
 
−
<div class="modal">
 
−
  <label class="modal__bg" for="MacQueen"></label>
 
−
  <div class="modal__inner">
 
−
 
−
    <center><h1>Jason MacQueen</h1></center>
 
−
    <p><b>Mechanical Engineering Technology, NAIT</b></p><br>
 
−
    <p>Helped to create the 3D model of a polyacrylamide gel for animation.</p>
 
−
  </div>
 
−
</div>
 
−
 
−
 
−
<!-------------------------------END3D---------------------------------------------------->
 
−
 
  
 
   <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 542: 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 547: 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: