Difference between revisions of "Team:NAIT Edmonton"
(158 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
− | {{NAIT_Edmonton/ | + | {{NAIT_Edmonton/CSS6}} |
<html> | <html> | ||
Line 6: | Line 6: | ||
<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/ | + | <script type="text/javascript" src="https://2015.igem.org/Team:NAIT_Edmonton/Flexslider?action=raw&ctype=text/javascript"></script> |
− | |||
<script type="text/javascript" charset="utf-8"> | <script type="text/javascript" charset="utf-8"> | ||
Line 27: | Line 28: | ||
<body> | <body> | ||
+ | <div class="header"> | ||
+ | <div class="header_c"> | ||
+ | <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> | ||
+ | </div> | ||
− | + | <div class="nav"> | |
− | <div class=" | + | |
− | |||
− | <a href="https://2015.igem.org/Team:NAIT_Edmonton"> | + | |
− | <img | + | <div class="navigation"> |
− | </a> | + | <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> | ||
Line 58: | Line 62: | ||
</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> | ||
Line 67: | Line 68: | ||
<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> | ||
+ | |||
<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> | ||
Line 77: | Line 78: | ||
</ul> | </ul> | ||
</li> | </li> | ||
− | |||
− | |||
− | |||
− | < | + | </ul> |
− | + | </div> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | </div> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</style> | </style> | ||
Line 121: | Line 91: | ||
<div id="wrap2"> | <div id="wrap2"> | ||
− | |||
<style type="text/css"> | <style type="text/css"> | ||
− | .slider{width:100%; margin: | + | .slider{width:100%; margin-left:-25px; clear:both; position:relative; top:3.5px;} |
.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: | + | .flexslider {width: 102%; margin: 0; padding: 0 0 0 0;margin-left:0px;overflow:hidden;} |
.flexslider .slides > li {display: none;} | .flexslider .slides > li {display: none;} | ||
− | .flexslider .slides img {width: 100% | + | .flexslider .slides img {width:100%;display: block; } |
.flex-pauseplay span {text-transform: capitalize;} | .flex-pauseplay span {text-transform: capitalize;} | ||
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} | .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} | ||
Line 138: | Line 107: | ||
* html .slides {height: 1%;} | * html .slides {height: 1%;} | ||
.no-js .slides > li:first-child {display: block;} | .no-js .slides > li:first-child {display: block;} | ||
− | .flexslider {position: relative; zoom: 1 | + | .flexslider {position: relative; zoom: 1; overflow:hidden;} <!---height:500px---> |
− | + | ||
.flexslider .slides > li {position: relative;} | .flexslider .slides > li {position: relative;} | ||
.flex-container {zoom: 1; position: relative;} | .flex-container {zoom: 1; position: relative;} | ||
Line 160: | Line 128: | ||
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;} | 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> | </style> | ||
+ | |||
+ | <div class="slider"> | ||
+ | |||
<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=" | + | |
− | + | <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Practices"><img src="https://static.igem.org/mediawiki/2015/d/da/NAIT_GuidebookBanner.png" alt="" title="" border="0"/></a> | |
− | + | ||
− | + | ||
− | + | ||
</li> | </li> | ||
− | <li><a href=" | + | <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> | </div> | ||
</li> | </li> | ||
− | + | <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Bios"><img src="https://static.igem.org/mediawiki/2015/b/b5/NAIT_BannerPedway.jpg" alt="" title="" border="0"/></a> | |
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
</li> | </li> | ||
Line 191: | Line 155: | ||
</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/2pP_L4befgw" width="1000" height="563"></object></center><br> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
<div id="wrap5"> | <div id="wrap5"> | ||
− | + | ||
− | <h2 class="centered_title">Achievements</h2> | + | <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> | <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 achieved a lot this summer and | + | Despite the time constraints, our team achieved a lot this summer and received a silver medal! <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 204: | Line 197: | ||
<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 213: | Line 206: | ||
<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 220: | Line 213: | ||
<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> | ||
− | |||
− | <div class=" | + | |
− | + | ||
− | + | <div class="clear"></div> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </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;} | ||
+ | |||
+ | |||
+ | </style> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="clear"></div> | ||
+ | |||
+ | |||
+ | <center><a href="http://www.nait.ca"><img src="https://static.igem.org/mediawiki/2015/9/94/NAIT_LogoOfficial.png" width="200px"></a></center> | ||
+ | |||
+ | |||
+ | <div class="clear"></div> | ||
+ | |||
+ | <br><br><br> | ||
Line 267: | Line 298: | ||
<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 273: | Line 305: | ||
</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> |
− | |||
</html> | </html> |
Latest revision as of 00:36, 9 October 2015
Completed
Achievements
Despite the time constraints, our team achieved a lot this summer and received a silver medal!
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