Line 3: | Line 3: | ||
<head> | <head> | ||
<meta charset="UTF-8"> | <meta charset="UTF-8"> | ||
+ | <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> | ||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> | <meta http-equiv="X-UA-Compatible" content="IE=edge"> | ||
<meta name="renderer" content="webkit"> | <meta name="renderer" content="webkit"> | ||
− | <title> | + | <title>Team:HUST-China</title> |
<link rel="stylesheet" href="https://2017.igem.org/Team:HUST-China/css/bootstrap?action=raw&ctype=text/css"> | <link rel="stylesheet" href="https://2017.igem.org/Team:HUST-China/css/bootstrap?action=raw&ctype=text/css"> | ||
<script type="text/javascript" src="https://2017.igem.org/Team:HUST-China/js/bootstrap?action=raw&ctype=text/javascript"></script> | <script type="text/javascript" src="https://2017.igem.org/Team:HUST-China/js/bootstrap?action=raw&ctype=text/javascript"></script> | ||
− | + | <script type="text/javascript" src="https://2017.igem.org/Team:HUST-China/js/jquery?action=raw&ctype=text/javascript"></script> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
<script> | <script> | ||
if ($('.firstHeading')) $('.firstHeading').remove(); | if ($('.firstHeading')) $('.firstHeading').remove(); | ||
Line 157: | Line 154: | ||
} | } | ||
− | + | .item img { | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | . | + | |
margin: 0 auto; | margin: 0 auto; | ||
+ | padding:0; | ||
+ | width:100%; | ||
} | } | ||
/*.carousel-control { | /*.carousel-control { | ||
Line 187: | Line 180: | ||
margin: 20px 0 40px 0; | margin: 20px 0 40px 0; | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
.tab1 { | .tab1 { | ||
width:100%; | width:100%; | ||
Line 208: | Line 196: | ||
.tab1 .col { | .tab1 .col { | ||
padding: 20px; | padding: 20px; | ||
+ | } | ||
+ | .tab2 { | ||
+ | background-color: #eee; | ||
+ | padding: 20px 20px; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | .tab3 { | ||
+ | padding: 20px 20px; | ||
+ | text-align: center; | ||
+ | } | ||
+ | .tab3 img { | ||
+ | width: 65%; | ||
+ | height: auto; | ||
+ | } | ||
+ | |||
+ | .tab4 { | ||
+ | background-color: #eee; | ||
+ | padding: 20px 20px; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | .text h3 { | ||
+ | font-size: 20px; | ||
+ | color:#0c0047; | ||
} | } | ||
Line 221: | Line 234: | ||
padding: 20px; | padding: 20px; | ||
text-align: center; | text-align: center; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
/*没有小于768px,是因为Bootstrap3以移动端优先设计*/ | /*没有小于768px,是因为Bootstrap3以移动端优先设计*/ | ||
− | |||
/* 小屏幕(平板,大于等于768px) */ | /* 小屏幕(平板,大于等于768px) */ | ||
− | + | @media (min-width: 768px) { | |
.tab-h1 { | .tab-h1 { | ||
font-size: 26px; | font-size: 26px; | ||
Line 288: | Line 288: | ||
} | } | ||
.text p { | .text p { | ||
− | + | font-size: 14px; | |
text-indent: 28px; | text-indent: 28px; | ||
} | } | ||
} | } | ||
− | |||
− | body { | + | .collapse { |
+ | display: none; | ||
+ | } | ||
+ | @media (min-width: 992px) { | ||
+ | .navbar-collapse.collapse { | ||
+ | display: block !important; | ||
+ | height: auto !important; | ||
+ | padding-bottom: 0; | ||
+ | overflow: visible !important; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | body { | ||
position: relative; | position: relative; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | @media (min-width: 768px) { | |
− | + | ||
− | + | ||
− | + | ||
.menu_logo_1 { | .menu_logo_1 { | ||
top: 18px; | top: 18px; | ||
Line 373: | Line 361: | ||
} | } | ||
} | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
</style> | </style> | ||
</head> | </head> | ||
− | <body | + | <body> |
− | + | <nav class="navbar navbar-default navbar-fixed-top" style="margin-top:15px"> | |
<div class="container"> | <div class="container"> | ||
Line 395: | Line 388: | ||
<div class="collapse navbar-collapse" id="navbar-collapse"> | <div class="collapse navbar-collapse" id="navbar-collapse"> | ||
<ul class="nav navbar-nav navbar-right"> | <ul class="nav navbar-nav navbar-right"> | ||
− | <li><a href="https://2017.igem.org/Team:HUST-China">HOME</a></li> | + | <li class="active"><a href="https://2017.igem.org/Team:HUST-China">HOME</a></li> |
<li class="dropdown"> | <li class="dropdown"> | ||
<a href="#" class="dropdown-toggle" data-toggle="dropdown"> | <a href="#" class="dropdown-toggle" data-toggle="dropdown"> | ||
Line 444: | Line 437: | ||
</ul> | </ul> | ||
</li> | </li> | ||
− | <li class="dropdown | + | <li class="dropdown"> |
<a href="#" class="dropdown-toggle" data-toggle="dropdown"> | <a href="#" class="dropdown-toggle" data-toggle="dropdown"> | ||
TEAM <b class="caret"></b> | TEAM <b class="caret"></b> | ||
Line 460: | Line 453: | ||
</nav> | </nav> | ||
− | <div class=" | + | <div class="item" style="margin-top:65px;width:100%;"> |
− | + | <img src="https://static.igem.org/mediawiki/2017/2/24/2017_HUST_China_index_image1.png"> | |
− | </div> | + | </div>--> |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | <div class="tab1" style="width:100%"> | |
− | + | <h1 class="tab-h1" >「Abstract」</h1> | |
− | + | </div> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | <div class="tab2"> | ||
+ | <div class="container"> | ||
+ | <div class="row auto"> | ||
+ | <div class="col-md-6 col-sm-6 tab2-img "> | ||
+ | <a href="https://static.igem.org/mediawiki/2017/3/3c/2017_HUST_China_menu01.png" rel="lightbox-demo" title="my caption"><br /> | ||
+ | <img title="demo1" src="https://static.igem.org/mediawiki/2017/3/3c/2017_HUST_China_menu01.png" alt="demo1" class="col-xs-8 col-xs-offset-2"> | ||
+ | </a> | ||
</div> | </div> | ||
+ | <div class="text col-md-6 col-sm-6 tab2-text col-xs-12"> | ||
+ | <h3><span><strong>WHAT</strong></span> WE ARE WORKING ON ?</h3> | ||
+ | <p> This year iGEM HUST-China focus on the enrichment of rare earth elements. Through the engineering bacteria we enrich rare earth element and recover wastewater. Our final goal is to build a highly intelligent & efficient engineering bacteria with logical combination of artificial peptides.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
− | + | ||
− | + | <div class="tab3"> | |
− | < | + | <div class="container"> |
− | + | <div class="row auto "> | |
+ | <div class="col-md-6 col-sm-6" > | ||
+ | <a href="https://static.igem.org/mediawiki/2017/a/a3/2017_HUST_China_menu02.png" rel="lightbox-demo" title="my caption"><br /> | ||
+ | <img title="demo1" src="https://static.igem.org/mediawiki/2017/a/a3/2017_HUST_China_menu02.png" alt="demo1" class="col-xs-8 col-xs-offset-2"> | ||
+ | </a> | ||
</div> | </div> | ||
− | <div | + | <div class="text col-md-6 col-sm-6 col-xs-12"> |
− | <h3 | + | <h3><span><strong>WHY</strong></span> WE FOCUS ON THIS ?</h3> |
− | <p> | + | <p> The rare-earth elements (REEs) are becoming increasingly important due to their essential role in permanent magnets, catalysts, rechargeable batteries and other high tech product<sup>[1]</sup>. However, mining, refining, and recycling of rare earths have serious environmental consequences if not properly managed. For example, toxic acids are required during the refining process and they are particularly prone to be released into the general water supply<sup>[2]</sup>. So, we need an effective way to improve the existing production methods, that’s why we turn to synthetic biology.</p> |
− | + | ||
− | + | ||
</div> | </div> | ||
− | |||
</div> | </div> | ||
+ | </div> | ||
+ | </div> | ||
− | + | <div class="tab4"> | |
− | + | <div class="container"> | |
− | + | <div class="row auto"> | |
− | + | <div class="col-md-6 col-sm-6 tab2-img"> | |
− | < | + | <a href="https://static.igem.org/mediawiki/2017/a/a0/2017_HUST_China_menu05.png" rel="lightbox-demo" title="my caption"><br /> |
− | < | + | <img title="demo1" src="https://static.igem.org/mediawiki/2017/a/a0/2017_HUST_China_menu05.png" alt="demo1" class="col-xs-8 col-xs-offset-2"> |
− | + | </a> | |
− | + | </div> | |
− | + | <div class="text col-md-6 col-sm-6 tab2-text col-xs-12"> | |
− | </ | + | <h3><span><strong>HOW</strong></span> WE ACHIEVE OUR GOAL ?</h3> |
− | + | <p> Our system consists the sensing part and the capture part which base on artificial peptides.We combine lanthanide binding peptide and surface display system to capture rare earth ions. The sensing part is a transformation of membrane protein which can sense the ferric ion. We also use the design from 2015 iGEM HUST-China to help us regain our bacterial.</p> | |
− | + | </div> | |
− | + | </div> | |
− | </div> | + | |
− | </ | + | |
− | + | ||
</div> | </div> | ||
</div> | </div> | ||
<footer id="footer"> | <footer id="footer"> | ||
− | <div class="container" style="text-align: left"> | + | <div class="container"style="text-align: left"> |
− | <h3><strong> | + | <h3><strong>Referrence:</strong></h3> |
− | <p> | + | <p>1.Binnemans K, Jones P T, Blanpain B, et al. Recycling of rare earths: a critical review[J]. Journal of Cleaner Production, 2013, 51(14):1–22.</p> |
− | + | <p>2.Bradsher, Keith (October 29, 2010). "After China's Rare Earth Embargo, a New Calculus". The New York Times. Retrieved October 30, 2010.</p> | |
− | <p> | + | |
− | + | ||
− | + | ||
− | + | ||
<h3><strong>Acknowledgments:</strong></h3> | <h3><strong>Acknowledgments:</strong></h3> | ||
− | <img style="max-width: 100%; height:auto; display: block " src="https://static.igem.org/mediawiki/2017/8/88/2017_HUST_China_seven_logo.png" /> | + | <img style="max-width: 100%; height:auto; display: block;" src="https://static.igem.org/mediawiki/2017/8/88/2017_HUST_China_seven_logo.png" /> |
</div> | </div> | ||
− | </footer> | + | </footer> |
<script type="text/javascript"> | <script type="text/javascript"> | ||
+ | $(function () { | ||
+ | //设置文字垂直居中 | ||
+ | $('.text').eq(0).css('margin-top', ($('.auto').eq(0).height() - $('.text').eq(0).height()) / 2 + 'px'); | ||
+ | $(window).resize(function () { | ||
+ | $('.text').eq(0).css('margin-top', ($('.auto').eq(0).height() - $('.text').eq(0).height()) / 2 + 'px'); | ||
+ | }); | ||
+ | |||
+ | $('.text').eq(1).css('margin-top', ($('.auto').eq(1).height() - $('.text').eq(1).height()) / 2 + 'px'); | ||
+ | $(window).resize(function () { | ||
+ | $('.text').eq(1).css('margin-top', ($('.auto').eq(1).height() - $('.text').eq(1).height()) / 2 + 'px'); | ||
+ | }); | ||
+ | |||
+ | $('.text').eq(2).css('margin-top', ($('.auto').eq(2).height() - $('.text').eq(2).height()) / 2 + 'px'); | ||
+ | $(window).resize(function () { | ||
+ | $('.text').eq(2).css('margin-top', ($('.auto').eq(2).height() - $('.text').eq(2).height()) / 2 + 'px'); | ||
+ | }); | ||
+ | }); | ||
</script> | </script> | ||
</body> | </body> | ||
</html> | </html> |
Revision as of 17:17, 31 October 2017
「Abstract」
WHAT WE ARE WORKING ON ?
This year iGEM HUST-China focus on the enrichment of rare earth elements. Through the engineering bacteria we enrich rare earth element and recover wastewater. Our final goal is to build a highly intelligent & efficient engineering bacteria with logical combination of artificial peptides.
WHY WE FOCUS ON THIS ?
The rare-earth elements (REEs) are becoming increasingly important due to their essential role in permanent magnets, catalysts, rechargeable batteries and other high tech product[1]. However, mining, refining, and recycling of rare earths have serious environmental consequences if not properly managed. For example, toxic acids are required during the refining process and they are particularly prone to be released into the general water supply[2]. So, we need an effective way to improve the existing production methods, that’s why we turn to synthetic biology.
HOW WE ACHIEVE OUR GOAL ?
Our system consists the sensing part and the capture part which base on artificial peptides.We combine lanthanide binding peptide and surface display system to capture rare earth ions. The sensing part is a transformation of membrane protein which can sense the ferric ion. We also use the design from 2015 iGEM HUST-China to help us regain our bacterial.