Difference between revisions of "Team:CSMU NCHU Taiwan"

 
(19 intermediate revisions by 4 users not shown)
Line 2: Line 2:
 
<html lang="en">
 
<html lang="en">
 
<style type="text/css">
 
<style type="text/css">
−
body .main{
 
−
  width: 90%;
 
−
  margin: 0px auto 0px auto;
 
−
  padding-top:75px;
 
−
}
 
  
−
.we{
+
#home-img{
−
   width:80%;
+
   width: 100%;
 +
  height: 100vh;
 +
  position: relative;
 +
  z-index: 10;
 +
  background-image: url('https://static.igem.org/mediawiki/2017/0/02/T--CSMU_NCHU_Taiwan--home_img.png');
 +
  background-repeat: no-repeat;
 +
  background-size:cover;
 +
  background-attachment: fixed;
 
}
 
}
  
−
.logo{
+
#home-cover{
−
  position:relative;
+
   padding: 0 10%;
−
  top:-50px;
+
−
  left:800px;
+
−
  width:300px;
+
−
  height: 300px;
+
−
   padding-right:200px;
+
 
}
 
}
  
−
.description{
+
.top {
−
   width:100%;
+
  position: fixed;
−
}
+
  right: 50px;
 +
  bottom: 50px;
 +
  height: 50px;
 +
   width: 50px;
 +
  cursor: pointer; }
 +
  .top img {
 +
    width: 100%; }
  
 
</style>
 
</style>
 
<body>
 
<body>
−
  <div class="main">
+
    <div id="home-img"></div>
−
     <div class="we" >  
+
     <div id="home-cover">
−
       <img src="https://static.igem.org/mediawiki/2017/1/12/CSMU_NCHU_Taiwan--TeamLogo2.png" width="200px" align="right">
+
       <img src="https://static.igem.org/mediawiki/2017/5/5e/T--CSMU_NCHU_Taiwan--home_cover.png" alt="" style="width:100%;">
−
       <p style="font-size:30px;padding-top:60px">We are CSMU_NCHU_Taiwan from Taichung,Taiwan</p>
+
       <img src="https://static.igem.org/mediawiki/2017/d/da/T--CSMU_NCHU_Taiwan--sponsors3.png" alt="" style="width:100%" align="right">
 
     </div>
 
     </div>
−
   
+
 
−
  <div class="description" >  
+
    <div class="top">
−
       <h2> Our project description </h2>
+
       <img src="https://static.igem.org/mediawiki/2017/5/52/T--CSMU_NCHU_Taiwan--top.png" alt="">
−
      <p style="font-size:20px">For the first part of our project- an aflatoxin detecting strip - our bacteria will be able to produce a fusion protein containing:</p>
+
−
      <p style="font-size:18px">1. scFv (Single-chain variable fragment) that can recognize aflatoxin and bind to it Specifically.</p>
+
−
      <p style="font-size:18px">2. RFP that make the protein more easy to observe.</p>
+
−
      <p style="font-size:18px">3. His Tag acts as the antigen of the secondary antibody.</p>
+
−
      <p style="font-size:18px">Using this fusion protein we will create a strip that detects the presence of aflatoxin in food.</p>
+
−
      <br>
+
−
      <p style="font-size:20px">For the second part of our project - an aflatoxin degrading enzyme-  our bacteria will be able to produce:</p>
+
−
      <p style="font-size:18px">1. An enzyme(FGD) that can degrade aflatoxin.</p>
+
−
      <p style="font-size:18px">2. An enzyme that can produce the cofactor(F420H2) of the enzyme(FGD).</p>
+
−
      <p style="font-size:18px">Our bacteria will be engineered to release these enzymes (FGD) that can protect the digestive system and human body by degrading the aflatoxin before this harmful substance is absorbed.</p>
+
−
      <h2> More about us </h2>
+
−
      <p style="font-size:18px">Facebook: <a href="https://www.facebook.com/IGEM-CSMU-X-NCHU-785205914980916/">IGEM CSMU X NCHU</a></p>
+
−
      <p style="font-size:18px">Youtube: <a href="https://www.youtube.com/channel/UCjUI2xlK0O9CMdYZyiPoMmw">CSMU NCHU Taiwan iGEM</a></p>
+
 
     </div>
 
     </div>
−
  </div>
 
 
</body>
 
</body>
 +
 +
  <script type="text/javascript">
 +
$(document).ready(function(){
 +
 +
     
 +
 +
      $('.top').on('click', function(){
 +
      $('html, body').animate({scrollTop: '0px'}, 500);
 +
    });
 +
 +
});
 +
 +
function toggleContainer(i){
 +
  return function(){
 +
      if($('#public-'+i).is(":visible")){
 +
        $('#public-'+i).slideToggle(500);
 +
      }
 +
      else{
 +
        $('.img-container:visible').slideToggle(500);
 +
        $('#public-'+i).slideToggle(500);
 +
      }
 +
      $('.hp-bg-container').css('max-height','none')
 +
      $('.main-content').css('min-height','200vh')
 +
  }
 +
}
 +
 +
 +
</script>
 
</html>
 
</html>

Latest revision as of 08:24, 1 November 2017

HOME