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...")
 
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">
 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
<meta name="keywords" content="Espresso Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
 +
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
 +
<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>
+
<link href='http://fonts.useso.com/css?family=Aladin' rel='stylesheet' type='text/css'>
−
<!--mobile apps-->
+
<link href='http://fonts.useso.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic' rel='stylesheet' type='text/css'>
  
 +
<script src="js/wow.min.js"></script>
 +
<script>
 +
new WOW().init();
 +
</script>
 +
<!--//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>
 
</head>
 
<body>
 
<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>
 
<div class="top-nav">
 
<div class="top-nav">
−
+
<span class="menu"><img src="images/menu-icon.png" alt=""/></span>
 +
<ul class="nav1 menu-list">
 +
<li class="menu-item"><a class="menu-link" href="index.html">HOME</a></li>
 +
<li class="menu-item"><a class="menu-link" href="about.html">ABOUT</a></li>
 +
<li class="menu-item menu-item-current"><a class="menu-link" href="gallery.html">GALLERY</a></li>
 +
<li class="menu-item"><a class="menu-link" href="codes.html">CODES</a></li>
 +
<li class="menu-item"><a class="menu-link" href="contact.html" >CONTACT</a></li>
 +
</ul>
 
<div class="clearfix"> </div>
 
<div class="clearfix"> </div>
−
+
<!-- script-for-menu -->
−
+
<script>
 +
  $( "span.menu" ).click(function() {
 +
$( "ul.nav1" ).slideToggle( 300, function() {
 +
// Animation complete.
 +
  });
 +
});
 +
</script>
 +
<!-- /script-for-menu -->
 
</div>
 
</div>
 
<div class="social-icons wow zoomIn animated" data-wow-delay=".5s">
 
<div class="social-icons wow zoomIn animated" data-wow-delay=".5s">
−
+
<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="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"><a href="index.html">Competition </a> </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>
+
<h4 class="title">Gallery</h4>
−
<h4 class="title wow fadeInDown animated" data-wow-delay=".5s">Testimonial</h4>
+
<h3 class="title1">OUR DEBATE <span>COMPETI</span>TION ARE</h3>
−
<h3 class="title1 wow fadeInUp animated" data-wow-delay=".5s">WHAT PEOPLE SAY <span>ABOU</span>T US </h3>
+
<p>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 synthesis biology, aiming to publicize the conception of synthesis biology and arouse attention to biotechnology and protecting the globe. With our joint efforts, the debate was successfully held.<br/>
−
<div class="testi-info">
+
The debate began at 20 o’clock, 28th,Sep,2016, lasting for an hour. 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 synthesis biology and our project.<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.
−
<div class="testi-left">
+
In the interview after this debate, the competitors asserted the topic of today’s discussion was both sparkling and instructive. They had learned a great deal of knowledge about synthesis 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 synthesis biology after listening to many special cases.<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 delightful to collaborate with Beiyang Environment-Protecting Association. This is our first time to hold the debate relevant to synthesis 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 synthesis biology.
−
</div>
+
</br>
−
<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>
+
<a href="images/img2.jpg" class="swipebox">
−
<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>
 +
</a>
 +
</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=""/>
+
<a href="images/img3.jpg" class="swipebox">
−
</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>
+
</a>
−
<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=""/>
+
<a href="images/img4.jpg" class="swipebox">
−
</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>
+
</a>
−
<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=""/>
+
<a href="images/img9.jpg" class="swipebox">
−
</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>
+
</a>
−
<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=""/>
+
<a href="images/img8.jpg" class="swipebox">
−
</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>
+
</a>
−
<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=""/>
+
<a href="images/img4.jpg" class="swipebox">
−
</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>
+
</a>
−
<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>
+
<a href="images/img5.jpg" class="swipebox">
−
<!--//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">
+
</a>
−
<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">
 +
<a href="https://static.igem.org/mediawiki/2016/4/4d/T--Tianjin--Competition-img7.jpg" class="swipebox">
 +
<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>
 +
</a>
 +
</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>
+
<span class="bg-text">G</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>
 
−
<!--//footer-->
 
 
<!--smooth-scrolling-of-move-up-->
 
<!--smooth-scrolling-of-move-up-->
 
<script type="text/javascript">
 
<script type="text/javascript">
Line 187: Line 183:
 
</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/nicescroll.js}}

Revision as of 08:35, 30 September 2016

TEAM TIANJIN

LOGO


<!DOCTYPE html> Gallery

Gallery

OUR DEBATE COMPETITION ARE

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 synthesis biology, aiming to publicize the conception of synthesis biology and arouse attention to biotechnology and protecting the globe. With our joint efforts, the debate was successfully held.
The debate began at 20 o’clock, 28th,Sep,2016, lasting for an hour. 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 synthesis biology and our project.
The game went on very well. By the end of the debate, the winning team and the best debater were selected by the jury. In the interview after this debate, the competitors asserted the topic of today’s discussion was both sparkling and instructive. They had learned a great deal of knowledge about synthesis 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 synthesis biology after listening to many special cases.
Conclusively speaking, this debate was very successful. And we were so delightful to collaborate with Beiyang Environment-Protecting Association. This is our first time to hold the debate relevant to synthesis 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 synthesis biology.

Debater
Hostess
FreeDebating
Questioning
ClosingStatement
Judge
Commenting
FreeDebating
G