Team:Hong Kong HKUST/test1

From 2014.igem.org

(Difference between revisions)
(Undo revision 154228 by Iabjoe (talk))
(Replaced content with "{{Team:Hong_Kong_HKUST/shell| }}")
 
(6 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">
+
-
<table class="content_table" align= "center" >
+
-
<tr class= "content_row">
+
-
<td class= "content_cell">
+
-
<div class= "content_area_one_row">
+
-
<p class="first_letter_enhanced">Start-up Kit is the first comprehensive and handy tool that aims to help iGEM teams-
+
-
particularly the new iGEMers, in initiating new human practice projects.
+
-
Not only does it give iGEMers a quick guide to begin with, but it also provides them with a preliminary concept
+
-
of human practice and analyzed data regarding the past projects, which will give teams a jumpstart to flexibly
+
-
come up with their own novel human practice project.
+
-
</p>
+
-
</div>
+
-
</td>
+
-
<td class= "content_cell">
+
-
<div class= "content_area_one_row">
+
-
+
-
<p>
+
-
Comprising of a handbook, interview summary, report and database,
+
-
the start-up kit contains all-rounded and valuable information about past human practice projects and advice from past judges.
+
-
Information regarding human practice projects in the previous years has been compiled into a database,
+
-
which has been translated into a easily understood report for reference.
+
-
Some of the past human practice judges were also interviewed to see the core value of human practice
+
-
while the handbook gives iGEMers quick tips and tricks in starting up projects and an outline of the report and the interview.
+
-
</p>
+
-
</div>
+
-
</td>
+
-
+
-
</tr></table>
+
-
</div>
+
-
 
+
-
 
+
-
<h2>More or less 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>
+

Latest revision as of 11:19, 10 October 2014




{{{2}}}

Home

Pneumosensor

Riboregulator

Human Practice

Team

WetLab

Achievement