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

Line 108: Line 108:
  
 
</style>
 
</style>
 +
 
    
 
    
 
<div id="wrap2">
 
<div id="wrap2">
Line 242: Line 243:
  
 
</div>
 
</div>
 +
 +
 +
<script type="text/javascript">
 +
jQuery(function($){
 +
    $( '.menu-btn' ).click(function(){
 +
    $('.responsive-menu').addClass('expand')
 +
    $('.menu-btn').addClass('btn-none')
 +
    })
 +
   
 +
    $( '.close-btn' ).click(function(){
 +
    $('.responsive-menu').removeClass('expand')
 +
    $('.menu-btn').removeClass('btn-none')
 +
    })
 +
  })
 +
</script>
 +
 +
<style type="text/css">
 +
 +
.menu-btn div {
 +
position: absolute;
 +
left: 100%;
 +
top: 64%;
 +
padding-right: 8px;
 +
margin-top: -0.50em;
 +
line-height: 1.2;
 +
font-size: 18px;
 +
font-weight: 200;
 +
vertical-align: middle;
 +
z-index: 99;
 +
}
 +
 +
.menu-btn span {
 +
display: block;
 +
width: 19px;
 +
height: 3px;
 +
margin: 4px 0;
 +
background: rgb(0,0,0);
 +
z-index: 99;
 +
}
 +
 +
.responsive-menu{
 +
display: none;
 +
}
 +
 +
.expand {
 +
display: block !important;
 +
}
 +
 +
</style>
 +
 +
 +
 +
 +
 +
 +
<div class="mobile-nav">
 +
    <div class="menu-btn" id="menu-btn">
 +
<div></div>
 +
<span></span>
 +
<span></span>
 +
<span></span>
 +
    </div>
 +
 +
    <div class="responsive-menu">
 +
        <ul>
 +
          <li>1. Object</li>
 +
          <li>2. Object</li>
 +
        </ul>
 +
    </div>
 +
</div>
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
  
 
<div id="wrap6">
 
<div id="wrap6">

Revision as of 21:27, 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
  • 1. Object
  • 2. Object

Sponsored by: