Difference between revisions of "Team:NAIT Edmonton/ContactUs"
(53 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
− | {{NAIT_Edmonton/ | + | {{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/ | + | <script type="text/javascript" src="https://2015.igem.org/Team:NAIT_Edmonton/jquery.flexslider-min?action=raw&ctype=text/javascript"></script> |
− | + | ||
+ | |||
+ | <!-----------https://static.igem.org/mediawiki/2015/d/d8/El_Capitan_.ttf-------------------> | ||
Line 16: | Line 19: | ||
<body> | <body> | ||
− | < | + | <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> | ||
− | <div | + | <div class="nav"> |
− | <div class=" | + | |
+ | |||
+ | <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> | ||
+ | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
<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> | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
<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> | ||
− | |||
</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/ | + | <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> | </div> | ||
+ | </div> | ||
− | |||
− | |||
</style> | </style> | ||
+ | |||
+ | <div id="wrap"> | ||
− | |||
− | |||
− | |||
<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> | ||
− | |||
<br><br> | <br><br> | ||
− | < | + | <center><h2><b>Northern Alberta Institute of Technology</b></h2><br> |
− | <h2> | + | <p style="text-align:center;margin-top:-50px;">11762 106 St NW <br> Edmonton, AB <br> T5G 3H6</p></center> |
− | + | ||
− | < | + | <br><br> |
− | < | + | |
− | < | + | <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_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> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</body> | </body> | ||
− | |||
</html> | </html> |
Latest revision as of 04:39, 17 September 2015
Contact Us!
Northern Alberta Institute of Technology
11762 106 St NW
Edmonton, AB
T5G 3H6