Difference between revisions of "Team:Tianjin/Community/Overview"

 
(95 intermediate revisions by 5 users not shown)
Line 1: Line 1:
 
{{:Team:Tianjin/Templates/MaterialTheme|}}
 
{{:Team:Tianjin/Templates/MaterialTheme|}}
−
{{:Team:Tianjin/Templates/AddCSS|:Team:Tianjin/css/material/bootstrap}}
 
−
{{:Team:Tianjin/Templates/AddCSS|:Team:Tianjin/Community/Overview/style.css}}
 
−
{{:Team:Tianjin/Templates/AddCSS|:Team:Tianjin/Community/Overview/font.css}}
 
−
{{:Team:Tianjin/Templates/AddCSS|:Team:Tianjin/Community/Overview/slider.css}}
 
  
−
<html>
+
{{:Team:Tianjin/Templates/AddCSS|:Team:Tianjin/Community/css/style.css}}
−
<head>
+
{{:Team:Tianjin/Templates/AddCSS|:Team:Tianjin/Community/css/bootstrap.css}}
−
<meta charset="utf-8">
+
−
<meta http-equiv="X-UA-Compatible" content="IE=edge">
+
−
<meta name="viewport" content="width=device-width, initial-scale=1">
+
  
−
<title>Home</title>
+
{{:Team:Tianjin/Templates/AddCSS|:Team:Tianjin/Community/css/animation.css}}
 +
{{:Team:Tianjin/Templates/AddCSS|:Team:Tianjin/Community/css/animate.css}}
  
 +
<html>
  
 +
<style>
 +
#Outreach{
 +
  color: inherit;
 +
  background-color: rgba(255, 255, 255, 0.1);
 +
}
 +
</style>
  
−
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
 
−
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
 
−
<!--[if lt IE 9]>
 
−
  <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
 
−
  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
 
−
  <![endif]-->
 
−
</head>
 
  
−
<body>
+
<body class="no-trans" style="background: white;">
 
 
−
 
+
<!-- ================ -->
−
<div class="container-fluid tm-section tm-section-2">
+
<div class="section clearfix object-non-visible" data-animation-effect="fadeIn">
−
<div class="row tm-media-row">
+
<div class="container">
−
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
+
                        <div></br></div><div></br></div><div></br></br></br></div>
−
<img src="img/tm-img-320x320-1.jpg" alt="Image" class="img-fluid img-circle img-thumbnail tm-media-img">
+
−
</div>
+
−
<div class="col-xs-12 col-sm-8 col-md-8 col-lg-8">
+
−
<div class="tm-media-text-container">
+
−
<h3 class="tm-media-title tm-gray-text">Interdum et malesuada fames</h3>
+
−
<p class="tm-media-description tm-gray-text-2">Aliquam dapibus felis fringilla ligula mittis, ut congue purus gravida. Suspendisse suscipit tellus id odio mollis, id tincidunt metus gravida. Ut at arcu in elit maximus eleifend.</p>  
+
−
</div>                  
+
−
</div>
+
−
</div>
+
−
+
−
<div class="row tm-media-row tm-flex-container-reverse">
+
 
 
−
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4 tm-flex-child-2">
+
<div class="col-md-12">
−
<img src="img/tm-img-320x320-2.jpg" alt="Image" class="img-fluid img-circle img-thumbnail tm-media-img">
+
<h1 id="about" class="title text-center" style="max-width:960px">Overview On <span>Human Practice</span></h1>
−
</div>
+
−
 
+
<div class="space"></div>
−
<div class="col-xs-12 col-sm-8 col-md-8 col-lg-8 tm-flex-child-1">
+
<div class="row">
−
<div class="tm-media-text-container-left">
+
<div class="col-md-5">
−
<h3 class="tm-media-title tm-gray-text">Interdum et malesuada fames</h3>
+
<img src="https://static.igem.org/mediawiki/2016/thumb/3/36/T--Tianjin--Overview--57.svg/512px-T--Tianjin--Overview--57.svg.png" alt="desktop" style="height:100%">
−
<p class="tm-media-description tm-gray-text-2">Aliquam dapibus felis fringilla ligula mittis, ut congue purus gravida. Suspendisse suscipit tellus id odio mollis, id tincidunt metus gravida. Ut at arcu in elit maximus eleifend.</p>   
+
<div class="space"></div>
−
</div>                  
+
</div>
−
</div>
+
<div class="col-md-7">
−
 
+
<p style="font-size:20px">This year, we aimed to degrade PET, which is a kind of pollution source, with our modified enzymes PETase and MHETase. We believe that in the near future, it will be applied to tackle with the problem of white pollution. Meanwhile, the masses’ awareness of environmental protection should also be aroused. As a researcher, we are bound to popularize the knowledge of white pollution and synthetic biology. In addition, we discussed with many experts in respect of PET degradation research. They were all helpful and enthusiastic with suggestions on how we could improve our system.</br></br>
−
</div>
+
We conducted human practice in nine different aspects--Education, Industry, Society, Government, NGO, Law, Competition, Media, Businessplan.  
−
 
+
</p>
−
<div class="row tm-media-row">
+
−
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
+
</div>
−
<img src="img/tm-img-320x320-3.jpg" alt="Image" class="img-fluid img-circle img-thumbnail tm-media-img">
+
</div>
−
</div>
+
<div class="space"></div>
−
<div class="col-xs-12 col-sm-8 col-md-8 col-lg-8">
+
−
<div class="tm-media-text-container">
+
−
<h3 class="tm-media-title tm-gray-text">Interdum et malesuada fames</h3>
+
−
<p class="tm-media-description tm-gray-text-2">Aliquam dapibus felis fringilla ligula mittis, ut congue purus gravida. Suspendisse suscipit tellus id odio mollis, id tincidunt metus gravida. Ut at arcu in elit maximus eleifend.</p>   
+
−
</div>                  
+
−
</div>
+
−
</div>
+
−
</div>
+
−
+
−
<section class="tm-section tm-section-3 tm-bg-purple">
+
−
<div class="container-fluid tm-section-3-inner">
+
−
<div class="row center-block text-xs-center tm-section-3-header">
+
−
<div class="col-xs-12">
+
−
<h2 class="tm-text-white tm-section-3-title">Choose your plan</h2>
+
−
<p class="tm-text-white tm-section-3-description">Curabitur porta scelerisque justo, ut ultrices lacus auctor eget. Proin volutpat eu mi nec consequat. Integer porta tristique quam.</p>    
+
−
</div>
+
−
</div>
+
−
<div class="row">                  
+
−
+
−
<div class="tm-plan-boxes-container">
+
 
 
−
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4 col-xl-4 tm-table-col">
+
<div class="row">
−
+
<!-- part left  -->
−
<table class="tm-plan">
+
<div class="col-md-12">
−
<thead>
+
<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
−
<tr>
+
<div class="panel panel-default">
−
<th class="text-xs-center tm-plan-table-header">Silver Plan</th>
+
<div class="panel-heading" role="tab" id="headingSix">
−
</tr>
+
<h4 class="panel-title">
−
</thead>
+
<a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseSix" aria-expanded="false" aria-controls="collapseSix" style="font-size:30px">
−
<tbody class="tm-bg-light-purple">
+
Education
−
<tr class="tm-plan-table-row"><td class="tm-plan-table-cell">Sed porttitor lobortis</td></tr>
+
</a>
−
<tr class="tm-plan-table-row"><td class="tm-plan-table-cell">10 sit amet luctus sapien</td></tr>
+
</h4>
−
<tr class="tm-plan-table-row"><td class="tm-plan-table-cell">15 eget sagittis</td></tr>
+
</div>
−
<tr class="tm-plan-table-row"><td class="tm-plan-table-cell">20 aliquam eros nec tortor</td></tr>
+
<div id="collapseSix" class="panel-collapse collapse " role="tabpanel" aria-labelledby="headingSix">
−
<tr class="tm-plan-table-row"><td class="tm-plan-table-cell">30 vel suscipit turpis</td></tr>                                  
+
<div class="panel-body" style="font-size:24px">
−
</tbody>
+
This section is about our correspondence with Prof. Cunjiang Song, Prof. Qing Liu, Prof. Jun Yang and the lecture to students in primary school, middle school and university respectively.</br><h6><a href="https://2016.igem.org/Team:Tianjin/Community/Education">Click Here To View</a></h6>
−
<tfoot>
+
</div>
−
<tr>
+
</div>
−
<td class="text-xs-center">
+
</div>
−
<a href="#" class="tm-plan-link tm-plan-link-purple">Sign up</a>
+
<div class="panel panel-default">
−
</td>
+
<div class="panel-heading" role="tab" id="headingSeven">
−
</tr>
+
<h4 class="panel-title">
−
</tfoot>
+
<a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseSeven" aria-expanded="false" aria-controls="collapseSeven" style="font-size:30px">
−
</table>
+
Industry
 +
</a>
 +
</h4>
 +
</div>
 +
<div id="collapseSeven" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingSeven">
 +
<div class="panel-body" style="font-size:24px">
 +
This section is about our visit to Great Biology Pharmaceutical CO.LTD and Tianjin Nankai Hecheng Science & Technology Co.,Ltd.<h6><a href="https://2016.igem.org/Team:Tianjin/Community/Industry">Click Here To View</a></h6>
 +
</div>
 +
</div>
 +
</div>
  
−
</div>
 
  
−
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4 col-xl-4 tm-table-col">
 
−
 
−
<table class="tm-plan">
 
−
<thead>
 
−
<tr>
 
−
<th class="text-xs-center tm-plan-table-header">Titanium Plan</th>
 
−
</tr>
 
−
</thead>
 
−
<tbody class="tm-bg-light-green">
 
−
<tr class="tm-plan-table-row"><td class="tm-plan-table-cell">Sed porttitor lobortis</td></tr>
 
−
<tr class="tm-plan-table-row"><td class="tm-plan-table-cell">20 sit amet luctus sapien</td></tr>
 
−
<tr class="tm-plan-table-row"><td class="tm-plan-table-cell">25 eget sagittis</td></tr>
 
−
<tr class="tm-plan-table-row"><td class="tm-plan-table-cell">35 aliquam eros nec tortor</td></tr>
 
−
<tr class="tm-plan-table-row"><td class="tm-plan-table-cell">45 vel suscipit turpis</td></tr>                                   
 
−
</tbody>
 
−
<tfoot>
 
−
<tr>
 
−
<td class="text-xs-center">
 
−
<a href="#" class="tm-plan-link tm-plan-link-green">Sign up</a>
 
−
</td>
 
−
</tr>
 
−
</tfoot>
 
−
</table>
 
  
−
</div>
 
  
−
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4 col-xl-4 tm-table-col">
+
<div class="panel panel-default">
 +
<div class="panel-heading" role="tab" id="headingNine">
 +
<h4 class="panel-title">
 +
<a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseNine" aria-expanded="false" aria-controls="collapseNine" style="font-size:30px">
 +
Society
 +
</a>
 +
</h4>
 +
</div>
 +
<div id="collapseNine" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingNine">
 +
<div class="panel-body" style="font-size:24px">
 +
This section is about our visit to the TEDA 
 +
green technology exhibition hall and a survey of the uses of plastic.<h6><a href="https://2016.igem.org/Team:Tianjin/Community/Society">Click Here To View</a></h6>
 +
</div>
 +
</div>
 +
</div>
 +
<div class="panel panel-default">
 +
<div class="panel-heading" role="tab" id="headingTen">
 +
<h4 class="panel-title">
 +
<a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseTen" aria-expanded="false" aria-controls="collapseTen" style="font-size:30px">
 +
Government
 +
</a>
 +
</h4>
 +
</div>
 +
                                                                 
 +
<div id="collapseTen" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTen">
 +
<div class="panel-body" style="font-size:24px">
 +
This section is about our communication with Tianjin Environmental Protection Agency by Weibo about the disposition of the plastic garbage and the actions that government takes to reduce the white pollution.<h6><a href="https://2016.igem.org/Team:Tianjin/Community/Government">Click Here To View</a></h6>
 +
</div></div>
  
−
<table class="tm-plan">
 
−
<thead>
 
−
<tr>
 
−
<th class="text-xs-center tm-plan-table-header">Platinum Plan</th>
 
−
</tr>
 
−
</thead>
 
−
<tbody class="tm-bg-light-orange">
 
−
<tr class="tm-plan-table-row"><td class="tm-plan-table-cell">Sed porttitor lobortis</td></tr>
 
−
<tr class="tm-plan-table-row"><td class="tm-plan-table-cell">30 sit amet luctus sapien</td></tr>
 
−
<tr class="tm-plan-table-row"><td class="tm-plan-table-cell">40 eget sagittis</td></tr>
 
−
<tr class="tm-plan-table-row"><td class="tm-plan-table-cell">50 aliquam eros nec tortor</td></tr>
 
−
<tr class="tm-plan-table-row"><td class="tm-plan-table-cell">60 vel suscipit turpis</td></tr>                                   
 
−
</tbody>
 
−
<tfoot>
 
−
<tr>
 
−
<td class="text-xs-center">
 
−
<a href="#" class="tm-plan-link tm-plan-link-orange">Sign up</a>
 
−
</td>
 
−
</tr>
 
−
</tfoot>
 
−
</table>
 
  
−
</div>
+
<div class="panel panel-default">
 +
<div class="panel-heading" role="tab" id="headingOne">
 +
<h4 class="panel-title">
 +
<a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="false" aria-controls="collapseOne" style="font-size:30px">
 +
NGO
 +
</a>
 +
</h4>
 +
</div>
 +
                                                                        </div>
 +
<div id="collapseOne" class="panel-collapse collapse " role="tabpanel" aria-labelledby="headingOne">
 +
<div class="panel-body" style="font-size:24px">
 +
This section is about our visit to Tianjin TEDA low-carbon economic promotion center. We discussed a lot about the center and the plastic waste disposal
 +
with Mrs. Zhao, who is in charge of it.<h6><a href="https://2016.igem.org/Team:Tianjin/Community/NGO">Click Here To View</a></h6>
 +
</div>
 +
</div>
 +
</div>
 +
<div class="panel panel-default">
 +
<div class="panel-heading" role="tab" id="headingTwo">
 +
<h4 class="panel-title">
 +
<a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo" style="font-size:30px">
 +
Law
 +
</a>
 +
</h4>
 +
</div>
 +
<div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
 +
<div class="panel-body" style="font-size:24px">
 +
This section is about our inquiry to Dacheng Law Offices. We asked many questions about environmental law to Mr. Licheng Lin,a lawyer from Dacheng Law Office in Beijing.<h6><a href="https://2016.igem.org/Team:Tianjin/Community/Law">Click Here To View</a></h6>
 +
</div>
 +
</div>
 +
</div>
 +
<div class="panel panel-default">
 +
<div class="panel-heading" role="tab" id="headingThree">
 +
<h4 class="panel-title">
 +
<a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree" style="font-size:30px">
 +
Competition
 +
</a>
 +
</h4>
 +
</div>
 +
<div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
 +
<div class="panel-body" style="font-size:24px">
 +
This section is about the debate competition held by IGEM Tianjin together with Beiyang Environment-Protecting Association, discussing ethical issues provoked by the application of synthesis biology, aiming to publicize the conception of synthesis biology and arouse attention to biotechnology and protecting the globe.<h6><a href="https://2016.igem.org/Team:Tianjin/Community/Competition#">Click Here To View</a></h6>
  
−
</div> <!-- tm-plan-boxes-container -->
+
</div>
−
+
</div>
−
</div>
+
</div>
−
</div>           
+
−
</section>
+
  
−
<section class="center-block tm-section tm-section-4">
 
−
<div class="container-fluid tm-section-3-inner">
 
−
<div class="row center-block text-xs-center tm-section-3-header">
 
−
<div class="col-xs-12">
 
−
<h2 class="tm-section-3-title">Testimonials</h2>
 
−
<p class="tm-section-3-description">Curabitur porta scelerisque justo, ut ultrices lacus auctor eget. Proin volutpat eu mi nec consequat. Integer porta tristique quam.</p>     
 
−
</div>
 
−
</div>
 
−
<div class="row">
 
−
<div class="col-xs-12">
 
−
<div id="tmCarousel" class="carousel slide tm-carousel" data-ride="carousel">
 
−
<!--
 
−
Remove data-interval="false" to auto play
 
−
Add data-interval="false" to disable auto play
 
−
-->
 
  
−
<ol class="carousel-indicators">
+
<div class="panel panel-default">
−
<li data-target="#tmCarousel" data-slide-to="0" class="active"></li>
+
<div class="panel-heading" role="tab" id="headingFour">
−
<li data-target="#tmCarousel" data-slide-to="1" class=""></li>
+
<h4 class="panel-title">
−
<li data-target="#tmCarousel" data-slide-to="2" class=""></li>
+
<a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseFour" aria-expanded="false" aria-controls="collapseFour" style="font-size:30px">
−
</ol>
+
Social Media
−
 
+
</a>
−
<div class="carousel-inner" role="listbox">
+
</h4>
−
+
</div>
−
<div class="carousel-item active">
+
<div id="collapseFour" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingFour">
−
<div class="carousel-content">
+
<div class="panel-body" style="font-size:24px">
−
<div>
+
This section is about our communications and interactions with other teams and our advertisements about our sponsors on twitter, facebook, Wechat and Weibo.<h6><a href="https://2016.igem.org/Team:Tianjin/Community/Media">Click Here To View</a></h6>
−
<img src="img/tm-img-270x270-1.jpg" alt="Image" class="img-fluid img-circle img-thumbnail tm-media-img">
+
</div>
−
<p class="text-xs-center tm-carousel-item-text">Quisque quis ex sed lorem consectetur aliquet vitae in lorem. Vivamus non commodo sapien. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec consequat leo vestibulum vestibulum.</p>
+
</div>
 
</div>
 
</div>
−
</div>                              
+
<div class="panel panel-default">
−
</div>
+
<div class="panel-heading" role="tab" id="headingFive">
−
 
+
<h4 class="panel-title">
−
<div class="carousel-item">
+
<a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseFive" aria-expanded="false" aria-controls="collapseFive" style="font-size:30px">
−
<div class="carousel-content">
+
Businessplan
−
<div>
+
</a>
−
<img src="img/tm-img-270x270-2.jpg" alt="Image" class="img-fluid img-circle img-thumbnail tm-media-img">
+
</h4>
−
<p class="text-xs-center tm-carousel-item-text">Vivamus non commodo sapien. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque quis ex sed lorem consectetur aliquet vitae in lorem. Donec consequat leo vestibulum vestibulum venenatis.</p>
+
</div>
 +
<div id="collapseFive" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingFive">
 +
<div class="panel-body" style="font-size:24px">
 +
This section is about the conditions of three enterprises sponsoring us and we are so honored to get their help!<h6><a href="https://2016.igem.org/Team:Tianjin/businessplan">Click Here To View</a></h6>
 +
 +
</div>
 +
</div>
 
</div>
 
</div>
−
</div>                              
+
</div>
−
</div>
+
</div><p style="font-size:25px"><b>Check our judging form:<a href="https://2016.igem.org/Team:Tianjin/HP/Gold" target="_blank" style="color:#3399FF">Gold Medal</a>, <a href="https://2016.igem.org/Team:Tianjin/HP/Silver" target="_blank" style="color:#3399FF">Silver Medal</a>, <a href="https://2016.igem.org/Team:Tianjin/Integrated_Practices" target="_blank" style="color:#3399FF">Integrated Human Practices</a>, <a href="https://2016.igem.org/Team:Tianjin/Engagement" target="_blank" style="color:#3399FF">Education and Public Engagement</a> and <a href="https://2016.igem.org/Team:Tianjin/Collaborations" target="_blank"style="color:#3399FF">Collaborations</a>.</b></p>
  
−
<div class="carousel-item">
+
<!--  part left  -->
−
<div class="carousel-content">
+
        <!--  part right  -->
−
<div>
+
−
<img src="img/tm-img-270x270-3.jpg" alt="Image" class="img-fluid img-circle img-thumbnail tm-media-img">
+
<div class="space"></div><div class="space"></div>
−
<p class="text-xs-center tm-carousel-item-text">Donec consequat leo vestibulum vestibulum venenatis. Quisque quis ex sed lorem consectetur aliquet vitae in lorem. Vivamus non commodo sapien. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
+
</div>
−
</div>
+
</div>
−
</div>                              
+
 
</div>
 
</div>
  
−
</div>
 
−
 
−
</div>
 
−
</div>
 
−
</div>
 
−
</div>           
 
−
</section>
 
  
−
<!-- Contact section -->
+
−
+
<!-- part right  -->
−
 
+
<!-- section end -->
−
<!-- load JS files -->
+
−
<script src="js/jquery-1.11.3.min.js"></script>            <!-- jQuery (https://jquery.com/download/) -->
+
−
<script src="js/tether.min.js"></script> <!-- Tether for Bootstrap (http://stackoverflow.com/questions/34567939/how-to-fix-the-error-error-bootstrap-tooltips-require-tether-http-github-h) -->
+
−
<script src="js/bootstrap.min.js"></script>                <!-- Bootstrap js (v4-alpha.getbootstrap.com/) -->
+
−
<script src="js/hero-slider-script.js"></script>            <!-- Hero slider (https://codyhouse.co/gem/hero-slider/) -->
+
−
<script src="js/jquery.touchSwipe.min.js"></script>        <!-- http://labs.rampinteractive.co.uk/touchSwipe/demos/ -->
+
−
<script>   
+
−
 
+
−
$(document).ready(function(){
+
−
 
+
−
/* Auto play bootstrap carousel
+
−
* http://stackoverflow.com/questions/13525258/twitter-bootstrap-carousel-autoplay-on-load
+
−
-----------------------------------------------------------------------------------------*/               
+
−
$('.carousel').carousel({
+
−
  interval: 3000
+
−
})
+
−
 
+
−
/* Enable swiping carousel for tablets and mobile
+
−
* http://lazcreative.com/blog/adding-swipe-support-to-bootstrap-carousel-3-0/
+
−
---------------------------------------------------------------------------------*/
+
−
if($(window).width() <= 991) {
+
−
$(".carousel-inner").swipe( {
+
−
//Generic swipe handler for all directions
+
−
swipeLeft:function(event, direction, distance, duration, fingerCount) {
+
−
$(this).parent().carousel('next');
+
−
},
+
−
swipeRight: function() {
+
−
$(this).parent().carousel('prev');
+
−
},
+
−
//Default is 75px, set to 0 for demo so any distance triggers swipe
+
−
threshold:0
+
−
});
+
−
} 
+
−
 
+
−
/* Handle window resize */
+
−
$(window).resize(function(){
+
−
if($(window).width() <= 991) {
+
−
$(".carousel-inner").swipe( {
+
−
//Generic swipe handler for all directions
+
−
swipeLeft:function(event, direction, distance, duration, fingerCount) {
+
−
$(this).parent().carousel('next');
+
−
},
+
−
swipeRight: function() {
+
−
$(this).parent().carousel('prev');
+
−
},
+
−
//Default is 75px, set to 0 for demo so any distance triggers swipe
+
−
threshold:0
+
−
});
+
−
}
+
−
});                           
+
−
});
+
−
 
+
−
</script>           
+
  
 +
<!-- section start -->
 +
<!-- ================ -->
 
</body>
 
</body>
 
</html>
 
</html>
−
 
+
{{:Team:Tianjin/Templates/Sponsor|}}
−
 
+
−
{{:Team:Tianjin/Templates/AddJS|:Team:Tianjin/Community/Overview/tether.js}}
+
−
{{:Team:Tianjin/Templates/AddJS|:Team:Tianjin/Community/Overview/swipe.js}}
+
−
{{:Team:Tianjin/Templates/AddJS|:Team:Tianjin/Community/Overview/slider.js}}
+
−
{{:Team:Tianjin/Templates/AddJS|:Team:Tianjin/js/material/jquery}}
+
−
{{:Team:Tianjin/Templates/AddJS|:Team:Tianjin/js/material/bootstrap}}
+

Latest revision as of 13:52, 19 October 2016

TEAM TIANJIN

LOGO







Overview On Human Practice

desktop

This year, we aimed to degrade PET, which is a kind of pollution source, with our modified enzymes PETase and MHETase. We believe that in the near future, it will be applied to tackle with the problem of white pollution. Meanwhile, the masses’ awareness of environmental protection should also be aroused. As a researcher, we are bound to popularize the knowledge of white pollution and synthetic biology. In addition, we discussed with many experts in respect of PET degradation research. They were all helpful and enthusiastic with suggestions on how we could improve our system.

We conducted human practice in nine different aspects--Education, Industry, Society, Government, NGO, Law, Competition, Media, Businessplan.

This section is about our correspondence with Prof. Cunjiang Song, Prof. Qing Liu, Prof. Jun Yang and the lecture to students in primary school, middle school and university respectively.
Click Here To View
This section is about our visit to Great Biology Pharmaceutical CO.LTD and Tianjin Nankai Hecheng Science & Technology Co.,Ltd.
Click Here To View
This section is about our visit to the TEDA  green technology exhibition hall and a survey of the uses of plastic.
Click Here To View
This section is about our communication with Tianjin Environmental Protection Agency by Weibo about the disposition of the plastic garbage and the actions that government takes to reduce the white pollution.
Click Here To View
This section is about our visit to Tianjin TEDA low-carbon economic promotion center. We discussed a lot about the center and the plastic waste disposal with Mrs. Zhao, who is in charge of it.
Click Here To View
This section is about our inquiry to Dacheng Law Offices. We asked many questions about environmental law to Mr. Licheng Lin,a lawyer from Dacheng Law Office in Beijing.
Click Here To View
This section is about the debate competition held by IGEM Tianjin together with Beiyang Environment-Protecting Association, discussing ethical issues provoked by the application of synthesis biology, aiming to publicize the conception of synthesis biology and arouse attention to biotechnology and protecting the globe.
Click Here To View
This section is about our communications and interactions with other teams and our advertisements about our sponsors on twitter, facebook, Wechat and Weibo.
Click Here To View
This section is about the conditions of three enterprises sponsoring us and we are so honored to get their help!
Click Here To View

Check our judging form:Gold Medal, Silver Medal, Integrated Human Practices, Education and Public Engagement and Collaborations.

Team Tianjin Sponsor Alltech
Team Tianjin Sponsor GenScript
Team Tianjin Sponsor SynbioTech