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

 
(248 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
{{NAIT_Edmonton/CSS3}}
+
{{NAIT_Edmonton/CSS7}}
 
<html>
 
<html>
 +
 
<head>
 
<head>
  
−
<script type="text/javascript">
+
<title>Team NAIT 2015</title>
−
$(document).ready(function() {
+
−
// grab the initial top offset of the navigation
+
−
  var stickyNavTop = $('.nav').offset().top;
+
−
 
+
−
  // our function that decides weather the navigation bar should have "fixed" css position or not.
+
−
  var stickyNav = function(){
+
−
    var scrollTop = $(window).scrollTop(); // our current vertical position from the top
+
−
       
+
−
    // if we've scrolled more than the navigation, change its position to fixed to stick to top,
+
−
    // otherwise change it back to relative
+
−
    if (scrollTop > stickyNavTop) {
+
−
        $('.nav').addClass('sticky');
+
−
    } else {
+
−
        $('.nav').removeClass('sticky');
+
−
    }
+
−
};
+
  
−
stickyNav();
 
−
// and run it again every time you scroll
 
−
$(window).scroll(function() {
 
−
stickyNav();
 
−
});
 
−
});
 
−
</script>
 
  
−
<script type="text/javascript">
 
  
−
(function(a){a.isScrollToFixed=function(b){return a(b).data("ScrollToFixed")!==undefined};a.ScrollToFixed=function(d,g){var j=this;j.$el=a(d);j.el=d;j.$el.data("ScrollToFixed",j);var c=false;var z=j.$el;var A;var x=0;var n=0;var h=-1;var e=-1;var p=null;var u;function q(){z.trigger("preUnfixed");i();z.trigger("unfixed");e=-1;x=z.offset().top;n=z.offset().left;if(j.options.offsets){n+=(z.offset().left-z.position().left)}if(h==-1){h=n}A=z.css("position");c=true;if(j.options.bottom!=-1){z.trigger("preFixed");s();z.trigger("fixed")}}function k(){var B=j.options.limit;if(!B){return 0}if(typeof(B)==="function"){return B()}return B}function m(){return A==="fixed"}function t(){return A==="absolute"}function f(){return !(m()||t())}function s(){if(!m()){p.css({display:z.css("display"),width:z.outerWidth(true),height:z.outerHeight(true),"float":z.css("float")});z.css({width:z.width(),position:"fixed",top:j.options.bottom==-1?o():"",bottom:j.options.bottom==-1?"":j.options.bottom});A="fixed"}}function b(){z.css({width:z.width(),position:"absolute",top:k(),left:n});A="absolute"}function i(){if(!f()){e=-1;p.css("display","none");z.css({width:"",position:"",left:"",top:""});A=null}}function r(B){if(B!=e){z.css("left",n-B);e=B}}function o(){return j.options.marginTop}function v(){if(!a.isScrollToFixed(z)){return}var D=c;if(!c){q()}var B=a(window).scrollLeft();var E=a(window).scrollTop();var C=k();if(j.options.minWidth&&a(window).width()<j.options.minWidth){if(!f()||!D){l();z.trigger("preUnfixed");i();z.trigger("unfixed")}}else{if(j.options.bottom==-1){if(C>0&&E>=C-o()){if(!t()||!D){l();z.trigger("preAbsolute");b();z.trigger("unfixed")}}else{if(E>=x-o()){if(!m()||!D){l();z.trigger("preFixed");s();e=-1;z.trigger("fixed")}r(B)}else{if(!f()||!D){l();z.trigger("preUnfixed");i();z.trigger("unfixed")}}}}else{if(C>0){if(E+a(window).height()-z.outerHeight(true)>=C-o()){if(m()){l();z.trigger("preUnfixed");i();z.trigger("unfixed")}}else{if(!m()){l();z.trigger("preFixed");s()}r(B);z.trigger("fixed")}}else{r(B)}}}}function l(){var B=z.css("position");if(B=="absolute"){z.trigger("postAbsolute")}else{if(B=="fixed"){z.trigger("postFixed")}else{z.trigger("postUnfixed")}}}var w=function(B){if(z.is(":visible")){c=false;v()}};var y=function(B){v()};j.init=function(){j.options=a.extend({},a.ScrollToFixed.defaultOptions,g);if(navigator.platform==="iPad"||navigator.platform==="iPhone"||navigator.platform==="iPod"){if(!navigator.userAgent.match(/OS 5_.*\ like Mac OS X/i)){return}}j.$el.css("z-index",j.options.zIndex);p=a("<div />");A=z.css("position");if(f()){j.$el.after(p)}a(window).bind("resize.ScrollToFixed",w);a(window).bind("scroll.ScrollToFixed",y);if(j.options.preFixed){z.bind("preFixed.ScrollToFixed",j.options.preFixed)}if(j.options.postFixed){z.bind("postFixed.ScrollToFixed",j.options.postFixed)}if(j.options.preUnfixed){z.bind("preUnfixed.ScrollToFixed",j.options.preUnfixed)}if(j.options.postUnfixed){z.bind("postUnfixed.ScrollToFixed",j.options.postUnfixed)}if(j.options.preAbsolute){z.bind("preAbsolute.ScrollToFixed",j.options.preAbsolute)}if(j.options.postAbsolute){z.bind("postAbsolute.ScrollToFixed",j.options.postAbsolute)}if(j.options.fixed){z.bind("fixed.ScrollToFixed",j.options.fixed)}if(j.options.unfixed){z.bind("unfixed.ScrollToFixed",j.options.unfixed)}if(j.options.spacerClass){p.addClass(j.options.spacerClass)}z.bind("resize.ScrollToFixed",function(){p.height(z.height())});z.bind("scroll.ScrollToFixed",function(){z.trigger("preUnfixed");i();z.trigger("unfixed");v()});z.bind("remove.ScrollToFixed",function(){z.trigger("preUnfixed");i();z.trigger("unfixed");a(window).unbind("resize.ScrollToFixed",w);a(window).unbind("scroll.ScrollToFixed",y);z.unbind(".ScrollToFixed");j.$el.removeData("ScrollToFixed")});w()};j.init()};a.ScrollToFixed.defaultOptions={marginTop:0,limit:0,bottom:-1,zIndex:1000};a.fn.scrollToFixed=function(b){return this.each(function(){(new a.ScrollToFixed(this,b))})}})(jQuery);
+
<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>
 
</script>
  
Line 39: Line 30:
 
<body>
 
<body>
  
−
<div class="header">
+
<div class="header">
−
</div>
+
<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="nav">
−
        <div class="menu">
+
 
−
              <ul>
+
 
−
                  
+
<div tabindex="0" class="onclick-menu">
 +
    <ul class="onclick-menu-content" style="list-style:none;">
 +
        <li><a href="https://2015.igem.org/Team:NAIT_Edmonton">home</a></li>
 +
        <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Team">team</a></li>
 +
        <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>
 
                     <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Desc">description</a></li>
 
                     <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Desc">description</a></li>
−
                       <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Protocols">experiment and protcols</a></li>
+
                       <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Protocols">experiment and protocols</a></li>
 
                       <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Results">parts and results</a></li>
 
                       <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Results">parts and results</a></li>
 
                       <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Modeling">modeling</a></li>
 
                       <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Modeling">modeling</a></li>
−
                      <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Software">software</a></li>
 
 
                     </ul>
 
                     </ul>
 
                 </li>
 
                 </li>
  
−
<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>
 
                     <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Outreach">community outreach</a></li>
 
                     <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Outreach">community outreach</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/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/Entrepreunership">entrepreunership</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 class="content">
 
−
<p>Candy canes tart pie biscuit. Cupcake liquorice cake dessert tootsie roll applicake pastry. Soufflé chocolate bar macaroon powder macaroon fruitcake donut. Apple pie biscuit wypas toffee caramels wafer lollipop cotton candy. Sweet roll apple pie chupa chups tart bonbon. Croissant carrot cake gummi bears. Sweet roll wypas macaroon fruitcake gummi bears halvah tootsie roll faworki. Wypas halvah dessert carrot cake candy canes tiramisu jelly beans gingerbread. Sweet tootsie roll pie wypas macaroon jelly-o oat cake sesame snaps dessert. Icing tootsie roll gummies topping. Chocolate chocolate cake marshmallow jujubes. Liquorice lemon drops tart. Jujubes gingerbread toffee candy canes.</p>
 
−
 
−
<p>Cheesecake gummies applicake cotton candy dragée wafer candy canes sugar plum sweet roll. Applicake gummi bears wafer bonbon tiramisu wypas. Chocolate cake sweet roll faworki jujubes dragée liquorice chocolate. Sugar plum halvah marzipan apple pie. Tootsie roll faworki bonbon candy canes croissant topping jelly-o tootsie roll topping. Lemon drops tiramisu chocolate. Bonbon lemon drops brownie danish. Bear claw jelly soufflé brownie dragée wafer chocolate sesame snaps. Apple pie donut jelly-o chupa chups croissant jelly-o powder gingerbread chocolate. Lollipop cupcake sweet roll chocolate cake bear claw sweet roll powder applicake oat cake. Jujubes chupa chups jujubes liquorice danish bonbon apple pie topping. Lollipop jujubes halvah carrot cake jelly-o cookie.</p>
 
  
−
<p>Powder marshmallow bear claw topping. Chocolate bar icing brownie jujubes pie croissant chupa chups. Tootsie roll fruitcake candy. Tootsie roll jelly-o caramels candy. Gingerbread chocolate cake lemon drops. Pie toffee chupa chups brownie marshmallow cupcake croissant bear claw pudding. Ice cream oat cake marshmallow. Chocolate chocolate oat cake caramels toffee. Sesame snaps brownie cookie candy donut wypas wypas icing. Wypas sweet candy canes apple pie. Croissant gingerbread faworki. Gingerbread pie caramels halvah tiramisu carrot cake lollipop sesame snaps.</p>
+
</style>
  
−
<p>Jujubes icing carrot cake powder jelly-o sesame snaps toffee pie jelly-o. Carrot cake sugar plum chupa chups bonbon toffee sweet roll topping jujubes cotton candy. Pie sweet roll tart chocolate bar toffee. Apple pie pastry gummies gummi bears jelly-o jujubes. Danish bear claw biscuit croissant. Muffin jujubes jujubes. Sesame snaps oat cake jelly-o jelly gummi bears bear claw. Bear claw halvah sweet roll jujubes faworki lollipop tart wafer tart. Applicake ice cream wafer gummi bears bear claw liquorice caramels marzipan bonbon. Donut cotton candy candy chocolate dessert cookie faworki. Jelly powder applicake jelly beans. Biscuit halvah dessert pie gingerbread powder fruitcake. Pudding fruitcake brownie applicake danish. Danish danish sweet roll.</p>
+
 
 +
<div id="wrap2">
  
−
<p>Wafer jelly tiramisu cotton candy faworki cookie bear claw bonbon. Marzipan cheesecake sugar plum pudding croissant cookie wafer. Bonbon dessert toffee gingerbread jelly beans tart tiramisu marzipan. Soufflé lemon drops wypas sweet roll apple pie ice cream. Topping lollipop cake soufflé oat cake toffee candy canes biscuit sweet. Tootsie roll bear claw dragée fruitcake chupa chups marzipan sweet roll. Wafer candy candy dragée jelly beans muffin marzipan. Oat cake bear claw lollipop jujubes cake macaroon biscuit candy canes. Chocolate cake halvah tart muffin gummi bears. Chocolate cake faworki bear claw oat cake macaroon. Candy croissant marzipan macaroon apple pie. Cake ice cream jelly.</p>
+
  <div class="slider">
  
−
<p>Cheesecake gummies applicake cotton candy dragée wafer candy canes sugar plum sweet roll. Applicake gummi bears wafer bonbon tiramisu wypas. Chocolate cake sweet roll faworki jujubes dragée liquorice chocolate. Sugar plum halvah marzipan apple pie. Tootsie roll faworki bonbon candy canes croissant topping jelly-o tootsie roll topping. Lemon drops tiramisu chocolate. Bonbon lemon drops brownie danish. Bear claw jelly soufflé brownie dragée wafer chocolate sesame snaps. Apple pie donut jelly-o chupa chups croissant jelly-o powder gingerbread chocolate. Lollipop cupcake sweet roll chocolate cake bear claw sweet roll powder applicake oat cake. Jujubes chupa chups jujubes liquorice danish bonbon apple pie topping. Lollipop jujubes halvah carrot cake jelly-o cookie.</p>
+
<style type="text/css">
 +
.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">
 +
 
 +
            <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>
 +
 
 +
 
 +
            </li>
 +
 
 +
 
 +
            <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>
  
−
<p>Powder marshmallow bear claw topping. Chocolate bar icing brownie jujubes pie croissant chupa chups. Tootsie roll fruitcake candy. Tootsie roll jelly-o caramels candy. Gingerbread chocolate cake lemon drops. Pie toffee chupa chups brownie marshmallow cupcake croissant bear claw pudding. Ice cream oat cake marshmallow. Chocolate chocolate oat cake caramels toffee. Sesame snaps brownie cookie candy donut wypas wypas icing. Wypas sweet candy canes apple pie. Croissant gingerbread faworki. Gingerbread pie caramels halvah tiramisu carrot cake lollipop sesame snaps.</p>
 
−
</div>
 
 
</div>
 
</div>
 +
 +
 +
 +
 +
<input class="modal2-state" id="modal-1" type="checkbox" />
 +
<div class="modal2">
 +
  <label class="modal2__bg" for="modal-1"></label>
 +
  <div class="modal2__inner">
 +
 +
  <center><object data="http://www.youtube.com/embed/qW9Mt6jBkSI" width="1000" height="563"></object></center><br>
 +
 +
  </div>
 +
</div>
 +
 +
 +
<input class="modal2-state" id="modal-2" type="checkbox" />
 +
<div class="modal2">
 +
  <label class="modal2__bg" for="modal-2"></label>
 +
  <div class="modal2__inner">
 +
 +
  <center><object data="http://www.youtube.com/embed/K_YsuDGvXLw" width="1000" height="563"></object></center><br>
 +
 +
  </div>
 +
</div>
 +
 +
 +
 +
<div id="wrap5">
 +
 +
<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>
 +
 +
  <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>
 +
 +
</div>
 +
 +
 +
<div id="wrap6">
 +
 +
<center>
 +
 +
<h1></h1>
 +
<h1>Sponsored by:</h1>
 +
<br><br>
 +
 +
<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>
 +
 +
<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>
 +
<a href="http://www.albertatechfutures.ca/academicprogramsicore/geekstarter.aspx"><img src="https://static.igem.org/mediawiki/2015/1/11/NAIT_ABInnovates_Geekstarter.png"></a>
 +
 +
</center>
 +
 +
</div>
 +
 +
  <div class="clear"></div>
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
<style type="text/css">
 +
 +
/* Modal */
 +
.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: 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);}
 +
 +
@media screen and (max-width: 750px) {
 +
 +
  .modal2__inner {width: 90%;height: 90%;box-sizing: border-box;}
 +
}
 +
 +
 +
.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;}
 +
 +
 +
section
 +
{
 +
    width: 100%;
 +
    margin-right:auto;
 +
    margin-left:auto;
 +
 +
}
 +
 +
#one
 +
{
 +
    background-color:#FFFFFF;
 +
    background-repeat: no-repeat;
 +
    background-position: center center;
 +
    background-attachment:fixed;
 +
    width:100%;
 +
    margin-right:auto;
 +
    margin-left:auto;
 +
    height:550px;
 +
 +
 +
 +
#seven
 +
 +
{
 +
    background-color:#FFFFFF;
 +
    background-repeat: no-repeat;
 +
    background-position: center center;
 +
    background-attachment:fixed;
 +
    width:100%;
 +
    margin-right:auto;
 +
    margin-left:auto;
 +
}
 +
 +
</style>
 +
 +
 +
 +
 
 +
 
 +
</div>
 +
 +
 +
 +
</div>
 +
 +
  <div class="clear"></div>
 +
 
 +
 
 +
 +
<div class="footer">
 +
        <div class="footer_content">
 +
            <div class="footer_left">
 +
                        <ul class="footer_menu">
 +
                    <li><a href="https://2015.igem.org/Team:NAIT_Edmonton">home</a></li>
 +
                    <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Team">team</a></li>
 +
                    <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="footer_right">
 +
                <ul class="social_icons">
 +
                <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="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>
 +
            </div>
 +
          <div class="clear"></div>
 +
          </div>
 +
        </div>
 +
 +
 +
 +
<!-- Start of StatCounter Code for Dreamweaver -->
 +
<script type="text/javascript">
 +
var sc_project=10533331;
 +
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>
 +
<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 21:46, 1 September 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: