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

 
(75 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
{{NAIT_Edmonton/CSS}}
+
{{NAIT_Edmonton/CSS6}}
−
 
+
 
<html>
 
<html>
 +
 
<head>
 
<head>
−
<title>Team NAIT</title>
+
 
−
<link rel="stylesheet" type="text/css" media="all" href="style.css" />
+
 
−
<link rel="stylesheet" href="prettyphoto/prettyPhoto.css" type="text/css" media="screen" title="prettyPhoto main stylesheet" charset="utf-8" />
+
<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------------------->
 +
  
 
</head>
 
</head>
 +
 
<body>
 
<body>
  
−
  <div id="header">
+
<div class="header">
−
        <div class="header_content">
+
<div class="header_c">
−
            <div class="nlogo">
+
<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>
−
                  <a href="https://2015.igem.org/Team:NAIT_Edmonton">
+
</div>
−
                      <img src="https://static.igem.org/mediawiki/2015/4/4a/NAIT_Logo_joy.png" width="141" height="140">
+
</div>
−
                  </a>
+
 
−
            </div>  
+
 
−
        </div>
+
<div class="nav">
 +
 
 +
 
 +
<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="header_left">
 
−
        <div class="menu">
 
−
            <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 31: 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>
 
                     <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Desc">description</a></li>
 
                     <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Desc">description</a></li>
−
                       <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Protocols">experiment and protcols</a></li>
+
                       <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Protocols">experiment and protocols</a></li>
 
                       <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Results">parts and results</a></li>
 
                       <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Results">parts and results</a></li>
 
                       <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Modeling">modeling</a></li>
 
                       <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Modeling">modeling</a></li>
−
                      <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Software">software</a></li>
 
 
                     </ul>
 
                     </ul>
 
                 </li>
 
                 </li>
−
            </ul>
 
−
        </div>
 
−
        </div>
 
  
−
        <div class="header_right">
 
−
        <div class="menu">
 
−
            <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 52: 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/Entrepreunership">entrepreunership</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>
 
             </ul>
−
        </div>
 
−
        </div>
 
  
−
  </div>
+
</div>
  
−
<div class="main_content">
+
</div>
  
−
  <center>
 
  
−
<style type="text/css">
 
−
.tg  {border-collapse:collapse;border-spacing:0;color:none}
 
−
.tg td{width:280px; border-style:none;border-width:0px;overflow:hidden;word-break:normal;text-align:center;}
 
−
.tg th{width:280px; padding:10px 5px;border-style:solid;border-width:0px;overflow:hidden;word-break:normal;text-align:center}
 
−
 
−
.footer{position:fixed;bottom:0px}
 
  
 
</style>
 
</style>
 +
 
 +
<div id="wrap">
 +
 +
 +
<div class="top_slogan">Contact Us!</div>
 +
 +
<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> <a href="mailto:NAIT.igem@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>
−
Send Email</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>
 
  
 
  
  
Line 97: Line 311:
 
   </div>
 
   </div>
  
−
  <div class="clear"></div>  
+
 
 +
</div>
 +
 
 +
<br><br><br><br>
 +
 
 +
<div class="clear"></div>  
 
    
 
    
 
    
 
    
Line 103: Line 322:
  
  
−
        <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 119: 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 124: Line 351:
 
           </div>
 
           </div>
 
         </div>
 
         </div>
 +
  
  
 
</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