Difference between revisions of "Team:SDU-CHINA/Team"

 
(65 intermediate revisions by 5 users not shown)
Line 1: Line 1:
−
 
 
<html>
 
<html>
 
<head>
 
<head>
 
<meta charset="utf-8" />
 
<meta charset="utf-8" />
−
<link rel="stylesheet" type="text/css" href="./css/frame.css" />
+
<link rel="stylesheet" href="https://2018.igem.org/Team:SDU-CHINA/bootstrap337?action=raw&ctype=text/css">
−
<link rel="stylesheet" href="https://2018.igem.org/Team:SDU-CHINA/bootstrapcss?action=raw&ctype=text/css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">
+
 
−
<style>
+
<link href="https://2018.igem.org/wiki/index.php?title=Template:SDU-China/slickcss190&action=raw&ctype=text/css" rel="stylesheet">
−
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo,
+
<link href="https://2018.igem.org/wiki/index.php?title=Template:SDU-China/slickthemecss190&action=raw&ctype=text/css" rel="stylesheet">
 +
  <script src="https://2018.igem.org/Team:SDU-China/jquery211?action=raw&ctype=text/javascript"></script>
 +
  <script src="https://2018.igem.org/Team:SDU-China/bootjs?action=raw&ctype=text/javascript"></script>
 +
  <script src="https://2018.igem.org/Team:SDU-China/jquery311?action=raw&ctype=text/javascript"></script>
 +
<script>!function(designWidth){
 +
if (/Android(?:\s+|\/)(\d+\.\d+)?/.test(navigator.userAgent)) {
 +
var version = parseFloat(RegExp.$1);
 +
if (version > 2.3) {
 +
var phoneScale = parseInt(window.screen.width) / designWidth;
 +
document.write('<meta name="viewport" content="width=' + designWidth + ',minimum-scale=' + phoneScale + ',maximum-scale=' + phoneScale + ', target-densitydpi=device-dpi">');
 +
} else {
 +
document.write('<meta name="viewport" content="width=' + designWidth + ',target-densitydpi=device-dpi">');
 +
}
 +
} else {
 +
document.write('<meta name="viewport" content="width=' + designWidth + ',user-scalable=no,target-densitydpi=device-dpi,minimal-ui,viewport-fit=cover">');
 +
}
 +
}(640);</script>
 +
 
 +
    <style>
 +
    #contentSub, #footer-box, #catlinks, #search-controls, #p-logo,
 
     #sideMenu, #menubar, .logo_2018, .printfooter, .firstHeading,.visualClear {
 
     #sideMenu, #menubar, .logo_2018, .printfooter, .firstHeading,.visualClear {
 
         display: none;
 
         display: none;
Line 34: Line 52:
 
         width: 100%;  
 
         width: 100%;  
 
         height: 100%;  
 
         height: 100%;  
−
         background-color: transparent;
+
         background-color: transparent;
 
     }
 
     }
−
li { list-style: none; }b
+
 
−
a { text-decoration: none; }
+
 
−
a:link, a:visited, a:active { color: white; }
+
#logo {
−
a:hover { color: #c1d9ff; }
+
float: left;
−
img { margin: 10px auto; } /*???*/
+
position: relative;
 +
margin-left:1%;
 +
display: block !important;
 +
}
 +
#logo img { width:150px; margin-top: 5px;} /*???*/
 
table { margin: 0 auto; }
 
table { margin: 0 auto; }
 
td { text-align: center }
 
td { text-align: center }
  
 
#content{
 
#content{
−
margin: 0px;
+
    margin-top: -22px;
−
padding: 0px;
+
    padding: 0px;
−
background-color: #E6E6F2;
+
    background-color: #E6E6F2;
 
         width: 100%;  
 
         width: 100%;  
 
         height: 100%;
 
         height: 100%;
 
         border: 0px;
 
         border: 0px;
 +
        position: absolute;
 +
        top:18px;
 
}
 
}
  
−
#header, #footer, #section {
+
#footer {
−
background: linear-gradient(to right, #005AB5, #007500);
+
    background: linear-gradient(to right, #005AB5, #007500);
−
background: -webkit-linear-gradient(to right, #005AB5, #007500);
+
    background: -webkit-linear-gradient(to right, #005AB5, #007500);
−
background: -moz-linear-gradient(to right, #005AB5, #007500);
+
    background: -moz-linear-gradient(to right, #005AB5, #007500);
−
background: -o-linear-gradient(to right, #005AB5, #007500);
+
    background: -o-linear-gradient(to right, #005AB5, #007500);
−
float: left;
+
    float: left;
−
width: 100%;
+
    width: 100%;
−
padding: 1% 0%;
+
    padding: 7px 0%;
 
         margin: 0 0px !important;
 
         margin: 0 0px !important;
 
}
 
}
−
 
+
#header {
−
#logo {
+
    background: linear-gradient(to right, #005AB5, #007500);
−
float: left;
+
    background: -webkit-linear-gradient(to right, #005AB5, #007500);
−
position: relative;
+
    background: -moz-linear-gradient(to right, #005AB5, #007500);
−
margin-left:1%;
+
    background: -o-linear-gradient(to right, #005AB5, #007500);
−
display: block !important;
+
    float: left;
 +
    width: 100%;
 +
    padding: 23px 0%;
 +
        margin: 0 0px !important;
 
}
 
}
 +
 +
#menu a { text-decoration: none; }
 +
#menu a:link, a:visited, a:active { color: white; }
 +
#menu a:hover { color: #c1d9ff; }
 
#menu {
 
#menu {
−
float: right;
+
    float: right;
−
position: relative;
+
    position: relative;
−
transform: translateY(-10%);
+
    transform: translateY(-10%);
−
margin-right: 1%;
+
    margin-right: 1%;
−
display: block !important;
+
    display: block !important;
 
}
 
}
 
#menu li {
 
#menu li {
−
float: left;
+
    float: left;
−
position: relative;
+
    position: relative;
−
padding:2% 0%;
+
    padding:2% 0%;
 +
   
 
}
 
}
−
#menu li a { font: 18px sans-serif;   font-weight: lighter;  padding: 15px; }
+
#menu li a { font: 18px sans-serif; font-weight: bolder;  padding: 15px; }
 
#menu ul li ul {
 
#menu ul li ul {
−
background-color: #336666;
+
    background-color: #336666;
−
opacity: 0.8 ;
+
    opacity: 0.8   ;
−
display: none;
+
    display: none;
−
position: absolute;
+
    position: absolute;
−
margin: 0;
+
    margin: 0;
−
padding: 10% 0;
+
    padding: 10% 0;
 +
    font-weight: lighter !important;
 
}
 
}
 
#menu ul li ul li { font-size: 10px;  padding: 5%; }
 
#menu ul li ul li { font-size: 10px;  padding: 5%; }
Line 96: Line 129:
  
  
−
#footer { height: 180px;  color: white; }
 
 
#sponsors {
 
#sponsors {
−
text-align: center;
+
    text-align: center;
−
float: left;
+
    float: left;
−
margin-left: 15px;
+
    margin-left: 15px;
−
margin-top: 2px;
+
    margin-top: 2px;
−
}
+
−
#address {
+
−
text-align: center;
+
−
float: right;
+
−
margin-right: 20px;
+
−
margin-left: 30px;
+
−
margin-top: 2px;
+
 
}
 
}
 
#contact {
 
#contact {
−
text-align: center;
+
    text-align: center;
−
float: right;
+
    float: right;
−
position: relative;
+
    position: relative;
−
margin-right: 30px;
+
    margin-right: 30px;
−
margin-top: 2px;
+
    margin-top: 15px;
 
}
 
}
  
 +
#contact a { text-decoration: none; }
 +
#contact a:link, a:visited, a:active { color: white; }
 +
#contact a:hover { color: #c1d9ff; }
  
  
−
#section {clear: both;}
+
 
 +
 
 +
#section {clear: both;
 +
width:100%;
 +
margin-top:-20px;
 +
padding: 133px auto 0 auto;
 +
overflow: hidden;
 +
background-color:white !important;}
 
#main-title {
 
#main-title {
−
font-size: 60px;
+
    font-size: 45px;
−
color: #4b5ea4;
+
    color: #4b5ea4;
−
font-family: sans-serif;  
+
    font-family: sans-serif;  
−
text-align: center;
+
    text-align: center;
−
font-weight: lighter;
+
    font-weight: lighter;
−
margin: 0;
+
    margin: 0;
−
padding: 30px 0px 0px 0px;
+
    padding: 30px 0px 0px 0px;
−
margin: 0px 67px 0px 65px;
+
    margin: 0px 67px 0px 65px;
 
}
 
}
 
.sublinks { text-align: center; }
 
.sublinks { text-align: center; }
 
.sublinks h2 {
 
.sublinks h2 {
−
display: inline-block;
+
    display: inline-block;
−
margin: 20px 40px;
+
    margin: 20px 40px;
 
}
 
}
 
.sublinks a:link, .sublinks a:visited, .sublinks a:active, .p-top a:link, .p-top a:visited, .p-top a:active { color: #4b5ea4;  font-family: sans-serif;  font-weight: lighter; }
 
.sublinks a:link, .sublinks a:visited, .sublinks a:active, .p-top a:link, .p-top a:visited, .p-top a:active { color: #4b5ea4;  font-family: sans-serif;  font-weight: lighter; }
 
.sub-title {
 
.sub-title {
−
font-family: sans-serif;
+
    font-family: sans-serif;
−
color: white;
+
    color: white;
−
text-align: center;
+
    text-align: center;
 
}
 
}
 
.conteudo {
 
.conteudo {
−
margin: 0 auto;
+
    width:100%;
−
max-width: 1200px;
+
    max-width: 1800px;
−
background-color: white;
+
    background-color: white;
 
     line-height: 1.5;
 
     line-height: 1.5;
 
     clear: both;
 
     clear: both;
 +
    padding: 0px 200px 10px 200px;
 
}
 
}
−
.paragraghs { padding: 4% 8%;  font-family: sans-serif; }
 
 
.p-top {
 
.p-top {
−
color: #4b5ea4;
+
    color: #4b5ea4;
−
text-align: center;
+
    text-align: center;
−
margin-top: 5px;
+
    margin-top: 5px;
−
font: 25px sans-serif;
+
    font: 25px sans-serif;
−
transform: translateY(80%);
+
    transform: translateY(80%);
 
}
 
}
−
#section li { list-style: decimal; }
+
 
−
.bio {
+
.panel-default > .panel-heading {
 +
    color: #333;
 +
    border-color: #ddd;
 +
}
 +
 
 +
 
 +
p.partone {
 +
    text-align: justify;
 +
    text-justify: inter-word;
 +
 
 +
}
 +
p {
 +
    font-family: 'Open Sans', sans-serif;
 +
    font-weight: 400 !important;
 +
    font-size: 18px !important;
 +
    line-height: 1.5;
 +
    margin:5px 0px 20px 30px;
 +
}
 +
h4 {
 +
    font-family: 'Josefin Sans', sans-serif !important;
 +
    font-size: 30px !important;
 +
}
 +
.some-padding {
 +
    padding-top: 20px;
 +
    width: 100%;
 +
}
 +
 
 +
h4{
 +
    display: inline-block;
 +
    display:-webkit-inline-block; /* Safari, Chrome, and Opera */
 +
    display: -moz-inline-block;/* Firefox */
 +
    display: -o-inline-block;
 +
    width: 700px;
 +
    margin:5px 180px 40px 125px;;
 +
}
 +
h1{
 +
  margin-bottom:0px !important;
 +
}
 +
*{margin: 0;padding: 0;}
 +
         
 +
  #box div{
 +
    position: relative;
 +
    display: block;
 +
    width: 100%;
 +
    margin: 0 auto;
 +
    height: 800px;
 +
  }
 +
 
 +
  #box img{ margin-top: -100px;
 +
    display: table-cell;
 +
    vertical-align: middle;
 +
  text-align: center;
 +
 
 +
  }
 +
 
 +
ul li{
 +
  list-style: none;
 +
}
 +
ol li{​
 +
 
 +
        list-style-type:decimal;  
 +
 
 +
        list-style-position:inside ;
 +
 
 +
        font-size: 15px;
 +
 
 +
}
 +
ol{
 +
  padding-left: 10px ;
 +
  padding-bottom: 40px;
 +
}
 +
 
 +
.parttwo a{
 +
  display: block;
 +
  text-align: center !important;
 +
}
 +
#header{
 +
width: 100%;
 +
    height:95px;  /* header的高度一定要是固定值*/
 +
    position:fixed;
 +
    top:0px;
 +
    left:0px;
 +
clear:both;
 +
z-index: 3;
 +
 
 +
}
 +
#footer{
 +
    width: 100%;
 +
    height:100px;  /* footer的高度一定要是固定值*/
 +
    position:absolute;
 +
    bottom:0px;
 +
    left:0px;
 +
    color: white;
 +
}
 +
.body{
 +
  clear:both;
 +
  overflow: hidden;
 +
  padding-top: 95px;
 +
  padding-bottom: 100px;
 +
  /*保证footer是相对于container位置绝对定位*/
 +
    position:relative;
 +
    margin-bottom: -123px;
 +
    width:100%;
 +
    min-height:100%;
 +
    /*设置padding-bottom值大于等于footer的height值，以保证main的内容能够全部显示出来而不被footer遮盖；*/ 
 +
    box-sizing: border-box;
 +
-moz-box-sizing:border-box; /* Firefox */
 +
-webkit-box-sizing:border-box; /* Safari */
 +
}
 +
 
 +
.bio1, .bio2 {
 
     width: 80%;
 
     width: 80%;
 
     margin: 0 auto 40px auto;
 
     margin: 0 auto 40px auto;
 +
}
 +
.bio1{
 +
float: left;
 +
}
 +
.bio2{
 +
float: right;
 
}
 
}
 
.biotext{
 
.biotext{
−
width: 45%;
+
width: 55%;
 
display:inline-block;
 
display:inline-block;
 
     display:-webkit-inline-block; /* Safari, Chrome, and Opera */
 
     display:-webkit-inline-block; /* Safari, Chrome, and Opera */
Line 177: Line 328:
 
     padding-right: 5%;
 
     padding-right: 5%;
 
     vertical-align: top;
 
     vertical-align: top;
−
width: 450px;
+
    width: 450px;
−
     height: 450px;
+
     height: 320px;
 
}
 
}
 
.name {
 
.name {
Line 184: Line 335:
 
     margin: 0 0 10px 0;
 
     margin: 0 0 10px 0;
 
     font-weight: bold;
 
     font-weight: bold;
−
     font-size: 40px !important;
+
     font-size: 28px !important;
 
}
 
}
 
.faculty {
 
.faculty {
Line 197: Line 348:
 
     margin: 0.5px;
 
     margin: 0.5px;
 
}
 
}
−
</style>
+
*{margin: 0;padding: 0;}
 +
            #box{margin: 0px auto;position: relative;background: gray;overflow: hidden;}
 +
            #box ul{position: absolute;left: 21px;top: 17px;}
 +
            #box ul li{float: left;width: 190px;height: 150px;list-style: none;}
  
−
 
+
div.biopic{
−
   
+
overflow: hidden;
 +
width: 320px;
 +
height: 320px;
 +
border-radius: 160px;
 +
margin: auto;
 +
}
 +
.bio1 .biopic img{
 +
margin-left: -70px ;
 +
}
 +
.conteudo div:nth-of-type(5) div:first-of-type img{
 +
margin-left: -150px !important;
 +
}
 +
.conteudo div:nth-of-type(6) div:last-of-type img{
 +
margin-left: -80px !important;
 +
}.conteudo div:nth-of-type(7) div:first-of-type img{
 +
margin-left: -90px !important;
 +
}
 +
.conteudo div:nth-of-type(8) div:last-of-type img{
 +
margin-left: -20px !important;
 +
}
 +
.conteudo div:nth-of-type(2) div:last-of-type img, .conteudo div:nth-of-type(4) div:last-of-type img{
 +
margin-left: -70px !important;
 +
}
 +
.conteudo div:nth-of-type(10) div:last-of-type img{
 +
margin-left: -70px !important;
 +
}
 +
.media-body p{
 +
width: 40%;
 +
font-size: 15px;
 +
text-align: justify;
 +
}
 +
.adpic{
 +
width: 320px;
 +
height: 240px;
 +
overflow: hidden;
 +
margin: 0 auto;
 +
}
 +
.row img{
 +
margin: 0 auto;
 +
}
 +
</style>   
 
</head>
 
</head>
−
<body>
 
  
−
<div id="header">
+
<body>
 +
<div class="body">
 +
<div id="header">
 
<!--LOGO LINK--->
 
<!--LOGO LINK--->
−
<div id="logo"><a href="https://2018.igem.org/Team:SDU-CHINA"><img src="https://static.igem.org/mediawiki/2018/e/ec/T--SDU-CHINA--Logo0.svg" alt="LOGO" /></a></div>
+
<div id="logo"><a href="https://2018.igem.org/Team:SDU-CHINA"><img src="https://static.igem.org/mediawiki/2018/7/72/T--SDU-China--duihui.jpg" alt="LOGO" /></a></div>
 
<div id="menu">
 
<div id="menu">
 
<ul>
 
<ul>
−
<li>
+
            <li>
−
<a href="#">PROJECT &#9662;</a>
+
                <a href="#">PROJECT &#9662;</a>
−
<ul>
+
                <ul>
−
<!--links-->
+
                    <!--links-->
−
<li><a href="https://2018.igem.org/Team:SDU-CHINA/Description.html">Description</a></li>
+
                    <li><a href="https://2018.igem.org/Team:SDU-CHINA/Description">Description</a></li>
−
<li><a href="https://2018.igem.org/Team:SDU-CHINA/Design.html">Design</a></li>
+
                    <li><a href="https://2018.igem.org/Team:SDU-CHINA/Design">Design</a></li>
−
<li><a href="https://2018.igem.org/Team:SDU-CHINA/Results.html">Results</a></li>
+
                    <li><a href="https://2018.igem.org/Team:SDU-CHINA/Results">Results</a></li>
−
<li><a href="https://2018.igem.org/Team:SDU-CHINA/Demonstrate.html">Demonstrate</a></li>
+
                    <li><a href="https://2018.igem.org/Team:SDU-CHINA/Demonstrate">Demonstrate</a></li>
−
</ul>
+
                </ul>
−
</li>
+
            </li>
−
<li>
+
            <li>
−
<a href="#">WETLAB &#9662;</a>
+
                <a href="#">WETLAB &#9662;</a>
−
<ul>
+
                <ul>
−
<!--links-->
+
                    <!--links-->
−
<li><a href="https://2018.igem.org/Team:SDU-CHINA/Experiment.html">Experiment</a></li>
+
                    <li><a href="https://2018.igem.org/Team:SDU-CHINA/Experiments">Protocols</a></li>
−
<li><a href="https://2018.igem.org/Team:SDU-CHINA/Notebook.html">Notebook</a></li>
+
                    <li><a href="https://2018.igem.org/Team:SDU-CHINA/Notebook">Notebook</a></li>
−
<li><a href="https://2018.igem.org/Team:SDU-CHINA/Safety.html">Safety</a></li>
+
                    <li><a href="https://2018.igem.org/Team:SDU-CHINA/Safety">Safety</a></li>
−
</ul>
+
                </ul>
−
</li>
+
            </li>
−
<li>
+
            <li>
−
<a href="#">DRYLAB &#9662;</a>
+
                <a href="#">DRYLAB &#9662;</a>
−
<ul>
+
                <ul>
−
<!--links-->
+
                    <!--links-->
−
<li><a href="https://2018.igem.org/Team:SDU-CHINA/Model.html">Model</a></li>
+
                    <li><a href="https://2018.igem.org/Team:SDU-CHINA/Model">Model</a></li>
−
<li><a href="https://2018.igem.org/Team:SDU-CHINA/Hardware.html">Hardware</a></li>
+
                    <li><a href="https://2018.igem.org/Team:SDU-CHINA/Hardware">Hardware</a></li>
−
<li><a href="https://2018.igem.org/Team:SDU-CHINA/Software.html">Software</a></li>
+
                </ul>
−
</ul>
+
            </li>
−
</li>
+
            <li>
−
<!--links-->
+
                <a href="#">TEAM &#9662;</a>
−
<li><a href="#">INTERLAB</a></li>
+
                <ul>
−
<li><a href="https://2018.igem.org/Team:SDU-CHINA/Parts.html">PARTS</a></li>
+
                    <!--links-->
−
<li><a href="https://2018.igem.org/Team:SDU-CHINA/Human_Practice.html">HUMAN PRACTICE</a></li>
+
                    <li><a href="https://2018.igem.org/Team:SDU-CHINA/Team">Members</a></li>
−
<li><a href="https://2018.igem.org/Team:SDU-CHINA/Team.html">TEAM</a></li>
+
                    <li><a href="https://2018.igem.org/Team:SDU-CHINA/Attributions">Attributoins</a></li>
−
</ul>
+
                    <li><a href="https://2018.igem.org/Team:SDU-CHINA/Collaborations">Collaborations</a></li>
 +
                </ul>
 +
            </li>
 +
            <!--links-->
 +
            <li><a href="https://2018.igem.org/Team:SDU-CHINA/InterLab">INTERLAB</a></li>
 +
            <li><a href="#">PARTS &#9662;</a>
 +
            <ul>
 +
                    <!--links-->
 +
                    <li><a href="https://2018.igem.org/Team:SDU-CHINA/Parts">Parts</a></li>
 +
 
 +
                    <li><a href="https://2018.igem.org/Team:SDU-CHINA/Improve">Improve</a></li>
 +
                   
 +
                </ul>
 +
                </li>
 +
            <li><a href="https://2018.igem.org/Team:SDU-CHINA/Human_Practices">HUMAN PRACTICES &#9662;</a>
 +
            <ul>
 +
                    <!--links-->
 +
                    <li><a href="https://2018.igem.org/Team:SDU-CHINA/Human_Practices#Silver">Silver</a></li>
 +
                    <li><a href="https://2018.igem.org/Team:SDU-CHINA/Human_Practices#integrated">Gold & Integrated</a></li>
 +
                    <li><a href="https://2018.igem.org/Team:SDU-CHINA/Public_Engagement">Engagement</a></li>
 +
                </ul>
 +
                </li>
 +
        </ul>
 
</div>
 
</div>
 
</div>
 
</div>
  
 
<div id="section">
 
<div id="section">
−
+
<div id="box" class="auto">
 +
<img src="https://static.igem.org/mediawiki/2018/5/50/T--SDU-China--team1.jpg" width="1349px" height="900px" alt="">
 +
<img src="https://static.igem.org/mediawiki/2018/3/3d/T--SDU-China--team2.jpg" width="1349px" height="900px" alt="">
 +
<img src="https://static.igem.org/mediawiki/2018/f/fb/T--SDU-China--team3.jpg" width="1349px" height="900px" alt="">
 +
<img src="https://static.igem.org/mediawiki/2018/e/ed/T--SDU-China--team4.jpg" width="1349px" height="900px" alt="">
 +
</div>
 +
<script src="https://2018.igem.org/Team:SDU-China/jquery311?action=raw&ctype=text/javascript"></script>
 +
<script src="https://2018.igem.org/wiki/index.php?title=Template:SDU-China/migratejs&action=raw&ctype=text/javascript" integrity="sha256-F0O1TmEa4I8N24nY0bya59eP6svWcshqX1uzwaWC4F4=" crossorigin="anonymous"></script>
 +
<script src="https://2018.igem.org/wiki/index.php?title=Template:SDU-China/slickjs190&action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript">
 +
    $('.auto').slick({
 +
 
 +
  slidesToShow: 1,
 +
  slidesToScroll: 1,
 +
  autoplay: true,
 +
  autoplaySpeed: 1000,
 +
  pauseOnHover:false,
 +
});
  
−
<div class="sub-title" id="Metabolic"></div>
+
  </script>
 
<div class="conteudo">
 
<div class="conteudo">
−
<h1 id="main-title">Team</h1>
 
  
−
<div class="bio">
+
<h1 id="main-title">Team</h1>
 +
          <h4>Members</h4>
 +
<div class="bio1">
 
<p class="name">Jiao Jin</p>
 
<p class="name">Jiao Jin</p>
−
<div class="biopic"><img src="" width="450" height="450" alt=""/></div>
+
<div class="biopic"><img src="https://static.igem.org/mediawiki/2018/4/47/T--SDU-China--jinjiao.jpg" width="450" height="320px" alt=""/></div>
 
<div class="biotext">
 
<div class="biotext">
 
       <p class="faculty">Team Leader</p>
 
       <p class="faculty">Team Leader</p>
Line 263: Line 498:
 
     </div>
 
     </div>
 
     </div>
 
     </div>
−
     <div class="bio">
+
     <div class="bio2">
 
<p class="name">Zhaoqin Zhang</p>
 
<p class="name">Zhaoqin Zhang</p>
−
<div class="biopic"><img src=""width="900" height="900" alt=""/></div>
+
 
<div class="biotext">
 
<div class="biotext">
 
       <p class="faculty">Competition Affairs/Experimentation</p>
 
       <p class="faculty">Competition Affairs/Experimentation</p>
 
       <p class="introduction">
 
       <p class="introduction">
−
       I’m a junior student majoring in biology. It is the first time for me as well as our team to  
+
       I’m a junior student majoring in biology. It is the first time for me as well as our team to participate in iGEM competition, I' m so excited to meet so much interesting guys! I mainly take charge of Human Practice and do some wet lab experiments, which offers me a lot experience in social skills and research skills. I am interested in synthetic biology in eukariotic cells and I believe synthetic biology is of great use in both research and practical use.  
−
participate in iGEM competition, I' m so excited to meet so much interesting guys! I mainly take charge of Human Practice and do some wet lab experiments, which offers me a lot experience in social skills and research skills. I am interested in synthetic biology in eukariotic cells and I believe synthetic biology is of great use in both research and practical use.  
+
  
 
       </p>
 
       </p>
 
           </div>
 
           </div>
 +
          <div class="biopic"><img src="https://static.igem.org/mediawiki/2018/8/8d/T--SDU-China--zhangzhaoqin.jpg"width="450" height="320px" alt=""/></div>
 
     </div>
 
     </div>
−
       <div class="bio">
+
    <div class="bio1">
 +
<p class="name">Liyuan Xi</p>
 +
<div class="biopic"><img src="https://static.igem.org/mediawiki/2018/6/69/T--SDU-China--xiliyuan.jpg"width="450" height="320px" alt=""/></div>
 +
<div class="biotext">
 +
      <p class="faculty">Experimentation</p>
 +
      <p class="introduction">
 +
    I’m major in life science. I feel honored to be a member of SDU iGEM team and attend Jamboree this year. Shy as I am ,I hope I can make friends through iGEM!       
 +
      </p>
 +
          </div>
 +
         
 +
    </div>
 +
       <div class="bio2">
 
<p class="name">Yize Hao</p>
 
<p class="name">Yize Hao</p>
−
<div class="biopic"><img src=""width="450" height="450" alt=""/></div>
+
 
<div class="biotext">
 
<div class="biotext">
−
       <p class="faculty">Wiki edit/Experimentation</p>
+
       <p class="faculty">Experimentation/Wiki edit</p>
 
       <p class="introduction">
 
       <p class="introduction">
−
     I hope I can improve my ability of thinking as well as my technical skills through igem. I will begin my postgraduate career after one year. What I want moat is that I can go further along the road of scientific research .  
+
     I hope I can improve my ability of thinking as well as my technical skills through igem. I will begin my postgraduate career after one year. I hope I can go further along the road of scientific research.  
 
       </p>
 
       </p>
 
           </div>
 
           </div>
 +
          <div class="biopic"><img src="https://static.igem.org/mediawiki/2018/6/61/T--SDU-China--haoyize.jpg"width="480" height="320" alt=""/></div>
 
     </div>
 
     </div>
−
     <div class="bio">
+
 
 +
     <div class="bio1">
 
<p class="name">Zijian Pan</p>
 
<p class="name">Zijian Pan</p>
−
<div class="biopic"><img src=""width="450" height="450" alt=""/></div>
+
<div class="biopic"><img src="https://static.igem.org/mediawiki/2018/1/1b/T--SDU-China--panzijian.jpg"width="480" height="320" alt=""/></div>
 
<div class="biotext">
 
<div class="biotext">
 
       <p class="faculty">Experimentation</p>
 
       <p class="faculty">Experimentation</p>
Line 295: Line 543:
 
           </div>
 
           </div>
 
     </div>
 
     </div>
−
     <div class="bio">
+
 
 +
      <div class="bio2">
 +
<p class="name">Junyang Chen</p>
 +
 +
<div class="biotext">
 +
      <p class="faculty">Experimentation</p>
 +
      <p class="introduction">
 +
    I am so kind of being a member of SDU-China iGEM team and feeling honoured to work with everyone in our team. As a part of our team, I am responsible for our interlab study. In the meantime, I also take part in our wetlab experiment. Particularly , iGEM project greatly helps me to form my science elaborative faculty, which contributes to my future development and career. Wish us meet with success in this Jamboree！
 +
 
 +
            </p>
 +
          </div>
 +
          <div class="biopic"><img src="https://static.igem.org/mediawiki/2018/a/a2/T--SDU-China--chenjunyang.jpg"width="480" height="320" alt=""/></div>
 +
    </div>
 +
    <div class="bio1">
 +
<p class="name">Zilong Geng</p>
 +
<div class="biopic"><img src="https://static.igem.org/mediawiki/2018/f/f2/T--SDU-China--gengzilong.jpg"width="480" height="320" alt=""/></div>
 +
<div class="biotext">
 +
      <p class="faculty">Experimentation</p>
 +
      <p class="introduction">
 +
    Howdy, this is Zero. Since it is my first time to participate such big competition as the iGEM, I feel so honored and appreciated. The iGEM opened my eyes with a brand new world where  I never set foot. And the cross disciplines in synthetic biology truly rebuilt my point of views about traditional biology, which makes me seek for higher horizons. My teammates work really hard and solidly, which makes me grateful and teaches me a lesson about what teamwork is.
 +
 
 +
            </p>
 +
          </div>
 +
    </div>
 +
   
 +
    <div class="bio2">
 +
<p class="name">Yumin Meng</p>
 +
 +
<div class="biotext">
 +
      <p class="faculty">Experimentation</p>
 +
      <p class="introduction">
 +
    I study biology in the School of Life Science and I am a sophoman. I undertook the job of designing and assembling the genetic circuit of the project with other teammates. In addition, I manually modified our experimental instrument to make it more suitable for our project with my hands-on ability. Looking forward to the new age of synthetic biology from iGEM.
 +
      </p>
 +
          </div>
 +
          <div class="biopic"><img src="https://static.igem.org/mediawiki/2018/7/70/T--SDU-China--mengyumin.jpg"width="450" height="320px" alt=""/></div>
 +
    </div>
 +
     <div class="bio1">
 
<p class="name">Weiguang Wang</p>
 
<p class="name">Weiguang Wang</p>
−
<div class="biopic"><img src=""width="450" height="450" alt=""/></div>
+
<div class="biopic"><img src="https://static.igem.org/mediawiki/2018/8/8b/T--SDU-China--wangweiguang.jpg"width="450" height="600px" alt=""/></div>
 
<div class="biotext">
 
<div class="biotext">
 
       <p class="faculty">Hardware</p>
 
       <p class="faculty">Hardware</p>
 
       <p class="introduction">
 
       <p class="introduction">
−
     I am a microbiology student and I am responsible for the hardware production in the team.      
+
     I am a microbiology student and I am responsible for the hardware production in the team. I feel honored to be a member of SDU iGEM team. This is the future, I enjoy it.     
 
       </p>
 
       </p>
 
           </div>
 
           </div>
 
            
 
            
 
     </div>
 
     </div>
−
    <p class="p-top"><a href="#header">&#x25b2; top</a></p>
+
      <div class="bio2">
−
</div>
+
<p class="name">Jizhong Zhang</p>
−
</div>
+
 +
<div class="biotext">
 +
      <p class="faculty">Wiki edit/Modeling</p>
 +
      <p class="introduction">
 +
I major in bioinformatics. It is my first time to participate iGEM competition, and I feel honored to be a member of SDU iGEM team. I am responsible for project design, wiki editing and modeling
 +
      </p>
 +
          </div>
 +
          <div class="biopic"><img src="https://static.igem.org/mediawiki/2018/3/36/T--SDU-China--zhangjizhong.jpg"width="450" height="320px" alt=""/></div>
 +
    </div>
 +
    <h4 style="text-align: center;">Advisor</h4>
 +
    <div class="row">
 +
        <div class="col-md-6">
 +
        <div class="adpic"><img src="https://static.igem.org/mediawiki/2018/b/bb/T--SDU-China--liuzedao.jpg" width="320" height="240"> </div>
 +
       
 +
        <div class="media-body">
 +
        <h4 class="media-heading ouc-pi"><strong>Zedao Liu</strong></h4>
 +
   
 +
                    <p>As an undergraduate student in Shandong University, majoring in clinical medicine, I’m honored to have a chance to take part in iGEM competition. Being interested in synthetic biology, I enjoyed concentrating on doing experiment with my partners. I help the team prepare something and give suggestions.</p><br>
 +
        </div>
 +
        </div>
 +
        <div class="col-md-6">
 +
          <div class="adpic"><img src="https://static.igem.org/mediawiki/2018/f/f0/T--SDU-China--zhaoxianghui.jpg" width="320" height="450" style="margin-top: -200px"></div>
 +
       
 +
        <div class="media-body">
 +
        <h4 class="media-heading ouc-pi"><strong>Xianghui Zhao</strong></h4>
 +
                    <p>As an undergraduate student in Shandong University, majoring in clinical medicine, I’m honored to have a chance to take part in iGEM competition. Being interested in synthetic biology, I enjoyed concentrating on doing experiment with my partners. I help the team prepare something and give suggestions.</p><br>
 +
        </div>
 +
        </div>
 +
    <h4 style="text-align: center;">Instructor</h4>
 +
    </div>
 +
    <div class="row">
 +
        <div class="col-md-6">
 +
        <div style="text-align: center;"><img src="https://static.igem.org/mediawiki/2018/5/51/T--SDU-China--pro_qi.jpg" width="160" height="240"> </div>
 +
        <div class="media-body">
 +
        <h4 class="media-heading ouc-pi"><strong>Qingsheng Qi</strong></h4>
  
 +
                    <p> Professor of State Key Laboratory of Microbial Technology in Shandong University. His main research direction is microbial metabolic engineering and synthetic biology. He holds two patents and has published more than 30 SCI articles.</p><br>
 +
        </div>
 +
        </div>
 +
        <div class="col-md-6">
 +
        <div style="text-align: center;"><img src="https://static.igem.org/mediawiki/2018/f/fe/T--SDU-China--pro_liang.jpg" width="160" height="240"></div>
 +
        <div class="media-body">
 +
        <h4 class="media-heading ouc-pi"><strong>Quanfeng Liang</strong></h4>
  
−
<div id="footer">
+
                    <p> Professor of State Key Laboratory of Microbial Technology in Shandong University. His main research direction is microbial metabolic engineering and glycobiology. It is mainly to synthesize industrial compounds by regulating microbial metabolic flow through genetic engineering, or to modify traditional microbial production process.</p><br>
−
<div id="sponsors">
+
        </div>
−
<h2>SPONSORS</h2>
+
        </div>
−
<!--LOGO LINK-->
+
   
−
<img src="https://static.igem.org/mediawiki/2018/a/ab/T--SDU-CHINA--Sponsors0.svg" alt="SPONSORS" usemap="#Map-Sponsors" />
+
−
<map name="Map-Sponsors" class="Map-Sponsors">
+
−
<area title="SDU" href="http://www.lifesci.sdu.edu.cn/" shape="rect" coords="0,0,247,60" />
+
−
<area title="MATHWOAR" href="https://www.mathworks.com/" shape="rect" coords="247,0,440,60" />
+
−
</map>
+
−
</div>
+
−
<div id="address">
+
−
<h2>ADDRESS</h2>
+
−
<p>Shandong University</p>
+
−
<p>School of Life Sciences</p>
+
−
<p>Qingdao, Shandong, China</p>
+
−
</div>
+
−
<div id="contact">
+
−
<h2>CONTACT US</h2>
+
−
<!--LOGO LINK-->
+
−
<img src="https://static.igem.org/mediawiki/2018/f/f3/T--SDU-CHINA--ContactUs0.svg" alt="CONTACT US" usemap="#Map-Contact" />
+
−
<map name="Map-Contact" id="Map-Contanct">
+
−
<area title="E-mail" href="mailto:sdubioigem@163.com" shape="rect" coords="0,0,88,65" />
+
−
<area title="Instagram" href="https://www.instagram.com/sdubiochina_2018/" shape="rect" coords="88,0,155,65" />
+
−
</map>
+
 
</div>
 
</div>
 +
 +
<div id="footer">
 +
    <div id="sponsors">
 +
        <img src="https://static.igem.org/mediawiki/2018/a/ab/T--SDU-CHINA--Sponsors0.svg" alt="SPONSORS" usemap="#Map-Sponsors" />
 +
        <map name="Map-Sponsors" class="Map-Sponsors">
 +
            <area title="SDU" href="http://www.lifesci.sdu.edu.cn/" shape="rect" coords="0,0,247,60" />
 +
            <area title="MATHWOAR" href="https://www.mathworks.com/" shape="rect" coords="247,0,440,60" />
 +
            <area title="KLAB" href="http://www.mbtech.sdu.edu.cn/" shape="rect" coords="440,0,715,60" />
 +
        </map>
 +
    </div>
 +
    <div id="contact">
 +
        <div><a href="mailto:sdubioigem@163.com">mailto:sdubioigem@163.com</a></div>
 +
        <div><a href="https://www.instagram.com/sdubiochina_2018/">www.instagram.com/sdubiochina_2018/</a></div>
 +
    </div>
 
</div>
 
</div>
 +
</div>
 +
 +
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 16:00, 7 December 2018

Team

Members

Jiao Jin

Team Leader

The mascot of the team! The major work for me is to cheer people up when things do not go well!

Zhaoqin Zhang

Competition Affairs/Experimentation

I’m a junior student majoring in biology. It is the first time for me as well as our team to participate in iGEM competition, I' m so excited to meet so much interesting guys! I mainly take charge of Human Practice and do some wet lab experiments, which offers me a lot experience in social skills and research skills. I am interested in synthetic biology in eukariotic cells and I believe synthetic biology is of great use in both research and practical use.

Liyuan Xi

Experimentation

I’m major in life science. I feel honored to be a member of SDU iGEM team and attend Jamboree this year. Shy as I am ,I hope I can make friends through iGEM!

Yize Hao

Experimentation/Wiki edit

I hope I can improve my ability of thinking as well as my technical skills through igem. I will begin my postgraduate career after one year. I hope I can go further along the road of scientific research.

Zijian Pan

Experimentation

I am very grateful for having the opportunity to play a role in our igem team. For the duration of preparing for iGEM, we struggle with countless difficulties together. For this duration, we harvest knowledge and life-long friendships, as well.

Junyang Chen

Experimentation

I am so kind of being a member of SDU-China iGEM team and feeling honoured to work with everyone in our team. As a part of our team, I am responsible for our interlab study. In the meantime, I also take part in our wetlab experiment. Particularly , iGEM project greatly helps me to form my science elaborative faculty, which contributes to my future development and career. Wish us meet with success in this Jamboree！

Zilong Geng

Experimentation

Howdy, this is Zero. Since it is my first time to participate such big competition as the iGEM, I feel so honored and appreciated. The iGEM opened my eyes with a brand new world where I never set foot. And the cross disciplines in synthetic biology truly rebuilt my point of views about traditional biology, which makes me seek for higher horizons. My teammates work really hard and solidly, which makes me grateful and teaches me a lesson about what teamwork is.

Yumin Meng

Experimentation

I study biology in the School of Life Science and I am a sophoman. I undertook the job of designing and assembling the genetic circuit of the project with other teammates. In addition, I manually modified our experimental instrument to make it more suitable for our project with my hands-on ability. Looking forward to the new age of synthetic biology from iGEM.

Weiguang Wang

Hardware

I am a microbiology student and I am responsible for the hardware production in the team. I feel honored to be a member of SDU iGEM team. This is the future, I enjoy it.

Jizhong Zhang

Wiki edit/Modeling

I major in bioinformatics. It is my first time to participate iGEM competition, and I feel honored to be a member of SDU iGEM team. I am responsible for project design, wiki editing and modeling

Advisor

Zedao Liu

As an undergraduate student in Shandong University, majoring in clinical medicine, I’m honored to have a chance to take part in iGEM competition. Being interested in synthetic biology, I enjoyed concentrating on doing experiment with my partners. I help the team prepare something and give suggestions.


Xianghui Zhao

As an undergraduate student in Shandong University, majoring in clinical medicine, I’m honored to have a chance to take part in iGEM competition. Being interested in synthetic biology, I enjoyed concentrating on doing experiment with my partners. I help the team prepare something and give suggestions.


Instructor

Qingsheng Qi

Professor of State Key Laboratory of Microbial Technology in Shandong University. His main research direction is microbial metabolic engineering and synthetic biology. He holds two patents and has published more than 30 SCI articles.


Quanfeng Liang

Professor of State Key Laboratory of Microbial Technology in Shandong University. His main research direction is microbial metabolic engineering and glycobiology. It is mainly to synthesize industrial compounds by regulating microbial metabolic flow through genetic engineering, or to modify traditional microbial production process.