Difference between revisions of "Team:NAIT Edmonton"

m
 
(175 intermediate revisions by 2 users not shown)
Line 1: Line 1:
{{NAIT_Edmonton/CSS2}}
+
{{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/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------------------->
 
  
 
<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 id="header">
+
<div class="nav">
<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">
+
<div class="navigation">
</a>
+
<ul>
</div>
+
 
 +
                <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>
  
  
    <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>
 
                     <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>
            </ul>
+
 
    </div>
+
    <div class="header_right">
+
        <ul>
+
 
                 <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>
                      <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Entrepreneurship">entrepreneurship</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>
 
                     <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/Measurement">measurement</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>
 
                       <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Logbook">log book</a></li>
 
                 </ul>
 
                 </ul>
 
                 </li>
 
                 </li>
        </ul>
+
 
</div>
+
            </ul>
 +
 
 
</div>
 
</div>
 +
 +
</div>
 +
 +
 +
 +
</style>
 
    
 
    
 
<div id="wrap2">
 
<div id="wrap2">
  
  <div class="slider">
 
  
 
<style type="text/css">
 
<style type="text/css">
.slider{width:100%; margin:0; clear:both; position:relative; top:-48px;}
+
.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 100: 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; height:500px; overflow:hidden;}
+
.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 122: 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=""><img src="http://assets.rmcloud.com/shared-images/local_info/edmonton-downtown-muttart.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><strong><a href=""></a></strong></p>
+
 
                </div>
+
            </li>
 +
 
 +
            <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="#"><img src="https://static.igem.org/mediawiki/2015/4/47/NAIT_Slider_Apparatus.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>
 
             <div class="flex-caption">
 
             <div class="flex-caption">
 
                 <h2></h2>
 
                 <h2></h2>
Line 137: Line 149:
 
                 </div>
 
                 </div>
 
             </li>
 
             </li>
            <li><a href="#"><img src="http://i.ytimg.com/vi/qW9Mt6jBkSI/maxresdefault.jpg" alt="" title="" border="0"/></a>
+
    <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 class="flex-caption">
+
                <h2>Our Institution</h2>
+
                    <br><br><br><br>
+
                    <p>The Northern Alberta Institute of Technology is one of the leading polytechnic schools in Canada.</p>
+
                    <a href="http://www.nait.ca" class="slider_button">Official NAIT Website</a>
+
                </div>
+
            </li>
+
            <li><a href="#"><img src="https://static.igem.org/mediawiki/2015/7/76/NAIT_EdmontonSunset_Eduardo.jpg"alt="" title="" border="0"/></a>
+
            <div class="flex-caption">
+
                <h2></h2>
+
                    <p></p>
+
 
                 </div>
 
                 </div>
 
             </li>
 
             </li>
Line 155: Line 156:
 
   </div>
 
   </div>
  
 +
</div>
  
<style type="text/css">
+
<input class="modal2-state" id="modal-1" type="checkbox" />
.tg  {border-collapse:collapse;border-spacing:0;color:none}
+
<div class="modal2">
.tg td{width:280px; border-style:none;border-width:0px;overflow:hidden;word-break:normal;text-align:center;}
+
  <label class="modal2__bg" for="modal-1"></label>
.tg th{width:280px; padding:10px 5px;border-style:solid;border-width:0px;overflow:hidden;word-break:normal;text-align:center}
+
  <div class="modal2__inner">
  
 +
  <center><object data="http://www.youtube.com/embed/qW9Mt6jBkSI" width="1000" height="563"></object></center><br>
  
 +
  </div>
 +
</div>
  
</style>
 
  
 +
<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>
<div id="wrap3">
 
  
<center>
 
  
<table class="tg">
 
  <tr>
 
    <th class="tg-031e"><h2>Our Team</h2></th>
 
    <th class="tg-031e"><h2>iGEM 2015</h2></th>
 
    <th class="tg-031e"><h2>Contact Us!</h2></th>
 
  </tr>
 
  <tr>
 
  
<style type="text/css">
+
<div id="wrap5">
  
.roundimg{width:180px;height:150px;display:block;border-radius:90px;-moz-border-radius:90px;-webkit-border-radius:90px;-khtml-border-radius:90px;margin:auto;background-color:#8BC5EB;text-align:center; padding:30px 0 0 0;}
 
.roundimg img{ margin:auto; display:block;}
 
h2.centered_title{ text-align:center;}
 
p.centered_text{ padding:10px 20px;}
 
.roundimg2{width:180px;height:150px;display:block;border-radius:90px;-moz-border-radius:90px;-webkit-border-radius:90px;-khtml-border-radius:90px;margin:auto;background:none;text-align:center; padding:30px 0 0 0;}
 
  
</style>
+
<br><br><br>
 +
 
  
    <td class="tg-031e"><div class="roundimg"><a href="https://2015.igem.org/Team:NAIT_Edmonton/Bios" title="Team Bios"><img src="https://static.igem.org/mediawiki/2015/7/73/NAIT_Icon_clients.png" alt="" title="" /></a></div></td>
+
<div class="section_one_three">
    <td class="tg-031e"> <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="iGEM Official Site 2015" /></a></div></td>
+
        <h2 class="centered_title">Completed <br> Achievements</h2>
    <td class="tg-031e"><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="Contact Us" /></a></div></td>
+
        <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>
  </tr>
+
        <p class="centered_text">
  <tr>
+
Despite the time constraints, our team achieved a lot this summer and received a silver medal! <br><br>
    <td class="tg-031e"><p class="centered_text">
+
"Alone we can do so little, <strong>together we can do so much</strong>" - Helen Keller
+
 
         </p>
 
         </p>
         </td>
+
         <a href="https://2015.igem.org/Team:NAIT_Edmonton/Achievements" class="more">read more</a>
    <td class="tg-031e"><p class="centered_text">
+
        </div>
Learn about the exciting opportunities the iGEM foundation has to offer!
+
       
 +
  <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>
 
         </p>
         </td>
+
         <a href="https://2015.igem.org" class="more">read more</a>
    <td class="tg-031e">       <p class="centered_text">
+
        </div>
Please contact us if you want more information about our project or have any other questions or concerns.
+
 
 +
  <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>
 
         </p>
         </td>
+
         <a href="https://2015.igem.org/Team:NAIT_Edmonton/ContactUs" class="more">read more</a>
  </tr>
+
        </div>
  <tr>
+
    <td class="tg-031e"><a href="https://2015.igem.org/Team:NAIT_Edmonton/Bios" class="more">read more</a></td>
+
    <td class="tg-031e"><a href="https://2015.igem.org" class="more">read more</a></td>
+
    <td class="tg-031e"><a href="https://2015.igem.org/Team:NAIT_Edmonton/ContactUs" class="more">read more</a></td>
+
  </tr>
+
  
  
</table>
 
     
 
 
 
  
</center>
+
</div>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
<div class="clear"></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 class="clear"></div>
 
 
    
 
    
 
    
 
    
 
</div>
 
</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>
 +
 
  
        <div class="footer">
+
<div class="footer">
 
         <div class="footer_content">
 
         <div class="footer_content">
 
             <div class="footer_left">
 
             <div class="footer_left">
Line 238: Line 294:
 
             </div>
 
             </div>
 
              
 
              
             <div class="footer_right" style="width:100%;">
+
             <div class="footer_right">
 
                 <ul class="social_icons">
 
                 <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.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 247: Line 304:
 
           </div>
 
           </div>
 
         </div>
 
         </div>
</div>
 
  
<style type="text/css">
 
  
#footer {z-index:15;}
 
.footer {position: relative; padding:20px 0 40px 0; margin: 0px 0 0 0; clear:both; width:100%; background-color:#0D4D8C; height:25px;}
 
.footer_content {margin:auto;width:1000px;}
 
.footer_left { float:left; padding:0 0 0 0px;}
 
.footer_right{ float:right; padding:0 0px 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;}
+
<!-- Start of StatCounter Code for Dreamweaver -->
ul.footer_menu li{ float:left; padding:0 15px 0 0;}
+
<script type="text/javascript">
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;}
+
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 -->
  
 
</style>
 
  
 
</body>
 
</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