Difference between revisions of "Team:NAIT Edmonton/Trial6"
(25 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'> | ||
Line 56: | Line 30: | ||
<body> | <body> | ||
− | <div class="header"> | + | <div class="header"> |
− | <a href="https://2015.igem.org/Team:NAIT_Edmonton"><img style="margin-top:15px;" src="https://static.igem.org/mediawiki/2015/2/2f/NAIT_Imagine.png" height="95px"></a> | + | <div 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 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 class="navigation"> | <div class="navigation"> | ||
<ul> | <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> | ||
Line 88: | Line 82: | ||
<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> | ||
− | |||
</ul> | </ul> | ||
</li> | </li> | ||
Line 103: | Line 96: | ||
</div> | </div> | ||
+ | |||
+ | |||
</div> | </div> | ||
Line 109: | Line 104: | ||
</style> | </style> | ||
+ | |||
<div id="wrap2"> | <div id="wrap2"> | ||
Line 115: | Line 111: | ||
<style type="text/css"> | <style type="text/css"> | ||
− | .slider{width:100%; height:75%; 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 154: | Line 150: | ||
<div class="flexslider"> | <div class="flexslider"> | ||
<ul class="slides"> | <ul class="slides"> | ||
− | <li><a href=" | + | |
+ | <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"> | <div class="flex-caption"> | ||
<h2></h2> | <h2></h2> | ||
Line 160: | Line 163: | ||
</div> | </div> | ||
</li> | </li> | ||
− | <li><a href=" | + | <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 173: | Line 176: | ||
</div> | </div> | ||
</li> | </li> | ||
− | <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 185: | Line 185: | ||
</div> | </div> | ||
− | < | + | |
− | <div id=" | + | |
+ | |||
+ | <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> | <br><br><br> | ||
<div class="section_one_three"> | <div class="section_one_three"> | ||
Line 216: | Line 242: | ||
</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>< | + | </center> |
+ | |||
+ | </div> | ||
+ | |||
+ | <div class="clear"></div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
<style type="text/css"> | <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 | section | ||
Line 268: | Line 319: | ||
height:550px; | height:550px; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
#seven | #seven | ||
Line 326: | Line 328: | ||
background-position: center center; | background-position: center center; | ||
background-attachment:fixed; | background-attachment:fixed; | ||
+ | width:100%; | ||
+ | margin-right:auto; | ||
+ | margin-left:auto; | ||
} | } | ||
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