Difference between revisions of "Team:CHINA CD UESTC/Overview"

 
(22 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
{{Template:Team:CHINA_CD_UESTC/menu}}
 
{{Template:Team:CHINA_CD_UESTC/menu}}
−
 
 
<!DOCTYPE html>
 
<!DOCTYPE html>
 
<!-- saved from url=(0028)http://www.whitefrontier.ch/ -->
 
<!-- saved from url=(0028)http://www.whitefrontier.ch/ -->
−
<html lang="en" class="js flexbox canvas canvastext webgl no-touch geolocation postmessage websqldatabase indexeddb hashchange history draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients cssreflections csstransforms csstransforms3d csstransitions fontface generatedcontent video audio localstorage sessionstorage webworkers applicationcache svg inlinesvg smil svgclippaths wf-brandongrotesque-i4-active wf-brandongrotesque-i7-active wf-brandongrotesque-n4-active wf-brandongrotesque-n7-active wf-dincondensedweb-n4-active wf-freightbigpro-i4-active wf-freightbigpro-i7-active wf-freightbigpro-n4-active wf-freightbigpro-n7-active wf-active">
+
<html >
 
<head>
 
<head>
  
 
<link rel="stylesheet" href="https://2015.igem.org/Team:CHINA_CD_UESTC/Template:RightStyle.css?action=raw&ctype=text/css" type="text/css" />
 
<link rel="stylesheet" href="https://2015.igem.org/Team:CHINA_CD_UESTC/Template:RightStyle.css?action=raw&ctype=text/css" type="text/css" />
 
</head>
 
</head>
−
<style type="text/css">
+
<style type="text/css">
 
/*************************************************
 
/*************************************************
−
whole right section
+
                whole right section
  
 
***********************************************/
 
***********************************************/
 
#RightSection {
 
#RightSection {
−
position: fixed;
+
    position: fixed;
−
left: 260px;
+
    left: 260px;
−
top: 0;
+
    top: 0;
−
right: 0;
+
    right: 0;
−
height:100%;
+
    height:100%;
−
background:#F0F0F0;
+
    background:#F0F0F0;
−
background-image:url("https://static.igem.org/mediawiki/2015/8/8e/CHINA_CD_UESTC_PROJECTbg.jpg");
+
    background-image:url("https://static.igem.org/mediawiki/2015/3/34/CHINA_CD_UESTC_HPbg.jpg");
−
overflow-y: scroll;
+
    overflow-y: scroll;
−
background-repeat: repeat;
+
    background-repeat: repeat;
−
background-size: 180px;
+
    background-size: 180px;
  
−
transition: all 200ms ease-out;
+
    transition: all 200ms ease-out;
−
transform: translate3d(0, 0, 0);
+
    transform: translate3d(0, 0, 0);
−
z-index:1;
+
    z-index:1;
  
 
}
 
}
−
/*************************************************
+
#three-line-text p{
−
first title
+
margin-left: 20px;
−
***********************************************/
+
font-family: "Microsoft yahei";
−
#title {
+
color: #0073A5;
−
    position: fixed;
+
−
font-size: 80px;
+
−
left:480px;
+
−
z-index: 5;
+
−
 
+
 
}
 
}
−
#firstTitle {
+
#three-line-text a{
−
font-family: Arial, Helvetica, sans-serif;
+
font-family: "Microsoft yahei";
−
    position: fixed;
+
color: #0073A5;
−
margin-top:0;
+
−
    margin-bottom:0;
+
−
top: 30px;
+
−
font-size: 80px;
+
−
left:480px;
+
−
color: #fdf7c1;
+
−
overflow: hidden;
+
−
 
+
 
}
 
}
  
−
/*************************************************
+
#threeline-left {
−
second title
+
float: left;
−
***********************************************/
+
width: 270px;
−
#secondTitle {
+
margin:10px 0 0 50px;
−
font-family:Arial, Helvetica, sans-serif;
+
−
    font-weight:bold;
+
−
    position: fixed;
+
−
font-size: 80px;
+
−
margin-top: 150px;
+
−
left: 470px;
+
−
color: #fdf7c1;
+
−
 
+
 
}
 
}
−
span.secondTitle {
+
#threeline-middle {
−
display: inline-block;
+
float: left;
−
font-size: 40px;
+
width: 290px;
−
font-weight: normal;
+
margin:10px 0 0 20px;
−
font-family: Arial, Helvetica, sans-serif;
+
−
font-style: italic;
+
 
}
 
}
−
span.intro_line {
+
#threeline-right {
−
background-color:#fdf7c1;
+
−
width: 200px;
+
−
height: 3px;
+
−
display: inline-block;
+
−
margin: 0 20px 12px 20px;
+
−
}
+
−
/*************************************************
+
−
right text frame container
+
−
***********************************************/
+
−
#RightContent {
+
 
float: right;
 
float: right;
−
position: fixed;
+
width: 290px;
−
left: 260px;
+
margin: 10px 60px;
−
top: 0px;
+
−
right: 0;
+
−
height:100%;
+
−
overflow-y: scroll;
+
−
transition: all 200ms ease-out;
+
−
transform: translate3d(0, 0, 0);
+
−
z-index:5;
+
  
 
}
 
}
−
.transparent_class  {
+
/* ____________________________________ Slide 10 照片____________________________________ */
−
border-radius: 0px;
+
#slide10 {
−
position: absolute;
+
width:90%;
−
top: 350px;
+
padding: 20px 0 0 30px;
−
left: 50px;
+
−
right: 50px;
+
−
background-color: #0072E3;
+
−
color:#000000;
+
−
filter:alpha(opacity=80);
+
−
-moz-opacity:0.8;
+
−
-khtml-opacity: 0.8;
+
−
opacity: 0.8;
+
 
}
 
}
−
.blockWords{
+
 
−
font-family:Arial, Helvetica, sans-serif;
+
/* _________________ PORTFOLIO ________________ */
−
font-size: 17px;
+
.gallery-list {
−
padding: 15px;
+
text-align:center;
−
color: #ffffff;
+
margin-right:-20px !important;
 
}
 
}
−
/*************************************************
+
#slide10 .hover_img {
−
testtext
+
overflow:hidden;
−
***********************************************/
+
position:relative;
−
#RightContentText {
+
height:291px;
−
position: absolute;
+
width:255px;
−
top: 510px;
+
background:#fff;
−
left:18px;
+
−
right:18px;
+
−
background:#FFFFFF;
+
−
color: #000000;
+
−
transition: all 200ms ease-out;
+
−
transform: translate3d(0, 0, 0);
+
 
}
 
}
  
−
@media (min-width: 540px) {
+
 
−
  #firstTitle {font-size: 30px;}
+
.img_block {
−
span.secondTitle {font-size: 10px;}
+
display:inline-block;
 +
margin:0;
 +
width:251px;
 +
height:100%;
 
}
 
}
−
@media (min-width: 768px) {
 
  
−
  #firstTitle {font-size: 40px;}
+
.img_block_bg {
−
span.secondTitle {font-size: 20px;}
+
position:absolute;
 +
z-index:100;
 +
left:0;
 +
top:0;
 +
}
  
 +
.portfolio_zoom, .portfolio_link {
 +
width:42px;
 +
height:42px;
 +
position:absolute;
 +
z-index:110;
 +
bottom:85px;
 +
background-repeat:no-repeat;
 +
opacity:0.61;
 +
filter: alpha(opacity=61);
 +
transition: all 0.1s ease-in-out;
 +
-moz-transition: all 0.1s ease-in-out;
 +
-webkit-transition: all 0.1s ease-in-out;
 +
-o-transition: all 0.1s ease-in-out;
 +
}
 +
.portfolio_zoom {
 +
left:-77px;
 +
}
 +
.portfolio_link {
 +
right:-77px;
 +
}
 +
.portfolio_zoom:hover, .portfolio_link:hover {
 +
opacity:1;
 +
filter: alpha(opacity=100);
 +
z-index:310;
 +
}
 +
.portfolio_zoom a, .portfolio_link a {
 +
display:block;
 +
width:42px;
 +
height:42px;
 +
text-indent:-9999px;
 
}
 
}
  
 +
.img_block:hover .portfolio_zoom {left:83px;transition-delay: 0.3s;
 +
}
 +
.img_block:hover .portfolio_link {right:84px;transition-delay: 0.3s;
 +
}
  
−
@media (min-width: 992px) {
+
.item_description {
 +
position:absolute;
 +
top:-273px;
 +
width:255px;
 +
height:291px;
 +
padding:0;
 +
background:#f14833;
 +
font-family: Helvetica ;
 +
font-size: 14px;
 +
line-height: 20px;
 +
font-weight: 400;
 +
text-align:center;
 +
color:#fff;
 +
transition: all 0.3s ease-in-out;
 +
-moz-transition: all 0.3s ease-in-out;
 +
-webkit-transition: all 0.3s ease-in-out;
 +
-o-transition: all 0.3s ease-in-out;
 +
}
 +
.item_description p {
 +
padding:74px 10px 0;
 +
text-transform:uppercase;
 +
font-size:18px;
 +
}
 +
.img_block:hover .item_description {
 +
top:20px;
 +
}
 +
.img_block .portf_img {
 +
position:absolute;
 +
left:18px;
 +
top:18px;
 +
width: 100%;
 +
height: 90%;
 +
transition: all 0.3s ease-in-out;
 +
-moz-transition: all 0.3s ease-in-out;
 +
-webkit-transition: all 0.3s ease-in-out;
 +
-o-transition: all 0.3s ease-in-out;
 +
}
 +
.img_block:hover .portf_img {
 +
position:absolute;
 +
top:235px;
 +
}
  
−
  #firstTitle {font-size: 60px;}
 
−
span.secondTitle {font-size: 30px;}
 
  
−
}
+
/* ________________ //PORTFOLIO _______________ */
 +
 
 +
/* ___________ //Slide 10 ___________________*/
  
−
@media (min-width: 1200px) {
 
−
  #firstTitle {font-size: 80px;}
 
−
span.secondTitle {font-size: 40px;}
 
  
−
  }
 
−
#content{
 
−
height:90px;
 
−
}
 
 
</style>
 
</style>
 
<body id="homeIndexBody">
 
<body id="homeIndexBody">
−
<div id="RightSection"></div>
+
<div id="RightSection"></div>
  
−
<div id="title">
+
<div id="title">
  
−
<div id="firstTitle"><p><B>HUMAN PRACTISE</B></p></div>
+
<div id="firstTitle">
−
<div id="secondTitle"><span class="intro_line"></span><span class="secondTitle">overview</span><span class="intro_line"></span><br></div>
+
<p>
−
</div>
+
<B>HUMAN PRACTISE</B>
 +
</p>
 +
</div>
 +
</div>
  
−
<div id="RightContent">
+
<div id="RightContent">
−
<div class="transparent_class ">
+
<div class="transparent_class ">
−
<p class="blockWords">&nbsp;&nbsp;We are a skillful and persistent group of nine Finns. We started as a group of students who didn't really know each other, assuming that we were going to spend our summer studying synthetic biology with strange colleagues. In the end we got a bunch of new friends and (in addition to studying synthetic biology) we just might have spent one of the best summers of our lives.</p>
+
<p class="blockWords">
−
</div>
+
&nbsp;&nbsp;We are a skillful and persistent group of nine Finns. We started as a group of students who didn't really know each other, assuming that we were going to spend our summer studying synthetic biology with strange colleagues. In the end we got a bunch of new friends and (in addition to studying synthetic biology) we just might have spent one of the best summers of our lives.
 +
</p>
 +
</div>
  
−
<div id="RightContentText">
+
<div id="RightContentText">
 +
<div class="slide" id="slide2" data-slide="2" data-stellar-background-ratio="0.5" style="background-position: 0px 669px;">
 +
<div class="container clearfix">
  
−
<div class="slide" id="slide10" data-slide="10" data-stellar-background-ratio="0.5" style="background-position: 0px -722.5px;">
+
<div id="content" class="grid_12">
−
<div class="container clearfix">
+
<h2 style="text-align:center"> <strong>Overview</strong>
−
+
</h2>
−
<div id="content" class="grid_12">
+
−
<h2><span>Overview</span></h2>
+
−
</div>
+
−
<div class="clear"></div>
+
−
+
−
<div id="contenet">
+
−
<div class="overflow_hidden">
+
−
<!-- portfolio_block -->
+
−
<div class="gallery-list">
+
−
<div class="img_block">
+
−
<div class="hover_img">
+
−
<img class="img_block_bg" src="https://static.igem.org/mediawiki/2015/7/79/CD_UESTC_HP_hexagen.png">
+
−
<img class="portf_img" src="https://static.igem.org/mediawiki/2015/1/1c/CD_UESTC_backside-montfort-wide-setup.png" alt="">
+
−
<span class="portfolio_zoom"><a href="http://www.template-guide.com/preview/5308/images/portfolio/full/1.jpg" rel="prettyPhoto[portfolio1]"></a></span>
+
−
<span class="portfolio_link"><a href="javascript:void(0);">View item</a></span>
+
−
<div class="item_description">
+
−
<p>Visited ......</p>
+
−
Quisque vulputate tristique
+
−
</div>
+
−
</div>
+
 
</div>
 
</div>
−
<div class="img_block">
+
<div class="clear"></div>
−
<div class="hover_img">
+
 
−
<img class="img_block_bg" src="https://static.igem.org/mediawiki/2015/7/79/CD_UESTC_HP_hexagen.png">
+
<div id="content">
−
<img class="portf_img" src="https://static.igem.org/mediawiki/2015/1/1c/CD_UESTC_backside-montfort-wide-setup.png" alt="">
+
<div class="grid_8">
−
<span class="portfolio_zoom"><a href="http://www.template-guide.com/preview/5308/images/portfolio/full/2.jpg" rel="prettyPhoto[portfolio1]"></a></span>
+
<h4> <strong>2015-UESTC TEAM</strong>
−
<span class="portfolio_link"><a href="javascript:void(0);">View item</a></span>
+
</h4>
−
<div class="item_description">
+
<p>
−
<p>Nunc non purus</p>
+
Combined with the development of iGEM, which is of the synthetic biology background, and the actual situation that we are in the southwest region, our team considered to implement our human practice mainly from three aspects, aiming to make more individuals know and participate in iGEM, even unite schools and universities of southwest together, combine theoretical research and products production.
−
Quisque vulputate tristique
+
</p>
−
</div>
+
<br>
 +
 
 +
<div class="clear"></div>
 +
 
 
</div>
 
</div>
 +
 
</div>
 
</div>
−
<div class="img_block">
+
</div>
−
<div class="hover_img">
+
 
−
<img class="img_block_bg" src="https://static.igem.org/mediawiki/2015/7/79/CD_UESTC_HP_hexagen.png">
+
<div id="three-line-text">
−
<img class="portf_img" src="https://static.igem.org/mediawiki/2015/1/1c/CD_UESTC_backside-montfort-wide-setup.png" alt="">
+
<div id="threeline-left">
−
<span class="portfolio_zoom"><a href="http://www.template-guide.com/preview/5308/images/portfolio/full/3.jpg" rel="prettyPhoto[portfolio1]"></a></span>
+
<h4>Publicity：</h4>
−
<span class="portfolio_link"><a href="javascript:void(0);">View item</a></span>
+
<p>
−
<div class="item_description">
+
<a href="https://2015.igem.org/Team:CHINA_CD_UESTC/hp_education#hp02">1. primary school</a>
−
<p>Nunc non purus</p>
+
<br>
−
Quisque vulputate tristique
+
<a href="https://2015.igem.org/Team:CHINA_CD_UESTC/hp_education#hp01">2. kindergarten</a>
−
</div>
+
<br>
−
</div>
+
<a href="https://2015.igem.org/Team:CHINA_CD_UESTC/hp_education#hp03">3. Aid education</a>
 +
<br></p>
 
</div>
 
</div>
−
<div class="img_block">
+
<div id="threeline-middle">
−
<div class="hover_img">
+
<h4>Project Promotion：</h4>
−
<img class="img_block_bg" src="https://static.igem.org/mediawiki/2015/7/79/CD_UESTC_HP_hexagen.png">
+
<p>
−
<img class="portf_img" src="https://static.igem.org/mediawiki/2015/1/1c/CD_UESTC_backside-montfort-wide-setup.png" alt="">
+
<a href="https://2015.igem.org/Team:CHINA_CD_UESTC/hp_meetup#hp01">1. Southwest Union of China</a>
−
<span class="portfolio_zoom"><a href="http://www.template-guide.com/preview/5308/images/portfolio/full/4.jpg" rel="prettyPhoto[portfolio1]"></a></span>
+
<br>
−
<span class="portfolio_link"><a href="javascript:void(0);">View item</a></span>
+
<a href="https://2015.igem.org/Team:CHINA_CD_UESTC/hp_meetup#hp02">2. iGEM Club</a>
−
<div class="item_description">
+
<br>
−
<p>Nunc non purus</p>
+
<a href="https://2015.igem.org/Team:CHINA_CD_UESTC/hp_HKU">3. Hong Kong University</a>
−
Quisque vulputate tristique
+
<br></p>
−
</div>
+
−
</div>
+
 
</div>
 
</div>
−
<div class="img_block">
+
<div id="threeline-right">
−
<div class="hover_img">
+
<h4>Practicability：</h4>
−
<img class="img_block_bg" src="https://static.igem.org/mediawiki/2015/7/79/CD_UESTC_HP_hexagen.png">
+
<p>
−
<img class="portf_img" src="https://static.igem.org/mediawiki/2015/1/1c/CD_UESTC_backside-montfort-wide-setup.png" alt="">
+
<a href="https://2015.igem.org/Team:CHINA_CD_UESTC/hp_business#hp01">1. Anno Medical Devices Co.Ltd</a>
−
<span class="portfolio_zoom"><a href="http://www.template-guide.com/preview/5308/images/portfolio/full/5.jpg" rel="prettyPhoto[portfolio1]"></a></span>
+
<br>
−
<span class="portfolio_link"><a href="javascript:void(0);">View item</a></span>
+
<a href="https://2015.igem.org/Team:CHINA_CD_UESTC/hp_business#hp02">2. Jin Douyun Space Company</a>
−
<div class="item_description">
+
<br>
−
<p>Nunc non purus</p>
+
<a href="https://2015.igem.org/Team:CHINA_CD_UESTC/hp_business#hp03">3. Biology Maker Studio</a>
−
Quisque vulputate tristique
+
<br></p>
−
</div>
+
−
</div>
+
 
</div>
 
</div>
−
<div class="img_block">
+
</div>
−
<div class="hover_img">
+
</div>
−
<img class="img_block_bg" src="https://static.igem.org/mediawiki/2015/7/79/CD_UESTC_HP_hexagen.png">
+
 
−
<img class="portf_img" src="https://static.igem.org/mediawiki/2015/1/1c/CD_UESTC_backside-montfort-wide-setup.png" alt="">
+
<div class="slide" id="slide10" data-slide="10" data-stellar-background-ratio="0.5" style="background-position: 0px -722.5px;">
−
<span class="portfolio_zoom"><a href="http://www.template-guide.com/preview/5308/images/portfolio/full/6.jpg" rel="prettyPhoto[portfolio1]"></a></span>
+
<div class="container clearfix">
−
<span class="portfolio_link"><a href="javascript:void(0);">View item</a></span>
+
 
−
<div class="item_description">
+
<div id="contenet">
−
<p>Nunc non purus</p>
+
<div class="overflow_hidden">
−
Quisque vulputate tristique
+
<!-- portfolio_block -->
 +
<div class="gallery-list">
 +
<div class="img_block">
 +
<div class="hover_img">
 +
<img class="img_block_bg" src="https://static.igem.org/mediawiki/2015/7/79/CD_UESTC_HP_hexagen.png">
 +
<img class="portf_img" src="https://static.igem.org/mediawiki/2015/e/e0/CHINA_CD_UESTC_hpOV01.JPG" >
 +
<span class="portfolio_zoom">
 +
<a href="#" rel="prettyPhoto[portfolio1]"></a>
 +
</span>
 +
<span class="portfolio_link">
 +
<a href="https://2015.igem.org/Team:CHINA_CD_UESTC/hp_education#hp02"></a>
 +
</span>
 +
<div class="item_description">
 +
<p>Primary school</p><br>
 +
More details!
 +
</div>
 +
</div>
 +
</div>
 +
<div class="img_block">
 +
<div class="hover_img">
 +
<img class="img_block_bg" src="https://static.igem.org/mediawiki/2015/7/79/CD_UESTC_HP_hexagen.png">
 +
<img class="portf_img" src="https://static.igem.org/mediawiki/2015/8/87/CHINA_CD_UESTC_hpOV02.JPG" >
 +
<span class="portfolio_zoom">
 +
<a href="#" rel="prettyPhoto[portfolio1]"></a>
 +
</span>
 +
<span class="portfolio_link">
 +
<a href="https://2015.igem.org/Team:CHINA_CD_UESTC/hp_education#hp01"></a>
 +
</span>
 +
<div class="item_description">
 +
<p>kindergarten</p><br>
 +
More details!
 +
</div>
 +
</div>
 +
</div>
 +
<div class="img_block">
 +
<div class="hover_img">
 +
<img class="img_block_bg" src="https://static.igem.org/mediawiki/2015/7/79/CD_UESTC_HP_hexagen.png">
 +
<img class="portf_img" src="https://static.igem.org/mediawiki/2015/d/d3/CHINA_CD_UESTC_hpOV03.JPG">
 +
<span class="portfolio_zoom">
 +
<a href="#" rel="prettyPhoto[portfolio1]"></a>
 +
</span>
 +
<span class="portfolio_link">
 +
<a href="https://2015.igem.org/Team:CHINA_CD_UESTC/hp_education#hp03"></a>
 +
</span>
 +
<div class="item_description">
 +
<p>Aid education</p><br>
 +
More details!
 +
</div>
 +
</div>
 +
</div>
 +
<div class="img_block">
 +
<div class="hover_img">
 +
<img class="img_block_bg" src="https://static.igem.org/mediawiki/2015/7/79/CD_UESTC_HP_hexagen.png">
 +
<img class="portf_img" src="https://static.igem.org/mediawiki/2015/8/89/CHINA_CD_UESTC_hpOV04.jpg">
 +
<span class="portfolio_zoom">
 +
<a href="#" rel="prettyPhoto[portfolio1]"></a>
 +
</span>
 +
<span class="portfolio_link">
 +
<a href="https://2015.igem.org/Team:CHINA_CD_UESTC/hp_meetup#hp01"></a>
 +
</span>
 +
<div class="item_description">
 +
<p>Southwest Union of China</p>
 +
More details!
 +
</div>
 +
</div>
 +
</div>
 +
<div class="img_block">
 +
<div class="hover_img">
 +
<img class="img_block_bg" src="https://static.igem.org/mediawiki/2015/7/79/CD_UESTC_HP_hexagen.png">
 +
<img class="portf_img" src="https://static.igem.org/mediawiki/2015/4/41/CHINA_CD_UESTC_hpOV05.JPG">
 +
<span class="portfolio_zoom">
 +
<a href="#" rel="prettyPhoto[portfolio1]"></a>
 +
</span>
 +
<span class="portfolio_link">
 +
<a href="https://2015.igem.org/Team:CHINA_CD_UESTC/hp_meetup#hp02"></a>
 +
</span>
 +
<div class="item_description">
 +
<p>iGEM Club </p><br>
 +
More details!
 +
</div>
 +
</div>
 +
</div>
 +
<div class="img_block">
 +
<div class="hover_img">
 +
<img class="img_block_bg" src="https://static.igem.org/mediawiki/2015/7/79/CD_UESTC_HP_hexagen.png">
 +
<img class="portf_img" src="https://static.igem.org/mediawiki/2015/d/d9/CHINA_CD_UESTC_hpOV06.JPG">
 +
<span class="portfolio_zoom">
 +
<a href="#" rel="prettyPhoto[portfolio1]"></a>
 +
</span>
 +
<span class="portfolio_link">
 +
<a href="https://2015.igem.org/Team:CHINA_CD_UESTC/hp_HKU"></a>
 +
</span>
 +
<div class="item_description">
 +
<p>Hong Kong<br> University</p>
 +
More details!
 +
</div>
 +
</div>
 +
</div>
 +
<div class="img_block">
 +
<div class="hover_img">
 +
<img class="img_block_bg" src="https://static.igem.org/mediawiki/2015/7/79/CD_UESTC_HP_hexagen.png">
 +
<img class="portf_img" src="https://static.igem.org/mediawiki/2015/b/bd/CHINA_CD_UESTC_hpOV07.jpg">
 +
<span class="portfolio_zoom">
 +
<a href="#" rel="prettyPhoto[portfolio1]"></a>
 +
</span>
 +
<span class="portfolio_link">
 +
<a href="https://2015.igem.org/Team:CHINA_CD_UESTC/hp_business#hp01"></a>
 +
</span>
 +
<div class="item_description">
 +
<p>Anno Medical <br>Devices Co.Ltd</p>
 +
More details!
 +
</div>
 +
</div>
 +
</div>
 +
<div class="img_block">
 +
<div class="hover_img">
 +
<img class="img_block_bg" src="https://static.igem.org/mediawiki/2015/7/79/CD_UESTC_HP_hexagen.png">
 +
<img class="portf_img" src="https://static.igem.org/mediawiki/2015/5/5a/CHINA_CD_UESTC_hpOV08.jpg">
 +
<span class="portfolio_zoom">
 +
<a href="#" rel="prettyPhoto[portfolio1]"></a>
 +
</span>
 +
<span class="portfolio_link">
 +
<a href="https://2015.igem.org/Team:CHINA_CD_UESTC/hp_business#hp02"></a>
 +
</span>
 +
<div class="item_description">
 +
<p>Jin Douyun Space Company</p>
 +
More details!
 +
</div>
 +
</div>
 +
</div>
 +
<div class="img_block">
 +
<div class="hover_img">
 +
<img class="img_block_bg" src="https://static.igem.org/mediawiki/2015/7/79/CD_UESTC_HP_hexagen.png">
 +
<img class="portf_img" src="https://static.igem.org/mediawiki/2015/5/58/CHINA_CD_UESTC_hpOV09.jpg">
 +
<span class="portfolio_zoom">
 +
<a href="#" rel="prettyPhoto[portfolio1]"></a>
 +
</span>
 +
<span class="portfolio_link">
 +
<a href="https://2015.igem.org/Team:CHINA_CD_UESTC/hp_business#hp03"></a>
 +
</span>
 +
<div class="item_description">
 +
<p>Biology Maker <br>Studio </p>
 +
More details!
 +
</div>
 +
</div>
 +
</div>
 +
 
 +
<div class="clear"></div>
 
</div>
 
</div>
 +
<!-- //portfolio_block -->
 
</div>
 
</div>
 
</div>
 
</div>
  
 +
</div>
 +
</div>
 +
 +
<div class="slide" id="slide2" data-slide="2" data-stellar-background-ratio="0.5" style="background-position: 0px 669px;">
 +
<div class="container clearfix">
 +
 +
<div class="grid_12">
 +
<h2 style="text-align:center">
 +
<strong>Publicity</strong>
 +
</h2>
 +
</div>
 
<div class="clear"></div>
 
<div class="clear"></div>
−
</div>   
+
 
−
<!-- //portfolio_block -->  
+
<div id="content">
 +
<div class="grid_8">
 +
<h4>
 +
<strong>Education Lecture</strong>
 +
</h4>
 +
<p>
 +
Considering that the students have curiosity in new things and infinite development possibilities in the process of learning. Aiming at different levels of education stage, our team preached with the aid of university knowledge, from shallow to deep, respectively, in kindergarten, primary school, secondary school and university. On the one hand, we expect that we can cover education levels as   complete as possible; On the other hand, we hope to instill correct scientific thinking to children from an early age, and try our best to eliminate peoples’ prejudice to the synthetic biology.
 +
</p>
 +
<br>
 +
 
 +
<h4>
 +
<strong>Southwest Union of China</strong>
 +
</h4>
 +
<p>
 +
Now teams in southwest China is less, but there is no lack of colleges have good conditions and great interests. We united UESTC software team and Sichuan University, all of us had taken part in iGEM. On the one hand, we can share our experience with each other and accelerate the progress of the projects; on the other hand, we can help Sichuan Agricultural University and Southwest University for nationalities with the aid of competition experience. Most noteworthy is that we also invited senior high school students’ representatives and members of the Biology Maker, and we hope to help with the establishment of high school team. At the same time, we can strengthen the contact with social biology amateurs. Ultimately the most important, we hope that Southwest Union of China can stay strong and stable, which form long-term and close cooperation, and expand its influence and strength.
 +
</p>
 +
<br>
 +
 
 +
<div class="clear"></div>
 +
 
 +
</div>
 +
 
 +
<div class="grid_12">
 +
<h2 style="text-align:center">
 +
<strong>Project Promotion</strong>
 +
</h2>
 +
</div>
 +
<div class="clear"></div>
 +
 
 +
<div id="content">
 +
<div class="grid_8">
 +
<h4>
 +
<strong>iGEM Club</strong>
 +
</h4>
 +
<p>
 +
UESTC introduces iGEM to freshmen every new school year. Although the students are passionate about it, they don't know how to contact the iGEM. In view of this situation, we establish the iGEM club this year, which mainly help low-grade students to understand iGEM quickly, and provide them the competition information timely. Furthermore, we can teach them experiment skills and guide their study direction. Meanwhile, the club members also provide an indispensable help for our project. Despite of the beginning scale of our club, we believe that there will be more synthetic biology enthusiasts to join us and develop iGEM team together in the future.
 +
</p>
 +
<br>
 +
 
 +
<h4>
 +
<strong>Southwest Union of China</strong>
 +
</h4>
 +
<p>
 +
For our team, the establishment of the union provides a great opportunity to demonstrate our project prior to going to America, and we received a lot of optimization views from other teams. Not only that, we also got rich views which have a positive meaning for our project development. Of course, we provided necessary help for other members’ progress and development.
 +
</p>
 +
<br>
 +
 
 +
<div class="clear"></div>
 +
 
 +
</div>
 +
 
 +
<div class="grid_12">
 +
<h2 style="text-align:center">
 +
<strong>Practicability</strong>
 +
</h2>
 +
</div>
 +
<div class="clear"></div>
 +
 
 +
<div id="content">
 +
<div class="grid_8">
 +
<h4>
 +
<strong>Biotechnology Company</strong>
 +
</h4>
 +
<p>
 +
Throughout calendar year teams’ human practice of UESTC, those teams’ publicity activities are only limited to campus or around the campus, not really achieve the purpose "to show synthetic biology to more different groups". As a result, this year our team go out of the campus, communicate with Anno Medical Devices Co.Ltd and Jindouyun Hackerspace Company. Not only did we introduce them iGEM and magnetotactic escherichia coli, but also get a lot of valuable opinions from them. At the same time, we also contacted the Director of the Medical Device Industry Technology Innovation Strategic Alliance of Sichuan Province, which will strengthen our iGEM Southwest Union of China in the future cooperation.
 +
</p>
 +
<br>
 +
 
 +
<h4>
 +
<strong>Biology Maker Studio</strong>
 +
</h4>
 +
<p>
 +
Out of the campus, we have also come into contact with Chengdu Biology Maker. They are all biology lovers gathered from different jobs do their own bioinstrumentations. During the communication, we found that they are very interested in iGEM and willing to participate in iGEM in the future, so we invited them to our Southwest Union of China, and we also paid a visit to the Biology Maker Studio. In our meeting, we both put forward new ideas, and have further discussion about the future development of synthetic biology.
 +
</p>
 +
<br>
 +
 
 +
<div class="clear"></div>
 +
 
 +
</div>
 +
 
 +
</div>
 +
</div>
 +
 
 +
</div>
 +
</div>
 
</div>
 
</div>
 
</div>
 
</div>
−
 
 
</div>
 
</div>
−
</div>
 
−
 
−
</div>
 
−
</div>
 
−
</div>
 
−
 
 
</body>
 
</body>
−
</html>
+
</html>

Latest revision as of 06:11, 27 August 2015

<!DOCTYPE html>

HUMAN PRACTISE

  We are a skillful and persistent group of nine Finns. We started as a group of students who didn't really know each other, assuming that we were going to spend our summer studying synthetic biology with strange colleagues. In the end we got a bunch of new friends and (in addition to studying synthetic biology) we just might have spent one of the best summers of our lives.

Overview

2015-UESTC TEAM

Combined with the development of iGEM, which is of the synthetic biology background, and the actual situation that we are in the southwest region, our team considered to implement our human practice mainly from three aspects, aiming to make more individuals know and participate in iGEM, even unite schools and universities of southwest together, combine theoretical research and products production.


Primary school


More details!

kindergarten


More details!

Aid education


More details!

Southwest Union of China

More details!

iGEM Club


More details!

Hong Kong
University

More details!

Anno Medical
Devices Co.Ltd

More details!

Jin Douyun Space Company

More details!

Biology Maker
Studio

More details!

Publicity

Education Lecture

Considering that the students have curiosity in new things and infinite development possibilities in the process of learning. Aiming at different levels of education stage, our team preached with the aid of university knowledge, from shallow to deep, respectively, in kindergarten, primary school, secondary school and university. On the one hand, we expect that we can cover education levels as complete as possible; On the other hand, we hope to instill correct scientific thinking to children from an early age, and try our best to eliminate peoples’ prejudice to the synthetic biology.


Southwest Union of China

Now teams in southwest China is less, but there is no lack of colleges have good conditions and great interests. We united UESTC software team and Sichuan University, all of us had taken part in iGEM. On the one hand, we can share our experience with each other and accelerate the progress of the projects; on the other hand, we can help Sichuan Agricultural University and Southwest University for nationalities with the aid of competition experience. Most noteworthy is that we also invited senior high school students’ representatives and members of the Biology Maker, and we hope to help with the establishment of high school team. At the same time, we can strengthen the contact with social biology amateurs. Ultimately the most important, we hope that Southwest Union of China can stay strong and stable, which form long-term and close cooperation, and expand its influence and strength.


Project Promotion

iGEM Club

UESTC introduces iGEM to freshmen every new school year. Although the students are passionate about it, they don't know how to contact the iGEM. In view of this situation, we establish the iGEM club this year, which mainly help low-grade students to understand iGEM quickly, and provide them the competition information timely. Furthermore, we can teach them experiment skills and guide their study direction. Meanwhile, the club members also provide an indispensable help for our project. Despite of the beginning scale of our club, we believe that there will be more synthetic biology enthusiasts to join us and develop iGEM team together in the future.


Southwest Union of China

For our team, the establishment of the union provides a great opportunity to demonstrate our project prior to going to America, and we received a lot of optimization views from other teams. Not only that, we also got rich views which have a positive meaning for our project development. Of course, we provided necessary help for other members’ progress and development.


Practicability

Biotechnology Company

Throughout calendar year teams’ human practice of UESTC, those teams’ publicity activities are only limited to campus or around the campus, not really achieve the purpose "to show synthetic biology to more different groups". As a result, this year our team go out of the campus, communicate with Anno Medical Devices Co.Ltd and Jindouyun Hackerspace Company. Not only did we introduce them iGEM and magnetotactic escherichia coli, but also get a lot of valuable opinions from them. At the same time, we also contacted the Director of the Medical Device Industry Technology Innovation Strategic Alliance of Sichuan Province, which will strengthen our iGEM Southwest Union of China in the future cooperation.


Biology Maker Studio

Out of the campus, we have also come into contact with Chengdu Biology Maker. They are all biology lovers gathered from different jobs do their own bioinstrumentations. During the communication, we found that they are very interested in iGEM and willing to participate in iGEM in the future, so we invited them to our Southwest Union of China, and we also paid a visit to the Biology Maker Studio. In our meeting, we both put forward new ideas, and have further discussion about the future development of synthetic biology.