Difference between revisions of "Team:DUT China B"

Line 32: Line 32:
  
 
             margin:20px auto;
 
             margin:20px auto;
 +
 
             padding: 15px;
 
             padding: 15px;
  
Line 38: Line 39:
 
             width:700px;
 
             width:700px;
  
             /*height:200px;*/
+
             /*height:250px;*/
  
 
             border:2px solid #000;
 
             border:2px solid #000;
Line 49: Line 50:
  
 
         }
 
         }
 +
    #container{
 +
width: 300px;
 +
height: 250px;
 +
margin: 100px auto;
 +
}
 +
.box{
 +
float: left;
 +
margin: 10px;
 +
width: 200px;
 +
height: 200px;
 +
border: 3px solid #ccc;
 +
transform-style: preserve-3d;
 +
transition: 1.5s;
 +
position: relative;
 +
}
 +
.box:hover{
 +
transform:rotateY(180deg);
 +
}
 +
.face{
 +
width: 200px;
 +
height: 200px;
 +
position: absolute;
 +
}
 +
.front{
 +
border: 2px solid #4b2518;
 +
}
 +
.back{
 +
transform: rotateY(180deg);
 +
background-color: #4b2518;
 +
border: 2px solid #fff;
 +
}
 +
.back h3{
 +
color: white;
 +
text-align: center;
 +
}
 +
img{
 +
width: 200px;
 +
}
 
</style>
 
</style>
 
</head>
 
</head>
Line 55: Line 94:
 
<div class="div1"><font size="7" style="color: #eee">DUT_China_B</font></div>
 
<div class="div1"><font size="7" style="color: #eee">DUT_China_B</font></div>
 
<div class="div2">
 
<div class="div2">
 +
<div class="container">
 +
<div class="box">
 +
<div class="face front"><img src="https://static.igem.org/mediawiki/2019/e/eb/T--DUT_China_B--bcgimg-1.jpg" alt="无法显示"></div>
 +
<div class="face back">
 +
<h3>inspiration</h3>
 +
</div>
 +
</div>
 +
</div>
 
<font size="5" style="color: #eee">inspiration</font>
 
<font size="5" style="color: #eee">inspiration</font>
 
<p style="color: #eee">
 
<p style="color: #eee">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maxime harum iusto libero nobis eligendi laudantium, culpa excepturi ullam commodi dolorem doloribus nostrum distinctio, accusantium nulla dignissimos enim optio! Perspiciatis, voluptatem!
+
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maxime harum iusto libero nobis eligendi laudantium, culpa excepturi ullam commodi dolorem doloribus nostrum distinctio, accusantium nulla dignissimos enim optio! Perspiciatis,Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maxime harum iusto libero nobis eligendi laudantium, culpa excepturi ullam commodi dolorem doloribus nostrum distinctio, accusantium nulla dignissimos enim optio! Perspiciatis,
 
</p>
 
</p>
 
</div>
 
</div>
Line 76: Line 123:
 
</div>
 
</div>
 
</div>
 
</div>
 +
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 14:01, 28 June 2019

Document

DUT_China_B
无法显示

inspiration

inspiration

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maxime harum iusto libero nobis eligendi laudantium, culpa excepturi ullam commodi dolorem doloribus nostrum distinctio, accusantium nulla dignissimos enim optio! Perspiciatis,Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maxime harum iusto libero nobis eligendi laudantium, culpa excepturi ullam commodi dolorem doloribus nostrum distinctio, accusantium nulla dignissimos enim optio! Perspiciatis,

conference

[1] CROZET P, NAVARRO F J, WILLMUND F, et al. Birth of a Photosynthetic Chassis: A MoClo Toolkit Enabling Synthetic Biology in the Microalga Chlamydomonas reinhardtii [J]. ACS Synthetic Biology, 2018, 7(9): 2074-86.

[2] Francisco J. Navarro, David C. Baulcombe. miRNA-Mediated Regulation of Synthetic Gene Circuits in the Green Alga Chlamydomonas reinhardtii. ACS Synthetic Biology 2019, 8 (2) , 358-370. DOI: 10.1021/acssynbio.8b00393.

[3] MURPHY T W, SHENG J, NALER L B, et al. On-chip manufacturing of synthetic proteins for point-of-care therapeutics [J]. Microsystems & Nanoengineering, 2019, 5(1): 13.

[4] https://2018.igem.org/Team:DLUT_China_B