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

(Created page with "{{:Team:Tianjin/Templates/MaterialTheme|}} {{:Team:Tianjin/Templates/AddCSS|:Team:Tianjin/businessplan/css/style.css}} {{:Team:Tianjin/Templates/AddCSS|:Team:Tianjin/businessp...")
 
 
(17 intermediate revisions by 4 users not shown)
Line 1: Line 1:
 
{{:Team:Tianjin/Templates/MaterialTheme|}}
 
{{:Team:Tianjin/Templates/MaterialTheme|}}
{{:Team:Tianjin/Templates/AddCSS|:Team:Tianjin/businessplan/css/style.css}}
+
{{:Team:Tianjin/Templates/AddCSS|:Team:Tianjin/businessplan/Competition/css/style.css}}
{{:Team:Tianjin/Templates/AddCSS|:Team:Tianjin/businessplan/css/animate.css}}
+
{{:Team:Tianjin/Templates/AddCSS|:Team:Tianjin/Community/Law/css/animate.css}}
 
+
<!DOCTYPE html>
 
<html>
 
<html>
 
<head>
 
<head>
<title>Testimonial</title>
+
<title>Gallery</title>
 
<!--mobile apps-->
 
<!--mobile apps-->
 
<meta name="viewport" content="width=device-width, initial-scale=1">
 
<meta name="viewport" content="width=device-width, initial-scale=1">
Line 11: Line 11:
  
 
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
 
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!--mobile apps-->
 
  
</head>
 
<body>
 
  
  
 +
<!--//end-animate-->
 +
<!-- start-smoth-scrolling-->
 +
 +
<script type="text/javascript">
 +
jQuery(document).ready(function($) {
 +
$(".scroll").click(function(event){
 +
event.preventDefault();
 +
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
 +
});
 +
});
 +
</script>
 +
<!--//end-smoth-scrolling-->
 +
</head>
 +
<body>
 
<!--banner-->
 
<!--banner-->
 
<div class="banner about-bnr">
 
<div class="banner about-bnr">
    <div class="bnr-img">
+
    <div class="bnr-img"><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<img class="wow fadeInLeftBig animated" data-wow-delay=".5s" src="images/a.png" alt=""/>
+
<img class="wow fadeInLeftBig animated" data-wow-delay=".5s" src="https://static.igem.org/mediawiki/2016/6/6d/T--Tianjin--com-1_1.png" alt=""/>
</div>
+
<div class="top-nav">
+
+
<div class="clearfix"> </div>
+
+
+
</div>
+
<div class="social-icons wow zoomIn animated" data-wow-delay=".5s">
+
+
 
</div>
 
</div>
 +
 +
 
<div class="banner-text">
 
<div class="banner-text">
<h1 class="wow fadeInDown animated" data-wow-delay=".5s"><a href="index.html">Business </a> </h1>
+
<h1 class="wow fadeInDown animated" data-wow-delay=".5s">Competition  </h1>
<h2 class="wow fadeInUp animated" data-wow-delay=".5s"><a href="index.html">Dinghaoran</a> / Testimonial</h2>
+
<h2 class="wow fadeInUp animated" data-wow-delay=".5s"></h2>
 
</div>
 
</div>
 
<div class="clearfix"> </div>
 
<div class="clearfix"> </div>
 
</div>
 
</div>
 
<!--//banner-->
 
<!--//banner-->
<!--testimonial-->
+
<!-- gallery -->
<div class="team testimonial">
+
<div class="gallery">
 
<div class="container">
 
<div class="container">
<span class="bg-text">T</span>
+
<span class="bg-text" style="z-index:-9999">Tianjin</span>
<h4 class="title wow fadeInDown animated" data-wow-delay=".5s">Testimonial</h4>
+
<h3 class="title1">OUR DEBATE <span>COMPETITION</span> IS</h3>
<h3 class="title1 wow fadeInUp animated" data-wow-delay=".5s">WHAT PEOPLE SAY <span>ABOU</span>T US </h3>
+
<p style="font-size:20px">As the tenth anniversary of Tianjin University participating in International Genetically Engineered Machine Competition, our team,  IGEM Tianjin, together with Beiyang Environment-Protecting Association held a debate competition discussing ethical issues provoked by the application of synthetic biology, aiming to publicize the conception of synthetic biology and arouse attention to biotechnology and protecting the globe. With our joint efforts, the debate was successfully held.<br/><br/>
<div class="testi-info">
+
The debate began at 20 p.m., 28th,Sep,2016, lasted for an hour. The debate topic is whether it is safe to curb environmental pollution with artificial modified bacterium. Our team members were invited as special guests to watch this interesting competition. During the interval, we gave out iGEM handbooks and souvenirs to audience. After that, we made a brief introduction of synthetic biology and our project.<br/><br/>
<div class="testi-grids wow fadeInDown animated" data-wow-delay=".5s">
+
The game went on very well. By the end of the debate, the winning team and the best debater were selected by the jury.</br></br>
<div class="testi-left">
+
In the interview after this debate, the competitors asserted the topic of today’s discussion was both sparkling and instructive, which is involved in many professional knowledge. They read a large number of papers. They had learned a great deal of knowledge about synthetic biology and expanded their horizons during the preparation of the debate. Students watching the game also believed it was marvelous. They had got great interest in the application of synthetic biology on resolving environmental issues after listening to many special cases.<br/><br/>
<img src="https://static.igem.org/mediawiki/2016/8/8e/T--Tianjin--test.jpg" alt=""/>
+
Conclusively speaking, this debate was very successful. And we were so delighted to collaborate with Beiyang Environment-Protecting Association. This is our first time to hold the debate relevant to synthetic biology. It is so glad to see that everyone participated in the game with their whole heart and so intrigued by this subject. And the successful hosting of the debate epitomized our great publicity of synthetic biology.
</div>
+
</br><br/></p>
<div class="testi-right">
+
<div class="gallery-row">
<p><span>"</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident sunt in . <span>"</span></p>
+
<div class="col-md-4 gallery-grids grid">
<h4>Eiusmod</h4>
+
<figure class="effect-ming wow zoomIn animated" data-wow-delay=".5s">
</div>
+
<div class="clearfix"> </div>
+
<img src="https://static.igem.org/mediawiki/2016/6/61/T--Tianjin--debater1_1.jpg" alt="" class="img-responsive" />
 +
<figcaption><h5>Debater</h5></figcaption>
 +
 +
</figure>
 
</div>
 
</div>
<div class="testi-grids wow fadeInDown animated" data-wow-delay=".5s">
+
<div class="col-md-4 gallery-grids grid">
<div class="testi-left">
+
<figure class="effect-ming wow zoomIn animated" data-wow-delay=".5s">
<img src="images/t6.jpg" alt=""/>
+
</div>
+
<img src="https://static.igem.org/mediawiki/2016/1/1e/T--Tianjin--hostess_1.jpg" alt="" class="img-responsive" />
<div class="testi-right">
+
<figcaption><h5>Hostess</h5></figcaption>
<p><span>"</span>Consectetur adipiscing elit Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet Excepteur sint occaecat cupidatat non proident sunt in . <span>"</span></p>
+
<h4>Sam Kromsti</h4>
+
</figure>
</div>
+
<div class="clearfix"> </div>
+
 
</div>
 
</div>
                <div class="testi-grids wow fadeInDown animated" data-wow-delay=".5s">
+
<div class="col-md-4 gallery-grids grid">
<div class="testi-left">
+
<figure class="effect-ming wow zoomIn animated" data-wow-delay=".5s">
<img src="images/t6.jpg" alt=""/>
+
</div>
+
<img src="https://static.igem.org/mediawiki/2016/b/bc/T--Tianjin--free_debating_1.jpg" alt="" class="img-responsive" />
<div class="testi-right">
+
<figcaption><h5>Free<span>Debating</span></h5></figcaption>
<p><span>"</span>Consectetur adipiscing elit Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet Excepteur sint occaecat cupidatat non proident sunt in . <span>"</span></p>
+
<h4>Sam Kromsti</h4>
+
</figure>
</div>
+
<div class="clearfix"> </div>
+
 
</div>
 
</div>
                <div class="testi-grids wow fadeInDown animated" data-wow-delay=".5s">
+
<div class="col-md-6 gallery-grids gallery-btm grid">
<div class="testi-left">
+
<figure class="effect-ming wow zoomIn animated" data-wow-delay=".5s">
<img src="images/t6.jpg" alt=""/>
+
</div>
+
<img src="https://static.igem.org/mediawiki/2016/9/92/T--Tianjin--questioning_1.png" alt="" class="img-responsive" />
<div class="testi-right">
+
<figcaption><h5>Questioning</h5></figcaption>
<p><span>"</span>Consectetur adipiscing elit Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet Excepteur sint occaecat cupidatat non proident sunt in . <span>"</span></p>
+
<h4>Sam Kromsti</h4>
+
</figure>
</div>
+
<div class="clearfix"> </div>
+
 
</div>
 
</div>
<div class="testi-grids wow fadeInDown animated" data-wow-delay=".5s">
+
<div class="col-md-6 gallery-grids gallery-btm grid">
<div class="testi-left">
+
<figure class="effect-ming wow zoomIn animated" data-wow-delay=".5s">
<img src="images/t7.jpg" alt=""/>
+
</div>
+
<img src="https://static.igem.org/mediawiki/2016/a/a1/T--Tianjin--Closing_Statement_1.png" alt="" class="img-responsive" />
<div class="testi-right">
+
<figcaption><h5>Closing<span>Statement</span></h5></figcaption>
<p><span>"</span> Dolor lorem ipsum sit amet, consectetur adipiscing elit Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident sunt in . <span>"</span></p>
+
<h4>Caroline sit</h4>
+
</figure>
</div>
+
<div class="clearfix"> </div>
+
 
</div>
 
</div>
<div class="testi-grids wow fadeInDown animated" data-wow-delay=".5s">
+
<div class="col-md-4 gallery-grids grid">
<div class="testi-left">
+
<figure class="effect-ming wow zoomIn animated" data-wow-delay=".5s">
<img src="images/t8.jpg" alt=""/>
+
</div>
+
<img src="https://static.igem.org/mediawiki/2016/3/3b/T--Tianjin--judge_1.jpg" alt="" class="img-responsive" />
<div class="testi-right">
+
<figcaption><h5>Judge</h5></figcaption>
<p><span>"</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident sunt in . <span>"</span></p>
+
<h4>Anderson</h4>
+
</figure>
</div>
+
<div class="clearfix"> </div>
+
 
</div>
 
</div>
</div>
+
<div class="col-md-4 gallery-grids grid">
</div>
+
<figure class="effect-ming wow zoomIn animated" data-wow-delay=".5s">
</div>
+
<!--//testimonial-->
+
<img src="https://static.igem.org/mediawiki/2016/7/76/T--Tianjin--commenting_1.jpg" alt="" class="img-responsive" />
<!--table-book-->
+
<figcaption><h5>Commenting</h5></figcaption>
<div class="table-book">
+
<div class="container">
+
</figure>
<div class="book-info wow fadeInDown animated" data-wow-delay=".5s">
+
<div class="book-left">
+
<h3 class="wow fadeInLeftBig animated" data-wow-delay=".5s">Book Your Coffee Now </h3>
+
<p class="wow fadeInLeftBig animated" data-wow-delay=".5s">Call NOW to our toll free number </p>
+
 
</div>
 
</div>
<div class="book-right">
+
<div class="col-md-4 gallery-grids grid">
<h3 class="wow fadeInRightBig animated" data-wow-delay=".5s">+0099887755</h3>
+
<figure class="effect-ming wow zoomIn animated" data-wow-delay=".5s">
 +
 +
<img src="https://static.igem.org/mediawiki/2016/5/56/T--Tianjin--free_debating-2_1.jpg" alt="" class="img-responsive" />
 +
<figcaption><h5>Free<span>Debating</span></h5></figcaption>
 +
 +
</figure>
 
</div>
 
</div>
 
<div class="clearfix"> </div>
 
<div class="clearfix"> </div>
 +
<!-- swipe box js -->
 +
<script src="js/jquery.swipebox.min.js"></script>
 +
<script type="text/javascript">
 +
jQuery(function($) {
 +
$(".swipebox").swipebox();
 +
});
 +
</script>
 +
<!-- //swipe box js -->
 
</div>
 
</div>
<span class="bg-text bg-right">B</span>
+
 
</div>
 
</div>
 
</div>
 
</div>
<!--//table-book-->
+
<!-- //gallery -->
<!--footer-->
+
<div class="footer">
+
<div class="container">
+
<div class="col-md-4 footer-left wow fadeInDown animated" data-wow-delay=".5s">
+
<h4>Information</h4>
+
<ul>
+
<li><a href="testimonial.html"><i class="glyphicon glyphicon-chevron-right"></i> Testimonials</a></li>
+
<li><a href="team.html"><i class="glyphicon glyphicon-chevron-right"></i> Our Team</a></li>
+
<li><a href="history.html"><i class="glyphicon glyphicon-chevron-right"></i> History</a></li>
+
<li><a href="faq.html"><i class="glyphicon glyphicon-chevron-right"></i> FAQ</a></li>
+
</ul>
+
</div>
+
<div class="col-md-4 footer-left wow fadeInDown animated" data-wow-delay=".5s">
+
<h4>Details</h4>
+
<ul>
+
<li><a href="about.html"><i class="glyphicon glyphicon-chevron-right"></i> About</a></li>
+
<li><a href="gallery.html"><i class="glyphicon glyphicon-chevron-right"></i> Gallery</a></li>
+
<li><a href="codes.html"><i class="glyphicon glyphicon-chevron-right"></i> Short Codes</a></li>
+
<li><a href="contact.html"><i class="glyphicon glyphicon-chevron-right"></i> Contacts</a></li>
+
</ul>
+
</div>
+
<div class="col-md-4 footer-right wow fadeInDown animated" data-wow-delay=".5s">
+
<h4>Newsletter</h4>
+
<div class="subscribe">
+
<form>
+
<input type="text" value="Email" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Email';}" required="">
+
<input type="submit" value="">
+
</form>
+
<div class="clearfix"> </div>
+
</div>
+
<div class="social-icons">
+
<ul>
+
<li><a href="#"> </a></li>
+
<li><a href="#" class="fb"> </a></li>
+
<li><a href="#" class="in"> </a></li>
+
<li><a href="#" class="dott"> </a></li>
+
</ul>
+
</div>
+
</div>
+
<div class="clearfix"> </div>
+
 
 
</div>
+
<div class="col-md-2 col-md-offset-8 text-center">
 +
  <a type="button" class="btn btn-default btn-next" href="https://2016.igem.org/Team:Tianjin/Community/Overview"><img src="https://static.igem.org/mediawiki/2016/thumb/6/62/T--Tianjin--Community--Overview--55.png/300px-T--Tianjin--Community--Overview--55.png"style="width:200px" title="Back to Overview"></a>
 +
</div>
 
</div>
 
</div>
<!--//footer-->
 
 
<!--smooth-scrolling-of-move-up-->
 
<!--smooth-scrolling-of-move-up-->
 
<script type="text/javascript">
 
<script type="text/javascript">
Line 187: Line 154:
 
</script>
 
</script>
 
<a href="#" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
 
<a href="#" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
 
+
<!--//smooth-scrolling-of-move-up-->
 
+
<!--scrolling js-->
<script>
+
<script src="js/jquery.nicescroll.js"></script>
new WOW().init();
+
<script src="js/scripts.js"></script>
</script>
+
<!--//scrolling js-->
 
+
<!-- Bootstrap core JavaScript
 +
    ================================================== -->
 +
    <!-- Placed at the end of the document so the pages load faster -->
 +
    <script src="js/bootstrap.js"></script>
 
</body>
 
</body>
 
</html>
 
</html>
  
{{:Team:Tianjin/Templates/AddJS|:Team:Tianjin/js/businessplan/js/nicescroll.js}}
+
 
{{:Team:Tianjin/Templates/AddJS|:Team:Tianjin/js/businessplan/js/wow.js}}
+
{{:Team:Tianjin/Templates/Sponsor|}}
{{:Team:Tianjin/Templates/AddJS|:Team:Tianjin/js/businessplan/js/movetop.js}}
+
{{:Team:Tianjin/Templates/AddJS|:Team:Tianjin/js/businessplan/js/easing.js}}
+
{{:Team:Tianjin/Templates/AddJS|:Team:Tianjin/js/businessplan/js/scripts.js}}
+
{{:Team:Tianjin/Templates/AddJS|:Team:Tianjin/js/businessplan/js/jquery.js}}
+

Latest revision as of 02:23, 15 October 2016

TEAM TIANJIN


<!DOCTYPE html> Gallery


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