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

Line 1: Line 1:
−
{{NAIT_Edmonton/CSS2}}
+
{{NAIT_Edmonton/CSS5}}
−
 
+
 
<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'>
 
<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>
  
−
<script type="text/javascript" src="https://2015.igem.org/Team:NAIT_Edmonton/Modernizer.js?action=raw&amp;ctype=text/javascript"></script>
 
  
−
</head>
+
<!-----------https://static.igem.org/mediawiki/2015/d/d8/El_Capitan_.ttf------------------->
  
−
<body>
 
  
−
<style type="text/css">
+
<script type="text/javascript">
 +
$(document).ready(function() {
 +
// grab the initial top offset of the navigation
 +
  var stickyNavTop = $('.nav').offset().top;
 +
 
 +
  // our function that decides weather the navigation bar should have "fixed" css position or not.
 +
  var stickyNav = function(){
 +
    var scrollTop = $(window).scrollTop(); // our current vertical position from the top
 +
       
 +
    // if we've scrolled more than the navigation, change its position to fixed to stick to top,
 +
    // otherwise change it back to relative
 +
    if (scrollTop > stickyNavTop) {
 +
        $('.nav').addClass('sticky');
 +
    } else {
 +
        $('.nav').removeClass('sticky');
 +
    }
 +
};
  
−
.header_mobile {
+
stickyNav();
−
    display:none;
+
// and run it again every time you scroll
−
    position: absolute;
+
$(window).scroll(function() {
−
    background-color:transparent;
+
stickyNav();
−
    width:65px;
+
});
−
    top: 90px;
+
});
−
    left:50px;
+
</script>
−
    height:65px;
+
−
    z-index:999;
+
−
    position:fixed;}
+
  
−
.header_mobile ul {list-style:none; position:absolute;float:right;margin:0;padding-right:125px}
+
<script type="text/javascript" src="https://2015.igem.org/Team:NAIT_Edmonton/StickyMenu?action=raw&amp;ctype=text/javascript"></script>
−
.header_mobile ul * {margin:0; padding:0;}
+
−
.header_mobile a {display:block;color:#159CD8;text-decoration:none;padding:15px 50px}
+
−
.header_mobile li {position:relative;float:left; padding:5px 5px 5px 5px}
+
−
.header_mobile li a {font-family:'Source Sans Pro', sans-serif;color:#ffffff;font-size:20px;}
+
−
.header_mobile li.current-menu-item {background:#5AB3E3}
+
−
.header_mobile ul ul{display:none; position:absolute; top:77%; left:30%; background:#0D4D8C; padding:0 0px 0 0}
+
−
.header_mobile ul ul li:hover{background:#159CD8}
+
−
.header_mobile ul ul li{float:none; width:120px}
+
−
.header_mobile ul ul a {line-height:100%; padding:0 20px 0 0; font-size:15px }
+
−
.header_mobile ul ul ul {top:0; left:200%}
+
−
.header_mobile ul li.selected a{color:#8BC5EB}
+
−
.header_mobile ul li:hover > ul{display:block;}
+
  
  
−
@media screen and (max-width:1000px){
+
</head>
  
−
.header_left{display:none;}
+
<body>
−
.header_right{display:none;}
+
−
.header_mobile{display:block;}
+
  
−
}
+
<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="65px"></a></center>
−
</style>
+
</div>
−
 
+
−
<style type="text/css">
+
−
.footer{position:absolute;bottom:0px;}
+
−
</style>
+
  
  
−
<div id="header">
+
<div class="nav">
−
<div class="header">
+
  
−
    <div class="logo"><a href="https://2015.igem.org/Team:NAIT_Edmonton">
+
<div class="navigation">
−
              <img style="padding-left:6px" src="https://static.igem.org/mediawiki/2015/c/c7/NAIT_IGEM_Separated.png" height="185px"></a>
+
<ul>
−
    </div>
+
−
    <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>
Line 73: Line 64:
 
                     </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 81: Line 73:
 
                     </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 93: Line 82:
 
                     </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>
Line 100: Line 90:
 
                 </ul>
 
                 </ul>
 
                 </li>
 
                 </li>
−
        </ul>
+
 
−
</div>
+
            </ul>
 +
 
 
</div>
 
</div>
  
 +
</div>
  
−
<style type="text/css">
 
  
−
.top_slogan {text-align:center; font-family: 'Source Sans Pro', sans-serif; color:#0D4D8C; font-size:30px; padding: 40px 0px 40px 0px; font-style:strong; line-height:40px;}
 
  
 
</style>
 
</style>
 +
 
 +
<div id="wrap">
  
−
 
−
 
−
<div id="wrap">
 
  
 
<div class="top_slogan">Contact Us!</div>
 
<div class="top_slogan">Contact Us!</div>
Line 380: Line 369:
 
</center>
 
</center>
 
   </div>
 
   </div>
 +
 +
 
 
</div>
 
</div>
  
−
<div class="header_mobile">
+
<div class="clear"></div>  
−
  <ul>
+
 
−
        <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/MobileMenu">menu</a>
+
    
−
          <ul>
+
−
              <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Team">team</a>
+
−
              <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Project">project</a>
+
−
              <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Human">human practices</a>
+
−
              <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Notebook">notebook</a>
+
−
          </ul>
+
−
        </li>    
+
−
           
+
−
  </ul>
+
 
</div>
 
</div>
  
  
−
  <div class="clear"></div>
 
  
−
        <div class="footer">
+
</div>
 +
 
 +
  <div class="clear"></div>
 +
 
 +
 
 +
 
 +
<div class="footer">
 
         <div class="footer_content">
 
         <div class="footer_content">
 
             <div class="footer_left">
 
             <div class="footer_left">
Line 421: Line 408:
 
           </div>
 
           </div>
 
         </div>
 
         </div>
−
</div>
 
  
−
<style type="text/css">
 
  
−
#footer {z-index:15;}
 
−
.footer {padding:20px 0 40px 0; margin:0px 0 0 0; clear:both; width:100%; background-color:#0D4D8C;margin-bottom:0;height:25px;}
 
−
.footer_content {margin:auto;width:100%;}
 
−
.footer_left { float:left; padding:0 0 0 10%;}
 
−
.footer_right{ float:right; padding:0 10% 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;}
 
−
ul.footer_menu li{ float:left; padding:0 15px 0 0;}
 
−
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;}
 
−
 
−
 
−
</style>
 
  
 
</body>
 
</body>
  
−
</body>
 
 
</html>
 
</html>

Revision as of 19:03, 12 August 2015

Team NAIT 2015

Contact Us!
image01
image02
Dedication
image03
Teamwork
image04
Experience
image05
Fun
image06
Reliability
image07
Excellence
image08
Team NAIT 2015


Team NAIT 2015

Email: Click Here

Northern Alberta Institute of Technology

11762 106 St NW, Edmonton, AB T5G 3H6

Room G205