|
|
Line 314: |
Line 314: |
| <h3 class="text-center"><img src="https://static.igem.org/mediawiki/2016/c/cf/T--OUC-China--head-icon1.fw.png" alt="icon">INSTRUCTORS<img src="https://static.igem.org/mediawiki/2016/f/f8/T--OUC-China--head-icon2.fw.png" alt="icon"></h3> | | <h3 class="text-center"><img src="https://static.igem.org/mediawiki/2016/c/cf/T--OUC-China--head-icon1.fw.png" alt="icon">INSTRUCTORS<img src="https://static.igem.org/mediawiki/2016/f/f8/T--OUC-China--head-icon2.fw.png" alt="icon"></h3> |
| <br> | | <br> |
− | <div class="col-md-2"></div> | + | <div class="col-md-1"></div> |
| <div class="col-md-3"> | | <div class="col-md-3"> |
| <img src="https://static.igem.org/mediawiki/2016/8/83/T--OUC-China--team-pi-1.jpg" alt="Chenguang Liu" class="img-responsive"> | | <img src="https://static.igem.org/mediawiki/2016/8/83/T--OUC-China--team-pi-1.jpg" alt="Chenguang Liu" class="img-responsive"> |
| </div> | | </div> |
| <div class="col-md-1"></div> | | <div class="col-md-1"></div> |
− | <div class="col-md-5"> | + | <div class="col-md-6"> |
| <p style="font-size:16px;"><b>Position</b>: Professor<br><b>Working Place</b>: College of Marine Life Sciences, Ocean University of China<br><b>Research Interests</b>: Marine Biotechnology, Micro/nano biological materials<br><b>E-mial</b>: liucg@ouc.edu.cn</p> | | <p style="font-size:16px;"><b>Position</b>: Professor<br><b>Working Place</b>: College of Marine Life Sciences, Ocean University of China<br><b>Research Interests</b>: Marine Biotechnology, Micro/nano biological materials<br><b>E-mial</b>: liucg@ouc.edu.cn</p> |
| </div> | | </div> |
| <div class="col-md-1"></div> | | <div class="col-md-1"></div> |
| + | <br> |
| + | <br> |
| <div class="clearfix"></div> | | <div class="clearfix"></div> |
− | <div class="col-md-2"></div> | + | <div class="col-md-1"></div> |
| <div class="col-md-3"> | | <div class="col-md-3"> |
| <img src="https://static.igem.org/mediawiki/2016/a/a3/T--OUC-China--team-pi-2.jpg" alt="Xiaolong Wang" class="img-responsive"> | | <img src="https://static.igem.org/mediawiki/2016/a/a3/T--OUC-China--team-pi-2.jpg" alt="Xiaolong Wang" class="img-responsive"> |
| </div> | | </div> |
| <div class="col-md-1"></div> | | <div class="col-md-1"></div> |
− | <div class="col-md-5"> | + | <div class="col-md-6"> |
| <p style="font-size:16px;"><b>Position</b>: Associate Professor<br><b>Working Place</b>: College of Marine Life Sciences, Ocean University of China<br><b>Research Interests</b>: Biopharmaceutical, Molecular biology technology, Bioinformatics, Computational biology<br><b>E-mial</b>: Xiaolong@ouc.edu.cn</p> | | <p style="font-size:16px;"><b>Position</b>: Associate Professor<br><b>Working Place</b>: College of Marine Life Sciences, Ocean University of China<br><b>Research Interests</b>: Biopharmaceutical, Molecular biology technology, Bioinformatics, Computational biology<br><b>E-mial</b>: Xiaolong@ouc.edu.cn</p> |
| </div> | | </div> |
| <div class="col-md-1"></div> | | <div class="col-md-1"></div> |
| <div class="clearfix"></div> | | <div class="clearfix"></div> |
− | <div class="col-md-2"></div> | + | <div class="col-md-1"></div> |
| <div class="col-md-3"> | | <div class="col-md-3"> |
| <img src="https://static.igem.org/mediawiki/2016/2/23/T--OUC-China--team-pi-3.jpg" alt="Chenggang Xu" class="img-responsive"> | | <img src="https://static.igem.org/mediawiki/2016/2/23/T--OUC-China--team-pi-3.jpg" alt="Chenggang Xu" class="img-responsive"> |
| </div> | | </div> |
| <div class="col-md-1"></div> | | <div class="col-md-1"></div> |
− | <div class="col-md-5"> | + | <div class="col-md-6"> |
| <p style="font-size:16px;"><b>Position</b>: Researcher<br><b>Working Place</b>: Qingdao Institute of Bioprocess Tecnology, Chinese Academy of Sciences<br><b>Research Interests</b>: 1.Microbial functional genomics and Molecular genetics research. 2.The expression of clostridium fiber corpuscle regulatory mechanism research. 3.Synthetic biology tools development<br><b>E-mial</b>: xucg@qibebt.ac.cn</p> | | <p style="font-size:16px;"><b>Position</b>: Researcher<br><b>Working Place</b>: Qingdao Institute of Bioprocess Tecnology, Chinese Academy of Sciences<br><b>Research Interests</b>: 1.Microbial functional genomics and Molecular genetics research. 2.The expression of clostridium fiber corpuscle regulatory mechanism research. 3.Synthetic biology tools development<br><b>E-mial</b>: xucg@qibebt.ac.cn</p> |
| </div> | | </div> |
| <div class="col-md-1"></div> | | <div class="col-md-1"></div> |
| <div class="clearfix"></div> | | <div class="clearfix"></div> |
− | </div>
| |
− | <div class="clearfix"></div>
| |
− | <br id="float03">
| |
− | <br>
| |
− | <hr>
| |
− | <div>
| |
− | <h3 class="text-center"><img src="https://static.igem.org/mediawiki/2016/c/cf/T--OUC-China--head-icon1.fw.png" alt="icon">ADVISIORS<img src="https://static.igem.org/mediawiki/2016/f/f8/T--OUC-China--head-icon2.fw.png" alt="icon"></h3>
| |
| <br> | | <br> |
| <br> | | <br> |
− | <div class="col-md-3">
| |
− | <p><b>Xihan Zhang</b></p>
| |
− | <h6>Captain of 2015 OUC-China</h6>
| |
− | <p><b>Jie Lian</b></p>
| |
− | <h6>Vice-Captain of 2015 OUC-China</h6>
| |
− | <p><b>Qikai Qin</b></p>
| |
− | <h6>Member of 2015 OUC-China</h6>
| |
− | <p><b>Weina Zhang</b></p>
| |
− | <h6>Member of 2015 OUC-China</h6>
| |
− | </div>
| |
− | <div class="col-md-3">
| |
− | <p><b>Qingdian Mu</b></p>
| |
− | <h6>Member of 2015 OUC-China</h6>
| |
− | <p><b>Cun Wei</b></p>
| |
− | <h6>Vice-Captain of 2015 OUC-China</h6>
| |
− | <p><b>Renjie Shang</b></p>
| |
− | <h6>Member of 2015 OUC-China</h6>
| |
− | <p><b>Zhuo Pan</b></p>
| |
− | <h6>Lab Administrator of 2015 OUC-China</h6>
| |
− | </div>
| |
− | <div class="col-md-3">
| |
− | <p><b>Ruipeng Wei</b></p>
| |
− | <h6>Member of 2015 OUC-China</h6>
| |
− | <p><b>Li Kang</b></p>
| |
− | <h6>Captain of 2012 OUC-China</h6>
| |
− | <p><b>Weiyan Chen</b></p>
| |
− | <h6>Member of 2015 OUC-China</h6>
| |
− | <p><b>Jinyang Liang</b></p>
| |
− | <h6>Lab Administrator of 2015 OUC-China</h6>
| |
− | </div>
| |
− | <div class="col-md-3">
| |
− | <p><b>Yang Liu</b></p>
| |
− | <h6>Captain of 2011 OUC-China</h6>
| |
− | </div>
| |
− | <div class="clearfix"></div>
| |
− | </div>
| |
− | <br id="float04">
| |
− | <br>
| |
− | <hr>
| |
− | <div>
| |
− | <h3 class="text-center"><img src="https://static.igem.org/mediawiki/2016/c/cf/T--OUC-China--head-icon1.fw.png" alt="icon">CONTACT<img src="https://static.igem.org/mediawiki/2016/f/f8/T--OUC-China--head-icon2.fw.png" alt="icon"></h3>
| |
− | <br>
| |
− | <br>
| |
− | <div class="col-md-1"></div>
| |
− | <div class="col-md-5">
| |
− | <p><b>Xiaoyi Fu</b></p>
| |
− | <p>Email:fuxyouc@163.com</p>
| |
− | <p>Phone:+86 15063013662</p>
| |
− | <p>Address:No.5 Yushan Road, Qingdao, China</p>
| |
− | </div>
| |
− | <div class="col-md-5">
| |
− | <p><b>Yisi Wang</b></p>
| |
− | <p>Email:Victor_yw@outlook.com</p>
| |
− | <p>Phone:+86 17854207057</p>
| |
− | <p>Address:No.5 Yushan Road, Qingdao, China </p>
| |
− | </div>
| |
− | <div class="col-md-1"></div>
| |
− | <div class="clearfix"></div>
| |
− | <br/>
| |
− | <br>
| |
− | <br>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | <div class="oucBanner">
| |
− | <h3 class="text-center">Cistrons Concerto</h3>
| |
− | </div>
| |
− | <div class="row oucInformation">
| |
− | <div class="col-md-1"></div>
| |
− | <div class="col-md-5">
| |
− | <h3>Thanks</h3>
| |
− | <br>
| |
− | <p><b>1.</b>Qingdao Institute of Bioenergy and Bioprocess Technology, Chinese Academy of Sciences</p>
| |
− | <p><b>2.</b>NEW ENGLAND Biolabs</p>
| |
− | </div>
| |
− | <div class="col-md-5 Contact">
| |
− | <h3>Contact us:</h3>
| |
− | <br>
| |
− | <p><b>E-mail</b>: oucigem@163.com</p>
| |
− | <p><b>Designed and built</b> by @ Jasmine Chen and @ Zexin Jiao</p>
| |
− | <p>We are OUC-iGEM
| |
− | <img src="https://static.igem.org/mediawiki/2016/5/58/T--OUC-China--foot4.png" width="70" height="70" alt="logo-one">
| |
− | <img src="https://static.igem.org/mediawiki/2016/9/9b/T--OUC-China--foot5.png" width="70" height="70" alt="logo-two">
| |
− | </p>
| |
− | </div>
| |
− | </div>
| |
− | <div class="oucBottom">
| |
− | </div>
| |
− |
| |
− | </div>
| |
− |
| |
− | </body>
| |
− |
| |
− | </html>
| |
− | {{OUC-China}}
| |
− | <html>
| |
− | <meta charset="UTF-8">
| |
− | <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
| |
− | <meta http-equiv="X-UA-Compatible" content="IE=edge">
| |
− | <link href="https://2016.igem.org/Team:OUC-China/css/bootstrap-min?action=raw&ctype=text/css" rel="stylesheet">
| |
− | <link rel="stylesheet" href="https://2016.igem.org/Team:OUC-China/css/ouc_wiki?action=raw&ctype=text/css">
| |
− | <link rel="stylesheet" href="https://2016.igem.org/Team:OUC-China/css/affix?action=raw&ctype=text/css">
| |
− | <link rel="stylesheet" href="https://2016.igem.org/Team:OUC-China/css/team?action=raw&ctype=text/css">
| |
− | <script type="text/javascript" src="https://2016.igem.org/Team:OUC-China/js/jquery?action=raw&ctype=text/javascript"></script>
| |
− | <script type="text/javascript" src="https://2016.igem.org/Team:OUC-China/js/bootstrap?action=raw&ctype=text/javascript"></script>
| |
− | <title>Team</title>
| |
− | <style type="text/css">
| |
− | .banner-top{
| |
− | margin-left: 12%;
| |
− | }
| |
− |
| |
− | @media (min-width: 992px){
| |
− | .work-content .col-md-4{
| |
− | width:25%;
| |
− | margin-right: 8%;
| |
− | }
| |
− |
| |
− | }
| |
− | #contentSub, #contentcontainer, #footer-box, #sitesub, #catlinks, #search-controls, #p-logo, .h3, .printfooter, .firstHeading, .visualClear {display: none;} /*-- hides default wiki settings --*/
| |
− |
| |
− | #globalWrapper, #content { /*-- changes default wiki settings --*/
| |
− | width: 100%;
| |
− | height: 100%;
| |
− | border: 0px;
| |
− | background-color: transparent;
| |
− | margin: 0px;
| |
− | padding: 0px;
| |
− | }
| |
− |
| |
− | .oucBanner{background:url('https://static.igem.org/mediawiki/2016/e/ee/T--OUC-China--banner.fw.png');}
| |
− | .oucNav{background:url(https://static.igem.org/mediawiki/2016/d/d0/T--OUC-China--nav-1.fw.png);}
| |
− | ul[class=dropdown-menu]{background:url(https://static.igem.org/mediawiki/2016/d/d0/T--OUC-China--nav-1.fw.png);}
| |
− |
| |
− |
| |
− | </style>
| |
− | <script type="text/javascript">
| |
− | $(function(){
| |
− | var AllHet = $(window).height();
| |
− | var mainHet= $("#myNav").height();
| |
− | var fixedTop = (AllHet - mainHet)/2
| |
− | // $('div.floatCtro').css({top:fixedTop+'px'});
| |
− | $('#myNav li').click(function(){
| |
− | var ind = $('#myNav li').index(this)+1;
| |
− | var topVal = $('#float0'+ind).offset().top;
| |
− | $('body,html').animate({scrollTop:topVal},1000)
| |
− | })
| |
− | $('#BtnTop').click(function(){
| |
− | $('body,html').animate({scrollTop:0},1000)
| |
− | })
| |
− | $(window).scroll(scrolls)
| |
− | scrolls()
| |
− | function scrolls(){
| |
− | var f1,f2,f3,f4,bck;
| |
− | var fixRight = $('#myNav li');
| |
− | var blackTop = $('#BtnTop')
| |
− | var sTop = $(window).scrollTop();
| |
− | fl = $("#float01").offset().top;
| |
− | f2 = $("#float02").offset().top;
| |
− | f3 = $("#float03").offset().top;
| |
− | f4 = $("#float04").offset().top;
| |
− |
| |
− |
| |
− |
| |
− | if(sTop<=f2-100){
| |
− | blackTop.fadeOut(300).css('display','none')
| |
− | }
| |
− | else{
| |
− | blackTop.fadeIn(300).css('display','block')
| |
− | }
| |
− | if(sTop>=fl){
| |
− | fixRight.eq(0).addClass('active').siblings().removeClass('active');
| |
− | }
| |
− | if(sTop>=f2-100){
| |
− | fixRight.eq(1).addClass('active').siblings().removeClass('active');
| |
− | }
| |
− | if(sTop>=f3-100){
| |
− | fixRight.eq(2).addClass('active').siblings().removeClass('active');
| |
− | }
| |
− | if(sTop>=f4-100){
| |
− | fixRight.eq(3).addClass('active').siblings().removeClass('active');
| |
− | }
| |
− |
| |
− |
| |
− |
| |
− | }
| |
− | })
| |
− | </script>
| |
− | <script type="text/javascript">
| |
− | window.onload = function(){
| |
− | var arrUrl1 = ['https://static.igem.org/mediawiki/2016/0/03/T--OUC-China--team-1.jpg.png','https://static.igem.org/mediawiki/2016/1/1d/T--OUC-China--team-3.jpg.png','https://static.igem.org/mediawiki/2016/7/7f/T--OUC-China--team-6.jpg.png','https://static.igem.org/mediawiki/2016/d/d6/T--OUC-China--team-7.jpg.png','https://static.igem.org/mediawiki/2016/0/0c/T--OUC-China--team-9.jpg.png','https://static.igem.org/mediawiki/2016/b/bf/T--OUC-China--team-12.jpg.png'];
| |
− | var arrUrl2 = ['https://static.igem.org/mediawiki/2016/8/86/T--OUC-China--team-5.jpg.png','https://static.igem.org/mediawiki/2016/d/d9/T--OUC-China--team-2.jpg.png','https://static.igem.org/mediawiki/2016/f/fd/T--OUC-China--team-4.jpg.png','https://static.igem.org/mediawiki/2016/7/78/T--OUC-China--team-8.jpg.png','https://static.igem.org/mediawiki/2016/f/f5/T--OUC-China--team-10.jpg.png','https://static.igem.org/mediawiki/2016/1/15/T--OUC-China--team-11.jpg.png']
| |
− | var oDiv1 = document.getElementById('controlOne');
| |
− | var oDiv2 = document.getElementById('pic1');
| |
− | var oImg1 = oDiv2.getElementsByTagName('img')[0];
| |
− | var oUl1 = oDiv1.getElementsByTagName('ul')[0];
| |
− | var aLi1 = oUl1.getElementsByTagName('li');
| |
− | var oDiv3 = document.getElementById('controlTwo');
| |
− | var oDiv4 = document.getElementById('pic2');
| |
− | var oImg2 = oDiv4.getElementsByTagName('img')[0];
| |
− | var oUl2 = oDiv3.getElementsByTagName('ul')[0];
| |
− | var aLi2 = oUl2.getElementsByTagName('li');
| |
− | var num1 = 0;
| |
− | var num2 = 0;
| |
− | switching(oDiv1,oDiv2,oImg1,aLi1,arrUrl1,num1);
| |
− | switching(oDiv3,oDiv4,oImg2,aLi2,arrUrl2,num2);
| |
− | function switching(a,b,c,d,e,f){
| |
− | var timer = null;
| |
− | clearTimeout( timer );
| |
− | ////////////////////////////////////////////////////////////////////////
| |
− | setTimeout( autoPlay, 2000 );
| |
− | b.onmouseover = function (){
| |
− | clearTimeout( timer );
| |
− | };
| |
− | b.onmouseout = autoPlay;
| |
− | ////////////////////////////////////////////////////////////////////////
| |
− | fnTab(d,c,e,f);
| |
− |
| |
− | for(var i=0; i<d.length;i++){
| |
− | d[i].index = i;
| |
− | d[i].onclick = function(){
| |
− | f = this.index;
| |
− | fnTab(d,c,e,f);
| |
− | }
| |
− | }
| |
− |
| |
− | function autoPlay(){
| |
− | clearTimeout( timer );
| |
− | timer = setInterval(function(){
| |
− | f++;
| |
− | f%=6;
| |
− | fnTab(d,c,e,f);
| |
− | }, 5000);
| |
− | }
| |
− | }
| |
− | ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
| |
− | function fnTab(a,b,c,d){
| |
− | b.src = c[d];
| |
− | for( var i=0; i<a.length; i++ ){
| |
− | a[i].className = '';
| |
− | }
| |
− | a[d].className = 'active';
| |
− | }
| |
− | }
| |
− |
| |
− | </script>
| |
− | </head>
| |
− | <body>
| |
− | <div class="container">
| |
− | <nav class="oucNav navbar navbar-default navbar-fixed-top" role="navigation">
| |
− | <div class="container">
| |
− | <div class="navbar-header">
| |
− | <button type="button" class="navbar-toggle" data-toggle="collapse"
| |
− | data-target="#example-navbar-collapse">
| |
− | <span class="sr-only">Turn</span>
| |
− | <span class="icon-bar"></span>
| |
− | <span class="icon-bar"></span>
| |
− | <span class="icon-bar"></span>
| |
− | </button>
| |
− | <a class="navbar-brand oucBrand" href="#"><img src="https://static.igem.org/mediawiki/2016/f/fc/T--OUC-China--nav-logo-1.fw.png" alt="Brand"></a>
| |
− | </div>
| |
− | <div class="collapse navbar-collapse" id="example-navbar-collapse">
| |
− | <ul class="nav navbar-nav" id="oucNav">
| |
− | <li><a href="https://2016.igem.org/Team:OUC-China">Home</a></li>
| |
− | <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Project<span class="caret"></span></a>
| |
− | <ul class="dropdown-menu">
| |
− | <li><a href="https://2016.igem.org/Team:OUC-China/Project">Introduction</a></li>
| |
− | <li><a href="https://2016.igem.org/Team:OUC-China/Design">Design</a></li>
| |
− | <li><a href="https://2016.igem.org/Team:OUC-China/Proof">Proof of concept </a></li>
| |
− | <li><a href="https://2016.igem.org/Team:OUC-China/Results">Results</a></li>
| |
− | </ul>
| |
− | </li>
| |
− | <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Parts<span class="caret"></span></a>
| |
− | <ul class="dropdown-menu">
| |
− | <li><a href="https://2016.igem.org/Team:OUC-China/Parts">Parts</a></li>
| |
− | <li><a href="https://2016.igem.org/Team:OUC-China/Basic_Part">Basic part</a></li>
| |
− | <li><a href="https://2016.igem.org/Team:OUC-China/Composite_Part">Composite parts</a></li>
| |
− | <li><a href="https://2016.igem.org/Team:OUC-China/Part_Collection">Part collection</a></li>
| |
− | </ul>
| |
− | </li>
| |
− | <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Human Practice<span class="caret"></span></a>
| |
− | <ul class="dropdown-menu">
| |
− | <li><a href="https://2016.igem.org/Team:OUC-China/Human_Practices">Overview</a></li>
| |
− | <li><a href="https://2016.igem.org/Team:OUC-China/Communicating_&_improving">Communicating & improving</a></li>
| |
− | <li><a href="https://2016.igem.org/Team:OUC-China/Investigating_&_promoting">Investigating & promoting</a></li>
| |
− | <li><a href="https://2016.igem.org/Team:OUC-China/Potential_application">Potential application</a></li>
| |
− | </ul>
| |
− | </li>
| |
− | <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Team<span class="caret"></span></a>
| |
− | <ul class="dropdown-menu">
| |
− | <li class="active"><a href="https://2016.igem.org/Team:OUC-China/Team">Team</a></li>
| |
− | <li><a href="https://2016.igem.org/Team:OUC-China/Collaborations">Collaborations</a></li>
| |
− | </ul>
| |
− | </li>
| |
− | <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Modeling<span class="caret"></span></a>
| |
− | <ul class="dropdown-menu">
| |
− | <li><a href="https://2016.igem.org/Team:OUC-China/Model">Model</a></li>
| |
− | <li><a href="https://2016.igem.org/Team:OUC-China/Software">Software</a></li>
| |
− | </ul>
| |
− | </li>
| |
− | <li><a href="https://2016.igem.org/Team:OUC-China/Attributions">Attributions</a></li>
| |
− | <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Safety<span class="caret"></span></a>
| |
− | <ul class="dropdown-menu">
| |
− | <li><a href="https://2016.igem.org/Team:OUC-China/Notebook">Notebook</a></li>
| |
− | <li><a href="https://2016.igem.org/Team:OUC-China/Protocol">Protocol</a></li>
| |
− | <li><a href="https://2016.igem.org/Team:OUC-China/Safety">Safety</a></li>
| |
− | </ul>
| |
− | </li>
| |
− | </ul>
| |
− | </div>
| |
− | </div>
| |
− | </nav>
| |
− | <div class="clearfix"></div>
| |
− | <div class="img_banner"><img src="https://static.igem.org/mediawiki/2016/2/2f/T--OUC-China--team-banner.jpg" class="img-responsive" alt="team-banner"></div>
| |
− | <div class="row" style="margin-top:30px;">
| |
− | <div class="col-md-3" id="myScrollspy">
| |
− | <ul class="" data-spy="affix" data-offset-top="250" data-offset-bottom="150" id="myNav">
| |
− | <li class="active"><a href="#float01">Members</a></li>
| |
− | <li><a href="#float02">Instructors</a></li>
| |
− | <li><a href="#float03">Advisiors</a></li>
| |
− | <li><a href="#float04">Contact</a></li>
| |
− | <a id="BtnTop">
| |
− | <img src="https://static.igem.org/mediawiki/2016/d/d2/T--OUC-China--btt.png" alt="Back to top">
| |
− | </a>
| |
− | </ul>
| |
− | </div>
| |
− | <div class="col-md-8">
| |
− | <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
| |
− | <!-- Indicators -->
| |
− | <ol class="carousel-indicators">
| |
− | <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
| |
− | <li data-target="#carousel-example-generic" data-slide-to="1"></li>
| |
− | <li data-target="#carousel-example-generic" data-slide-to="2"></li>
| |
− | </ol>
| |
− |
| |
− | <!-- Wrapper for slides -->
| |
− | <div class="carousel-inner" role="listbox">
| |
− | <div class="item active">
| |
− | <img src="https://static.igem.org/mediawiki/2016/8/8a/T--OUC-China--team-02.jpg.jpg" alt="team-1">
| |
− | </div>
| |
− | <div class="item">
| |
− | <img src="https://static.igem.org/mediawiki/2016/0/02/T--OUC-China--team-03.jpg.jpg" alt="team-2">
| |
− | </div>
| |
− | <div class="item">
| |
− | <img src="https://static.igem.org/mediawiki/2016/a/a1/T--OUC-China--team-01.jpg.jpg" alt="team-3">
| |
− | </div>
| |
− | </div>
| |
− |
| |
− | <!-- Controls -->
| |
− | <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
| |
− | <img src="https://static.igem.org/mediawiki/2016/5/50/T--OUC-China--index-left.png" style="margin-top:100%" alt="Slide Left">
| |
− | <span class="sr-only"></span>
| |
− | </a>
| |
− | <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
| |
− | <img src="https://static.igem.org/mediawiki/2016/f/f7/T--OUC-China--index-right.png" style="margin-top:100%" alt="Slide Right">
| |
− | <span class="sr-only"></span>
| |
− | </a>
| |
− | </div>
| |
− | <div>
| |
− | <h2>Here we are !</h2>
| |
− | <p>Here we are, we are OUC-iGEM. It has been 6 years since we first took part in Igem in 2011.This time the team which is made up of 12 members pursues a more particular and creative aim. All the members met in May 2015 when we are unfamiliar with each other and know nothing about Synthetic biology. We strive to intergrate the related disciplines and during this time we become good friends and teammates. We come from different colleges and have diverse specialties which ensure that we join our abilities and insights to make our goal clearer as efficiently as possible. All of us share one belief that our persistence and professional quality will guarantee the beauty of cistrons concerto.</p>
| |
− | </div>
| |
− | <br id="float01">
| |
− | <br>
| |
− | <hr>
| |
− | <div id="float">
| |
− | <h3 class="text-center"><img src="https://static.igem.org/mediawiki/2016/c/cf/T--OUC-China--head-icon1.fw.png" alt="icon">MEMBERS<img src="https://static.igem.org/mediawiki/2016/f/f8/T--OUC-China--head-icon2.fw.png" alt="icon"></h3>
| |
− | <br>
| |
− | <br>
| |
− | <br>
| |
− | <div class="col-md-4" id="controlOne">
| |
− | <img src="https://static.igem.org/mediawiki/2016/d/d8/T--OUC-China--team-21.jpg.png" class="img-responsive" alt="note">
| |
− | <ul>
| |
− | <li></li>
| |
− | <li></li>
| |
− | <li></li>
| |
− | <li></li>
| |
− | <li></li>
| |
− | <li></li>
| |
− | </ul>
| |
− | </div>
| |
− | <div class="col-md-8" id="pic1">
| |
− | <img src="https://static.igem.org/mediawiki/2016/0/03/T--OUC-China--team-1.jpg.png" alt="member-1">
| |
− | </div>
| |
− | <div class="clearfix"></div>
| |
− | <br>
| |
− | <br>
| |
− | <br>
| |
− | <div class="col-md-8" id="pic2">
| |
− | <img src="https://static.igem.org/mediawiki/2016/8/86/T--OUC-China--team-5.jpg.png" alt="member-2">
| |
− | </div>
| |
− | <div class="col-md-4" id="controlTwo">
| |
− | <img src="https://static.igem.org/mediawiki/2016/7/77/T--OUC-China--team-22.jpg.png" alt="note">
| |
− | <ul>
| |
− | <li></li>
| |
− | <li></li>
| |
− | <li></li>
| |
− | <li></li>
| |
− | <li></li>
| |
− | <li></li>
| |
− | </ul>
| |
− | </div>
| |
− | <div class="clearfix"></div>
| |
− | </div>
| |
− | <br id="float02">
| |
− | <br>
| |
− | <hr>
| |
− | <div>
| |
− | <h3 class="text-center"><img src="https://static.igem.org/mediawiki/2016/c/cf/T--OUC-China--head-icon1.fw.png" alt="icon">INSTRUCTORS<img src="https://static.igem.org/mediawiki/2016/f/f8/T--OUC-China--head-icon2.fw.png" alt="icon"></h3>
| |
− | <br>
| |
− | <div class="col-md-2"></div>
| |
− | <div class="col-md-3">
| |
− | <img src="https://static.igem.org/mediawiki/2016/8/83/T--OUC-China--team-pi-1.jpg" alt="Chenguang Liu" class="img-responsive">
| |
− | </div>
| |
− | <div class="col-md-1"></div>
| |
− | <div class="col-md-5">
| |
− | <p><b>Position</b>: Professor<br><b>Working Place</b>: College of Marine Life Sciences, Ocean University of China<br><b>Research Interests</b>: Marine Biotechnology, Micro/nano biological materials<br><b>E-mial</b>: liucg@ouc.edu.cn</p>
| |
− | </div>
| |
− | <div class="col-md-1"></div>
| |
− | <div class="clearfix"></div>
| |
− | <div class="col-md-2"></div>
| |
− | <div class="col-md-3">
| |
− | <img src="https://static.igem.org/mediawiki/2016/a/a3/T--OUC-China--team-pi-2.jpg" alt="Xiaolong Wang" class="img-responsive">
| |
− | </div>
| |
− | <div class="col-md-1"></div>
| |
− | <div class="col-md-5">
| |
− | <p><b>Position</b>: Associate Professor<br><b>Working Place</b>: College of Marine Life Sciences, Ocean University of China<br><b>Research Interests</b>: Biopharmaceutical, Molecular biology technology, Bioinformatics, Computational biology<br><b>E-mial</b>: Xiaolong@ouc.edu.cn</p>
| |
− | </div>
| |
− | <div class="col-md-1"></div>
| |
− | <div class="clearfix"></div>
| |
− | <div class="col-md-2"></div>
| |
− | <div class="col-md-3">
| |
− | <img src="https://static.igem.org/mediawiki/2016/2/23/T--OUC-China--team-pi-3.jpg" alt="Chenggang Xu" class="img-responsive">
| |
− | </div>
| |
− | <div class="col-md-1"></div>
| |
− | <div class="col-md-5">
| |
− | <p><b>Position</b>: Researcher<br><b>Working Place</b>: Qingdao Institute of Bioprocess Tecnology, Chinese Academy of Sciences<br><b>Research Interests</b>: 1.Microbial functional genomics and Molecular genetics research. 2.The expression of clostridium fiber corpuscle regulatory mechanism research. 3.Synthetic biology tools development<br><b>E-mial</b>: xucg@qibebt.ac.cn</p>
| |
− | </div>
| |
− | <div class="col-md-1"></div>
| |
− | <div class="clearfix"></div>
| |
| </div> | | </div> |
| <div class="clearfix"></div> | | <div class="clearfix"></div> |
Line 895: |
Line 451: |
| | | |
| </html> | | </html> |
− | {{OUC-China}}
| |
− | <html>
| |
− | <meta charset="UTF-8">
| |
− | <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
| |
− | <meta http-equiv="X-UA-Compatible" content="IE=edge">
| |
− | <link href="https://2016.igem.org/Team:OUC-China/css/bootstrap-min?action=raw&ctype=text/css" rel="stylesheet">
| |
− | <link rel="stylesheet" href="https://2016.igem.org/Team:OUC-China/css/ouc_wiki?action=raw&ctype=text/css">
| |
− | <link rel="stylesheet" href="https://2016.igem.org/Team:OUC-China/css/affix?action=raw&ctype=text/css">
| |
− | <link rel="stylesheet" href="https://2016.igem.org/Team:OUC-China/css/team?action=raw&ctype=text/css">
| |
− | <script type="text/javascript" src="https://2016.igem.org/Team:OUC-China/js/jquery?action=raw&ctype=text/javascript"></script>
| |
− | <script type="text/javascript" src="https://2016.igem.org/Team:OUC-China/js/bootstrap?action=raw&ctype=text/javascript"></script>
| |
− | <title>Team</title>
| |
− | <style type="text/css">
| |
− | .banner-top{
| |
− | margin-left: 12%;
| |
− | }
| |
− |
| |
− | @media (min-width: 992px){
| |
− | .work-content .col-md-4{
| |
− | width:25%;
| |
− | margin-right: 8%;
| |
− | }
| |
− |
| |
− | }
| |
− | #contentSub, #contentcontainer, #footer-box, #sitesub, #catlinks, #search-controls, #p-logo, .h3, .printfooter, .firstHeading, .visualClear {display: none;} /*-- hides default wiki settings --*/
| |
− |
| |
− | #globalWrapper, #content { /*-- changes default wiki settings --*/
| |
− | width: 100%;
| |
− | height: 100%;
| |
− | border: 0px;
| |
− | background-color: transparent;
| |
− | margin: 0px;
| |
− | padding: 0px;
| |
− | }
| |
− |
| |
− | .oucBanner{background:url('https://static.igem.org/mediawiki/2016/e/ee/T--OUC-China--banner.fw.png');}
| |
− | .oucNav{background:url(https://static.igem.org/mediawiki/2016/d/d0/T--OUC-China--nav-1.fw.png);}
| |
− | ul[class=dropdown-menu]{background:url(https://static.igem.org/mediawiki/2016/d/d0/T--OUC-China--nav-1.fw.png);}
| |
− |
| |
− |
| |
− | </style>
| |
− | <script type="text/javascript">
| |
− | $(function(){
| |
− | var AllHet = $(window).height();
| |
− | var mainHet= $("#myNav").height();
| |
− | var fixedTop = (AllHet - mainHet)/2
| |
− | // $('div.floatCtro').css({top:fixedTop+'px'});
| |
− | $('#myNav li').click(function(){
| |
− | var ind = $('#myNav li').index(this)+1;
| |
− | var topVal = $('#float0'+ind).offset().top;
| |
− | $('body,html').animate({scrollTop:topVal},1000)
| |
− | })
| |
− | $('#BtnTop').click(function(){
| |
− | $('body,html').animate({scrollTop:0},1000)
| |
− | })
| |
− | $(window).scroll(scrolls)
| |
− | scrolls()
| |
− | function scrolls(){
| |
− | var f1,f2,f3,f4,bck;
| |
− | var fixRight = $('#myNav li');
| |
− | var blackTop = $('#BtnTop')
| |
− | var sTop = $(window).scrollTop();
| |
− | fl = $("#float01").offset().top;
| |
− | f2 = $("#float02").offset().top;
| |
− | f3 = $("#float03").offset().top;
| |
− | f4 = $("#float04").offset().top;
| |
− |
| |
− |
| |
− |
| |
− | if(sTop<=f2-100){
| |
− | blackTop.fadeOut(300).css('display','none')
| |
− | }
| |
− | else{
| |
− | blackTop.fadeIn(300).css('display','block')
| |
− | }
| |
− | if(sTop>=fl){
| |
− | fixRight.eq(0).addClass('active').siblings().removeClass('active');
| |
− | }
| |
− | if(sTop>=f2-100){
| |
− | fixRight.eq(1).addClass('active').siblings().removeClass('active');
| |
− | }
| |
− | if(sTop>=f3-100){
| |
− | fixRight.eq(2).addClass('active').siblings().removeClass('active');
| |
− | }
| |
− | if(sTop>=f4-100){
| |
− | fixRight.eq(3).addClass('active').siblings().removeClass('active');
| |
− | }
| |
− |
| |
− |
| |
− |
| |
− | }
| |
− | })
| |
− | </script>
| |
− | <script type="text/javascript">
| |
− | window.onload = function(){
| |
− | var arrUrl1 = ['https://static.igem.org/mediawiki/2016/0/03/T--OUC-China--team-1.jpg.png','https://static.igem.org/mediawiki/2016/1/1d/T--OUC-China--team-3.jpg.png','https://static.igem.org/mediawiki/2016/7/7f/T--OUC-China--team-6.jpg.png','https://static.igem.org/mediawiki/2016/d/d6/T--OUC-China--team-7.jpg.png','https://static.igem.org/mediawiki/2016/0/0c/T--OUC-China--team-9.jpg.png','https://static.igem.org/mediawiki/2016/b/bf/T--OUC-China--team-12.jpg.png'];
| |
− | var arrUrl2 = ['https://static.igem.org/mediawiki/2016/8/86/T--OUC-China--team-5.jpg.png','https://static.igem.org/mediawiki/2016/d/d9/T--OUC-China--team-2.jpg.png','https://static.igem.org/mediawiki/2016/f/fd/T--OUC-China--team-4.jpg.png','https://static.igem.org/mediawiki/2016/7/78/T--OUC-China--team-8.jpg.png','https://static.igem.org/mediawiki/2016/f/f5/T--OUC-China--team-10.jpg.png','https://static.igem.org/mediawiki/2016/1/15/T--OUC-China--team-11.jpg.png']
| |
− | var oDiv1 = document.getElementById('controlOne');
| |
− | var oDiv2 = document.getElementById('pic1');
| |
− | var oImg1 = oDiv2.getElementsByTagName('img')[0];
| |
− | var oUl1 = oDiv1.getElementsByTagName('ul')[0];
| |
− | var aLi1 = oUl1.getElementsByTagName('li');
| |
− | var oDiv3 = document.getElementById('controlTwo');
| |
− | var oDiv4 = document.getElementById('pic2');
| |
− | var oImg2 = oDiv4.getElementsByTagName('img')[0];
| |
− | var oUl2 = oDiv3.getElementsByTagName('ul')[0];
| |
− | var aLi2 = oUl2.getElementsByTagName('li');
| |
− | var num1 = 0;
| |
− | var num2 = 0;
| |
− | switching(oDiv1,oDiv2,oImg1,aLi1,arrUrl1,num1);
| |
− | switching(oDiv3,oDiv4,oImg2,aLi2,arrUrl2,num2);
| |
− | function switching(a,b,c,d,e,f){
| |
− | var timer = null;
| |
− | clearTimeout( timer );
| |
− | ////////////////////////////////////////////////////////////////////////
| |
− | setTimeout( autoPlay, 2000 );
| |
− | b.onmouseover = function (){
| |
− | clearTimeout( timer );
| |
− | };
| |
− | b.onmouseout = autoPlay;
| |
− | ////////////////////////////////////////////////////////////////////////
| |
− | fnTab(d,c,e,f);
| |
− |
| |
− | for(var i=0; i<d.length;i++){
| |
− | d[i].index = i;
| |
− | d[i].onclick = function(){
| |
− | f = this.index;
| |
− | fnTab(d,c,e,f);
| |
− | }
| |
− | }
| |
− |
| |
− | function autoPlay(){
| |
− | clearTimeout( timer );
| |
− | timer = setInterval(function(){
| |
− | f++;
| |
− | f%=6;
| |
− | fnTab(d,c,e,f);
| |
− | }, 5000);
| |
− | }
| |
− | }
| |
− | ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
| |
− | function fnTab(a,b,c,d){
| |
− | b.src = c[d];
| |
− | for( var i=0; i<a.length; i++ ){
| |
− | a[i].className = '';
| |
− | }
| |
− | a[d].className = 'active';
| |
− | }
| |
− | }
| |
− |
| |
− | </script>
| |
− | </head>
| |
− | <body>
| |
− | <div class="container">
| |
− | <nav class="oucNav navbar navbar-default navbar-fixed-top" role="navigation">
| |
− | <div class="container">
| |
− | <div class="navbar-header">
| |
− | <button type="button" class="navbar-toggle" data-toggle="collapse"
| |
− | data-target="#example-navbar-collapse">
| |
− | <span class="sr-only">Turn</span>
| |
− | <span class="icon-bar"></span>
| |
− | <span class="icon-bar"></span>
| |
− | <span class="icon-bar"></span>
| |
− | </button>
| |
− | <a class="navbar-brand oucBrand" href="#"><img src="https://static.igem.org/mediawiki/2016/f/fc/T--OUC-China--nav-logo-1.fw.png" alt="Brand"></a>
| |
− | </div>
| |
− | <div class="collapse navbar-collapse" id="example-navbar-collapse">
| |
− | <ul class="nav navbar-nav" id="oucNav">
| |
− | <li><a href="https://2016.igem.org/Team:OUC-China">Home</a></li>
| |
− | <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Project<span class="caret"></span></a>
| |
− | <ul class="dropdown-menu">
| |
− | <li><a href="https://2016.igem.org/Team:OUC-China/Project">Introduction</a></li>
| |
− | <li><a href="https://2016.igem.org/Team:OUC-China/Design">Design</a></li>
| |
− | <li><a href="https://2016.igem.org/Team:OUC-China/Proof">Proof of concept </a></li>
| |
− | <li><a href="https://2016.igem.org/Team:OUC-China/Results">Results</a></li>
| |
− | </ul>
| |
− | </li>
| |
− | <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Parts<span class="caret"></span></a>
| |
− | <ul class="dropdown-menu">
| |
− | <li><a href="https://2016.igem.org/Team:OUC-China/Parts">Parts</a></li>
| |
− | <li><a href="https://2016.igem.org/Team:OUC-China/Basic_Part">Basic part</a></li>
| |
− | <li><a href="https://2016.igem.org/Team:OUC-China/Composite_Part">Composite parts</a></li>
| |
− | <li><a href="https://2016.igem.org/Team:OUC-China/Part_Collection">Part collection</a></li>
| |
− | </ul>
| |
− | </li>
| |
− | <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Human Practice<span class="caret"></span></a>
| |
− | <ul class="dropdown-menu">
| |
− | <li><a href="https://2016.igem.org/Team:OUC-China/Human_Practices">Overview</a></li>
| |
− | <li><a href="https://2016.igem.org/Team:OUC-China/Communicating_&_improving">Communicating & improving</a></li>
| |
− | <li><a href="https://2016.igem.org/Team:OUC-China/Investigating_&_promoting">Investigating & promoting</a></li>
| |
− | <li><a href="https://2016.igem.org/Team:OUC-China/Potential_application">Potential application</a></li>
| |
− | </ul>
| |
− | </li>
| |
− | <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Team<span class="caret"></span></a>
| |
− | <ul class="dropdown-menu">
| |
− | <li class="active"><a href="https://2016.igem.org/Team:OUC-China/Team">Team</a></li>
| |
− | <li><a href="https://2016.igem.org/Team:OUC-China/Collaborations">Collaborations</a></li>
| |
− | </ul>
| |
− | </li>
| |
− | <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Modeling<span class="caret"></span></a>
| |
− | <ul class="dropdown-menu">
| |
− | <li><a href="https://2016.igem.org/Team:OUC-China/Model">Model</a></li>
| |
− | <li><a href="https://2016.igem.org/Team:OUC-China/Software">Software</a></li>
| |
− | </ul>
| |
− | </li>
| |
− | <li><a href="https://2016.igem.org/Team:OUC-China/Attributions">Attributions</a></li>
| |
− | <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Safety<span class="caret"></span></a>
| |
− | <ul class="dropdown-menu">
| |
− | <li><a href="https://2016.igem.org/Team:OUC-China/Notebook">Notebook</a></li>
| |
− | <li><a href="https://2016.igem.org/Team:OUC-China/Protocol">Protocol</a></li>
| |
− | <li><a href="https://2016.igem.org/Team:OUC-China/Safety">Safety</a></li>
| |
− | </ul>
| |
− | </li>
| |
− | </ul>
| |
− | </div>
| |
− | </div>
| |
− | </nav>
| |
− | <div class="clearfix"></div>
| |
− | <div class="img_banner"><img src="https://static.igem.org/mediawiki/2016/2/2f/T--OUC-China--team-banner.jpg" class="img-responsive" alt="team-banner"></div>
| |
− | <div class="row" style="margin-top:30p
| |