Difference between revisions of "Team:Hong Kong UCCKE"

 
(166 intermediate revisions by the same user not shown)
Line 1: Line 1:
 +
{{Hong_Kong_UCCKE/CSS/reset.css}} {{Hong_Kong_UCCKE/CSS/bootstrap.css}} {{Hong_Kong_UCCKE/CSS/style.css}} {{Hong_Kong_UCCKE/CSS/latofonts.css}} {{Hong_Kong_UCCKE/CSS/font-awesome.css}} {{Hong_Kong_UCCKE/CSS/jcarousel.responsive.css}}
 
<html>
 
<html>
 +
 +
<meta name="theme-color" content="#5379d0">
 
<style>
 
<style>
−
#sideMenu, #top_title {display:none;}
+
。wholehead {background-color: #5379d0 !important;}
−
#content { padding:0px; width:1000px; margin-top:-7px; margin-left:0px;}
+
.mainfooter {background-color: #5379d0 !important;}
−
body {background-color:white; }
+
@-webkit-keyframes colours {
−
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
+
    0% {background-color: #d05353;}
−
</style>
+
    25% {background-color: #b1d053;}
 +
    50% {background-color: #53d091;}
 +
    75% {background-color: #5372d0;}
 +
    100% {background-color: #d05353;}
  
−
    <link href="css/bootstrap.css" rel="stylesheet">
+
}
−
    {{Hong_Kong_UCCKE/CSS/bootstrap.css}}
+
@-moz-keyframes colours {
−
    <link href="css/latofonts.css" rel="stylesheet">
+
    0% {background-color: #d05353;}
−
     <link href="css/font-awesome.css" rel="stylesheet">
+
    25% {background-color: #b1d053;}
 +
    50% {background-color: #53d091;}
 +
    75% {background-color: #5372d0;}
 +
     100% {background-color: #d05353;}
  
−
     <link href="css/jcarousel.responsive.css" rel="stylesheet">
+
}
 +
@-webkit-keyframes colours3 {
 +
    0% {color: #d05353;}
 +
    25% {color: #b1d053;}
 +
    50% {color: #53d091;}
 +
    75% {color: #5372d0;}
 +
     100% {color: #d05353;}
  
 +
}
 +
@-moz-keyframes colours3 {
 +
    0% {color: #d05353;}
 +
    25% {color: #b1d053;}
 +
    50% {color: #53d091;}
 +
    75% {color: #5372d0;}
 +
    100% {color: #d05353;}
 +
 +
}
 +
@-webkit-keyframes colours4 {
 +
    0% {color: #d05353; border: 1px solid #d05353 !important; }
 +
    25% {color: #b1d053; border: 1px solid #b1d053 !important;}
 +
    50% {color: #53d091; border: 1px solid #53d091 !important;}
 +
    75% {color: #5372d0; border: 1px solid #5372d0 !important;}
 +
    100% {color: #d05353; border: 1px solid #d05353 !important;}
 +
 +
}
 +
@-moz-keyframes colours4 {
 +
    0% {color: #d05353; border: 1px solid #d05353 !important;}
 +
    25% {color: #b1d053; border: 1px solid #b1d053 !important;}
 +
    50% {color: #53d091; border: 1px solid #53d091 !important;}
 +
    75% {color: #5372d0; border: 1px solid #5372d0 !important;}
 +
    100% {color: #d05353; border: 1px solid #d05353 !important;}
 +
 +
}
 +
 +
.wholehead {
 +
    -webkit-animation-direction: normal;
 +
    -webkit-animation-duration: 20s;
 +
    -webkit-animation-iteration-count: infinite;
 +
    -webkit-animation-name: colours;
 +
    -webkit-animation-timing-function: ease;
 +
    -moz-animation-direction: normal;
 +
    -moz-animation-duration: 20s;
 +
    -moz-animation-iteration-count: infinite;
 +
    -moz-animation-name: colours;
 +
    -moz-animation-timing-function: ease;
 +
}
 +
 +
.mainfooter {
 +
    -webkit-animation-direction: normal;
 +
    -webkit-animation-duration: 20s;
 +
    -webkit-animation-iteration-count: infinite;
 +
    -webkit-animation-name: colours;
 +
    -webkit-animation-timing-function: ease;
 +
    -moz-animation-direction: normal;
 +
    -moz-animation-duration: 20s;
 +
    -moz-animation-iteration-count: infinite;
 +
    -moz-animation-name: colours;
 +
    -moz-animation-timing-function: ease;
 +
}
 +
 +
 +
.copyrightfooter {background-color: #415fa2 !important;}
 +
@-webkit-keyframes colours2 {
 +
    0% {background-color: #a44141;}
 +
    25% {background-color: #73a441;}
 +
    50% {background-color: #41a4a4;}
 +
    75% {background-color: #7341a4;}
 +
    100% {background-color: #a44141;}
 +
 +
}
 +
@-moz-keyframes colours2 {
 +
    0% {background-color: #a44141;}
 +
    25% {background-color: #73a441;}
 +
    50% {background-color: #41a4a4;}
 +
    75% {background-color: #7341a4;}
 +
    100% {background-color: #a44141;}
 +
 +
}
 +
 +
.copyrightfooter {
 +
    -webkit-animation-direction: normal;
 +
    -webkit-animation-duration: 20s;
 +
    -webkit-animation-iteration-count: infinite;
 +
    -webkit-animation-name: colours2;
 +
    -webkit-animation-timing-function: ease;
 +
    -moz-animation-direction: normal;
 +
    -moz-animation-duration: 20s;
 +
    -moz-animation-iteration-count: infinite;
 +
    -moz-animation-name: colours2;
 +
    -moz-animation-timing-function: ease;
 +
}
 +
</style><link rel="stylesheet" href="https://2016.igem.org/Template:Hong_Kong_UCCKE/tourjs?action=raw&amp;ctype=text/css" type="text/css" />
 +
<link rel="stylesheet" href="https://2016.igem.org/Team:Leiden/libraries/font-awesome-4-6-3/css/font-awesome-min?action=raw&amp;ctype=text/css" type="text/css" />
 +
<meta name="viewport" content="width=device-width, initial-scale=1">
 
<div class="wholehead">
 
<div class="wholehead">
−
        <nav class="navbar navbar-default navbar-static-top" role="navigation">
 
−
            <div class="container">
 
−
                <div class="navbar-header">
 
−
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
 
−
                        <span class="sr-only">Toggle navigation</span>
 
−
                        <span class="icon-bar"></span>
 
−
                        <span class="icon-bar"></span>
 
−
                        <span class="icon-bar"></span>
 
−
                    </button>
 
−
                    <a class="navbar-brand" href="#">LOGO HERE</a>
 
−
                </div>
 
−
                <!-- Collect the nav links, forms, and other content for toggling -->
 
−
                <div class="collapse navbar-collapse navbar-right" id="bs-example-navbar-collapse-1">
 
−
                    <ul class="nav navbar-nav">
 
−
                        <li>
 
−
                            <a href="#">Team</a>
 
−
                        </li>
 
−
                        <li class="dropdown">
 
−
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Project <i class="fa fa-angle-down" aria-hidden="true" style="font-size:14px; margin-left:3px;"></i></a>
 
−
                            <ul class="dropdown-menu">
 
−
                                <li><a href="#">Description</a></li>
 
−
                                <li><a href="#">Design</a></li>
 
−
                                <li><a href="#">Experiments</a></li>
 
−
                                <li><a href="#">Proof of Concept</a></li>
 
−
                                <li><a href="#">Demonstrate</a></li>
 
−
                                <li><a href="#">Results</a></li>
 
−
                                <li><a href="#">Notebook</a></li>
 
−
                            </ul>
 
−
                        </li>
 
−
                        <li class="dropdown">
 
−
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Parts <i class="fa fa-angle-down" aria-hidden="true" style="font-size:14px; margin-left:3px;"></i></a>
 
−
                            <ul class="dropdown-menu">
 
−
                                <li><a href="#">Parts</a></li>
 
−
                                <li><a href="#">Basic Parts</a></li>
 
−
                                <li><a href="#">Composite Parts</a></li>
 
−
                                <li><a href="#">Part Collection</a></li>
 
−
                            </ul>
 
−
                        </li>
 
−
                        <li>
 
−
                            <a href="#">Safety</a>
 
−
                        </li>
 
−
                        <li>
 
−
                            <a href="#">Attributions</a>
 
−
                        </li>
 
−
                        <li>
 
−
                            <a href="#">Human Practices</a>
 
−
                        </li>
 
−
                    </ul>
 
−
                </div>
 
−
            </div>
 
−
        </nav>
 
−
        <div class="header" id="header">
 
−
            <div class="container">
 
  
−
                <div class="row">
+
</html>
−
                    <div class="col-sm-12 header-text">
+
{{Hong_Kong_UCCKE/crazyheader}}
−
                        <div>
+
<html>
−
                            <h1>UCCKE Bio Research Team</h1>
+
<div class="header" id="header">
−
                            <p>offendit malis arbitror appellat o arbitror nisi nam quamquam illustriora do se appellat praetermissum.</p>
+
    <div class="container">
−
                        </div>
+
−
                    </div>
+
−
                    <div class="col-sm-12" style="text-align:center;">
+
−
                        <a href="#proabs" class="no-text-dec">
+
−
                            <i class="fa fa-angle-down header-down" aria-hidden="true" style="font-size:40px; margin-bottom:10px;"></i>
+
−
                        </a>
+
−
                    </div>
+
−
                </div>
+
  
 +
        <div class="row">
 +
            <div class="col-sm-12 header-text">
 +
                <div>
 +
                    <h1 id="98uy5454g43">UCCKE Bio Research Team</h1>
 +
                    <p style="text-align:left;">Welcome to our wiki! You can learn how to navigate around our wiki by clicking <a href="https://2016.igem.org/Team:Hong_Kong_UCCKE/Tour" style="color:#fff; border-bottom:1px dotter #fff;">here</a></p>
 +
                </div>
 +
            </div>
 +
            <div class="col-sm-12" style="text-align:center;">
 +
                <a href="#proabs" class="no-text-dec">
 +
                    <i class="fa fa-angle-down header-down" aria-hidden="true" style="font-size:40px; margin-bottom:10px;"></i>
 +
                </a>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
 +
 
     </div>
 
     </div>
−
     <div class="proabs" id="proabs">
+
</div>
−
        <div class="container">
+
</div>
−
            <div class="row">
+
 
−
                <div class="col-sm-6 col-xs-6">
+
<style>
−
                    <div class="videowrapper">
+
     @media screen and (min-width: 992px) {
−
                        <iframe src="https://www.youtube.com/embed/Vvrn4imd5v0" frameborder="0" allowfullscreen></iframe>
+
        .col-md-12 {
−
                    </div>
+
            width: 50%;
 +
        }
 +
    }
 +
   
 +
    @media screen and (max-width: 991px) {
 +
        .col-md-12 {
 +
            width: 100%;
 +
        }
 +
        .videocol {
 +
            margin-bottom: 25px;
 +
        }
 +
    }
 +
</style>
 +
 
 +
<div class="proabs" id="proabs">
 +
    <div class="container">
 +
        <div class="row">
 +
            <div class="videocol col-md-12">
 +
                <div class="videowrapper">
 +
                    <iframe src="https://static.igem.org/mediawiki/2016/0/0c/T--Hong_Kong_UCCKE--brief.mp4" frameborder="0" allowfullscreen></iframe>
 
                 </div>
 
                 </div>
−
                <div class="col-sm-6 col-xs-6" style="height:100%;">
 
−
                    <h2>Project Abstract</h2>
 
−
                    <p>Legam hic mandaremus, ut ullamco tractavissent. Magna cernantur aut despicationes est in esse fore sunt nostrud. Dolor mandaremus qui laboris. Anim non e enim occaecat, est veniam mandaremus doctrina, nostrud magna ubi laboris concursionibus sed pariatur illum noster cupidatat esse, qui enim pariatur arbitrantur non ita malis comprehenderit.</p>
 
−
                    <a href="#" class="proabs-btn">Read More</a></div>
 
 
             </div>
 
             </div>
 +
            <div id="abs34" class="col-md-12" style="height:100%;">
 +
                <h2>Nematode Biochemical marshal: attractant and repellent</h2>
 +
                <p style="text-align:left;">Inspired by the ability of horsehair worm modifying the behavior of other organisms, we would like to employ the idea to modify organisms behavior by what available in our laboratory. Nematode is a pest, which will attack the roots of crops. We wish to modify its behavior by engineering bacteria to produce biochemical cues to attract or repel the worm. We identified two potential biochemicals, cinnamaldehyde and phenylpyruvic acid, which are possibly attractant or repellent to the Nematode. We have designed a chemosensation assay to demonstrate the attraction and repulsion ability of the biochemical of interest. The results suggest that cinnamaldehyde is a strong repellent and phenylpyruvic acid is a moderate attractant to the worm. Genetic engineering of bacteria to produce the two biochemicals are working in progress.</p>
 +
                <a href="https://2016.igem.org/Team:Hong_Kong_UCCKE/Description" class="proabs-btn">Read More</a></div>
 
         </div>
 
         </div>
 
     </div>
 
     </div>
−
     <div class="golinks" id="golinks">
+
</div>
−
        <div class="container">
+
<style>
−
            <div class="row">
+
     .golinksicon {
−
                <div class="col-xs-6 col-sm-4 col-md-4">
+
        font-size: 70px;
−
                    <div class="golinksbox"><img class="golinksimg" src="https://pbs.twimg.com/profile_images/378800000532546226/dbe5f0727b69487016ffd67a6689e75a.jpeg">
+
        margin-top: 15px;
−
                        <h4>some text here</h4>
+
        margin-bottom: 15px;
−
                        <p>Eram singulis expetendis te do aute distinguantur. In enim o legam, o hic nulla summis qui senserit.</p>
+
        color: #5379d0;
−
                        <div class="golinksbtnbox"><a href="#" class="proabs-btn">Read More</a></div>
+
    }
−
                    </div>
+
    .golinks .col-xs-6 {
 +
        height:300px;
 +
    }
 +
@media screen and (max-width: 475px) {
 +
    .golinks .col-xs-6 {
 +
        height:340px;
 +
    }
 +
}
 +
</style>
 +
<div class="golinks" id="golinks">
 +
    <div class="container">
 +
        <div class="row">
 +
            <div class="col-xs-6 col-sm-4 col-md-4">
 +
                <div class="golinksbox"><i class="golinksicon fa fa-map-signs" aria-hidden="true" style="color: #7453d0 !important"></i>
 +
                    <h4>Tour</h4>
 +
                    <p style="text-align:left;">This tour aims to tell you how to navigate around our wiki. Please click on the button below and start the tour.</p>
 +
                    <div class="golinksbtnbox"><a href="https://2016.igem.org/Team:Hong_Kong_UCCKE/Tour" class="proabs-btn tourbbun">Read More</a></div>
 +
<style>
 +
.tourbbun {
 +
border: 1px solid #7453d0 !important;
 +
color: #7453d0 !important;
 +
}
 +
.tourbbun:hover {
 +
border: 1px solid #7453d0 !important;
 +
background-color: #7453d0 !important;
 +
color: #fff !important;
 +
}
 +
</style>
 
                 </div>
 
                 </div>
−
                <div class="col-xs-6 col-sm-4 col-md-4">
+
            </div>
−
                    <div class="golinksbox"><img class="golinksimg" src="https://pbs.twimg.com/profile_images/378800000532546226/dbe5f0727b69487016ffd67a6689e75a.jpeg">
+
            <div class="col-xs-6 col-sm-4 col-md-4">
−
                        <h4>some text here</h4>
+
                <div class="golinksbox"><i class="golinksicon fa fa-users" aria-hidden="true" style="color: #d05353 !important"></i>
−
                        <p>Eram singulis expetendis te do aute distinguantur. In enim o legam, o hic nulla summis qui senserit.</p>
+
                    <h4>Our team</h4>
−
                        <div class="golinksbtnbox"><a href="#" class="proabs-btn">Read More</a></div>
+
                    <p style="text-align:left;">In this page, you will learn about our school, members of our team and our instructors.</p>
−
                    </div>
+
                    <div class="golinksbtnbox"><a href="https://2016.igem.org/Team:Hong_Kong_UCCKE/Team" class="proabs-btn teambun">Read More</a></div>
 +
<style>
 +
.teambun {
 +
border: 1px solid #d05353 !important;
 +
color: #d05353 !important;
 +
}
 +
.teambun:hover {
 +
border: 1px solid #d05353 !important;
 +
background-color: #d05353 !important;
 +
color: #fff !important;
 +
}
 +
</style>
 
                 </div>
 
                 </div>
−
                <div class="col-xs-6 col-sm-4 col-md-4">
+
            </div>
−
                    <div class="golinksbox"><img class="golinksimg" src="https://pbs.twimg.com/profile_images/378800000532546226/dbe5f0727b69487016ffd67a6689e75a.jpeg">
+
            <div class="col-xs-6 col-sm-4 col-md-4">
−
                        <h4>some text here</h4>
+
                <div class="golinksbox"><i class="golinksicon fa fa-pencil" aria-hidden="true" style="color: #d0b153 !important"></i>
−
                        <p>Eram singulis expetendis te do aute distinguantur. In enim o legam, o hic nulla summis qui senserit.</p>
+
                    <h4>Our Project</h4>
−
                        <div class="golinksbtnbox"><a href="#" class="proabs-btn">Read More</a></div>
+
                    <p style="text-align:left;">In this page, you can get an overall image about our project.</p>
−
                    </div>
+
                    <div class="golinksbtnbox"><a href="https://2016.igem.org/Team:Hong_Kong_UCCKE/Description" class="proabs-btn prooobtn">Read More</a></div>
 +
<style>
 +
.prooobtn {
 +
border: 1px solid #d0b153 !important;
 +
color: #d0b153 !important;
 +
}
 +
.prooobtn:hover {
 +
border: 1px solid #d0b153 !important;
 +
background-color: #d0b153 !important;
 +
color: #fff !important;
 +
}
 +
</style>
 
                 </div>
 
                 </div>
−
                <div class="col-xs-6 col-sm-4 col-md-4">
+
            </div>
−
                    <div class="golinksbox"><img class="golinksimg" src="https://pbs.twimg.com/profile_images/378800000532546226/dbe5f0727b69487016ffd67a6689e75a.jpeg">
+
            <div class="col-xs-6 col-sm-4 col-md-4">
−
                        <h4>some text here</h4>
+
                <div class="golinksbox"><i class="golinksicon fa fa-list" aria-hidden="true"></i>
−
                        <p>Eram singulis expetendis te do aute distinguantur. In enim o legam, o hic nulla summis qui senserit.</p>
+
                    <h4>Parts</h4>
−
                        <div class="golinksbtnbox"><a href="#" class="proabs-btn">Read More</a></div>
+
                    <p style="text-align:left;">In this page, you can know about details of parts that we submitted.</p>
−
                    </div>
+
                    <div class="golinksbtnbox"><a href="https://2016.igem.org/Team:Hong_Kong_UCCKE/Parts" class="proabs-btn parrtbtn">Read More</a></div>
 
                 </div>
 
                 </div>
−
                <div class="col-xs-6 col-sm-4 col-md-4">
+
            </div>
−
                    <div class="golinksbox"><img class="golinksimg" src="https://pbs.twimg.com/profile_images/378800000532546226/dbe5f0727b69487016ffd67a6689e75a.jpeg">
+
            <div class="col-xs-6 col-sm-4 col-md-4">
−
                        <h4>some text here</h4>
+
                <div class="golinksbox"><i class="golinksicon fa fa-heartbeat" aria-hidden="true" style="color: #91d053 !important"></i>
−
                        <p>Eram singulis expetendis te do aute distinguantur. In enim o legam, o hic nulla summis qui senserit.</p>
+
                    <h4>Safety</h4>
−
                        <div class="golinksbtnbox"><a href="#" class="proabs-btn">Read More</a></div>
+
                    <p style="text-align:left;">In this page, you will learn about what have we done to ensure safety.</p>
−
                    </div>
+
                    <div class="golinksbtnbox"><a href="https://2016.igem.org/Team:Hong_Kong_UCCKE/Safety" class="proabs-btn saffbtn">Read More</a></div>
 +
<style>
 +
.saffbtn {
 +
border: 1px solid #91d053 !important;
 +
color: #d0b153 !important;
 +
}
 +
.saffbtn:hover {
 +
border: 1px solid #91d053 !important;
 +
background-color: #91d053 !important;
 +
color: #fff !important;
 +
}
 +
</style>
 
                 </div>
 
                 </div>
−
                <div class="col-xs-6 col-sm-4 col-md-4">
+
            </div>
−
                    <div class="golinksbox"><img class="golinksimg" src="https://pbs.twimg.com/profile_images/378800000532546226/dbe5f0727b69487016ffd67a6689e75a.jpeg">
+
            <div class="col-xs-6 col-sm-4 col-md-4">
−
                        <h4>some text here</h4>
+
                <div class="golinksbox"><i class="golinksicon fa fa-info" aria-hidden="true" style="color: #53d091 !important"></i>
−
                        <p>Eram singulis expetendis te do aute distinguantur. In enim o legam, o hic nulla summis qui senserit.</p>
+
                    <h4>Attributions</h4>
−
                        <div class="golinksbtnbox"><a href="#" class="proabs-btn">Read More</a></div>
+
                    <p style="text-align:left;">In this page, you can know about our work division and who did we get help from.</p>
−
                    </div>
+
                    <div class="golinksbtnbox"><a href="https://2016.igem.org/Team:Hong_Kong_UCCKE/Attributions" class="proabs-btn strbtn">Read More</a></div>
 +
<style>
 +
.strbtn {
 +
border: 1px solid #53d091 !important;
 +
color: #53d091 !important;
 +
}
 +
.strbtn:hover {
 +
border: 1px solid #53d091 !important;
 +
background-color: #53d091 !important;
 +
color: #fff !important;
 +
}
 +
</style>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
 
     </div>
 
     </div>
−
    <div class="thankspon" id="thankspon">
+
</div>
−
        <div class="container">
+
<div class="thankspon" id="thankspon">
−
            <div class="row">
+
    <div class="container">
−
                <div class="col-xs-12">
+
        <div class="row">
−
                    <h2>Thanks...</h2>
+
            <div class="col-xs-12">
−
                    <p>We would like to thank the following associations for helping or sponsoring us during our project.</p>
+
                <h2>Thanks...</h2>
 +
                <p>We would like to thank the following associations for helping or sponsoring us during our project.</p>
  
  
 +
<style>
 +
.thanks3498 {
 +
width:100%;
 +
}
 +
</style>
 +
                <div class="row">
 +
<div class="col-xs-4">
 +
<img class="thanks3498" src="https://static.igem.org/mediawiki/2016/1/1f/T--Hong_Kong_UCCKE--thank2comp.png">
 +
</div>
 +
<div class="col-xs-4">
 +
<img class="thanks3498" src="https://static.igem.org/mediawiki/2016/0/0a/T--Hong_Kong_UCCKE--thank1comp.png">
 +
</div>
 +
<div class="col-xs-4">
 +
<img class="thanks3498" src="https://static.igem.org/mediawiki/2016/e/e9/T--Hong_Kong_UCCKE--thank3comp.png">
 +
</div>
 +
</div>
  
−
                    <div class="jcarousel-wrapper">
 
−
                        <div class="jcarousel">
 
−
                            <ul>
 
−
                                <li><img src="https://pbs.twimg.com/profile_images/378800000532546226/dbe5f0727b69487016ffd67a6689e75a.jpeg" alt="Image 1"></li>
 
−
                                <li><img src="https://pbs.twimg.com/profile_images/378800000532546226/dbe5f0727b69487016ffd67a6689e75a.jpeg" alt="Image 2"></li>
 
−
                                <li><img src="https://pbs.twimg.com/profile_images/378800000532546226/dbe5f0727b69487016ffd67a6689e75a.jpeg" alt="Image 3"></li>
 
−
                                <li><img src="https://pbs.twimg.com/profile_images/378800000532546226/dbe5f0727b69487016ffd67a6689e75a.jpeg" alt="Image 4"></li>
 
−
                                <li><img src="https://pbs.twimg.com/profile_images/378800000532546226/dbe5f0727b69487016ffd67a6689e75a.jpeg" alt="Image 5"></li>
 
−
                                <li><img src="https://pbs.twimg.com/profile_images/378800000532546226/dbe5f0727b69487016ffd67a6689e75a.jpeg" alt="Image 6"></li>
 
−
                            </ul>
 
−
                        </div>
 
−
 
−
                        <a href="#" class="jcarousel-control-prev">&lsaquo;</a>
 
−
                        <a href="#" class="jcarousel-control-next">&rsaquo;</a>
 
−
 
−
                        <p class="jcarousel-pagination"></p>
 
−
                    </div>
 
  
 
                 </div>
 
                 </div>
  
 
             </div>
 
             </div>
 +
 
         </div>
 
         </div>
 
     </div>
 
     </div>
−
    <div class="footer" id="footer">
+
</div>
−
        <div class="mainfooter">
+
−
            <div class="container">
+
−
                <div class="row">
+
−
                    <div class="col-xs-12 col-sm-4 col-md-4">LOGO</div>
+
−
                    <div class="col-xs-12 col-sm-4 col-md-4">
+
−
                        <div class="col-xs-12 noleftpadding">
+
−
                            <h3>Contact</h3>
+
−
                            <p>E-mail: bioresearchteam@gmail.com</p>
+
−
                        </div>
+
−
                        <div class="col-xs-12 noleftpadding marginbottom10">
+
−
                            <h3>Address</h3>
+
−
                            <p style="margin-bottom:0;">United Christian College (Kowloon East),
+
−
                                <br>2 Lee On Lane,
+
−
                                <br>Kwun Tong, HK</p>
+
−
                        </div>
+
−
                    </div>
+
−
                    <div class="col-xs-12 col-sm-4 col-md-4">
+
−
                        <h3>Follow Us</h3>
+
−
                        <p>
+
−
                            <a href="#"><i class="fa fa-facebook" style="margin-right:10px;" aria-hidden="true"></i></a>
+
−
                            <a href="#"><i class="fa fa-youtube" aria-hidden="true"></i></a>
+
−
                        </p>
+
−
                    </div>
+
−
                </div>
+
−
            </div>
+
−
        </div>
+
−
        <div class="copyrightfooter">
+
−
            <div class="container">
+
−
                <div class="row">
+
−
                    <div class="col-xs-12 pull-left">
+
−
                        Content by UCCKE team. Design and program by Gabriel Lee.
+
−
                    </div>
+
−
                </div>
+
−
            </div>
+
−
        </div>
+
−
    </div>
+
−
 
+
−
 
+
−
    <script src="js/jquery.js"></script>
+
−
    <script src="js/bootstrap.js"></script>
+
−
    <script src="js/jquery.jcarousel.js"></script>
+
−
    <script src="js/jcarousel.responsive.js"></script>
+
 
</html>
 
</html>
 +
{{Hong_Kong_UCCKE/heyfooter}} {{Hong_Kong_UCCKE/illbeback}}

Latest revision as of 12:29, 19 October 2016

Nematode Biochemical marshal: attractant and repellent

Inspired by the ability of horsehair worm modifying the behavior of other organisms, we would like to employ the idea to modify organisms behavior by what available in our laboratory. Nematode is a pest, which will attack the roots of crops. We wish to modify its behavior by engineering bacteria to produce biochemical cues to attract or repel the worm. We identified two potential biochemicals, cinnamaldehyde and phenylpyruvic acid, which are possibly attractant or repellent to the Nematode. We have designed a chemosensation assay to demonstrate the attraction and repulsion ability of the biochemical of interest. The results suggest that cinnamaldehyde is a strong repellent and phenylpyruvic acid is a moderate attractant to the worm. Genetic engineering of bacteria to produce the two biochemicals are working in progress.

Read More

Thanks...

We would like to thank the following associations for helping or sponsoring us during our project.