Difference between revisions of "Team:CSU CHINA/Team"

Line 7: Line 7:
 
     <meta name="viewport" content="width=device-width, initial-scale=1">
 
     <meta name="viewport" content="width=device-width, initial-scale=1">
 
</head>
 
</head>
<body>
+
<style>
<style>
+
/*--背景图片--*/
/*--背景图片--*/
+
.Topbox{
.Topbox{
+
width: 100%;
width: 100%;
+
min-height: 600px;
min-height: 600px;
+
display: -webkit-flex; /* Safari */
display: -webkit-flex; /* Safari */
+
display: flex;
display: flex;
+
background-image: url(https://static.igem.org/mediawiki/2019/0/0c/T--CSU_CHINA--TM_DHZTM.jpg);
background-image: url(https://static.igem.org/mediawiki/2019/0/0c/T--CSU_CHINA--TM_DHZTM.jpg);
+
background-size: cover;
background-size: cover;
+
background-repeat: no-repeat;
background-repeat: no-repeat;
+
background-position: center;
background-position: center;
+
justify-content: center;
justify-content: center;
+
align-items: center;
align-items: center;
+
}
+
/*-- portfolio-inner-page --*/
+
.portfolio h4 {
+
color: #000;
+
font-size: 18px;
+
}
+
label.portfolio-line {
+
display: block;
+
background-color: #000;
+
width: 10%;
+
margin: 15px auto;
+
height: 2px;
+
}
+
.portfolio h6 {
+
width: 50%;
+
margin: 0 auto 20px auto;
+
font-size: 14px;
+
line-height: 30px;
+
}
+
.portfolio-grid1,
+
.portfolio-grid2,
+
.portfolio-grid3,
+
.portfolio-grid6,
+
.portfolio-grid4,
+
.portfolio-grid5 {
+
margin-bottom: 20px;
+
}
+
/*--SAP--*/
+
.sap_tabs {
+
clear: both;
+
padding: 0;
+
}
+
.tab_box {
+
background: #fd926d;
+
padding: 2em;
+
}
+
.top1 {
+
margin-top: 2%;
+
}
+
.resp-tabs-list {
+
list-style: none;
+
padding: 0 0 3em;
+
margin: 0 auto;
+
text-align: center;
+
}
+
.resp-tab-item {
+
color: #333;
+
font-size: 1.1em;
+
font-weight: 500;
+
cursor: pointer;
+
display: inline-block;
+
margin: 0;
+
text-align: center;
+
list-style: none;
+
outline: none;
+
-webkit-transition: all 0.3s;
+
-moz-transition: all 0.3s;
+
-ms-transition: all 0.3s;
+
-o-transition: all 0.3s;
+
transition: all 0.3s;
+
text-transform: uppercase;
+
margin: 0 0.3em 0;
+
border-bottom: 2px solid #fff;
+
color: #000;
+
padding: 10px 15px;
+
border: 2px solid #23b684;
+
}
+
.resp-tab-active {
+
background-color: #23b684;
+
color: #fff;
+
}
+
.resp-tabs-container {
+
padding: 0px;
+
clear: left;
+
}
+
h2.resp-accordion {
+
cursor: pointer;
+
padding: 5px;
+
display: none;
+
}
+
.resp-tab-content {
+
display: none;
+
}
+
.resp-content-active,
+
.resp-accordion-active {
+
display: block;
+
}
+
.tab_img {
+
padding: 2em 0 0;
+
display: inline-block;
+
}
+
.portfolio-grids {
+
float: left;
+
}
+
.portfolio-grids a {
+
display: block;
+
overflow: hidden;
+
position: relative;
+
}
+
.portfolio-grids img.img-responsive {
+
width: 100%;
+
}
+
.b-wrapper {
+
background: rgba(0, 0, 0, 0.7);
+
position: absolute;
+
width: 100%;
+
height: 100%;
+
bottom: 0%;
+
left: 0;
+
-webkit-transition: .5s all;
+
-moz-transition: .5s all;
+
transition: .5s all;
+
-webkit-transform: scale(0);
+
-moz-transform: scale(0);
+
transform: scale(0);
+
-o-transform: scale(0);
+
-ms-transform: scale(0);
+
}
+
.portfolio-grids a:hover .b-wrapper {
+
-webkit-transform: scale(1);
+
-moz-transform: scale(1);
+
transform: scale(1);
+
-o-transform: scale(1);
+
-ms-transform: scale(1);
+
}
+
.b-wrapper h5,
+
.b-wrapper h2 {
+
font-size: 2.5em;
+
color: #fff;
+
text-align: center;
+
padding: 30% 0;
+
font-weight: 300;
+
}
+
img.zoom-img {
+
-webkit-transform: scale(1, 1);
+
transform: scale(1, 1);
+
-moz-transform: scale(1, 1);
+
-ms-transform: scale(1, 1);
+
-o-transform: scale(1, 1);
+
transition-timing-function: ease-out;
+
-webkit-transition-timing-function: ease-out;
+
-moz-transition-timing-function: ease-out;
+
-ms-transition-timing-function: ease-out;
+
-o-transition-timing-function: ease-out;
+
-webkit-transition-duration: 2s !important;
+
-moz-transition-duration: 2s !important;
+
transition-duration: 2s !important;
+
}
+
img.zoom-img:hover,
+
.portfolio-grids:hover img.zoom-img {
+
-webkit-transform: scale(1.2);
+
transform: scale(1.2);
+
-moz-transform: scale(1.2);
+
-ms-transform: scale(1.2);
+
-o-transform: scale(1.2);
+
overflow: hidden;
+
}
+
/*-- //portfolio-inner-page --*/
+
@media(max-width: 991px) {
+
button.navbar-toggler {
+
background: #fff;
+
border-radius: 0px;
+
 
}
 
}
.resp-tab-item {
+
/*-- portfolio-inner-page --*/
padding: 10px 38px;
+
.portfolio h4 {
margin-bottom: 0.5em;
+
color: #000;
}
+
font-size: 18px;
}
+
}
</style>
+
label.portfolio-line {
 +
display: block;
 +
background-color: #000;
 +
width: 10%;
 +
margin: 15px auto;
 +
height: 2px;
 +
}
 +
.portfolio h6 {
 +
width: 50%;
 +
margin: 0 auto 20px auto;
 +
font-size: 14px;
 +
line-height: 30px;
 +
}
 +
.portfolio-grid1,
 +
.portfolio-grid2,
 +
.portfolio-grid3,
 +
.portfolio-grid6,
 +
.portfolio-grid4,
 +
.portfolio-grid5 {
 +
margin-bottom: 20px;
 +
}
 +
/*--SAP--*/
 +
.sap_tabs {
 +
clear: both;
 +
padding: 0;
 +
}
 +
.tab_box {
 +
background: #fd926d;
 +
padding: 2em;
 +
}
 +
.top1 {
 +
margin-top: 2%;
 +
}
 +
.resp-tabs-list {
 +
list-style: none;
 +
padding: 0 0 3em;
 +
margin: 0 auto;
 +
text-align: center;
 +
}
 +
.resp-tab-item {
 +
color: #333;
 +
font-size: 1.1em;
 +
font-weight: 500;
 +
cursor: pointer;
 +
display: inline-block;
 +
margin: 0;
 +
text-align: center;
 +
list-style: none;
 +
outline: none;
 +
-webkit-transition: all 0.3s;
 +
-moz-transition: all 0.3s;
 +
-ms-transition: all 0.3s;
 +
-o-transition: all 0.3s;
 +
transition: all 0.3s;
 +
text-transform: uppercase;
 +
margin: 0 0.3em 0;
 +
border-bottom: 2px solid #fff;
 +
color: #000;
 +
padding: 10px 15px;
 +
border: 2px solid #23b684;
 +
}
 +
.resp-tab-active {
 +
background-color: #23b684;
 +
color: #fff;
 +
}
 +
.resp-tabs-container {
 +
padding: 0px;
 +
clear: left;
 +
}
 +
h2.resp-accordion {
 +
cursor: pointer;
 +
padding: 5px;
 +
display: none;
 +
}
 +
.resp-tab-content {
 +
display: none;
 +
}
 +
.resp-content-active,
 +
.resp-accordion-active {
 +
display: block;
 +
}
 +
.tab_img {
 +
padding: 2em 0 0;
 +
display: inline-block;
 +
}
 +
.portfolio-grids {
 +
float: left;
 +
}
 +
.portfolio-grids a {
 +
display: block;
 +
overflow: hidden;
 +
position: relative;
 +
}
 +
.portfolio-grids img.img-responsive {
 +
width: 100%;
 +
}
 +
.b-wrapper {
 +
background: rgba(0, 0, 0, 0.7);
 +
position: absolute;
 +
width: 100%;
 +
height: 100%;
 +
bottom: 0%;
 +
left: 0;
 +
-webkit-transition: .5s all;
 +
-moz-transition: .5s all;
 +
transition: .5s all;
 +
-webkit-transform: scale(0);
 +
-moz-transform: scale(0);
 +
transform: scale(0);
 +
-o-transform: scale(0);
 +
-ms-transform: scale(0);
 +
}
 +
.portfolio-grids a:hover .b-wrapper {
 +
-webkit-transform: scale(1);
 +
-moz-transform: scale(1);
 +
transform: scale(1);
 +
-o-transform: scale(1);
 +
-ms-transform: scale(1);
 +
}
 +
.b-wrapper h5,
 +
.b-wrapper h2 {
 +
font-size: 2.5em;
 +
color: #fff;
 +
text-align: center;
 +
padding: 30% 0;
 +
font-weight: 300;
 +
}
 +
img.zoom-img {
 +
-webkit-transform: scale(1, 1);
 +
transform: scale(1, 1);
 +
-moz-transform: scale(1, 1);
 +
-ms-transform: scale(1, 1);
 +
-o-transform: scale(1, 1);
 +
transition-timing-function: ease-out;
 +
-webkit-transition-timing-function: ease-out;
 +
-moz-transition-timing-function: ease-out;
 +
-ms-transition-timing-function: ease-out;
 +
-o-transition-timing-function: ease-out;
 +
-webkit-transition-duration: 2s !important;
 +
-moz-transition-duration: 2s !important;
 +
transition-duration: 2s !important;
 +
}
 +
img.zoom-img:hover,
 +
.portfolio-grids:hover img.zoom-img {
 +
-webkit-transform: scale(1.2);
 +
transform: scale(1.2);
 +
-moz-transform: scale(1.2);
 +
-ms-transform: scale(1.2);
 +
-o-transform: scale(1.2);
 +
overflow: hidden;
 +
}
 +
/*-- //portfolio-inner-page --*/
 +
@media(max-width: 991px) {
 +
button.navbar-toggler {
 +
background: #fff;
 +
border-radius: 0px;
 +
}
 +
.resp-tab-item {
 +
padding: 10px 38px;
 +
margin-bottom: 0.5em;
 +
}
 +
}
 +
</style>
 +
<body>
 +
 
 
<div class="container-fluid Topbox ">
 
<div class="container-fluid Topbox ">
 
<h1 class="display-3">Team members</h1>
 
<h1 class="display-3">Team members</h1>
Line 407: Line 408:
 
<div class="b-wrapper">
 
<div class="b-wrapper">
 
<h5>Qihang Wang </h5>
 
<h5>Qihang Wang </h5>
 +
</div>
 +
</a>
 +
</div>
 +
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid4">
 +
<a href="https://static.igem.org/mediawiki/2019/d/d6/T--CSU_CHINA--TM_XRL.jpg" data-lightbox="example-set" data-title="My name is Lou Runxiang, a 20 years old boy, currently studying at Central South University majored in life science. I'm mainly involved in experiments. I’m so glad to master many new skills to make me be better and make many outstanding new friends. I enjoyed a lot while being a part of our iGEM team.
 +
Email address:
 +
lourunxiang@126.com
 +
">
 +
<img src="https://static.igem.org/mediawiki/2019/d/d6/T--CSU_CHINA--TM_XRL.jpg" class="img-responsive zoom-img" alt="" />
 +
<div class="b-wrapper">
 +
<h5>Runxiang Lou</h5>
 +
</div>
 +
</a>
 +
</div>
 +
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid4">
 +
<a href="https://static.igem.org/mediawiki/2019/d/d7/T--CSU_CHINA--TM_DYQ.jpg" data-lightbox="example-set" data-title="Hi, I’m a medical student who enjoy parting and science popularization in my spare time. In the iGEM team, I work as a member of the art group. The daily work of us is to transform others’ ideas and imaginations to productions.
 +
Email address:
 +
2468518354@qq.com">
 +
<img src="https://static.igem.org/mediawiki/2019/d/d7/T--CSU_CHINA--TM_DYQ.jpg" class="img-responsive zoom-img" alt="" />
 +
<div class="b-wrapper">
 +
<h5>Yuqian Deng</h5>
 
</div>
 
</div>
 
</a>
 
</a>
Line 434: Line 456:
 
<div class="b-wrapper">
 
<div class="b-wrapper">
 
<h5>Jufang Huang</h5>
 
<h5>Jufang Huang</h5>
</div>
 
</a>
 
</div>
 
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid4">
 
<a href="https://static.igem.org/mediawiki/2019/7/76/T--CSU_CHINA--TM_LJD.jpg" data-lightbox="example-set" data-title="Jiada Li received the Ph.D. degree in Shanghai Institute of Biochemistry and Cell Biology, Chinese Academy of Sciences, Republic of China, in 2001. After graduation, he did his postdoctoral research in Universities of California, Irvine. Since July 2009, he joined the Medical Genetic Research Center at the Central South University, Changsha, Republic of China, where he currently serves as a Professor and the scientific director of Department of Cell Biology. His work is to study the pathogenesis of major genetic diseases in humans at the level of cell and mouse models, and develop new therapeutic approaches.
 
e-mail: lijiada@sklmg.edu.cn ">
 
<img src="https://static.igem.org/mediawiki/2019/7/76/T--CSU_CHINA--TM_LJD.jpg" class="img-responsive zoom-img" style="height:214px; width:50%"alt="" />
 
<div class="b-wrapper">
 
<h5>Li Jiada</h5>
 
 
</div>
 
</div>
 
</a>
 
</a>
Line 456: Line 469:
 
</div>
 
</div>
 
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid4">
 
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid4">
<a href="https://static.igem.org/mediawiki/2019/9/91/T--CSU_CHINA--TM_XK.jpg" data-lightbox="example-set" data-title="Kun Xia is the principal investigator of the Xia Lab, Medical Genetic Research Center at the Central South University, Changsha, Republic of China. He has made outstanding progress in the functional study of neurodegenerative pathogenic genes GJB3, Alzheimer's disease and Parkinson's disease related genes after his long-term commitment to genetic disease causative gene mapping, cloning and functional studies. e-mail: xiakun48@163.com ">
+
<a href="https://static.igem.org/mediawiki/2019/7/76/T--CSU_CHINA--TM_LJD.jpg" data-lightbox="example-set" data-title="Jiada Li received the Ph.D. degree in Shanghai Institute of Biochemistry and Cell Biology, Chinese Academy of Sciences, Republic of China, in 2001. After graduation, he did his postdoctoral research in Universities of California, Irvine. Since July 2009, he joined the Medical Genetic Research Center at the Central South University, Changsha, Republic of China, where he currently serves as a Professor and the scientific director of Department of Cell Biology. His work is to study the pathogenesis of major genetic diseases in humans at the level of cell and mouse models, and develop new therapeutic approaches.
<img src="https://static.igem.org/mediawiki/2019/9/91/T--CSU_CHINA--TM_XK.jpg" class="img-responsive zoom-img" style="height:214px; width:50%"/>
+
e-mail: lijiada@sklmg.edu.cn ">
 +
<img src="https://static.igem.org/mediawiki/2019/7/76/T--CSU_CHINA--TM_LJD.jpg" class="img-responsive zoom-img" style="height:214px; width:50%"alt="" />
 
<div class="b-wrapper">
 
<div class="b-wrapper">
<h5>Xia Kun</h5>
+
<h5>Li Jiada</h5>
 
</div>
 
</div>
 
</a>
 
</a>

Revision as of 01:42, 22 October 2019

loading……

CSU_CHINA_TEAM

Team members