Difference between revisions of "Team:NAIT Edmonton"

 
(132 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
{{NAIT_Edmonton/CSS5}}
+
{{NAIT_Edmonton/CSS6}}
 
<html>
 
<html>
  
Line 7: Line 7:
 
<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'>
 
<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/jquery.flexslider-min?action=raw&amp;ctype=text/javascript"></script>
+
<script type="text/javascript" src="https://2015.igem.org/Team:NAIT_Edmonton/Flexslider?action=raw&amp;ctype=text/javascript"></script>
−
 
+
−
 
+
−
<!-----------https://static.igem.org/mediawiki/2015/d/d8/El_Capitan_.ttf------------------->
+
  
  
Line 56: Line 28:
 
<body>
 
<body>
  
−
<div class="header">
+
<div class="header">
−
<center><a href="https://2015.igem.org/Team:NAIT_Edmonton"><img style="margin-top:15px;" src="https://static.igem.org/mediawiki/2015/5/5d/NAIT_Argentum2.png" height="60px"></a></center>  
+
<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>
  
  
 
<div class="nav">
 
<div class="nav">
 +
 +
  
 
<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 87: 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>
−
                      <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Entrepreneurship">entrepreneurship</a></li>
 
 
                     </ul>
 
                     </ul>
 
                 </li>
 
                 </li>
Line 111: Line 91:
 
<div id="wrap2">
 
<div id="wrap2">
  
−
  <div class="slider">
 
  
 
<style type="text/css">
 
<style type="text/css">
−
.slider{width:100%; height:75%; margin:0; clear:both; position:relative; top:0;}
+
.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: 100%; margin: 0; padding: 0 0 0 0;}
+
.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%; height:auto; display: block;}
+
.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 129: Line 108:
 
.no-js .slides > li:first-child {display: block;}
 
.no-js .slides > li:first-child {display: block;}
 
.flexslider {position: relative; zoom: 1; overflow:hidden;} <!---height:500px--->
 
.flexslider {position: relative; zoom: 1; overflow:hidden;} <!---height:500px--->
−
.flexslider .slides {zoom: 1;}
 
 
.flexslider .slides > li {position: relative;}
 
.flexslider .slides > li {position: relative;}
 
.flex-container {zoom: 1; position: relative;}
 
.flex-container {zoom: 1; position: relative;}
Line 150: 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><a href="#DESCRIPTION"><img src="https://static.igem.org/mediawiki/2015/c/c6/NAIT_Banner_Description.jpg" alt="" title="" border="0"/></a>
+
 
−
            <div class="flex-caption">
+
             <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>
−
                <h2></h2>
+
 
−
                    <p></p>
+
 
−
                </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>
+
 
−
            <div class="flex-caption">
+
             <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>
−
                <h2></h2>
+
 
−
                   
+
−
                    <p></p>
+
−
                </div>
+
 
             </li>
 
             </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>
 
             <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>
Line 172: Line 149:
 
                 </div>
 
                 </div>
 
             </li>
 
             </li>
−
    <li><label class="btn" for="modal-1"><img src="https://static.igem.org/mediawiki/2015/9/90/NAIT_Banner_Institution.jpg" alt="" title="" border="0"/></a></label>
+
    <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 181: Line 158:
 
</div>
 
</div>
  
−
<input class="modal-state" id="modal-1" type="checkbox" />
+
<input class="modal2-state" id="modal-1" type="checkbox" />
−
<div class="modal">
+
<div class="modal2">
−
   <label class="modal__bg" for="modal-1"></label>
+
   <label class="modal2__bg" for="modal-1"></label>
−
   <div class="modal__inner">
+
   <div class="modal2__inner">
  
−
    <center><h1>Northern Alberta Institute of Technology</h1></center>
+
   <center><object data="http://www.youtube.com/embed/qW9Mt6jBkSI" width="1000" height="563"></object></center><br>
−
   <center><object data="http://www.youtube.com/embed/qW9Mt6jBkSI"
+
−
  width="560" height="315"></object></center><br>
+
−
<p>NAIT’s technical training and applied education is designed to meet the demands of Alberta's industries — graduates have the knowledge and skills employers want. They leave NAIT confident, prepared and in demand.</p>
+
  
 
   </div>
 
   </div>
 
</div>
 
</div>
  
−
<section id="one">
+
 
−
<div id="wrap6">
+
<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">
 +
 
 +
 
 
<br><br><br>
 
<br><br><br>
 +
 +
 
<div class="section_one_three">
 
<div class="section_one_three">
 
         <h2 class="centered_title">Completed <br> Achievements</h2>
 
         <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 met all the gold requirements for the iGEM competition. <br><br>
+
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 224: Line 214:
 
         </div>
 
         </div>
  
−
</div>
 
−
</section>
 
  
  
 +
</div>
  
  
  
−
<section id="seven">
 
  
−
  <div id="wrap6">
 
  
−
<center><h1> Our Sponsors</h1></center>
 
  
−
<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>
+
<div class="clear"></div>
  
−
<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>
  
−
  </div>
 
  
−
</section>
 
  
−
</div>
 
  
−
  <div class="clear"></div>
 
  
 
<style type="text/css">
 
<style type="text/css">
  
−
section
+
/* 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;}
−
    width: 100%;
+
.modal2__bg {position: absolute;top: 0;right: 0;bottom: 0;left: 0;cursor: pointer;}
−
    margin-right:auto;
+
.modal2-state { display: none;}
−
    margin-left:auto;
+
.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;}
 
}
 
}
  
−
#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;
 
  
−
}
+
.btn {cursor: pointer;background: none;display: inline-block;padding: none;color:none; border-radius: none;}
−
 
+
.btn:hover,
−
#two
+
.btn:focus {background: none;}
−
{
+
.btn:active {background: none;}
−
    background: url(https://static.igem.org/mediawiki/2015/e/ee/NAIT_SS_Gel.jpg);;
+
p img {max-width: 200px;height: auto;float: left;margin: 0 1em 1em 0;}
−
    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
 
−
 
−
{
 
−
    background-color:#FFFFFF;
 
−
    background-repeat: no-repeat;
 
−
    background-position: center center;
 
−
    background-attachment:fixed;
 
−
}
 
  
 
</style>
 
</style>
Line 343: Line 268:
 
    
 
    
 
    
 
    
 +
</div>
 
</div>
 
</div>
  
 +
<div class="clear"></div>
  
  
−
</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>  
+
 
−
 
+
<div class="clear"></div>
 +
 
 +
<br><br><br>
 
    
 
    
  
Line 398: Line 327:
  
 
</body>
 
</body>
 +
  
 
</html>
 
</html>

Latest revision as of 00:36, 9 October 2015

Team NAIT 2015






Completed
Achievements

Despite the time constraints, our team achieved a lot this summer and received a silver medal!

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