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

 
(51 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://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
−
<script type="text/javascript" src="https://2015.igem.org/index.php?title=
+
<script type="text/javascript" src="https://2015.igem.org/Team:NAIT_Edmonton/jquery.flexslider-min?action=raw&amp;ctype=text/javascript"></script>
−
Template:NAIT_Edmonton/js/jquery.flexslider"></script>
+
 
 +
 
 +
<!-----------https://static.igem.org/mediawiki/2015/d/d8/El_Capitan_.ttf------------------->
  
  
Line 16: Line 19:
 
<body>
 
<body>
  
−
<style type="text/css">
+
<div class="header">
−
.footer{position:absolute;bottom:0px;}
+
<div class="header_c">
−
</style>
+
<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 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>
 +
 
 +
<div class="navigation">
 +
<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>
 +
 
  
−
    <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 37: 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 45: 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 54: 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 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="wrap2">
 
  
 
<div class="top_slogan">Contact Us!</div>
 
<div class="top_slogan">Contact Us!</div>
Line 83: Line 96:
 
  <div class="main_content">
 
  <div class="main_content">
  
−
   <center>
+
<center>
 +
<img src="https://static.igem.org/mediawiki/2015/d/d4/NAIT_ContactUsPic.jpeg" width="80%">
 +
   </center>
  
−
<img src="https://static.igem.org/mediawiki/2015/d/d9/NAIT_geekStarter.jpg">
 
 
<br><br>
 
<br><br>
−
<h1>Team NAIT 2015</h1>
+
<center><h2><b>Northern Alberta Institute of Technology</b></h2><br>
−
<h2>Email:<a href="mailto:johannes.coomansingh@gmail.com?subject=iGEM Questions/Comments">
+
<p style="text-align:center;margin-top:-50px;">11762 106 St NW <br> Edmonton, AB <br> T5G 3H6</p></center>
−
Click Here</a> </h2>
+
 
−
<h3>Northern Alberta Institute of Technology</h3>
+
<br><br>
−
<h3>11762 106 St NW, Edmonton, AB T5G 3H6</h3>
+
 
−
<h3>Room G205</h3>
+
<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>
 +
 
 +
<!-- www.123contactform.com script begins here -->
 +
 
 +
<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;">
 +
 
 +
<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>
 +
 
 +
<!-- www.123contactform.com script ends here -->
 +
 
 +
</div>
 
        
 
        
 +
 +
 +
<style type="text/css">
 +
 +
.ia-container {
 +
width: 685px;
 +
margin: 20px auto;
 +
overflow: hidden;
 +
        margin-left:auto;
 +
        margin-right:auto;
 +
}
 +
 +
.ia-container figure {
 +
    position: absolute;
 +
top: 0;
 +
left: 50px; /* width of visible piece */
 +
width: 335px;
 +
    box-shadow: 0 0 0 1px rgba(255,255,255,0.6);
 +
-webkit-transition: all 0.3s ease-in-out;
 +
    -moz-transition: all 0.3s ease-in-out;
 +
    -o-transition: all 0.3s ease-in-out;
 +
    -ms-transition: all 0.3s ease-in-out;
 +
    transition: all 0.3s ease-in-out;
 +
}
 +
 +
.ia-container > figure {
 +
    position: relative;
 +
left: 0 !important;
 +
}
 +
 +
.ia-container img {
 +
display: block;
 +
width: 100%;
 +
}
 +
 +
.ia-container input {
 +
position: absolute;
 +
top: 0;
 +
left: 0;
 +
width: 50px; /* just cover visible part */
 +
height: 100%;
 +
cursor: pointer;
 +
border: 0;
 +
padding: 0;
 +
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
 +
    filter: alpha(opacity=0);
 +
    opacity: 0;
 +
z-index: 100;
 +
-webkit-appearance: none;
 +
-moz-appearance: none;
 +
appearance: none;
 +
}
 +
.ia-container input:checked{
 +
width: 5px;
 +
left: auto;
 +
right: 0px;
 +
}
 +
.ia-container input:checked ~ figure {
 +
-webkit-transition: all 0.7s ease-in-out;
 +
    -moz-transition: all 0.7s ease-in-out;
 +
    -o-transition: all 0.7s ease-in-out;
 +
    -ms-transition: all 0.7s ease-in-out;
 +
    transition: all 0.7s ease-in-out;
 +
left: 335px;
 +
}
 +
 +
.ia-container figcaption {
 +
width: 100%;
 +
height: 100%;
 +
background: rgba(87, 73, 81, 0.1);
 +
position: absolute;
 +
top: 0px;
 +
-webkit-transition: all 0.2s linear;
 +
    -moz-transition: all 0.2s linear;
 +
    -o-transition: all 0.2s linear;
 +
    -ms-transition: all 0.2s linear;
 +
    transition: all 0.2s linear;
 +
}
 +
 +
.ia-container figcaption span {
 +
position: absolute;
 +
top: 40%;
 +
margin-top: -30px;
 +
right: 20px;
 +
left: 20px;
 +
overflow: hidden;
 +
text-align: center;
 +
background: rgba(87, 73, 81, 0.3);
 +
line-height: 20px;
 +
font-size: 18px;
 +
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
 +
    filter: alpha(opacity=0);
 +
    opacity: 0;
 +
text-transform: uppercase;
 +
letter-spacing: 4px;
 +
font-weight: 700;
 +
padding: 20px;
 +
color: #fff;
 +
text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
 +
}
 +
 +
.ia-container input:checked + figcaption,
 +
.ia-container input:checked:hover + figcaption{
 +
background: rgba(87, 73, 81, 0);
 +
}
 +
 +
.ia-container input:checked + figcaption span {
 +
-webkit-transition: all 0.4s ease-in-out 0.5s;
 +
    -moz-transition: all 0.4s ease-in-out 0.5s;
 +
    -o-transition: all 0.4s ease-in-out 0.5s;
 +
    -ms-transition: all 0.4s ease-in-out 0.5s;
 +
    transition: all 0.4s ease-in-out 0.5s;
 +
 +
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=99)";
 +
    filter: alpha(opacity=99);
 +
opacity: 1;
 +
 +
top: 50%;
 +
}
 +
 +
.ia-container #ia-selector-last:checked + figcaption span {
 +
-webkit-transition-delay: 0.3s;
 +
-moz-transition-delay: 0.3s;
 +
-o-transition-delay: 0.3s;
 +
-ms-transition-delay: 0.3s;
 +
transition-delay: 0.3s;
 +
}
 +
 +
.ia-container input:hover + figcaption {
 +
background: rgba(87, 73, 81, 0.03);
 +
}
 +
 +
.ia-container input:checked ~ figure input{
 +
    z-index: 1;
 +
}
 +
 +
@media screen and (max-width: 720px) {
 +
    .ia-container {
 +
width: 540px;
 +
}
 +
 +
.ia-container figure {
 +
left: 40px;
 +
width: 260px;
 +
}
 +
 +
.ia-container input {
 +
width: 40px;
 +
}
 +
 +
.ia-container input:checked ~ figure {
 +
left: 260px;
 +
}
 +
 +
.ia-container figcaption span {
 +
font-size: 16px;
 +
}
 +
}
 +
 +
@media screen and (max-width: 520px) {
 +
    .ia-container {
 +
width: 320px;
 +
}
 +
 +
.ia-container figure {
 +
left: 20px;
 +
width: 180px;
 +
}
 +
 +
.ia-container input {
 +
width: 20px;
 +
}
 +
 +
.ia-container input:checked ~ figure {
 +
left: 180px;
 +
}
 +
 +
.ia-container figcaption span {
 +
font-size: 12px;
 +
letter-spacing: 2px;
 +
padding: 10px;
 +
margin-top: -20px;
 +
}
 +
 +
}
 +
 +
 +
</style>
 
  
 
  
  
 
</center>
 
</center>
 
   </div>
 
   </div>
 +
 +
 
 +
</div>
 +
 +
<br><br><br><br>
 +
 +
<div class="clear"></div>
 +
 
 +
 
 +
</div>
 +
 +
 +
 
</div>
 
</div>
  
−
   <div class="clear"></div>
+
   <div class="clear"></div>  
 +
 
 +
 
  
−
        <div class="footer">
+
<div class="footer">
 
         <div class="footer_content">
 
         <div class="footer_content">
 
             <div class="footer_left">
 
             <div class="footer_left">
Line 118: 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 123: 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