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

Line 1: Line 1:
−
{{NAIT_Edmonton/CSS6}}
+
{{NAIT_Edmonton/CSS7}}
 
<html>
 
<html>
  
 
<head>
 
<head>
−
 
+
<!---
 +
            _..--""-.                  .-""--.._
 +
          _.-'        \ __...----...__ /        '-._
 +
        .'      .:::...,'              ',...:::.      '.
 +
        (    .'``'''::;                  ;::'''``'.    )
 +
        \            '-)              (-'            /
 +
          \            /                \            /
 +
          \          .'.-.            .-.'.          /
 +
            \        | \0|            |0/ |        /
 +
            |          \  |  .-==-.  |  /          |
 +
            \          `/`;          ;`\`          /
 +
              '.._      (_ |  .-==-.  | _)      _..'
 +
                  `"`"-`/ `/'        '\` \`-"`"`
 +
                      / /`;  .==.  ;`\ \
 +
                .---./_/  \  .==.  /  \ \
 +
                / '.    `-.__)      |    `"
 +
              | =(`-.        '==.  ;
 +
                \  '. `-.          /
 +
                \_:_)  `"--.....-'
 +
--->
  
 
<title>Team NAIT 2015</title>
 
<title>Team NAIT 2015</title>
  
−
    <style type="text/css">
 
−
      #map {
 
−
  border-radius: 50%;
 
−
        width: 400px;
 
−
        height: 400px;
 
−
        padding: 0px 0px 15px 0px;
 
−
        display:inline;
 
−
        float:left;
 
−
      }
 
−
    </style>
 
  
−
 
−
    <!---<script src="https://maps.googleapis.com/maps/api/js"></script>
 
−
 
−
    <script type="text/javascript">
 
−
      function initialize() {
 
−
        var mapCanvas = document.getElementById('map');
 
−
        var mapOptions = {
 
−
          center: new google.maps.LatLng(53.5682218,-113.5023604),
 
−
          zoom: 8,
 
−
          mapTypeId: google.maps.MapTypeId.ROADMAP
 
−
        }
 
−
        var map = new google.maps.Map(mapCanvas, mapOptions)
 
−
      }
 
−
      google.maps.event.addDomListener(window, 'load', initialize);
 
−
    </script>--->
 
  
 
<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 58: Line 52:
 
<div class="header">
 
<div class="header">
 
<div class="header_c">
 
<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>  
+
<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>
−
 
  
  
Line 68: Line 61:
 
<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 90: Line 88:
 
                       <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/Entrepreneurship">entrepreneurship</a></li>
 
 
                     </ul>
 
                     </ul>
 
                 </li>
 
                 </li>
Line 117: Line 114:
  
 
<style type="text/css">
 
<style type="text/css">
−
.slider{width:100%; height:75%; margin:0; clear:both; position:relative; top:0;}
+
.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 156: Line 153:
 
<div class="flexslider">
 
<div class="flexslider">
 
    <ul class="slides">
 
    <ul class="slides">
−
             <li><a href="#DESCRIPTION"><img src="https://static.igem.org/mediawiki/2015/c/c6/NAIT_Banner_Description.jpg" alt="" title="" border="0"/></a>
+
 
 +
            <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 162: Line 166:
 
                 </div>
 
                 </div>
 
             </li>
 
             </li>
−
             <li><a href="#SURVIVAL"><img src="https://static.igem.org/mediawiki/2015/7/7e/NAIT_Banner_Survival.jpg" alt="" title="" border="0"/></a>
+
             <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 175: Line 179:
 
                 </div>
 
                 </div>
 
             </li>
 
             </li>
−
    <li><a href="http://www.nait.ca"><img src="https://static.igem.org/mediawiki/2015/9/90/NAIT_Banner_Institution.jpg" alt="" title="" border="0"/></a>
+
    <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 class="flex-caption">
+
−
                <h2></h2>
+
−
                    <p><strong><a href=""></a></strong></p>
+
 
                 </div>
 
                 </div>
 
             </li>
 
             </li>
Line 187: Line 188:
 
</div>
 
</div>
  
−
<section id="one">
+
<input class="modal2-state" id="modal-1" type="checkbox" />
−
<div id="wrap6">
+
<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 218: Line 242:
  
 
</div>
 
</div>
−
</section>
 
  
 +
<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>
  
−
<section id="seven">
+
<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>
  
−
  <div id="wrap6">
+
</center>
  
−
<center><h1> Our Sponsors</h1></center>
+
</div>
 +
 
 +
  <div class="clear"></div>  
  
−
<center><h2>With the generosity of these institutions and companies, our team was able to conduct the research for our project and attend the Giant Jamboree in Boston. Thank you so much! </h2></center>
 
  
−
<br>
 
−
<center>
 
  
−
<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>
 
−
<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>
 
  
−
</section>
 
  
−
</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 270: Line 318:
 
     height:550px;
 
     height:550px;
  
−
}
 
  
−
#two
 
−
{
 
−
    background: url(https://static.igem.org/mediawiki/2015/e/ee/NAIT_SS_Gel.jpg);;
 
−
    background-repeat: no-repeat;
 
−
    background-position: center center;
 
−
    background-attachment:fixed;
 
−
    background-size:100%;
 
−
    height:600px;
 
−
}
 
−
 
−
#three
 
−
{
 
−
    background-color: #FFFFFF;
 
−
    background-repeat: no-repeat;
 
−
    background-position: center center;
 
−
    background-attachment:fixed;
 
−
    height:650px;
 
−
}
 
−
 
−
#four
 
−
{
 
−
    background: url(http://forum.unity3d.com/attachments/screen-shot-2013-08-10-at-4-38-10-pm-jpg.63287/);
 
−
    background-repeat: no-repeat;
 
−
    background-position: center center;
 
−
    background-attachment:fixed;
 
−
    background-size: 100%;
 
−
    height:500px;
 
−
}
 
−
 
−
 
−
#five
 
−
{
 
−
    background-color:#FFFFFF;
 
−
    background-repeat: no-repeat;
 
−
    background-position: center center;
 
−
    background-attachment:fixed;
 
−
    height:500px;
 
−
}
 
−
 
−
#six
 
−
{
 
−
    background: url(https://static.igem.org/mediawiki/2015/6/6f/NAIT_CU_01.jpg);
 
−
    background-repeat: no-repeat;
 
−
    background-position: center center;
 
−
    background-attachment:fixed;
 
−
    background-size:100%;
 
−
    height:600px;
 
−
}
 
  
 
#seven
 
#seven
Line 328: Line 327:
 
     background-position: center center;
 
     background-position: center center;
 
     background-attachment:fixed;
 
     background-attachment:fixed;
 +
    width:100%;
 +
    margin-right:auto;
 +
    margin-left:auto;
 
}
 
}
  

Revision as of 21:21, 24 August 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: