Difference between revisions of "Team:Hong Kong HKU/Collaborations"

(New UI)
(Update information)
Line 3: Line 3:
 
<meta name="viewport" content="width=device-width, initial-scale=1.0">
 
<meta name="viewport" content="width=device-width, initial-scale=1.0">
 
<style>
 
<style>
−
        #sideMenu
+
#sideMenu
−
        {
+
{display:none; /* Disable the display of the annoying side main menu*/}
−
        display:none; /* Disable the display of the annoying side main menu*/
+
#top_title
−
        }
+
{display:none; /* Disable the annoying title*/}
−
       
+
#content
−
        #top_title
+
{padding:0px; width:90%; margin-left:5%; margin-right:5%;background-color: rgba(255,255,255,0);}
−
        {
+
body
−
        display:none; /* Disable the annoying title*/
+
{margin: 0;
−
        }
+
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
−
 
+
font-size: 24px;
−
#content { padding:0px; width:90%; margin-left:5%; margin-right:5%;}
+
color: #333333;
 +
background-color: #fafafa;
 +
background-image:url(https://static.igem.org/mediawiki/2016/a/ae/T--Hong_Kong_HKU--Background_image.png);
 +
background-position:center center;
 +
background-repeat:no-repeat;
 +
-moz-background-size: cover;
 +
background-size: cover;
 +
background-attachment:fixed;}
 +
.container
 +
{background-color: rgba(255,255,255,0.4);
 +
padding-top:80px;}
 +
p {font-size: 16px;}
 +
h1,h2,h3,h4,h5,h6 {color: #282828;}
 +
h1 {font-size:72px;} h2 {font-size:48px;} h3 {font-size:36px;}
 +
h4 {font-size:32px;} h5 {font-size:28px;} h6 {font-size:24px;}
 +
.panel-body{background-color:rgba(255, 255, 255, 0) !important;}
 +
.panel-heading{background-color:rgba(255, 255, 255, 0.7)  !important;}
 +
.panel-group{background-color:rgba(255, 255, 255, 0)  !important;}
 +
.panel-transparent{background-color:rgba(255, 255, 255, 0) !important;}
 +
.nav-pills>li.active>a{background-color:#93d66b !important;}
 +
.nav-pills>li>a:hover{background-color:#b2dd75 !important; color:#FFFFFF!important;}
 +
.nav-pills>li.active>a:hover{background-color:#93d66b !important;}
 
</style>
 
</style>
−
 
+
<link href="css/bootstrap.css" rel="stylesheet" type="text/css">
 
<head>
 
<head>
 
<meta charset="utf-8">
 
<meta charset="utf-8">
 
<meta http-equiv="X-UA-Compatible" content="IE=edge">
 
<meta http-equiv="X-UA-Compatible" content="IE=edge">
 
<meta name="viewport" content="width=device-width, initial-scale=1">
 
<meta name="viewport" content="width=device-width, initial-scale=1">
−
<!-- Bootstrap -->
 
 
<link href="https://2016.igem.org/Team:Hong_Kong_HKU/css/default?action=raw&ctype=text/css" type="text/css" rel="stylesheet">
 
<link href="https://2016.igem.org/Team:Hong_Kong_HKU/css/default?action=raw&ctype=text/css" type="text/css" rel="stylesheet">
−
<!-- custom style -->
 
 
<link href="https://2016.igem.org/Team:Hong_Kong_HKU/css/custom?action=raw&ctype=text/css" type="text/css" rel="stylesheet">
 
<link href="https://2016.igem.org/Team:Hong_Kong_HKU/css/custom?action=raw&ctype=text/css" type="text/css" rel="stylesheet">
 
</head>
 
</head>
−
 
+
</html>
 +
{{Hong_Kong_HKU/Header}}
 +
<html>
 
<body>
 
<body>
−
<nav class="navbar navbar-default">
+
<div class="container" align="center">
−
  <div class="container-fluid">
+
  <h2>Collaborations</h2>
−
    <!-- Brand and toggle get grouped for better mobile display -->
+
  <p class="text-justify" align="left"><font size="3">
−
    <div class="navbar-header">
+
        iGEM competition sparks chances to meet with different people for the same goal. <br>
−
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
+
        We treasure every dialog and believe the teams are linked and united in striving for the best.
−
      <a class="navbar-brand" href="#">HKU iGEM Team</a>
+
         </font></p>
−
    </div>
+
      <ul class="nav nav-pills">
−
     
+
           <li><a href="https://2016.igem.org/Team:Hong_Kong_HKU/Human_Practices#IntegratedHumanPractices">Integrated Human Practices</a></li>
−
   
+
          <li><a href="https://2016.igem.org/Team:Hong_Kong_HKU/Human_Practices#Outreach">Outreach</a></li>
−
    <!-- Collect the nav links, forms, and other content for toggling -->
+
           <li class="active"><a data-toggle="pill" href="">Collaborations</a></li>
−
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
+
−
      <ul class="nav navbar-nav">
+
−
         <li class="active"><a href="https://2016.igem.org/Team:Hong_Kong_HKU">Homepage</a> </li>
+
−
        <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true">Project<span class="caret"></span></a>
+
−
           <ul class="dropdown-menu">
+
−
            <li><a href="https://2016.igem.org/Team:Hong_Kong_HKU/Description">Description</a> </li>
+
−
            <li><a href="https://2016.igem.org/Team:Hong_Kong_HKU/Design">Design</a> </li>
+
−
            <li role="separator" class="divider"></li>
+
−
            <li><a href="https://2016.igem.org/Team:Hong_Kong_HKU/Proof">Proof of concept</a> </li>
+
−
            <li><a href="https://2016.igem.org/Team:Hong_Kong_HKU/Demonstrate">Demonstrate</a> </li>
+
−
           </ul>
+
−
        </li>
+
−
        <li class="dropdown"> <a href="https://2016.igem.org/Team:Hong_Kong_HKU/Notebook" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true">Notebook<span class="caret"></span></a>
+
−
          <ul class="dropdown-menu">
+
−
            <li><a href="https://2016.igem.org/Team:Hong_Kong_HKU/Protocol">Protocol</a> </li>
+
−
            <li role="separator" class="divider"></li>
+
−
            <li><a href="https://2016.igem.org/Team:Hong_Kong_HKU/Results">Results</a> </li>
+
−
          </ul>
+
−
        </li>
+
−
        <li><a href="https://2016.igem.org/Team:Hong_Kong_HKU/Parts">Parts</a></li>
+
−
        <li><a href="https://2016.igem.org/Team:Hong_Kong_HKU/Human_Practices">Human Practices</a></li>
+
−
        <li><a href="https://2016.igem.org/Team:Hong_Kong_HKU/Collaborations">Collaborations</a></li>
+
−
        <li><a href="https://2016.igem.org/Team:Hong_Kong_HKU/Attributions">Attributions</a></li>
+
 
       </ul>
 
       </ul>
−
       <form class="navbar-form navbar-right" role="search">
+
       <div class="panel-group" id="CollaborationsContent" role="tablist" aria-multiselectable="true">
−
        <div class="form-group">
+
      <div class="panel panel-transparent">
−
         <a href="https://www.facebook.com/igemhku2016" target="_blank"><img style="float:right" src="https://static.igem.org/mediawiki/2016/e/ea/T--Hong_Kong_HKU--FB.jpg" width="24px" height="24px" alt="Placeholder image"></a>
+
         <div class="panel-heading" role="tab">
 +
          <h4 class="panel-title"><a data-toggle="collapse" data-parent="#CollaborationsContent" href="#Mentoring"><h3>Mentoring Local High School Team</h3></a></h4>
 +
        </div>
 +
        <div id="Mentoring" class="panel-collapse collapse in">
 +
          <div class="panel-body">
 +
          <p class="text-justify" align="left"><font size="3">
 +
          United Christian College (Kowloon East) in Hong Kong is the first high school in Hong Kong to participate in iGEM.  
 +
          Since its establishment, HKU Team has been mentoring this new team which we believe will be the role model for future high school iGEM teams in Hong Kong.  
 +
          We provided this team of budding synthetic biologists administrative guidance through regular joint-team meetings,
 +
          helped them with their ideas developing stage and offered them technical support in later stages of their project.
 +
          It was our pleasure to share our 7 years of iGEM experience with the UCCKE team.
 +
          <br>
 +
          We were impressed by the fascinating new ideas from UCCKE team in the brainstorm session held in March at HKU.
 +
          Our team members gave UCCKE team some advices on iGEM and commented on their project designs. 
 +
          Another meeting was held in August, in which we focused on troubleshooting and laboratory collaboration.
 +
          We delivered a sharing session at their school as well to promote iGEM and synthetic biology to more high school students.
 +
      </font></p>
 +
          </div>
 +
        </div>
 +
      </div>
 +
      <div class="panel panel-transparent">
 +
        <div class="panel-heading">
 +
          <h4 class="panel-title"><a data-toggle="collapse" data-parent="#CollaborationsContent" href="#Global"><h3>Global</h3></a></h4>
 +
        </div>
 +
        <div id="Global" class="panel-collapse collapse">
 +
          <div class="panel-body">
 +
            <p class="text-justify" align="left"><font size="3">
 +
            In emphasizing the ‘I’ in the iGEM, we have been very active in seeking collaborations between local institutes as well as international ones.
 +
            We approached teams from several universities worldwide to seek possible inter-institute collaborations, these includes Dundee University, Imperial College London, ETH Zurich (Swiss Federal Institute of Technology in Zurich) and National University of Singapore.
 +
            At the end of the day, we helped NUS to distribute over 100 questionnaires on the issue of cancer treatment at HKU.
 +
            This act helps NUS to collect data oversea and obtain an alternative perspective.
 +
          </font></p>
 +
          </div>
 
         </div>
 
         </div>
−
      </form>
 
−
      <ul class="nav navbar-nav navbar-right">
 
−
      </ul>
 
−
    </div>
 
−
    <span class="dropdown"></span>    <!-- /.navbar-collapse -->
 
−
  </div>
 
−
  <!-- /.container-fluid -->
 
−
</nav>
 
−
 
−
 
−
<img class="img-responsive center-block" src="https://static.igem.org/mediawiki/2016/a/a8/T--Hong_Kong_HKU--Logo_HKU_2460x1860.jpg" style="width:240px; height:180px;" alt="Placeholder image">
 
−
<div class="container" align="center">
 
−
<h3>Design</h3>
 
−
 
−
<!-- footer -->
 
−
<hr>
 
−
<footer class="text-center">
 
−
  <div class="container">
 
−
  <table cellspacing="0" cellpadding="0" max-width="90%" height="78" border="0" align="center">
 
−
  <tbody>
 
−
    <tr align="center">
 
−
      <td width="70%"><h4>Sponsors</h4></td>
 
−
      <td width="20%"><h4>Contact</h4></td>
 
−
    </tr>
 
−
    <tr>
 
−
      <td><img class="img-responsive center-block" src="https://static.igem.org/mediawiki/2016/c/cd/T--Hong_Kong_HKU--IDT-Logo.png" width="185px" height="51px" alt="Placeholder image">
 
−
      <img class="img-responsive center-block" src="https://static.igem.org/mediawiki/2016/7/76/T--Hong_Kong_HKU--SnapGeneLogo72.jpg" width="180px" height="51px" alt="Placeholder image"></td>
 
−
      <td>Email: <a href="mailto:igemhku@hku.hk" target="_blank">igemhku@hku.hk</a></td>
 
−
    </tr>
 
−
  </tbody>
 
−
</table>
 
−
    <div class="row">
 
−
      <div class="col-xs-12">
 
−
        <p style="text-align: center;">Copyright © 2016 HKU iGEM. All rights reserved.</p>
 
 
       </div>
 
       </div>
−
    </div>
+
  </div>
−
  </div>
+
    <!-- footer -->
−
</footer>
+
    <footer class="text-center">
 +
    </footer>
 +
</div>
 +
<script src="https://2016.igem.org/Team:Hong_Kong_HKU/JS/jQuery?action=raw&ctype=text/javascript" type="text/javascript"></script>
 
<script src="https://2016.igem.org/Template:Hong_Kong_HKU/js/script?action=raw&ctype=text/javascript" type="text/javascript"></script>
 
<script src="https://2016.igem.org/Template:Hong_Kong_HKU/js/script?action=raw&ctype=text/javascript" type="text/javascript"></script>
−
 
 
</body>
 
</body>
−
 
 
</html>
 
</html>
 +
{{Hong_Kong_HKU/Footer}}

Revision as of 03:53, 19 October 2016

Collaborations

iGEM competition sparks chances to meet with different people for the same goal.
We treasure every dialog and believe the teams are linked and united in striving for the best.

United Christian College (Kowloon East) in Hong Kong is the first high school in Hong Kong to participate in iGEM. Since its establishment, HKU Team has been mentoring this new team which we believe will be the role model for future high school iGEM teams in Hong Kong. We provided this team of budding synthetic biologists administrative guidance through regular joint-team meetings, helped them with their ideas developing stage and offered them technical support in later stages of their project. It was our pleasure to share our 7 years of iGEM experience with the UCCKE team.
We were impressed by the fascinating new ideas from UCCKE team in the brainstorm session held in March at HKU. Our team members gave UCCKE team some advices on iGEM and commented on their project designs. Another meeting was held in August, in which we focused on troubleshooting and laboratory collaboration. We delivered a sharing session at their school as well to promote iGEM and synthetic biology to more high school students.

Global

In emphasizing the ‘I’ in the iGEM, we have been very active in seeking collaborations between local institutes as well as international ones. We approached teams from several universities worldwide to seek possible inter-institute collaborations, these includes Dundee University, Imperial College London, ETH Zurich (Swiss Federal Institute of Technology in Zurich) and National University of Singapore. At the end of the day, we helped NUS to distribute over 100 questionnaires on the issue of cancer treatment at HKU. This act helps NUS to collect data oversea and obtain an alternative perspective.


Copyright © 2016 HKU iGEM. All rights reserved.