|
|
(16 intermediate revisions not shown) |
Line 1: |
Line 1: |
- | <html>
| + | {{Team:Hong_Kong_HKUST/shell| |
- | <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>
| + | |
- | var on = true;
| + | |
- | var myVar = setInterval(function(){ if(on) {slides()}on=true;},3000);
| + | |
- | | + | |
- | 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>
| + | |
- | <li class= "logo"><a href="https://2014.igem.org/Main_Page"> <img src="Igemlogo_whiteletters.png" height="45px"> </a> </li>
| + | |
- | <li class= "logo"><a href="http://www.ust.hk/"> <img src="HKUST_logo.png" height="45px"> </a></li>
| + | |
- |
| + | |
- | </ul>
| + | |
- |
| + | |
- | </nav>
| + | |
- | </div>
| + | |
- | <h1> </h1>
| + | |
- | <!-- ================ do not touch any thing above this, dont even think about it =========================-->
| + | |
- |
| + | |
- |
| + | |
- | <div id="content_container">
| + | |
- | <div class= "banner_area">
| + | |
- | <img src= 'banner_mod.png' />
| + | |
- | <!--banner should be larger and height should be more than 400px-->
| + | |
- | </div>
| + | |
- | <hr>
| + | |
- | <div id="description_area">
| + | |
- | <h2>Most likely this will be the title of the page</h2>
| + | |
- | <p>and here you will give description of the content in this page<br>
| + | |
- | The meaning of life is a philosophical question concerning the significance of life or existence in general.
| + | |
- | It can also be expressed in different forms, such as "Why are we here?", "What is life all about?",
| + | |
- | and "What is the purpose of existence?" It has been the subject of much philosophical, scientific,
| + | |
- | and theological speculation throughout history.
| + | |
- | </p>
| + | |
- |
| + | |
- | </div>
| + | |
- | <!-- one row of content , two column-->
| + | |
- | <div class='content_1'><h3>This will be a title </h3>
| + | |
- | <table class="content_table" align= "center" valign= "top">
| + | |
- | <tr class= "content_row">
| + | |
- | <td class= "content_cell">
| + | |
- | <div class= "content_area_one_row">
| + | |
- | <p>The meaning of life is a philosophical question concerning the significance of life or existence in general.
| + | |
- | It can also be expressed in different forms, such as "Why are we here?", "What is life all about?",
| + | |
- | and "What is the purpose of existence?" It has been the subject of much philosophical, scientific,
| + | |
- | and theological speculation throughout history.
| + | |
- | There have been a large number of proposed answers to these questions from many different cultural and ideological backgrounds.
| + | |
- | The meaning of life is in the philosophical and religious conceptions of existence, social ties, consciousness, and happiness,
| + | |
- | and borders on many other issues, such as symbolic meaning, ontology, value, purpose, ethics, good and evil, free will,
| + | |
- | the existence of one or multiple gods, conceptions of God, the soul, and the afterlife. </p>
| + | |
- | </div>
| + | |
- | </td>
| + | |
- | <td class= "content_cell">
| + | |
- | <div class= "content_area_one_row">
| + | |
- | <p>
| + | |
- | Scientific contributions focus primarily on describing related empirical facts about the universe,
| + | |
- | exploring the context and parameters concerning the 'how' of life.
| + | |
- | Science also studies and can provide recommendations for the pursuit of well-being and a related conception of morality.
| + | |
- | An alternative, humanistic approach poses the question "What is the meaning of my life?"
| + | |
- | The value of the question pertaining to the purpose of life may coincide with the achievement of ultimate reality, or a feeling of oneness,
| + | |
- | or even a feeling of sacredness.</p>
| + | |
- | </div>
| + | |
- | </td>
| + | |
- | | + | |
- | </tr>
| + | |
- | | + | |
- | </table>
| + | |
- | </div>
| + | |
- | <!-- end of one row of content , two column-->
| + | |
- |
| + | |
- | <!-- one row of content , two column one picture right-->
| + | |
- | <div class='content_1'><h3>This will be a title </h3>
| + | |
- | <table class="content_table" align= "center" >
| + | |
- | <tr class= "content_row">
| + | |
- | <td class= "content_cell">
| + | |
- | <div class= "content_area_one_row">
| + | |
- | <p>The meaning of life is a philosophical question concerning the significance of life or existence in general.
| + | |
- | It can also be expressed in different forms, such as "Why are we here?", "What is life all about?",
| + | |
- | and "What is the purpose of existence?" It has been the subject of much philosophical, scientific,
| + | |
- | and theological speculation throughout history.
| + | |
- | There have been a large number of proposed answers to these questions from many different cultural and ideological backgrounds.
| + | |
- | The meaning of life is in the philosophical and religious conceptions of existence, social ties, consciousness, and happiness,
| + | |
- | and borders on many other issues, such as symbolic meaning, ontology, value, purpose, ethics, good and evil, free will,
| + | |
- | the existence of one or multiple gods, conceptions of God, the soul, and the afterlife. </p>
| + | |
- | </div>
| + | |
- | </td>
| + | |
- | <td class= "content_cell">
| + | |
- |
| + | |
- | <div class= "content_area_one_row">
| + | |
- | <div class="content_image">
| + | |
- | <img src= "potato.jpg"/>
| + | |
- | <h5>Fig 1 . Here is the potato.</h5>
| + | |
- | <h6> Here is the description of the potato: it is a potato!</h6>
| + | |
- | </div>
| + | |
- | <p>
| + | |
- | Scientific contributions focus primarily on describing related empirical facts about the universe,
| + | |
- | exploring the context and parameters concerning the 'how' of life.
| + | |
- | Science also studies and can provide recommendations for the pursuit of well-being and a related conception of morality.
| + | |
- | </p>
| + | |
- | </div>
| + | |
- | </td>
| + | |
- | | + | |
- | </tr>
| + | |
- | </div>
| + | |
- | </table>
| + | |
- | </div>
| + | |
- | <!-- one row of content , two column one picture right-->
| + | |
- |
| + | |
- | <!-- one row of content , two column one picture left-->
| + | |
- | <div class='content_1'><h3>This will be a title </h3>
| + | |
- | <table class="content_table" align= "center" >
| + | |
- |
| + | |
- | <tr class= "content_row">
| + | |
- | <td class= "content_cell">
| + | |
- |
| + | |
- | <div class= "content_area_one_row">
| + | |
- | <div class="content_image">
| + | |
- | <img src= "potato.jpg"/>
| + | |
- | <h5>Fig 1 . Here is the potato.</h5>
| + | |
- | <h6> Here is the description of the potato: it is a potato!</h6>
| + | |
- | </div>
| + | |
- | <p>
| + | |
- | Scientific contributions focus primarily on describing related empirical facts about the universe,
| + | |
- | exploring the context and parameters concerning the 'how' of life.
| + | |
- | Science also studies and can provide recommendations for the pursuit of well-being and a related conception of morality.
| + | |
- | </p>
| + | |
- | </div>
| + | |
- | </td>
| + | |
- | <td class= "content_cell">
| + | |
- | <div class= "content_area_one_row">
| + | |
- | <p>The meaning of life is a philosophical question concerning the significance of life or existence in general.
| + | |
- | It can also be expressed in different forms, such as "Why are we here?", "What is life all about?",
| + | |
- | and "What is the purpose of existence?" It has been the subject of much philosophical, scientific,
| + | |
- | and theological speculation throughout history.
| + | |
- | There have been a large number of proposed answers to these questions from many different cultural and ideological backgrounds.
| + | |
- | The meaning of life is in the philosophical and religious conceptions of existence, social ties, consciousness, and happiness,
| + | |
- | and borders on many other issues, such as symbolic meaning, ontology, value, purpose, ethics, good and evil, free will,
| + | |
- | the existence of one or multiple gods, conceptions of God, the soul, and the afterlife. </p>
| + | |
- | </div>
| + | |
- | </td>
| + | |
- |
| + | |
- | | + | |
- | </tr>
| + | |
- | </div>
| + | |
- | </table>
| + | |
- | </div>
| + | |
- | <!-- end of one row of content , two column one picture left-->
| + | |
- |
| + | |
- | <!--two row of content, image first row, text second row -->
| + | |
- | <div class='content_1'><h3>This will be a title </h3>
| + | |
- | <table class="content_table" align= "center" >
| + | |
- |
| + | |
- | <tr class= "content_row" >
| + | |
- | <td class= "content_cell" colspan= "2">
| + | |
- |
| + | |
- | <div class= "content_area_two_row">
| + | |
- | <div class="content_image">
| + | |
- | <img src= "potato.jpg"/>
| + | |
- | <h5>Fig 1 . Here is the potato.</h5>
| + | |
- | <h6> Here is the description of the potato: it is a potato!</h6>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </td>
| + | |
- | </tr>
| + | |
- |
| + | |
- | <tr class= "content_row">
| + | |
- | <td class= "content_cell">
| + | |
- | <div class= "content_area_two_row">
| + | |
- | <p>The meaning of life is a philosophical question concerning the significance of life or existence in general.
| + | |
- | It can also be expressed in different forms, such as "Why are we here?", "What is life all about?",
| + | |
- | and "What is the purpose of existence?" It has been the subject of much philosophical, scientific,
| + | |
- | and theological speculation throughout history.
| + | |
- | </p>
| + | |
- | </div>
| + | |
- | </td>
| + | |
- | <td class= "content_cell">
| + | |
- | <div class= "content_area_two_row">
| + | |
- | <p>HAHAHAHA
| + | |
- | </p>
| + | |
- | </div>
| + | |
- | </td>
| + | |
- |
| + | |
- | | + | |
- | </tr>
| + | |
- | </table>
| + | |
- | </div>
| + | |
- | <!--end of two row of content, image first row, text second row -->
| + | |
- | <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>
| + | |
- | <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>
| + | |
- | | + | |
- |
| + | |
- |
| + | |
- | </body>
| + | |
- | </html>
| + | |