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

 
(39 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
{{NAIT_Edmonton/CSS2}}
+
{{NAIT_Edmonton/CSS6}}
−
 
+
 
<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>
 +
 +
 +
<!-----------https://static.igem.org/mediawiki/2015/d/d8/El_Capitan_.ttf------------------->
  
−
<script type="text/javascript" src="https://2015.igem.org/Team:NAIT_Edmonton/Modernizer.js?action=raw&amp;ctype=text/javascript"></script>
 
  
 
</head>
 
</head>
Line 14: Line 19:
 
<body>
 
<body>
  
−
<style type="text/css">
+
<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>
  
−
.header_mobile {
 
−
    display:none;
 
−
    position: absolute;
 
−
    background-color:transparent;
 
−
    width:65px;
 
−
    top: 90px;
 
−
    left:50px;
 
−
    height:65px;
 
−
    z-index:999;
 
−
    position:fixed;}
 
  
−
.header_mobile ul {list-style:none; position:absolute;float:right;margin:0;padding-right:125px}
+
<div class="nav">
−
.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){
+
<div tabindex="0" class="onclick-menu">
 +
    <ul class="onclick-menu-content" style="list-style:none;">
 +
        <li><a href="https://2015.igem.org/Team:NAIT_Edmonton">home</a></li>
 +
        <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Team">team</a></li>
 +
        <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Project">project</a></li>
 +
        <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Human">human practices</a></li>
 +
        <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Notebook">notebook</a></li>
 +
    </ul>
 +
</div>
  
−
.header_left{display:none;}
+
<div class="navigation">
−
.header_right{display:none;}
+
<ul>
−
.header_mobile{display:block;}
+
  
−
}
+
                <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>
  
−
</style>
 
  
−
<style type="text/css">
 
−
.footer{position:absolute;bottom:0px;}
 
−
</style>
 
−
 
−
 
−
<div id="header">
 
−
<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"></a>
 
−
    </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 53:
 
                     </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 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 90: 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>
Line 100: Line 78:
 
                 </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 119: Line 96:
 
  <div class="main_content">
 
  <div class="main_content">
  
 +
<center>
 +
<img src="https://static.igem.org/mediawiki/2015/d/d4/NAIT_ContactUsPic.jpeg" width="80%">
 +
  </center>
  
 +
<br><br>
 +
<center><h2><b>Northern Alberta Institute of Technology</b></h2><br>
 +
<p style="text-align:center;margin-top:-50px;">11762 106 St NW <br> Edmonton, AB <br> T5G 3H6</p></center>
  
−
<div class="ia-container">
+
<br><br>
−
+
−
<figure>
+
−
<img src="https://static.igem.org/mediawiki/2015/6/6f/NAIT_CU_01.jpg" alt="image01" />
+
−
<input type="radio" name="radio-set" checked="checked"/>
+
−
+
−
<figure>
+
−
<img src="https://static.igem.org/mediawiki/2015/4/47/NAIT_CU_02.jpg" alt="image02" />
+
−
<input type="radio" name="radio-set" />
+
−
<figcaption><span>Dedication</span></figcaption>
+
−
+
−
<figure>
+
−
<img src="https://static.igem.org/mediawiki/2015/8/8f/NAIT_CU_03.jpg" alt="image03" />
+
−
<input type="radio" name="radio-set" />
+
−
<figcaption><span>Teamwork</span></figcaption>
+
−
+
−
<figure>
+
−
<img src="https://static.igem.org/mediawiki/2015/f/fc/NAIT_CU_04.jpg" alt="image04" />
+
−
<input type="radio" name="radio-set" />
+
−
<figcaption><span>Experience</span></figcaption>
+
−
+
−
<figure>
+
−
<img src="https://static.igem.org/mediawiki/2015/3/3e/NAIT_CU_05.jpg" alt="image05" />
+
−
<input type="radio" name="radio-set" />
+
−
<figcaption><span>Fun</span></figcaption>
+
−
+
−
<figure>
+
−
<img src="https://static.igem.org/mediawiki/2015/3/3c/NAIT_CU_06.jpg" alt="image06" />
+
−
<input type="radio" name="radio-set" />
+
−
<figcaption><span>Reliability</span></figcaption>
+
−
+
−
<figure>
+
−
<img src="https://static.igem.org/mediawiki/2015/9/9e/NAIT_CU_08.jpg" alt="image07" />
+
−
<input type="radio" name="radio-set" />
+
−
<figcaption><span>Excellence</span></figcaption>
+
  
−
<figure>
+
<div style="display:inline;float:left;padding: 0px 50px 100px 20px ;"><img src="https://static.igem.org/mediawiki/2015/1/12/NAIT_map.png" style="border-radius: 50%; width: 400px; height: 400px;"></div>
−
<img src="https://static.igem.org/mediawiki/2015/3/32/NAIT_CU_07.jpg" alt="image08" />
+
−
<input id="ia-selector-last" type="radio" name="radio-set" />
+
−
<figcaption><span>Team NAIT 2015</span></figcaption>
+
−
</figure>
+
−
+
−
</figure>
+
−
+
−
</figure>
+
−
+
−
</figure>
+
−
+
−
</figure>
+
−
+
−
</figure>
+
−
+
−
</figure>
+
−
+
−
</figure>
+
−
</div><!-- ia-container -->
+
  
−
  <center>
+
<!-- www.123contactform.com script begins here -->
  
−
<br><br>
+
<div style="display:inline;float:left;width:358px;padding: 50px 50px 50px 50px; background-color:rgb(0,75,141);padding-left:50px;padding-bottom:100px;">
−
<h1>Team NAIT 2015</h1>
+
 
−
<h2>Email:<a href="mailto:johannes.coomansingh@gmail.com?subject=iGEM Questions/Comments">
+
<script type="text/javascript">var servicedomain="www.123contactform.com"; var frmRef=''; try { frmRef=window.top.location.href; } catch(err) {}; var cfJsHost = (("https:" == document.location.protocol) ? "https://" : "http://"); document.write(unescape("%3Cscript src='" + cfJsHost + servicedomain + "/includes/easyXDM.min.js' type='text/javascript'%3E%3C/script%3E")); frmRef=encodeURIComponent(frmRef).replace('%26','[%ANDCHAR%]'); document.write(unescape("%3Cscript src='" + cfJsHost + servicedomain + "/jsform-1472712.js?ref="+frmRef+"' type='text/javascript'%3E%3C/script%3E")); </script>
−
Click Here</a> </h2>
+
 
−
<h3>Northern Alberta Institute of Technology</h3>
+
<!-- www.123contactform.com script ends here -->
−
<h3>11762 106 St NW, Edmonton, AB T5G 3H6</h3>
+
 
−
<h3>Room G205</h3>
+
</div>
 
        
 
        
  
Line 193: Line 123:
  
 
.ia-container {
 
.ia-container {
−
width: 100%;
+
width: 685px;
 
margin: 20px auto;
 
margin: 20px auto;
 
overflow: hidden;
 
overflow: hidden;
Line 203: Line 133:
 
     position: absolute;
 
     position: absolute;
 
top: 0;
 
top: 0;
−
left: 85px; /* width of visible piece */
+
left: 50px; /* width of visible piece */
 
width: 335px;
 
width: 335px;
 
     box-shadow: 0 0 0 1px rgba(255,255,255,0.6);
 
     box-shadow: 0 0 0 1px rgba(255,255,255,0.6);
Line 380: Line 310:
 
</center>
 
</center>
 
   </div>
 
   </div>
 +
 +
 
 
</div>
 
</div>
  
−
<div class="header_mobile">
+
<br><br><br><br>
−
  <ul>
+
 
−
        <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/MobileMenu">menu</a>
+
<div class="clear"></div>  
−
          <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 415: Line 345:
 
                 <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 420: Line 351:
 
           </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>

Latest revision as of 04:39, 17 September 2015

Team NAIT 2015

Contact Us!


Northern Alberta Institute of Technology


11762 106 St NW
Edmonton, AB
T5G 3H6