Difference between revisions of "Team:NAIT Edmonton/Trial6"
Line 1: | Line 1: | ||
{{NAIT_Edmonton/CSS3}} | {{NAIT_Edmonton/CSS3}} | ||
<html> | <html> | ||
+ | |||
<head> | <head> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | <title>Team NAIT 2015</title> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | <script type="text/javascript"> | + | <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&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 27: | ||
<body> | <body> | ||
− | |||
− | |||
− | + | ||
− | + | <div id="header"> | |
− | + | <div class="header"> | |
+ | |||
+ | <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> | ||
Line 56: | Line 53: | ||
<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 | + | <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> | ||
− | |||
</ul> | </ul> | ||
</li> | </li> | ||
− | + | </ul> | |
− | <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Human">human practices</a> | + | </div> |
+ | <div class="header_right"> | ||
+ | <ul> | ||
+ | <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/ | + | <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Entrepreneurship">entrepreneurship</a></li> |
</ul> | </ul> | ||
</li> | </li> | ||
Line 74: | Line 73: | ||
<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/ | + | <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> | ||
+ | |||
+ | <style type="text/css"> | ||
+ | |||
+ | .header_mobile { | ||
+ | display:none; | ||
+ | position: absolute; | ||
+ | background-color:transparent; | ||
+ | width:65px; | ||
+ | top: 90px; | ||
+ | left:50px; | ||
+ | height:65px; | ||
+ | z-index:999; | ||
+ | position:fixed;} | ||
+ | |||
+ | .header_mobile ul {list-style:none; position:absolute;float:right;margin:0;padding-right:125px} | ||
+ | .header_mobile ul * {margin:0; padding:0;} | ||
+ | .header_mobile a {display:block;color:#159CD8;text-decoration:none;padding:15px 50px} | ||
+ | .header_mobile li {position:relative;float:left; padding:5px 5px 5px 5px} | ||
+ | .header_mobile li a {font-family:'Source Sans Pro', sans-serif;color:#ffffff;font-size:20px;} | ||
+ | .header_mobile li.current-menu-item {background:#5AB3E3} | ||
+ | .header_mobile ul ul{display:none; position:absolute; top:77%; left:30%; background:#0D4D8C; padding:0 0px 0 0} | ||
+ | .header_mobile ul ul li:hover{background:#159CD8} | ||
+ | .header_mobile ul ul li{float:none; width:120px} | ||
+ | .header_mobile ul ul a {line-height:100%; padding:0 20px 0 0; font-size:15px } | ||
+ | .header_mobile ul ul ul {top:0; left:200%} | ||
+ | .header_mobile ul li.selected a{color:#8BC5EB} | ||
+ | .header_mobile ul li:hover > ul{display:block;} | ||
+ | |||
+ | |||
+ | @media screen and (max-width:1000px){ | ||
+ | |||
+ | .header_left{display:none;} | ||
+ | .header_right{display:none;} | ||
+ | .header_mobile{display:block;} | ||
+ | |||
+ | } | ||
+ | |||
+ | </style> | ||
+ | |||
+ | <div id="wrap2"> | ||
+ | |||
+ | <div class="slider"> | ||
+ | |||
+ | <style type="text/css"> | ||
+ | .slider{width:100%; margin:0; clear:both; position:relative; top:-48px;} | ||
+ | .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><a href=""><img src="https://static.igem.org/mediawiki/2015/6/62/NAIT_Slide_Pedway.jpg" alt="" title="" border="0"/></a> | ||
+ | <div class="flex-caption"> | ||
+ | <h2></h2> | ||
+ | <p><strong><a href=""></a></strong></p> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Desc"><img src="https://static.igem.org/mediawiki/2015/5/56/NAIT_Slide_1_Project.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/d/db/NAIT_Slide_2_Whiteboard.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/5/57/NAIT_Slide_3_3D.jpg"alt="" title="" border="0"/></a> | ||
+ | <div class="flex-caption"> | ||
+ | <h2></h2> | ||
+ | <p></p> | ||
+ | </div> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div id="wrap5"> | ||
+ | |||
+ | <div class="section_one_three"> | ||
+ | <h2 class="centered_title">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 achieved a lot this summer and we are proud of what we have accomplished. | ||
+ | </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">iGEM 2015</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> | ||
− | |||
− | <div | + | <div class="section_one_three"> |
+ | <h2 class="centered_title">Contact Us!</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 class="clear"></div> | |
+ | |||
+ | |||
+ | </div> | ||
− | |||
− | |||
− | + | </div> | |
− | + | <div class="header_mobile"> | |
− | + | <ul> | |
+ | <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/MobileMenu">menu</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Team">team</a> | ||
+ | <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Project">project</a> | ||
+ | <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Human">human practices</a> | ||
+ | <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Notebook">notebook</a> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | </ul> | ||
</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> | ||
+ | |||
+ | <style type="text/css"> | ||
+ | |||
+ | #footer {z-index:15;} | ||
+ | .footer {padding:20px 0 40px 0; margin: 0px 0 0 0; clear:both; width:100%; background-color:#0D4D8C; height:25px;} | ||
+ | .footer_content {margin:auto;width:100%;} | ||
+ | .footer_left { float:left; padding:0 0 0 10%;} | ||
+ | .footer_right{ float:right; padding:0 10% 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> | ||
+ | |||
+ | |||
+ | <!-- 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> |
Revision as of 21:09, 8 August 2015
Achievements
Despite the time constraints, our team achieved a lot this summer and we are proud of what we have accomplished.
read moreiGEM 2015
Learn about the exciting opportunities the iGEM foundation has to offer! The experience was incredible!
read moreContact Us!
Please contact our team if you want more information about our project or have any other questions or concerns.
read more