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

(Created page with "{{NAIT_Edmonton/CSS3}} <html> <head> </head> <body> <div class="header"></div>")
 
 
(258 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
{{NAIT_Edmonton/CSS3}}
+
{{NAIT_Edmonton/CSS7}}
 
<html>
 
<html>
 +
 
<head>
 
<head>
 +
 +
<title>Team NAIT 2015</title>
 +
 +
 +
 +
<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>
 +
 
</head>
 
</head>
  
 
<body>
 
<body>
−
<div class="header"></div>
+
 
 +
<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 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">
 +
<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>
 +
 
 +
 
 +
<div id="wrap2">
 +
 
 +
  <div class="slider">
 +
 
 +
<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>
 +
 
 +
</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>
 +
 
 +
</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: