Difference between revisions of "Team:SZU-China"

Line 1: Line 1:
−
{{SZU-China}}
+
<!DOCTYPE html>
 
<html>
 
<html>
 +
 
<head>
 
<head>
−
<meta charset="utf-8">
 
−
<title>Description</title>
 
−
<meta name="viewport" content="width=device-width, initial-scale=1">
 
−
<style type="text/css">
 
−
.hero-unit {
 
−
  padding: 60px;
 
−
  margin-bottom: 30px;
 
−
  font-size: 18px;
 
−
  font-weight: 200;
 
−
  line-height: 30px;
 
−
  color: inherit;
 
−
  background-color: #eeeeee;
 
−
  -webkit-border-radius: 6px;
 
−
    -moz-border-radius: 6px;
 
−
          border-radius: 6px;
 
−
}
 
  
−
.hero-unit h1 {
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
−
  margin-bottom: 0;
+
<title>MAIN PAGE</title>
−
  font-size: 60px;
+
−
  line-height: 1;
+
−
  letter-spacing: -1px;
+
−
  color: inherit;
+
−
}
+
  
−
.hero-unit li {
+
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Team:SZU-China/main.css">
−
  line-height: 30px;
+
−
}
+
  
−
.container {
+
<script type="text/javascript" src="https://2017.igem.org/Team:SZU-China/jquery-3.2.1-min.js"></script>
−
  margin-right: auto;
+
−
  margin-left: auto;
+
−
  *zoom: 1;
+
−
}
+
  
−
.container:before,
+
<script type="text/javascript">
−
.container:after {
+
$(document).ready(function(){
−
  display: table;
+
$("#nav-list-ul li").hover(function(){
−
  line-height: 0;
+
$(this).find('ul.sub-nav').show();
−
  content: "";
+
}, function(){
−
}
+
$(this).find('ul.sub-nav').hide();
 +
});
  
−
.container:after {
+
$("div.navbar").hover(function(){
−
  clear: both;
+
$(this).css("box-shadow", "1px 1px 7px #000")
−
}
+
}, function(){
 +
$(this).css("box-shadow", "0px 0px 0px #000")
 +
});
  
−
.container-fluid {
+
$(".navbar").hover(function(){
−
  padding-right: 20px;
+
$(this).css("background", "rgba(75, 151, 165, 1.0)");
−
  padding-left: 20px;
+
$(this).find(".caret").css("color", "rgba(0, 0, 0, 1.0)");
−
  *zoom: 1;
+
}, function(){
−
}
+
$(this).css("background", "rgba(75, 151, 165, 0.5)");
 +
$(this).find(".caret").css("color", "rgba(0, 0, 0, 0.5)");
 +
});
  
−
.container-fluid:before,
+
$("#top").click(function () {
−
.container-fluid:after {
+
$('body,html').animate({ scrollTop: 0 }, 200);
−
  display: table;
+
return false;
−
  line-height: 0;
+
});
−
  content: "";
+
});
−
}
+
</script>
  
−
.container-fluid:after {
+
</head>
−
  clear: both;
+
−
}
+
  
−
.breadcrumb {
+
<body style="height:1000px;background:#FFF;">
−
  padding: 8px 15px;
+
−
  margin: 0 0 20px;
+
−
  list-style: none;
+
−
  background-color: #f5f5f5;
+
−
  -webkit-border-radius: 4px;
+
−
    -moz-border-radius: 4px;
+
−
          border-radius: 4px;
+
−
}
+
  
−
.breadcrumb > li {
+
<div class="navbar">
−
  display: inline-block;
+
<!-- <div class="navbar-header">
−
  *display: inline;
+
</div>
−
  text-shadow: 0 1px 0 #ffffff;
+
-->
−
  *zoom: 1;
+
<div class="navbar-nav">
−
}
+
<ul id="nav-list-ul" class="nav-list">
 +
<li><a href="#">TEAM</a>
 +
<span class="caret"></span>
 +
<ul class="sub-nav">
 +
<li><a href="#">PEOPLE</a></li>
 +
<li><a href="#">COLLABARATIONS</a></li>
 +
<li><a href="#">ATTRIBUTION</a></li>
 +
</ul>
 +
</li>
 +
<li><a href="#">PRACTICE</a>
 +
<span class="caret"></span>
 +
<ul class="sub-nav">
 +
<li><a href="#">GOLD HP</a></li>
 +
<li><a href="#">SILVER HP</a></li>
 +
<li><a href="#">INTEGRATED HP</a></li>
 +
<li><a href="#">ENGAGEMENT</a></li>
 +
</ul>
 +
</li>
 +
<li><a href="#">OUTEACH</a></li>
 +
<li><a href="#">EXPERIMENT</a>
 +
<span class="caret"></span>
 +
<ul class="sub-nav">
 +
<li><a href="#">PROCEDURE</a></li>
 +
<li><a href="#">RESULTS</a></li>
 +
<li><a href="#">NOTEBOOK</a></li>
 +
<li><a href="#">PROTOCOL</a></li>
 +
<li><a href="#">PARTS</a></li>
 +
</ul>
 +
</li>
 +
<li><a href="#">PROJECT</a>
 +
<span class="caret"></span>
 +
<ul class="sub-nav">
 +
<li><a href="#">DESCRIPTION</a></li>
 +
<li><a href="#">DESIGN</a></li>
 +
<li><a href="#">PROOF</a></li>
 +
<li><a href="#">SAFTY</a></li>
 +
</ul>
 +
</li>
 +
<li><a href="#">ACHIEVEMENT</a>
 +
<span class="caret"></span>
 +
<ul class="sub-nav">
 +
<li><a href="#">AWARD</a></li>
 +
<li><a href="#">MEDAL</a></li>
 +
</ul>
 +
</li>
 +
</ul>
 +
</div>
 +
</div>
  
−
.breadcrumb > li > .divider {
+
<div class="banner-div">
−
  padding: 0 5px;
+
<img width="100%" src="https://2017.igem.org/File:2017SZUChina-banner.jpg" class="banner-img">
−
  color: #ccc;
+
</div>
−
}
+
  
−
.breadcrumb > .active {
+
<div align="center" class="description-div">
−
  color: #999999;
+
<img width="100%" src="https://2017.igem.org/File:2017SZUChina-main.jpg" class="main-img">
−
}
+
</div>
−
</style>
+
−
</head>
+
−
<body>
+
  
−
<div class="hero-unit">
+
<div class="footer">
−
    <div class="container">
+
<div class="sponsor">
−
<h2 align="center">Shenzhen University 2017 : Concrete Self-repair</h2><br />
+
<img src="https://2017.igem.org/File:2017SZUChina-sponsor1.jpg" class="sponsor-img">
−
<p>The project of SZU-China this year is Concrete Self-repair. Along with the development of science and technology, more communication from place to place is required. Thus more and more cross-sea bridges, undersea tunnels were built. These bridges and tunnels are built under extremely strict requirements, yet there still are multiple reasons that can cause damage to the structure. Such as ocean current, sea water corrosion, marine organism. Once these bridges are put into use, it will be really inconvenient to repair the undersea part of the structure and will cause much trouble for the residents while doing it. Conventional methods which used to protect the bridges for example, protective coating, cathode protection, can only prevent microfractures appear in a certain level. But none of them can fill up or fix the inevitable microfracture after it appears. Thus this year SZU-China will fix this in a synthetic biological way.</p>
+
<img src="https://2017.igem.org/File:2017SZUChina-sponsor2.jpg" class="sponsor-img">
−
<br /><p>We wish our device only starts to work when the microfracture appears and stay silent before that. So we make our device into a capsule containing our transgenic Bacillus subtilis spores which are given the ability to produce calcium carbonates after germination, and the culture media powders for them to function. GerA gene which we choose to transfer in our Bacillus subtilis will be the receptor and the start switch of the whole process. When the microfracture appears, it will tear the capsule open and seawater will enter. This is where our cell membrane receptor GerA works. When the sea water comes in, our powder culture media will liquefy and the GerA will receive the signal from liquid germinants L-alanine and start the germination of the spores. We also transfer CA-enzyme gene into our Bacillus subtilis so that they will have the ability to fetch CO2 and H2O and make them into CO₃²﹣. When CO₃²﹣combine with the Ca2+ we add in our culture media, there will be precipitation of calcium carbonates which can fill the microfracture in the bridges in order to prevent them from expanding to bigger cracks. This way we can greatly prolong the life of these bridges. After considering the harsh environment our bacteria will be stay in, we also add nhaC, which is an Alkali resistance gene to improve the environmental stress-tolerance.</p>
+
<img src="https://2017.igem.org/File:2017SZUChina-sponsor3.jpg" class="sponsor-img">
−
<br /><p>When microfracture appears and our system being switched on. our transgenic Bacillus subtilis will be able to help the concrete self-repair its microfracture in order to prolong the life of the Cross-sea bridges, under sea tunnels and so on.</p>
+
<img src="https://2017.igem.org/File:2017SZUChina-sponsor4.jpg" class="sponsor-img">
 +
<img src="https://2017.igem.org/File:2017SZUChina-sponsor5.jpg" class="sponsor-img">
 +
</div>
 +
<div class="footer-info">
 +
<address style="color:#888">3688 Nanhai Ave, ShenZhen, GuangDong Province, China</address>
 +
<span class="copyright">Copyright © 2017.<a href="https://2017.igem.org/Team:SZU-China" class="mainpage">SZU-China</a> iGEM</span>
 
</div>
 
</div>
 
</div>
 
</div>
  
 +
<div class="arrow-div">
 +
<a id="top" href="#" title="Back to top">
 +
<img src="arrow.png" class="arrow-img">
 +
</a>
 +
</div>
 +
 
</body>
 
</body>
 +
 +
 +
 +
 
</html>
 
</html>

Revision as of 03:50, 14 October 2017

<!DOCTYPE html> MAIN PAGE

3688 Nanhai Ave, ShenZhen, GuangDong Province, China
Copyright © 2017.SZU-China iGEM