Difference between revisions of "Team:NAIT Edmonton/Trial6"
(243 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
− | {{NAIT_Edmonton/ | + | {{NAIT_Edmonton/CSS7}} |
<html> | <html> | ||
<head> | <head> | ||
− | |||
<title>Team NAIT 2015</title> | <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://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&ctype=text/javascript"></script> | <script type="text/javascript" src="https://2015.igem.org/Team:NAIT_Edmonton/jquery.flexslider-min?action=raw&ctype=text/javascript"></script> | ||
+ | |||
<!-----------https://static.igem.org/mediawiki/2015/d/d8/El_Capitan_.ttf-------------------> | <!-----------https://static.igem.org/mediawiki/2015/d/d8/El_Capitan_.ttf-------------------> | ||
+ | |||
<script type="text/javascript" charset="utf-8"> | <script type="text/javascript" charset="utf-8"> | ||
Line 27: | Line 30: | ||
<body> | <body> | ||
+ | <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 | + | |
− | + | ||
+ | <div class="nav"> | ||
+ | |||
+ | |||
+ | <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> | ||
+ | |||
+ | |||
+ | <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> | ||
+ | <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/Attributions">attributions</a></li> | ||
+ | <li><a href="https://igem.org/Team.cgi?id=1787">official team profile</a> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Project">project</a> | ||
+ | <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/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/Modeling">modeling</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Human">human practices</a> | ||
+ | <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/Practices">policy and practices</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Collaborations">collaborations</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Notebook">notebook</a> | ||
+ | <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/Achievements">achievements</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Logbook">log book</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | </ul> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | </div> | ||
</style> | </style> | ||
+ | |||
<div id="wrap2"> | <div id="wrap2"> | ||
Line 42: | Line 111: | ||
<style type="text/css"> | <style type="text/css"> | ||
− | .slider{width:100%; margin:0; clear:both; position:relative; top: | + | .slider{width:100%; height:75%; margin:0; clear:both; position:relative; top:0px;} |
.flex-container a:active, | .flex-container a:active, | ||
.flexslider a:active {outline: none;} | .flexslider a:active {outline: none;} | ||
.slides, | .slides, | ||
.flex-control-nav, | .flex-control-nav, | ||
− | .flex-direction-nav {margin: 0; padding: 0; list-style: none;} | + | .flex-direction-nav {margin:0; padding: 0; list-style: none;} |
.flexslider {width: 100%; margin: 0; padding: 0 0 0 0;} | .flexslider {width: 100%; margin: 0; padding: 0 0 0 0;} | ||
.flexslider .slides > li {display: none;} | .flexslider .slides > li {display: none;} | ||
Line 81: | Line 150: | ||
<div class="flexslider"> | <div class="flexslider"> | ||
<ul class="slides"> | <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> | ||
− | <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Desc"><img src="https://static.igem.org/mediawiki/2015/ | + | |
+ | |||
+ | <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"> | <div class="flex-caption"> | ||
<h2></h2> | <h2></h2> | ||
Line 93: | Line 163: | ||
</div> | </div> | ||
</li> | </li> | ||
− | <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Practices"><img src="https://static.igem.org/mediawiki/2015/ | + | <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"> | <div class="flex-caption"> | ||
<h2></h2> | <h2></h2> | ||
Line 100: | Line 170: | ||
</div> | </div> | ||
</li> | </li> | ||
− | <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Modeling"><img src="https://static.igem.org/mediawiki/2015/ | + | <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"> | <div class="flex-caption"> | ||
<h2></h2> | <h2></h2> | ||
<p></p> | <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> | </div> | ||
</li> | </li> | ||
Line 109: | Line 182: | ||
</div> | </div> | ||
</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"> | <div id="wrap5"> | ||
− | + | <br><br><br> | |
− | <h2 class="centered_title">Achievements</h2> | + | <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> | <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"> | <p class="centered_text"> | ||
− | Despite the time constraints, our team | + | Despite the time constraints, our team met all the gold requirements for the iGEM competition. <br><br> |
</p> | </p> | ||
<a href="https://2015.igem.org/Team:NAIT_Edmonton/Achievements" class="more">read more</a> | <a href="https://2015.igem.org/Team:NAIT_Edmonton/Achievements" class="more">read more</a> | ||
Line 122: | Line 224: | ||
<div class="section_one_three"> | <div class="section_one_three"> | ||
− | <h2 class="centered_title">iGEM 2015</h2> | + | <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> | <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"> | <p class="centered_text"> | ||
Line 131: | Line 233: | ||
<div class="section_one_three"> | <div class="section_one_three"> | ||
− | <h2 class="centered_title">Contact Us!</h2> | + | <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> | <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"> | <p class="centered_text"> | ||
Line 138: | Line 240: | ||
<a href="https://2015.igem.org/Team:NAIT_Edmonton/ContactUs" class="more">read more</a> | <a href="https://2015.igem.org/Team:NAIT_Edmonton/ContactUs" class="more">read more</a> | ||
</div> | </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> | <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> | ||
+ | |||
+ | |||
+ | |||
Line 149: | Line 343: | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</div> | </div> | ||
Line 192: | Line 372: | ||
</div> | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
Latest revision as of 21:46, 1 September 2015
Completed
Achievements
Despite the time constraints, our team met all the gold requirements for the iGEM competition.
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