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

Line 5: Line 5:
 
<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
Line 28: Line 28:
 
     z-index:1;
 
     z-index:1;
  
 +
}
 +
#three-line-text p{
 +
margin-left: 20px;
 +
}
 +
#threeline-left {
 +
float: left;
 +
width: 300px;
 +
}
 +
#threeline-middle {
 +
float: left;
 +
width: 330px;
 +
}
 +
#threeline-right {
 +
float: right;
 +
width: 300px;
 
}
 
}
 
/* ____________________________________ Slide 10 照片____________________________________ */  
 
/* ____________________________________ Slide 10 照片____________________________________ */  
Line 142: Line 157:
 
top:235px;
 
top:235px;
 
}
 
}
−
 
  
  
 
/* ________________ //PORTFOLIO _______________ */
 
/* ________________ //PORTFOLIO _______________ */
  
−
/* ___________________________________ //Slide 10 ___________________________________ */
+
/* ___________ //Slide 10 ___________________*/
−
 
+
  
  
 
</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">
+
<div id="firstTitle">
−
            <p>
+
<p>
−
                <B>HUMAN PRACTISE</B>
+
<B>HUMAN PRACTISE</B>
−
            </p>
+
</p>
−
        </div>
+
</div>
−
    </div>
+
</div>
  
−
    <div id="RightContent">
+
<div id="RightContent">
−
        <div class="transparent_class ">
+
<div class="transparent_class ">
−
            <p class="blockWords">
+
<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.
+
&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>
−
        </div>
+
</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="slide" id="slide2" data-slide="2" data-stellar-background-ratio="0.5" style="background-position: 0px 669px;">
−
                <div class="container clearfix">
+
<div class="container clearfix">
  
−
                    <div id="content" class="grid_12">
+
<div id="content" class="grid_12">
−
                        <h2> <strong>The new Magical Bacteria: Magnetotactic E.Coli</strong>
+
<h2 style="text-align:center"> <strong>Overview</strong>
−
                        </h2>
+
</h2>
−
                    </div>
+
</div>
−
                    <div class="clear"></div>
+
<div class="clear"></div>
  
−
                    <div id="content">
+
<div id="content">
−
                        <div class="grid_8">
+
<div class="grid_8">
−
                            <h4> <strong>2015-UESTC TEAM</strong>
+
<h4> <strong>2015-UESTC TEAM</strong>
−
                            </h4>
+
</h4>
−
                            <p>
+
<p>
−
                                There is a special microbe in nature which can be attracted by magnet——Magnetotactic bacterium(MTB). Scientists are very interested in it because its Magnetotaxis. Magnetosome, some Fe3O4 nanocrystals covered by membrane with unprecedented magnetic properties, is the reason why MTB has the ability to be attracted by magnet. The process of magnetosome formation which is controled by many related gene cluster is very complex , including——membrane invaginate forming vesicle——absorbing Iron ions——Iron ions being oxidized into Fe3O4——magnetosome connect to each other and form nanopaticle chain.
+
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.
−
                            </p>
+
</p>
−
                            <br>
+
<br>
  
−
                            <p>
 
−
                                A lot of great value about magnetotaxis application can be excavated . But MTB is anaerobic, and hard to be raised , also hard to transform. Obviously it is hard to modify and research MTB at molecular level . the large size and the complexity of related gene cluster is also a reason restricted the use of magnetotaxis.
 
−
                            </p>
 
−
                            <br>
 
−
                            <p>
 
−
                                In our project, we are aiming to transfer mamAB、mamGFDC、mms6、mamXYZ four main gene clusters which are related to the formation of magnetosome into E. Coli through recombinant plasmid. The E.Coli will produce magnetosome and abtain the magnetotactic ability. The Magnetotactic E.Coli will be applied in a variety of areas. We will explore the potential in the applaction of Microbial Fuel Cell.
 
−
                            </p>
 
−
                            <br>
 
−
                            <p>
 
−
                                In addition to this ,we will research several genes related to the producing of magnetosome, find out the Specific function in this processing.
 
−
                            </p>
 
  
−
                        </div>
+
<div class="clear"></div>
  
−
                        <div class="clear"></div>
+
</div>
  
−
                    </div>
+
</div>
 +
</div>
  
−
                </div>
+
<div id="three-line-text">
−
            </div>
+
<div id="threeline-left">
 +
<h4>Publicity：</h4>
 +
<p>
 +
1. primary school
 +
<br>
 +
2. kindergarten
 +
<br>
 +
3. Aid education
 +
<br></p>
 +
</div>
 +
<div id="threeline-middle">
 +
<h4>Project Promotion：</h4>
 +
<p>1. Southwest Union of China
 +
<br>
 +
2. iGEM Club
 +
<br>
 +
3. Hong Kong University
 +
<br></p>
 +
</div>
 +
<div id="threeline-right">
 +
<h4>Practicability：</h4>
 +
<p>
 +
1. Anno Medical Devices Co.Ltd
 +
<br>
 +
2. Jin Douyun Space Company
 +
<br>
 +
3. Biology Maker Studio
 +
<br></p>
 +
</div>
 +
</div>
 +
</div>
  
−
            <div class="slide" id="slide10" data-slide="10" data-stellar-background-ratio="0.5" style="background-position: 0px -722.5px;">
+
<div class="slide" id="slide10" data-slide="10" data-stellar-background-ratio="0.5" style="background-position: 0px -722.5px;">
−
                <div class="container clearfix">
+
<div class="container clearfix">
  
−
                    <div id="contenet">
+
<div id="contenet">
−
                        <div class="overflow_hidden">
+
<div class="overflow_hidden">
−
                            <!-- portfolio_block -->
+
<!-- portfolio_block -->
−
                            <div class="gallery-list">
+
<div class="gallery-list">
−
                                <div class="img_block">
+
<div class="img_block">
−
                                    <div class="hover_img">
+
<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="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" >
+
<img class="portf_img" src="https://static.igem.org/mediawiki/2015/e/e0/CHINA_CD_UESTC_hpOV01.JPG" >
−
                                        <span class="portfolio_zoom">
+
<span class="portfolio_zoom">
−
                                            <a href="#" rel="prettyPhoto[portfolio1]"></a>
+
<a href="#" rel="prettyPhoto[portfolio1]"></a>
−
                                        </span>
+
</span>
−
                                        <span class="portfolio_link">
+
<span class="portfolio_link">
−
                                            <a href="javascript:void(0);">View item</a>
+
<a href="javascript:void(0);">View item</a>
−
                                        </span>
+
</span>
−
                                        <div class="item_description">
+
<div class="item_description">
−
                                            <p>Visited ......</p>
+
<p>Visited ......</p>
−
                                            Quisque vulputate tristique
+
Quisque vulputate tristique
−
                                        </div>
+
</div>
−
                                    </div>
+
</div>
−
                                </div>
+
</div>
−
                                <div class="img_block">
+
<div class="img_block">
−
                                    <div class="hover_img">
+
<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="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" >
+
<img class="portf_img" src="https://static.igem.org/mediawiki/2015/e/e0/CHINA_CD_UESTC_hpOV01.JPG" >
−
                                        <span class="portfolio_zoom">
+
<span class="portfolio_zoom">
−
                                            <a href="#" rel="prettyPhoto[portfolio1]"></a>
+
<a href="#" rel="prettyPhoto[portfolio1]"></a>
−
                                        </span>
+
</span>
−
                                        <span class="portfolio_link">
+
<span class="portfolio_link">
−
                                            <a href="javascript:void(0);">View item</a>
+
<a href="javascript:void(0);">View item</a>
−
                                        </span>
+
</span>
−
                                        <div class="item_description">
+
<div class="item_description">
−
                                            <p>Nunc non purus</p>
+
<p>Nunc non purus</p>
−
                                            Quisque vulputate tristique
+
Quisque vulputate tristique
−
                                        </div>
+
</div>
−
                                    </div>
+
</div>
−
                                </div>
+
</div>
−
                                <div class="img_block">
+
<div class="img_block">
−
                                    <div class="hover_img">
+
<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="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">
+
<img class="portf_img" src="https://static.igem.org/mediawiki/2015/e/e0/CHINA_CD_UESTC_hpOV01.JPG">
−
                                        <span class="portfolio_zoom">
+
<span class="portfolio_zoom">
−
                                            <a href="#" rel="prettyPhoto[portfolio1]"></a>
+
<a href="#" rel="prettyPhoto[portfolio1]"></a>
−
                                        </span>
+
</span>
−
                                        <span class="portfolio_link">
+
<span class="portfolio_link">
−
                                            <a href="javascript:void(0);">View item</a>
+
<a href="javascript:void(0);">View item</a>
−
                                        </span>
+
</span>
−
                                        <div class="item_description">
+
<div class="item_description">
−
                                            <p>Nunc non purus</p>
+
<p>Nunc non purus</p>
−
                                            Quisque vulputate tristique
+
Quisque vulputate tristique
−
                                        </div>
+
</div>
−
                                    </div>
+
</div>
−
                                </div>
+
</div>
−
                                <div class="img_block">
+
<div class="img_block">
−
                                    <div class="hover_img">
+
<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="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">
+
<img class="portf_img" src="https://static.igem.org/mediawiki/2015/e/e0/CHINA_CD_UESTC_hpOV01.JPG">
−
                                        <span class="portfolio_zoom">
+
<span class="portfolio_zoom">
−
                                            <a href="#" rel="prettyPhoto[portfolio1]"></a>
+
<a href="#" rel="prettyPhoto[portfolio1]"></a>
−
                                        </span>
+
</span>
−
                                        <span class="portfolio_link">
+
<span class="portfolio_link">
−
                                            <a href="javascript:void(0);">View item</a>
+
<a href="javascript:void(0);">View item</a>
−
                                        </span>
+
</span>
−
                                        <div class="item_description">
+
<div class="item_description">
−
                                            <p>Nunc non purus</p>
+
<p>Nunc non purus</p>
−
                                            Quisque vulputate tristique
+
Quisque vulputate tristique
−
                                        </div>
+
</div>
−
                                    </div>
+
</div>
−
                                </div>
+
</div>
−
                                <div class="img_block">
+
<div class="img_block">
−
                                    <div class="hover_img">
+
<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="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">
+
<img class="portf_img" src="https://static.igem.org/mediawiki/2015/e/e0/CHINA_CD_UESTC_hpOV01.JPG">
−
                                        <span class="portfolio_zoom">
+
<span class="portfolio_zoom">
−
                                            <a href="#" rel="prettyPhoto[portfolio1]"></a>
+
<a href="#" rel="prettyPhoto[portfolio1]"></a>
−
                                        </span>
+
</span>
−
                                        <span class="portfolio_link">
+
<span class="portfolio_link">
−
                                            <a href="javascript:void(0);">View item</a>
+
<a href="javascript:void(0);">View item</a>
−
                                        </span>
+
</span>
−
                                        <div class="item_description">
+
<div class="item_description">
−
                                            <p>Nunc non purus</p>
+
<p>Nunc non purus</p>
−
                                            Quisque vulputate tristique
+
Quisque vulputate tristique
−
                                        </div>
+
</div>
−
                                    </div>
+
</div>
−
                                </div>
+
</div>
−
                                <div class="img_block">
+
<div class="img_block">
−
                                    <div class="hover_img">
+
<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="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">
+
<img class="portf_img" src="https://static.igem.org/mediawiki/2015/e/e0/CHINA_CD_UESTC_hpOV01.JPG">
−
                                        <span class="portfolio_zoom">
+
<span class="portfolio_zoom">
−
                                            <a href="#" rel="prettyPhoto[portfolio1]"></a>
+
<a href="#" rel="prettyPhoto[portfolio1]"></a>
−
                                        </span>
+
</span>
−
                                        <span class="portfolio_link">
+
<span class="portfolio_link">
−
                                            <a href="javascript:void(0);">View item</a>
+
<a href="javascript:void(0);">View item</a>
−
                                        </span>
+
</span>
−
                                        <div class="item_description">
+
<div class="item_description">
−
                                            <p>Nunc non purus</p>
+
<p>Nunc non purus</p>
−
                                            Quisque vulputate tristique
+
Quisque vulputate tristique
−
                                        </div>
+
</div>
−
                                    </div>
+
</div>
−
                                </div>
+
</div>
−
                                <div class="img_block">
+
<div class="img_block">
−
                                    <div class="hover_img">
+
<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="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">
+
<img class="portf_img" src="https://static.igem.org/mediawiki/2015/e/e0/CHINA_CD_UESTC_hpOV01.JPG">
−
                                        <span class="portfolio_zoom">
+
<span class="portfolio_zoom">
−
                                            <a href="#" rel="prettyPhoto[portfolio1]"></a>
+
<a href="#" rel="prettyPhoto[portfolio1]"></a>
−
                                        </span>
+
</span>
−
                                        <span class="portfolio_link">
+
<span class="portfolio_link">
−
                                            <a href="javascript:void(0);">View item</a>
+
<a href="javascript:void(0);">View item</a>
−
                                        </span>
+
</span>
−
                                        <div class="item_description">
+
<div class="item_description">
−
                                            <p>Nunc non purus</p>
+
<p>Nunc non purus</p>
−
                                            Quisque vulputate tristique
+
Quisque vulputate tristique
−
                                        </div>
+
</div>
−
                                    </div>
+
</div>
−
                                </div>
+
</div>
−
                                <div class="img_block">
+
<div class="img_block">
−
                                    <div class="hover_img">
+
<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="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">
+
<img class="portf_img" src="https://static.igem.org/mediawiki/2015/e/e0/CHINA_CD_UESTC_hpOV01.JPG">
−
                                        <span class="portfolio_zoom">
+
<span class="portfolio_zoom">
−
                                            <a href="#" rel="prettyPhoto[portfolio1]"></a>
+
<a href="#" rel="prettyPhoto[portfolio1]"></a>
−
                                        </span>
+
</span>
−
                                        <span class="portfolio_link">
+
<span class="portfolio_link">
−
                                            <a href="javascript:void(0);">View item</a>
+
<a href="javascript:void(0);">View item</a>
−
                                        </span>
+
</span>
−
                                        <div class="item_description">
+
<div class="item_description">
−
                                            <p>Nunc non purus</p>
+
<p>Nunc non purus</p>
−
                                            Quisque vulputate tristique
+
Quisque vulputate tristique
−
                                        </div>
+
</div>
−
                                    </div>
+
</div>
−
                                </div>
+
</div>
−
                                <div class="img_block">
+
<div class="img_block">
−
                                    <div class="hover_img">
+
<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="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">
+
<img class="portf_img" src="https://static.igem.org/mediawiki/2015/e/e0/CHINA_CD_UESTC_hpOV01.JPG">
−
                                        <span class="portfolio_zoom">
+
<span class="portfolio_zoom">
−
                                            <a href="#" rel="prettyPhoto[portfolio1]"></a>
+
<a href="#" rel="prettyPhoto[portfolio1]"></a>
−
                                        </span>
+
</span>
−
                                        <span class="portfolio_link">
+
<span class="portfolio_link">
−
                                            <a href="javascript:void(0);">View item</a>
+
<a href="javascript:void(0);">View item</a>
−
                                        </span>
+
</span>
−
                                        <div class="item_description">
+
<div class="item_description">
−
                                            <p>Nunc non purus</p>
+
<p>Nunc non purus</p>
−
                                            Quisque vulputate tristique
+
Quisque vulputate tristique
−
                                        </div>
+
</div>
−
                                    </div>
+
</div>
−
                                </div>
+
</div>
  
−
                                <div class="clear"></div>
+
<div class="clear"></div>
−
                            </div>
+
</div>
−
                            <!-- //portfolio_block --> </div>
+
<!-- //portfolio_block -->
−
                    </div>
+
</div>
 +
</div>
  
−
                </div>
+
</div>
−
            </div>
+
</div>
  
−
        </div>
+
</div>
−
    </div>
+
</div>
  
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 09:54, 26 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.


Publicity：

1. primary school
2. kindergarten
3. Aid education

Project Promotion：

1. Southwest Union of China
2. iGEM Club
3. Hong Kong University

Practicability：

1. Anno Medical Devices Co.Ltd
2. Jin Douyun Space Company
3. Biology Maker Studio

View item

Visited ......

Quisque vulputate tristique
View item

Nunc non purus

Quisque vulputate tristique
View item

Nunc non purus

Quisque vulputate tristique
View item

Nunc non purus

Quisque vulputate tristique
View item

Nunc non purus

Quisque vulputate tristique
View item

Nunc non purus

Quisque vulputate tristique
View item

Nunc non purus

Quisque vulputate tristique
View item

Nunc non purus

Quisque vulputate tristique
View item

Nunc non purus

Quisque vulputate tristique