|
|
| (71 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| | {{NAIT_Edmonton/CSS2}} | | {{NAIT_Edmonton/CSS2}} |
| − |
| |
| | <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&ctype=text/javascript"></script> |
| | | | |
| | + | <!-----------https://static.igem.org/mediawiki/2015/d/d8/El_Capitan_.ttf-------------------> |
| | + | |
| | + | <script type="text/javascript" charset="utf-8"> |
| | + | |
| | + | var $ = jQuery.noConflict(); |
| | + | $(window).load(function() { |
| | + | $('.flexslider').flexslider({ |
| | + | animation: "fade" |
| | + | }); |
| | + | }); |
| | + | </script> |
| | | | |
| | </head> | | </head> |
| | | | |
| | <body> | | <body> |
| | + | |
| | | | |
| | | | |
| Line 17: |
Line 32: |
| | <div class="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>
| + | <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"> | | <div class="header_left"> |
| | <ul> | | <ul> |
| Line 53: |
Line 73: |
| | <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> |
| Line 60: |
Line 80: |
| | </div> | | </div> |
| | </div> | | </div> |
| − |
| |
| − | <div id="wrap">
| |
| | | | |
| | <style type="text/css"> | | <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;} | + | .header_mobile { |
| | + | display:none; |
| | + | position: absolute; |
| | + | background-color:transparent; |
| | + | width:65px; |
| | + | top: 90px; |
| | + | left:50px; |
| | + | height:65px; |
| | + | z-index:999; |
| | + | position:fixed;} |
| | | | |
| − | .btn2 {cursor: pointer;background: none;padding: none;color:none; border-radius: none;} | + | .header_mobile ul {list-style:none; position:absolute;float:right;margin:0;padding-right:125px} |
| | + | .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;} |
| | | | |
| − | /* Modal */
| |
| − | .modal {opacity: 0;visibility: hidden;position: fixed;top: 0;right: 0;bottom: 0;left: 0;text-align: left;background: rgba(0,0,0, .9);transition: opacity .25s ease;z-index:999;}
| |
| − | .modal__bg {position: absolute;top: 0;right: 0;bottom: 0;left: 0;cursor: pointer;}
| |
| − | .modal-state { display: none;}
| |
| − | .modal-state:checked + .modal {opacity: 1;visibility: visible;}
| |
| − | .modal-state:checked + .modal .modal__inner {top: 0;}
| |
| − | .modal__inner {transition: top .25s ease;position: absolute;top: -20%; right: 0;bottom: 0;left: 0;width: 750px;margin: auto;overflow: auto;background:#FFFFFF;border-radius: 0px;padding: 1em 2em;height: 458px;}
| |
| − | .modal__close {position: absolute;right: 1em;top: 1em;width: 1.1em;height: 1.1em;cursor: pointer;}
| |
| − | .modal__close:after,
| |
| − | .modal__close:before {content: '';position: absolute;width: 2px;height: 1.5em;background: #ccc;display: block;transform: rotate(45deg);left: 50%;margin: -3px 0 0 -1px;top: 0;}
| |
| − | .modal__close:hover:after,
| |
| − | .modal__close:hover:before {background: #aaa;}
| |
| − | .modal__close:before {transform: rotate(-45deg);}
| |
| | | | |
| | + | @media screen and (max-width:1000px){ |
| | | | |
| − | </style>
| + | .header_left{display:none;} |
| | + | .header_right{display:none;} |
| | + | .header_mobile{display:block;} |
| | | | |
| − | <center><div class="top_slogan">Attributions</div></center>
| + | } |
| | | | |
| − | <div class=" main_content" > | + | </style> |
| − | <center>
| + | |
| − | <h2> Our team is truly lucky to have the support of all these individuals. Click their names to see how each of these individuals contributed to our project.</h2> <br>
| + | <div id="wrap2"> |
| | | | |
| − | <img src="https://static.igem.org/mediawiki/2015/6/61/NAIT_AttributionsGel.gif"> | + | <div class="slider"> |
| − | </center>
| + | |
| | | | |
| | + | <style type="text/css"> |
| | + | .slider{width:100%; margin:0; clear:both; position:relative; top:-48px;} |
| | + | .flex-container a:active, |
| | + | .flexslider a:active {outline: none;} |
| | + | .slides, |
| | + | .flex-control-nav, |
| | + | .flex-direction-nav {margin: 0; padding: 0; list-style: none;} |
| | + | .flexslider {width: 100%; margin: 0; padding: 0 0 0 0;} |
| | + | .flexslider .slides > li {display: none;} |
| | + | .flexslider .slides img {width:100%; height:auto; display: block;} |
| | + | .flex-pauseplay span {text-transform: capitalize;} |
| | + | .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} |
| | + | html[xmlns] .slides {display: block;} |
| | + | * html .slides {height: 1%;} |
| | + | .no-js .slides > li:first-child {display: block;} |
| | + | .flexslider {position: relative; zoom: 1; overflow:hidden;} <!---height:500px---> |
| | + | .flexslider .slides {zoom: 1;} |
| | + | .flexslider .slides > li {position: relative;} |
| | + | .flex-container {zoom: 1; position: relative;} |
| | + | .flex-direction-nav li a {width:65px; height:37px; margin:0; display: block; position: absolute; top:0px; cursor: pointer; text-indent: -9999px;} |
| | + | .flex-direction-nav li a.next {background:url(https://static.igem.org/mediawiki/2015/a/a0/NAIT_Next.png) no-repeat center; right:0px;} |
| | + | .flex-direction-nav li a.prev {background:url(https://static.igem.org/mediawiki/2015/7/73/NAIT_Prev.png) no-repeat center;right:65px;} |
| | + | .flex-direction-nav li a.next:hover {background:url(https://static.igem.org/mediawiki/2015/b/ba/NAIT_Next_a.png) no-repeat center;} |
| | + | .flex-direction-nav li a.prev:hover {background:url(https://static.igem.org/mediawiki/2015/c/c4/NAIT_Prev_a.png) no-repeat center;} |
| | + | .flex-direction-nav li a.disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;} |
| | + | .flex-control-nav {width: 100%; position: absolute; bottom: -30px; text-align: center;} |
| | + | .flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;} |
| | + | .flex-control-nav li:first-child {margin: 0;} |
| | + | .flex-control-nav li a {width: 13px; height: 13px; display: block; cursor: pointer; text-indent: -9999px;} |
| | + | .flex-control-nav li a:hover {background-position: 0 -13px;} |
| | + | .flex-control-nav li a.active {background-position: 0 -26px; cursor: default;} |
| | + | .flex-caption{position: absolute;left:auto;right:auto; top:150px; width:100%;font-family: 'Source Sans Pro', sans-serif;text-align:center; font-size:14px; color:#FFFFFF; text-shadow:2px 2px 2px #000000} |
| | + | .flex-caption h0{font-size:30px; color:#FFFFFF} |
| | + | .flex-caption h2{ font-size:30px; color:#FFFFFF;text-shadow:2px 4px 2px #000000} |
| | + | .flex-caption p{ text-align:center; padding:0 200px;} |
| | + | a.slider_button{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;background-color:#8BC5EB; color:#fff; font-size:14px; padding:8px 12px; margin:20px 0 0 0; display:inline-block;} |
| | + | </style> |
| | | | |
| − | <!----NAMES------> | + | <div class="flexslider"> |
| − | | + | <ul class="slides"> |
| − | | + | < li>< a href=""><img src="https://static.igem.org/mediawiki/2015/6/62/ NAIT_Slide_Pedway. jpg" alt="" title="" border="0"/></ a> |
| − | <!------TEAM------------------>
| + | <div class="flex-caption"> |
| − | | + | <h2></h2> |
| − | <label class="btn2" for="Marcelo"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/5/5e/NAIT_Band_Marcelo.png" style="position:absolute;top:625px;margin-left:60px"></label>
| + | <p><strong><a href=""></a></strong></p> |
| − | <label class="btn2" for="Mattea"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/b/bb/NAIT_Band_Mattea.png" style="position:absolute;top:652px;margin-left:60px"></label> | + | </div> |
| − | <label class="btn2" for="Eduardo"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/2/2e/NAIT_Band_Eduardo.png" style="position:absolute;top:720px;margin-left:60px"></label> | + | </li> |
| − | <label class="btn2" for="David"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/8/82/NAIT_Band_David.png" style="position:absolute;top:790px;margin-left:60px"></label> | + | < li>< a href="https://2015.igem.org/ Team: NAIT_Edmonton/ Desc"><img src="https://static.igem.org/mediawiki/2015/5/ 56/ NAIT_Slide_1_Project. jpg" alt="" title="" border="0"/></ a> |
| − | <label class="btn2" for="Johannes"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/8/84/NAIT_Band_Johannes.png" style="position:absolute;top:840px;margin-left:60px"></label>
| + | <div class="flex-caption"> |
| − | <label class="btn2" for="Abbie"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/6/62/NAIT_Band_Abbie.png" style="position:absolute;top:900px;margin-left:60px"></label>
| + | <h2></h2> |
| − | <label class="btn2" for="Joy"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/8/80/NAIT_Band_Joy.png" style="position:absolute;top:950px;margin-left:60px"></label>
| + | <p></p> |
| − | <label class="btn2" for="Kevin"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/2/28/NAIT_Band_Kevin.png" style="position:absolute;top:995px;margin-left:60px"></label> | + | </div> |
| − | | + | </li> |
| − | | + | < li>< a href="https://2015.igem.org/ Team: NAIT_Edmonton/ Practices"><img src="https://static.igem.org/mediawiki/2015/ d/ db/ NAIT_Slide_2_Whiteboard. jpg" alt="" title="" border="0"/></ a> |
| − | <!--------------Chemistry and Research---------------> | + | <div class="flex-caption"> |
| − | | + | <h2></h2> |
| − | <label class="btn2" for="Meintzer"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/2/2e/NAIT_Band_CMeintzer.png" style="position:absolute;top:660px;margin-left:150px"></label>
| + | |
| − | <label class="btn2" for="Atrazheva"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/2/2e/NAIT_Band_CMeintzer.png" style="position:absolute;top:720px;margin-left:150px"></label> | + | <p></p> |
| − | <label class="btn2" for="Force"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/2/2e/NAIT_Band_CMeintzer.png" style="position:absolute;top:780px;margin-left:150px"></label>
| + | </div> |
| − | <label class="btn2" for="Lucan"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/2/2e/NAIT_Band_CMeintzer.png" style="position:absolute;top:860px;margin-left:150px"></label> | + | </li> |
| − | <label class="btn2" for="Korney"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/2/2e/NAIT_Band_CMeintzer.png" style="position:absolute;top:928px;margin-left:150px"></label> | + | < li>< a href="https://2015.igem.org/ Team: NAIT_Edmonton/ Modeling"><img src="https://static.igem.org/mediawiki/2015/5/ 57/ NAIT_Slide_3_3D. jpg" alt="" title="" border="0"/></ a> |
| − | <label class="btn2" for="Tenaschuk"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/2/2e/NAIT_Band_CMeintzer.png" style="position:absolute;top:980px;margin-left:150px"></label> | + | <div class="flex-caption"> |
| − | | + | <h2></h2> |
| − | | + | <p></p> |
| − | <!------------Sponsorship and Financial Aid-----------------> | + | </div> |
| − | | + | </li> |
| − | <label class="btn2" for="Spencer"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/5/5e/NAIT_Band_Marcelo.png" style="position:absolute;top:630px;margin-left:241px"></label> | + | </ul> |
| − | <label class="btn2" for="Hurlburt"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/5/5e/NAIT_Band_Marcelo.png" style="position:absolute;top:690px;margin-left:241px"></label>
| + | </div> |
| − | <label class="btn2" for="McMullen"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/5/ 5e/ NAIT_Band_Marcelo. png" style=" position:absolute;top:770px;margin-left:241px" ></label> | + | |
| − | <label class="btn2" for="Giordano"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/5/5e/NAIT_Band_Marcelo.png" style="position:absolute;top:840px;margin-left:241px"></label>
| + | |
| − | <label class="btn2" for="Svensen-Lewis"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/5/5e/NAIT_Band_Marcelo.png" style="position:absolute;top:880px;margin-left:241px"></label> | + | |
| − | <label class="btn2" for="Coomansingh"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/5/5e/NAIT_Band_Marcelo.png" style="position:absolute;top:960px;margin-left:241px"></label> | + | |
| − | <label class="btn2" for="Vaugh"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/5/5e/NAIT_Band_Marcelo.png" style="position:absolute;top:1010px;margin-left:241px"></label> | + | |
| − | | + | |
| − | | + | |
| − | <!-------------------Wiki---------------> | + | |
| − | | + | |
| − | <label class="btn2" for="Wu"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/5/5e/NAIT_Band_Marcelo.png" style="position:absolute;top:750px;margin-left:332px"></label>
| + | |
| − | <label class="btn2" for="Aljamea"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/5/5e/NAIT_Band_Marcelo.png" style="position:absolute;top:900px;margin-left:332px"></label> | + | |
| − | | + | |
| − | | + | |
| − | <!-----------------------3D Animation and Design---------------> | + | |
| − | | + | |
| − | <label class="btn2" for="Dietz"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/5/5e/NAIT_Band_Marcelo.png" style="position:absolute;top:670px;margin-left:423px"></label> | + | |
| − | <label class="btn2" for="MacQueen"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/5/5e/NAIT_Band_Marcelo.png" style="position:absolute;top:840px;margin-left:423px"></label>
| + | |
| − | | + | |
| − | | + | |
| − | <!---------------------Entrepreneurship and Business Mentorship------------------->
| + | |
| − | | + | |
| − | <label class="btn2" for="Mazumder"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/ 5/ 5e/ NAIT_Band_Marcelo. png" style=" position:absolute;top:649px;margin-left:515px" ></label> | + | |
| − | <label class="btn2" for="Aakash"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/5/5e/NAIT_Band_Marcelo.png" style="position:absolute;top:730px;margin-left:515px"></label><label class="btn2" for="Andrews"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/5/5e/NAIT_Band_Marcelo.png" style="position:absolute;top:900px;margin-left:515px"></label>
| + | |
| − | <label class="btn2" for="Roth"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/5/5e/NAIT_Band_Marcelo.png" style="position:absolute;top:980px;margin-left:515px"></label> | + | |
| − | | + | |
| − | | + | |
| − | <!------------------------- Social Media and Exposure ---------------------> | + | |
| − | | + | |
| − | <label class="btn2" for="Hoang"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/5/5e/NAIT_Band_Marcelo.png" style="position:absolute;top:700px;margin-left:606px"></label> | + | |
| − | <label class="btn2" for="Blaise"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/5/5e/NAIT_Band_Marcelo.png" style="position:absolute;top:840px;margin-left:606px"></label>
| + | |
| − | <label class="btn2" for="Feltham"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/5/5e/NAIT_Band_Marcelo.png" style="position:absolute;top:920px;margin-left:606px"></label> | + | |
| − | | + | |
| − | | + | |
| − | <!------------------------Human Practices------------------> | + | |
| − | | + | |
| − | <label class="btn2" for="Dress"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/5/5e/NAIT_Band_Marcelo.png" style="position:absolute;top:660px;margin-left:697px"></label>
| + | |
| − | <label class="btn2" for="Calvert"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/5/5e/NAIT_Band_Marcelo.png" style="position:absolute;top:1011px;margin-left:697px"></label> | + | |
| − | | + | |
| − | | + | |
| − | <!-------------------------iGEM Mentorship--------------------------> | + | |
| − | | + | |
| − | <label class="btn2" for="Kaern"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/5/5e/NAIT_Band_Marcelo.png" style="position:absolute;top:629px;margin-left:788px"></label> | + | |
| − | <label class="btn2" for="Zeng"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/5/5e/NAIT_Band_Marcelo.png" style="position:absolute;top:708px;margin-left:788px"></label>
| + | |
| − | <label class="btn2" for="Hill"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/5/ 5e/ NAIT_Band_Marcelo. png" style=" position:absolute;top:740px;margin-left:788px" ></label> | + | |
| − | <label class="btn2" for="Lee"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/5/5e/NAIT_Band_Marcelo.png" style="position:absolute;top:810px;margin-left:788px"></label>
| + | |
| − | <label class="btn2" for="Vinoo"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/5/5e/NAIT_Band_Marcelo.png" style="position:absolute;top:845px;margin-left:788px"></label> | + | |
| − | <label class="btn2" for="Lloyd"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/5/5e/NAIT_Band_Marcelo.png" style="position:absolute;top:872px;margin-left:788px"></label> | + | |
| − | <label class="btn2" for="Laroche"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/5/5e/NAIT_Band_Marcelo.png" style="position:absolute;top:970px;margin-left:788px"></label> | + | |
| − | <label class="btn2" for="Rodriguez"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/5/5e/NAIT_Band_Marcelo.png" style="position:absolute;top:1020px;margin-left:788px"></label> | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | <!---------------------------General and Lab Help---------------------------> | + | |
| − | | + | |
| − | <label class="btn2" for="Lowther"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/5/5e/NAIT_Band_Marcelo.png" style="position:absolute;top:710px;margin-left:879px"></label>
| + | |
| − | <label class="btn2" for="Lethbridge"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/5/5e/NAIT_Band_Marcelo.png" style="position:absolute;top:920px;margin-left:879px"></label> | + | |
| − | | + | |
| − | </div>
| + | |
| | </div> | | </div> |
| | | | |
| | + | <div id="wrap5"> |
| | | | |
| | + | <div class="section_one_three"> |
| | + | <h2 class="centered_title">Achievements</h2> |
| | + | <div class="roundimg"><a href="https://2015.igem.org/Team:NAIT_Edmonton/Achievements" title=""><img src="https://static.igem.org/mediawiki/2015/5/50/NAIT_Medal_Icon.png" width="125px" alt="" title="" /></a></div> |
| | + | <p class="centered_text"> |
| | + | Despite the time constraints, our team achieved a lot this summer and we are proud of what we have accomplished. |
| | + | </p> |
| | + | <a href="https://2015.igem.org/Team:NAIT_Edmonton/Achievements" class="more">read more</a> |
| | + | </div> |
| | + | |
| | + | <div class="section_one_three"> |
| | + | <h2 class="centered_title">iGEM 2015</h2> |
| | + | <div class="roundimg"><a href="https://2015.igem.org" title=""><img src="https://static.igem.org/mediawiki/2015/0/05/NAIT_Icon_services.png" alt="" title="" /></a></div> |
| | + | <p class="centered_text"> |
| | + | Learn about the exciting opportunities the iGEM foundation has to offer! The experience was incredible! |
| | + | </p> |
| | + | <a href="https://2015.igem.org" class="more">read more</a> |
| | + | </div> |
| | | | |
| | + | <div class="section_one_three"> |
| | + | <h2 class="centered_title">Contact Us!</h2> |
| | + | <div class="roundimg"><a href="https://2015.igem.org/Team:NAIT_Edmonton/ContactUs" title=""><img src="https://static.igem.org/mediawiki/2015/2/29/NAIT_Icon_contact.png" alt="" title="" /></a></div> |
| | + | <p class="centered_text"> |
| | + | Please contact our team if you want more information about our project or have any other questions or concerns. |
| | + | </p> |
| | + | <a href="https://2015.igem.org/Team:NAIT_Edmonton/ContactUs" class="more">read more</a> |
| | + | </div> |
| | + | |
| | + | </div> |
| | | | |
| | | | |
| − | | + | <div class=" clear"></ div> |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | <!----------------------------------Team Modals--------------------------->
| + | |
| − | | + | |
| − | <input class="modal-state" id="Marcelo" type="checkbox" />
| + | |
| − | <div class="modal"> | + | |
| − | <label class="modal__bg" for="Marcelo"></label>
| + | |
| − | <div class="modal__inner"> | + | |
| − | | + | |
| − | <center><h1>Marcelo Marcet</h1></center>
| + | |
| − |
| + | |
| − | <p><img src="https://scontent.xx.fbcdn.net/hphotos-xft1/v/t1.0-9/10393725_922472104481276_3486815983435242507_n.jpg?oh=0569975f805560d35cdb4873dc488f90&oe=56168A06" width="400px"> What would we do without Marcelo? Throughout the summer, Marcelo was not only our advisor - he was our mentor, our lab father-figure and most importantly, our friend. <br><br> He has been involved in all of the aspects of our project. He taught us all the tips and tricks for working in the lab; he helped us get funding and sponsorship; he was our voice in our institution; and he was heavily involved in all of the animation and 3D modeling in our project.<br><br>
| + | |
| − | | + | |
| − | Without Marcelo, our team would never have come together. Thank you so much, Marcelo. Words can never express our gratitude for you. </p>
| + | |
| − | </div>
| + | |
| | </div> | | </div> |
| | | | |
| − | <input class="modal-state" id="Mattea" type="checkbox" />
| |
| − | <div class="modal">
| |
| − | <label class="modal__bg" for="Mattea"></label>
| |
| − | <div class="modal__inner">
| |
| | | | |
| − | <center><h1>Mattéa Bujold</h1></center>
| |
| − | <p><img src="https://scontent.xx.fbcdn.net/hphotos-prn2/v/t1.0-9/549237_10150710242648044_1932955453_n.jpg?oh=61f318c73797ac7c8a7b2439c890189a&oe=5645A954" width="400px"> Without Mattéa, there is no Team NAIT 2015. Alongside Marcelo, Mattéa was directly involved in bringing our team together. <br><br> She is our lab guardian - making sure we always had everything we needed to carry out and complete our experiments. From protocols to ordering reagents, we could always count on Mattéa. She was always willing to sacrifice her time and bestow us with her knowledge and extensive lab experience. <br><br>
| |
| | | | |
| − | We are so thankful for her involvement in this project. We've learned so much from her and we are proud to say that she is our mentor and friend. Thank you so much, Mattéa. We could never repay you for your kindness (and your patience with us). </p>
| |
| − | </div>
| |
| | </div> | | </div> |
| | | | |
| − | <input class="modal-state" id="Eduardo" type="checkbox" />
| + | <div class="header_mobile"> |
| − | <div class="modal"> | + | <ul> |
| − | <label class="modal__bg" for="Eduardo"></label>
| + | <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/MobileMenu">menu</a> |
| − | <div class="modal__inner">
| + | <ul> |
| − | | + | <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Team">team</a> |
| − | <center><h1>Eduardo A. R. Serratos</h1></center>
| + | <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Project">project</a> |
| − | <p><img src="https://scontent.xx.fbcdn.net/hphotos-xpf1/v/t1.0-9/1557451_10155696010980368_3234059026557087470_n.jpg?oh=712f438e4e845d0e29bf75b598d9a7e9&oe=564B7D93" width="400px"> Humble, intelligent, passionate, kind, handsome, <i>guapo</i> - these are just some of the few words that we can use to describe our team leader and captain, Eduardo. <br><br>
| + | <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> |
| − | He was instrumental in our entire project. He took responsibility for the majority of the lab work and conducting of experiments. In addition to that, Eduardo kept our entire group organized and focused on our end goal. Eduardo really had a hand in everything - he attended meetings on behalf of our team, he conducted research and assisted in literature review, filling out our lab logbooks with David, and somehow, he was always willing to do more. <br><br>
| + | </ul> |
| − | | + | </li> |
| − | Eduardo has truly been an indispensable asset to the team and an even better friend. We could always count on him to listen, advise and provide the emotional support in this chapter of our lives. Thank you, Eduardo, oh Captain, our captain.
| + | |
| − | | + | </ul> |
| − | | + | |
| − | </p> | + | |
| − | </div>
| + | |
| − | </div> | + | |
| − | | + | |
| − | <input class="modal-state" id="David" type="checkbox" />
| + | |
| − | <div class="modal">
| + | |
| − | <label class="modal__bg" for="David"></label>
| + | |
| − | <div class="modal__inner">
| + | |
| − | | + | |
| − | <center><h1>David Barilla</h1></center>
| + | |
| − | <center><img src="https://media.licdn.com/media/p/8/000/25f/329/06cf107.png" alt=""/></center>
| + | |
| − | <br><br>
| + | |
| − | <p>What would we do without David?</p>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | | + | |
| − | <input class="modal-state" id="Johannes" type="checkbox" />
| + | |
| − | <div class="modal">
| + | |
| − | <label class="modal__bg" for="Johannes"></label>
| + | |
| − | <div class="modal__inner">
| + | |
| − | | + | |
| − | <center><h1>Johannes Coomansingh</h1></center>
| + | |
| − | <center><img src="https://media.licdn.com/media/p/8/000/25f/329/06cf107.png" alt=""/></center>
| + | |
| − | <br><br>
| + | |
| − | <p>What would we do without Jo?</p>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | | + | |
| − | <input class="modal-state" id="Abbie" type="checkbox" />
| + | |
| − | <div class="modal">
| + | |
| − | <label class="modal__bg" for="Abbie"></label>
| + | |
| − | <div class="modal__inner">
| + | |
| − | | + | |
| − | <center><h1>Abbie Gottert</h1></center>
| + | |
| − | <p><img src="https://scontent.xx.fbcdn.net/hphotos-xtp1/v/t1.0-9/11705104_1859480314277851_5340245838235339831_n.jpg?oh=bc1ec21c29ce5015e8216a008d27d045&oe=56483236" width="400px"> Abbie is one of the most caring, friendly and empathetic people you will ever meet. Between assisting with Logo and Banner design, reviewing the literature, helping Johannes out with the policy and practices, and assisting with lab work, she finds the time to have a full time job and maintain a balance between them. Always concerned with the well being of the group, she goes out of her way to make sure that everyone stays healthy, happy and mentally sound.</p>
| + | |
| − | </div>
| + | |
| − | </div> | + | |
| − | | + | |
| − | <input class="modal-state" id="Joy" type="checkbox" />
| + | |
| − | <div class="modal">
| + | |
| − | <label class="modal__bg" for="Joy"></label>
| + | |
| − | <div class="modal__inner">
| + | |
| − | | + | |
| − | <center><h1>Joy Ramielle L. Santos</h1></center>
| + | |
| − | <center><img src="https://media.licdn.com/media/p/8/000/25f/329/06cf107.png" alt=""/></center>
| + | |
| − | <br><br>
| + | |
| − | <p>Meh</p>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | | + | |
| − | <input class="modal-state" id="Kevin" type="checkbox" /> | + | |
| − | <div class="modal">
| + | |
| − | <label class="modal__bg" for="Kevin"></label>
| + | |
| − | <div class="modal__inner">
| + | |
| − | | + | |
| − | <center><h1>Kevin Setzer</h1></center>
| + | |
| − | <center><img src="https://media.licdn.com/media/p/8/000/25f/329/06cf107.png" alt=""/></center>
| + | |
| − | <br><br>
| + | |
| − | <p>What would we do without Setzer?</p>
| + | |
| − | </div>
| + | |
| | </div> | | </div> |
| | | | |
| | <div class="clear"></div> | | <div class="clear"></div> |
| | | | |
| − |
| + | |
| − | </div>
| + | |
| | | | |
| − | | + | <div class="footer"> |
| | <div class="footer_content"> | | <div class="footer_content"> |
| | <div class="footer_left"> | | <div class="footer_left"> |
| Line 322: |
Line 267: |
| | <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 327: |
Line 273: |
| | </div> | | </div> |
| | </div> | | </div> |
| − | </div>
| |
| | | | |
| | <style type="text/css"> | | <style type="text/css"> |
| | | | |
| | #footer {z-index:15;} | | #footer {z-index:15;} |
| − | .footer {position: relative; padding:20px 0 40px 0; margin: -25px 0 0 0; clear:both; width:100%; background-color:#0D4D8C; height:25px;} | + | .footer {padding:20px 0 40px 0; margin: 0px 0 0 0; clear:both; width:100%; background-color:#0D4D8C; height:25px;} |
| − | .footer_content {margin:auto;width:1000px;} | + | .footer_content {margin:auto;width:100%;} |
| − | .footer_left { float:left; padding:0 0 0 0px;} | + | .footer_left { float:left; padding:0 0 0 10%;} |
| − | .footer_right{ float:right; padding:0 0px 0 0;} | + | .footer_right{ float:right; padding:0 10% 0 0;} |
| | ul.social_icons { margin:0px; padding:0px; list-style:none;} | | ul.social_icons { margin:0px; padding:0px; list-style:none;} |
| | ul.social_icons li{ float:left;} | | ul.social_icons li{ float:left;} |
| Line 349: |
Line 294: |
| | | | |
| | </style> | | </style> |
| − |
| |
| − |
| |
| − |
| |
| − | <script type="text/javascript" src="https://2015.igem.org/Team:NAIT_Edmonton/js/scrollReveal.min.js?action=raw&ctype=text/javascript"></script>
| |
| − |
| |
| − | <script type="text/javascript">
| |
| − |
| |
| − | window.sr = new scrollReveal();
| |
| − |
| |
| − | </script>
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| | | | |
| | </body> | | </body> |
| − |
| |
| | | | |
| | </html> | | </html> |
