Team:Hong Kong HKUST/prealpha index
From 2014.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
+ | <!DOCTYPE html> | ||
<html> | <html> | ||
- | <head> | + | <head> |
+ | |||
+ | <link rel="stylesheet" href="https://2014.igem.org/wiki/index.php?title=Template:Team:Hong_Kong_HKUST/indexpage.css&action=raw&ctype=text/css" type="text/css" > | ||
+ | <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.11.1.min.js"></script> | ||
+ | <script> | ||
+ | $(document).ready(function(){ | ||
+ | $(window).scroll(function(){ | ||
+ | var scrollTop = $(window).scrollTop(); | ||
+ | if (scrollTop > 49) { | ||
+ | $('#menu').addClass('fixed'); | ||
+ | } else { | ||
+ | $('#menu').removeClass('fixed'); | ||
+ | } | ||
+ | }); | ||
+ | }); | ||
- | + | </script> | |
- | + | ||
- | <script> | + | <script> |
- | + | var on = true; | |
- | + | var myVar = setInterval(function(){ if(on) {slides()}on=true;},3000); | |
- | + | ||
- | if ( | + | |
- | + | ||
- | } | + | |
- | + | ||
- | + | ||
- | + | ||
- | }); | + | |
- | </script> | + | function slides(i) { |
+ | document.getElementsByClassName("slide_pic")[1].style.width="0px"; | ||
+ | document.getElementsByClassName("slide_pic")[2].style.width="100%"; | ||
+ | var slide = document.getElementsByClassName("slide_pic")[0]; | ||
+ | document.getElementById("slide").appendChild(slide); | ||
+ | if(i) { | ||
+ | on = false; | ||
+ | } | ||
+ | } | ||
+ | function back_slide(i) { | ||
+ | document.getElementsByClassName("slide_pic")[1].style.width="0px"; | ||
+ | document.getElementsByClassName("slide_pic")[0].style.width="100%"; | ||
+ | var slide = document.getElementsByClassName("slide_pic")[4]; | ||
+ | var slide2 = document.getElementsByClassName("slide_pic")[0]; | ||
+ | document.getElementById("slide").insertBefore(slide,slide2); | ||
+ | if(i) { | ||
+ | on = false; | ||
+ | } | ||
+ | } | ||
+ | </script> | ||
+ | </head> | ||
- | < | + | <body> |
- | + | <div id='nav_container'> | |
- | + | <nav> | |
+ | |||
+ | <ul id="menu"> | ||
+ | <li><a href="#">Home</a></li> | ||
+ | <li><a href="#">Team</a> | ||
+ | <!-- First Tier Drop Down --> | ||
+ | <ul> | ||
+ | <li><a href="#">Members</a></li> | ||
+ | <li><a href="#">Advisers</a></li> | ||
+ | <li><a href="#">Instructor</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="#">Project</a> | ||
+ | <!-- First Tier Drop Down --> | ||
+ | <ul> | ||
+ | <li><a href="#">Main Project</a> | ||
+ | <ul> | ||
+ | <li><a href="#">Overview</a></li> | ||
+ | <li><a href="#">Module one </a></li> | ||
+ | <li><a href="#">Module two</a></li> | ||
+ | <li><a href="#">Data</a></li> | ||
+ | <li><a href="#">Characterization</a></li> | ||
+ | </ul></li> | ||
+ | <li><a href="#">Side Project</a> | ||
+ | <ul> | ||
+ | <li><a href="#">Overview</a></li> | ||
+ | <li><a href="#">Parts</a></li> | ||
+ | <li><a href="#">Catalogue</a></li> | ||
+ | <li><a href="#">Feature pages</a></li> | ||
+ | </ul></li> | ||
+ | |||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="#">Human Practice</a> | ||
+ | <ul> | ||
+ | <li><a href="#">Overview</a></li> | ||
+ | <li><a href="#">Start up kit</a> | ||
+ | <ul> | ||
+ | <li><a href="#">Interview</a></li> | ||
+ | <li><a href="#">Report</a></li> | ||
+ | <li><a href="#">Database</a></li> | ||
+ | </ul></li> | ||
+ | <li><a href="#">Talks</a></li> | ||
+ | <li><a href="#">Outreach</a></li> | ||
+ | </ul></li> | ||
+ | <li><a href="#">wetlab</a> | ||
+ | <ul> | ||
+ | <li><a href="#">Protocol</a></li> | ||
+ | <li><a href="#">Notebook</a></li> | ||
+ | <li><a href="#">Safety</a></li> | ||
+ | </ul></li> | ||
+ | <li><a href="#">Achievement</a> | ||
+ | <ul> | ||
+ | <li><a href="#">Medal Requirement</a></li> | ||
+ | <li><a href="#">Deliverable</a></li> | ||
+ | </ul></li> | ||
+ | </ul> | ||
+ | |||
+ | </nav> | ||
+ | </div> | ||
+ | <h1> </h1> | ||
+ | <!-- ================ do not touch any thing above this, dont even think about it =========================--> | ||
+ | |||
+ | </div> | ||
+ | <h1> </h1> | ||
+ | <div id="content_container"> | ||
+ | <div class= "banner_area"> | ||
+ | <img src= 'banner_mod.png' /> | ||
- | + | </div> | |
- | + | <hr> | |
- | + | <section id="slide"> | |
- | + | <button onclick="back_slide(true)" class="prev">«</button> | |
- | + | <button onclick="slides(true)" class="next">»</button> | |
- | + | <div class="slide_pic"> | |
- | + | <img class="picture" src="Photos/1.jpg"/> | |
- | + | </div> | |
- | + | <div class="slide_pic"> | |
- | + | <img src="Photos/2.jpg"/> | |
- | + | </div> | |
- | + | <div class="slide_pic"> | |
- | + | <img src="Photos/3.jpg"/> | |
- | + | </div> | |
- | + | <div class="slide_pic"> | |
- | + | <img src="Photos/4.jpg"/> | |
- | + | </div> | |
- | + | <div class="slide_pic"> | |
- | + | <img src="Photos/5.jpg"/> | |
- | < | + | </div> |
+ | </section> | ||
+ | <!-- Work of Juston Cheney --> | ||
- | < | + | <hr> |
- | |||
- | |||
- | |||
- | < | + | <div class= "project_area"> |
- | < | + | <table class = "project_table" align= "center"> |
- | + | <tr> | |
- | < | + | |
- | + | <td><a href="#"><div class = 'project_box'> | |
- | < | + | <h4>Main project</h4> |
- | + | <p>pneumosensor</p> | |
- | < | + | </div></a></td> |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | < | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | <td><a href="#"><div class= 'project_box'> | |
- | < | + | <h4>Side Project</h4> |
- | + | <p>Cis-repressive/ Trans-activating riboregulator</p> | |
- | + | </div></a></td> | |
- | < | + | |
- | < | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | </ | + | |
- | </ | + | |
- | </div> | + | </tr> |
- | < | + | </table> |
- | <div | + | </div> |
- | <div class= " | + | <hr> |
- | < | + | <table class= 'quick_link_area' align= "center"> |
+ | <tr class= "quick_link_row"> | ||
+ | |||
+ | <td class= "quick_link_button"> | ||
+ | <a href="#"><div class= "quick_link_container"> | ||
+ | <h4>Project</h4> | ||
+ | <p>can here have some description about project?</p> | ||
+ | </div></a> | ||
+ | </td> | ||
+ | |||
+ | |||
+ | <td class= "quick_link_button"> | ||
+ | <a href="#"><div class= "quick_link_container"> | ||
+ | <h4>Parts</h4> | ||
+ | <p></p> | ||
+ | </div></a> | ||
+ | </td> | ||
+ | |||
+ | <td class= "quick_link_button"> | ||
+ | <a href="#"><div class= "quick_link_container"> | ||
+ | <h4>Characterization</h4> | ||
+ | <p></p> | ||
+ | </div></a> | ||
+ | </td> | ||
- | </ | + | </tr> |
- | < | + | <tr class= "quick_link_row"> |
- | < | + | |
- | < | + | <td class= "quick_link_button"> |
- | < | + | <a href="#"><div class= "quick_link_container"> |
- | <div | + | <h4>Data</h4> |
- | < | + | <p></p> |
- | </ | + | </div></a> |
- | < | + | </td> |
- | < | + | |
- | + | <td class= "quick_link_button"> | |
- | <div class=" | + | <a href="#"><div class= "quick_link_container"> |
- | < | + | <h4>Human Practice</h4> |
- | </div> | + | <p></p> |
- | < | + | </div></a> |
- | < | + | </td> |
- | + | ||
- | <div class=" | + | <td class= "quick_link_button"> |
- | < | + | <a href="#"><div class= "quick_link_container"> |
- | </div> | + | <h4>Achievement</h4> |
- | </ | + | <p></p> |
- | < | + | </div></a> |
+ | </td> | ||
+ | </tr> | ||
- | <hr> | + | </table> |
+ | <hr> | ||
+ | <table class= "site_map_table" align= "center"> | ||
+ | <tr> | ||
+ | <td class= 'site_map_column'><a href="#"><h4>Home</h4></a> | ||
+ | <ul class= 'site_list'> | ||
+ | <li class='site_link'><a href="#">Team</li></a> | ||
+ | <li class='site_link'><a href="#">Project</li></a> | ||
+ | <li class='site_link'><a href="#">WetLab</li></a> | ||
+ | <li class='site_link'><a href="#">Achievement</li></a> | ||
+ | <li class='site_link'><a href="#">Human Practice</li></a> | ||
+ | <li class='site_link'><a href="#">Side Project</li></a> | ||
+ | </ul> | ||
- | < | + | </td> |
- | < | + | <td class= 'site_map_column'><a href="#"><h4>Team</h4></a> |
- | < | + | <ul class= 'site_list'> |
- | < | + | <li class='site_link'><a href="#">Member</li></a> |
- | <h4>Main | + | <li class='site_link'><a href="#">Advisor</li></a> |
- | < | + | <li class='site_link'><a href="#">Instructor</li></a> |
- | </ | + | <li class='site_link'><a href="#">Attribution</li></a> |
+ | <li class='site_link'><a href="#">Acknowledgement</li></a> | ||
+ | </ul> | ||
+ | </td> | ||
+ | <td class= 'site_map_column'><a href="#"><h4>Main Project</h4></a> | ||
+ | <ul class= 'site_list'> | ||
+ | <li class='site_link'><a href="#">Overview</li></a> | ||
+ | <li class='site_link'><a href="#">Module one</li></a> | ||
+ | <li class='site_link'><a href="#">Module two</li></a> | ||
+ | <li class='site_link'><a href="#">Data</li></a> | ||
+ | <li class='site_link'><a href="#">Characterisation</li></a> | ||
+ | </ul> | ||
+ | </td> | ||
+ | <td class= 'site_map_column'><a href="#"><h4>Side Project</h4></a> | ||
+ | <ul class= 'site_list'> | ||
+ | <li class='site_link'><a href="#">Overview</li></a> | ||
+ | <li class='site_link'><a href="#">Parts</li></a> | ||
+ | <li class='site_link'><a href="#">Catalogue</li></a> | ||
+ | <li class='site_link'><a href="#">Feature Pages</li></a> | ||
+ | </ul> | ||
+ | </td> | ||
+ | <td class= 'site_map_column'><a href="#"><h4>Human Practice</h4></a> | ||
+ | <ul class= 'site_list'> | ||
+ | <li class='site_link'><a href="#">Overview</li></a> | ||
+ | <li class='site_link'><a href="#">Start up kit</li></a> | ||
+ | <ul> | ||
+ | <li class='site_link'><a href="#">Interview</li></a> | ||
+ | <li class='site_link'><a href="#">Report</li></a> | ||
+ | <li class='site_link'><a href="#">Database</li></a> | ||
+ | </ul> | ||
+ | <li class='site_link'><a href="#">Talks</li></a> | ||
+ | <li class='site_link'><a href="#">Outreach</li></a> | ||
+ | </ul> | ||
+ | </td> | ||
+ | <td class= 'site_map_column'><a href="#"><h4>Wetlab</h4></a> | ||
+ | <ul class= 'site_list'> | ||
+ | <li class='site_link'><a href="#">Protocol</li></a> | ||
+ | <li class='site_link'><a href="#">Notebook</li></a> | ||
+ | <li class='site_link'><a href="#">Safety</li></a> | ||
+ | </ul> | ||
+ | </td> | ||
+ | <td class= 'site_map_column'><a href="#"><h4>Achievement</h4></a> | ||
+ | <ul class= 'site_list'> | ||
+ | <li class='site_link'><a href="#">Medal Requirements</li></a> | ||
+ | <li class='site_link'><a href="#">Deliverable</li></a> | ||
+ | </ul> | ||
+ | </td> | ||
+ | </tr> | ||
- | + | </table> | |
- | + | </div> | |
- | < | + | |
- | + | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | + | </body> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | </body> | + | |
</html> | </html> |
Revision as of 05:24, 31 August 2014
<!DOCTYPE html>
Projectcan here have some description about project? |
Parts |
Characterization |
Data |
Human Practice |
Achievement |
Home |
Team |
Main Project |
Side Project |
Human Practice |
Wetlab |
Achievement |