Difference between revisions of "Team:Hong Kong-CUHK/Team"

Line 4: Line 4:
 
<style>
 
<style>
  
−
ul li
+
.container {
−
     {
+
     overflow: hidden;
−
        position:relative;
+
     background-color: #FFFFFF;
−
        list-style-type:none;
+
     font-family: Arial;
−
      /* float: left;*/ /*dont use this for this kind of menu */
+
}
−
      display: inline-block;
+
 
−
        padding:0px;
+
.container a {
−
        width: 80px;
+
    float: left;
−
        height: 25px;
+
    font-size: 16px;
−
        margin: 0;
+
−
     background-color: #f1f1f1;
+
−
     }
+
−
    #sub1
+
−
    {
+
−
       
+
−
        display: none;
+
−
        position:absolute;
+
−
    }
+
−
    ul li:hover ul#sub1
+
−
    {
+
−
      /* visibility:visible;*//*dont use this for this kind of menu  */
+
−
        display: block; /* use this*/
+
−
        right:0;
+
−
background-color: #555;
+
 
     color: black;
 
     color: black;
−
     
+
    text-align: center;
 +
    padding: 14px 16px;
 +
    text-decoration: none;
 +
}
 +
 
 +
.dropdown {
 +
    float: left;
 +
    overflow: hidden;
 +
}
 +
 
 +
.dropdown .dropbtn {
 +
    font-size: 16px;   
 +
    border: none;
 +
    outline: none;
 +
    color: black;
 +
    padding: 14px 16px;
 +
    background-color: inherit;
 +
}
 +
 
 +
.container a:hover, .dropdown:hover .dropbtn {
 +
    background-color: #86F1E6;
 +
}
 +
 
 +
.dropdown-content {
 +
    display: none;
 +
    position: absolute;
 +
    background-color: #E0E0E0;
 +
    min-width: 160px;
 +
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 +
    z-index: 1;
 +
}
 +
 
 +
.dropdown-content a {
 +
    float: none;
 +
    color: black;
 +
    padding: 12px 16px;
 +
    text-decoration: none;
 +
    display: block;
 +
    text-align: left;
 +
}
 +
 
 +
.dropdown-content a:hover {
 +
    background-color: #599D96;
 +
}
 +
 
 +
.dropdown:hover .dropdown-content {
 +
    display: block;
 +
}
 +
   
 +
 
 +
@media (max-width: 1200px) {
 +
    .container{
 +
        min-width: 1000px;
 
     }
 
     }
 +
}
  
 +
 +
#drop-nav li ul li {border-top: 0px;}
 +
 +
      #NavLogo{
 +
        float: left;
 +
        height: 40px;
 +
       
 +
      }
 +
 +
.igem_2017_menu_wrapper #display_menu_control {
 +
display:none;
 +
text-align:center
 +
}
  
 
</style>
 
</style>
 
</head>
 
</head>
  
−
<ul id="menu">
+
<div class="container">
−
        <li><a href="https://2017.igem.org/Team:Hong_Kong-CUHK">Home</a></li>
+
−
       
+
    <!-- <li><a style="padding-top:-50px;"><img id="NavLogo" src="https://static.igem.org/mediawiki/2017/4/41/Cuhk_logo.PNG"></a></li> -->
−
<li><a href="#">Project ▼</a>
+
 
−
            <ul id="sub1">  
+
<a href="https://2017.igem.org/Team:Hong_Kong-CUHK">Home</a>
−
                <li><a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Description">Overview</a></li>
+
 
−
                <li><a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Experiments">Experiemnt</a></li>
+
<div class="dropdown">
−
<li><a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Results">Result</a></li>
+
    <button class="dropbtn"><b>Project ▼</b></button>
−
<li><a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Parts">Parts</a></li>
+
    <div class="dropdown-content">
−
<li><a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Hardware">Hardware</a></li>
+
      <a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Description">Description</a>
−
            </ul>
+
      <a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Experiments">Experiments</a>
−
        </li>
+
      <a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Results">Results</a>
−
     
+
      <a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Parts">Parts</a>
−
<li><a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Model">Modelling</a></li>
+
      <a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Hardware">Hardware</a>
−
     
+
 
−
<li><a href="http://igem.erg.cuhk.edu.hk/">Software</a></li>
+
    </div>
 +
  </div>  
 +
 
 +
 
 +
  <a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Model">Modelling</a>
 +
 
 +
  <a href="http://igem.erg.cuhk.edu.hk/">Software</a>
 +
 
 +
  <a href="https://2017.igem.org/Team:Hong_Kong-CUHK/InterLab">InterLab</a>
 +
 
 +
 
 +
  <div class="dropdown">
 +
    <button class="dropbtn"><b>Notebook ▼</b></button>
 +
    <div class="dropdown-content">
 +
      <a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Notebook">Notebook</a>
 +
      <a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Applied_Design">Protocols</a>
 +
      <a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Measurement">Medal Criteria</a>
 +
    </div>
 +
  </div>  
 +
 
 +
<div class="dropdown">
 +
    <button class="dropbtn"><b>Human Practice ▼</b></button>
 +
    <div class="dropdown-content">
 +
      <a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Engagement">Engagement and Education</a>
 +
      <a href="https://2017.igem.org/Team:Hong_Kong-CUHK/HP/Gold_Integrated">Human Practices</a>
 +
      <a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Collaborations">Collaboration</a>
 +
    </div>
 +
  </div>  
 +
 
 +
  <a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Safety">Safety</a>
 +
 
 +
<div class="dropdown">
 +
    <button class="dropbtn"><b>Team ▼</b></button>
 +
    <div class="dropdown-content">
 +
      <a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Team">Team</a>
 +
      <a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Attributions">Attributions</a>
 +
    </div>
 +
  </div>
  
−
<li><a href="https://2017.igem.org/Team:Hong_Kong-CUHK/InterLab">Interlab</a></li>
 
  
−
<li><a href="#">Notebook ▼</a>
+
</div>
−
            <ul id="sub1">
+
−
                <li><a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Notebook">Notebook</a></li>
+
−
                <li><a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Applied_Design">Protocols</a></li>
+
−
            <li><a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Measurement">Medal Criteria</a></li>
+
−
</ul>
+
−
        </li>
+
  
−
<li><a href="#">Human Practice ▼</a>
 
−
            <ul id="sub1">
 
−
                <li><a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Engagement">Public engagement and Education</a></li>
 
−
                <li><a href="https://2017.igem.org/Team:Hong_Kong-CUHK/HP/Gold_Integrated">Integrated human practices</a></li>
 
−
            <li><a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Collaborations">Collaboration</a></li>
 
−
</ul>
 
−
        </li>
 
  
−
<li><a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Safety">Safety</a></li>
 
  
−
<li><a href="#">Team ▼</a>
 
−
            <ul id="sub1">
 
−
                <li><a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Team">Team</a></li>
 
−
                <li><a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Attributions">Attribution</a></li>
 
−
</ul>
 
−
        </li>
 
  
−
    </ul>
 
  
 
</html>
 
</html>

Revision as of 17:33, 4 July 2017

Home
Description Experiments Results Parts Hardware
Modelling Software InterLab
Notebook Protocols Medal Criteria
Engagement and Education Human Practices Collaboration
Safety
Team Attributions

Cuhk igem capture.PNG





Meet the team


Andrew.PNG


Name: Ching Yuet To

Nickname:Andrew

Major/Year: Cell and Molecular Biology/3

Hobby: Hiking, Watching movie

Why did you join iGEM:
I joined CUHK iGEM team this year because I believe that it would be fun that we can carry out research study independently. I think it is meaningful to participate and promote synthetic biology research.

What are you looking most forward to in Boston:
I am looking most forward to meet all the interesting people in Jamboree! I believe that I can learn a lot and make many international friends in Boston!






Venus.PNG


Name: Venus Lin

Nickname:Venus

Major/Year: Cell and Molecular Biology/3

Hobby: Reading books

Favourite Food: Bread

Why did you join iGEM:
I joined IGEM because doing lab is fun.

What are you looking most forward to in Boston:
I am looking forward to meet people in Boston.






Cathy.PNG


Name: Cathy Wong

Nickname:Cathy

Major/Year: Cell and Molecular Biology/3

Hobby: Swimming

Favourite Food: Ice-cream, tea

Why did you join iGEM:
Learn more differently. For example, in igem, we initiate, propose, handle the project by ourselves, which is different in what we have learned in the teaching laboratory, which is a good challenge.

What are you looking most forward to in Boston:
Apart from the jamboree, the attraction visiting and food tasting are the must of course !!!.






Angela.PNG


Name: Ruo Ning Wang

Nickname:Angela

Major/Year: Cell and Molecular Biology/3

Hobby: Film

Favourite Food: Fish

Why did you join iGEM:
iGEM offers me an opportunity to explore new knowledge and techniques. Here we meet friends from different disciplines and have freedom to do various kinds if experiments. I learnt a lot through iGEM.

What are you looking most forward to in Boston:
Have communication with students all over the world and exchange each other's idea !!!.






Jade.PNG


Name: Chui Shan Tsang

Nickname:Jade

Major/Year: Biology/3

Hobby: Make handcraft

Favourite Food: McDonald's chicken wings

What are you looking most forward to in Boston:
Meet more passionate science people and share our joy in research .






Sammi.PNG


Name: Lo Sum Yi Sammi

Nickname:Sammi

Major/Year: Cell and Molecular Biology/3

Hobby: Eating, Playing Guitar, Watching movies

Favourite Food: Steak

Why did you join iGEM:
To work together with my friends on our own project.

What are you looking most forward to in Boston:
Trying nice food and meet new friends.






Cynthia.PNG


Name: Cynthia Lam

Nickname:Cyn

Major/Year: Biochemistry/2

Hobby: Dancing, Vlogging about food and finding good restaurants

Favourite Food: Just any seafood

Why did you join iGEM:
I thought it would be fun.

What are you looking most forward to in Boston:
Meeting everyone! And of course the food.




Inspiration

You can look at what other teams did to get some inspiration!
Here are a few examples:

https://2014.igem.org/Team:METU_Turkey_team">METU Turkey

https://2014.igem.org/Team:Colombia/Members">Colombia

https://2014.igem.org/Team:Stony_Brook/Team">Stony Brook

https://2014.igem.org/Team:OUC-China/Team">OUC-China




</div>

</html>