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

 
(22 intermediate revisions by one other user not shown)
Line 1: Line 1:
 
{{CSU_CHINA}}
 
{{CSU_CHINA}}
−
<html>
+
<html lang="en">
 +
 
 
<head>
 
<head>
−
<meta charset="utf-8">
+
    <meta charset="utf-8">
−
<title>CSU_CHINA_TEAM</title>
+
    <title>CSU_CHINA_TEAM</title>
−
<meta name="viewport" content="width=device-width, initial-scale=1">
+
    <meta name="viewport" content="width=device-width, initial-scale=1">
 
</head>
 
</head>
 
<style>
 
<style>
−
      .Topbox{
+
/*--背景图片--*/
−
                    width: 100%;
+
.Topbox{
−
                    min-height: 450px;
+
width: 100%;
−
                    display: -webkit-flex; /* Safari */
+
min-height: 600px;
−
                    display: flex;
+
display: -webkit-flex; /* Safari */
−
                    color:white;
+
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-inner-page --*/
−
    .portfolio h4 {
+
.portfolio h4 {
−
        color: #000;
+
color: #000;
−
        font-size: 18px;
+
font-size: 18px;
−
    }
+
}
−
    label.portfolio-line {
+
label.portfolio-line {
−
        display: block;
+
display: block;
−
        background-color: #000;
+
background-color: #000;
−
        width: 10%;
+
width: 10%;
−
        margin: 15px auto;
+
margin: 15px auto;
−
        height: 2px;
+
height: 2px;
−
    }
+
}
−
    .portfolio h6 {
+
.portfolio h6 {
−
        width: 50%;
+
width: 50%;
−
        margin: 0 auto 20px auto;
+
margin: 0 auto 20px auto;
−
        font-size: 14px;
+
font-size: 14px;
−
        line-height: 30px;
+
line-height: 30px;
−
    }
+
}
−
    .portfolio-grid1,
+
.portfolio-grid1,
−
    .portfolio-grid2,
+
.portfolio-grid2,
−
    .portfolio-grid3,
+
.portfolio-grid3,
−
    .portfolio-grid6,
+
.portfolio-grid6,
−
    .portfolio-grid4,
+
.portfolio-grid4,
−
    .portfolio-grid5 {
+
.portfolio-grid5 {
−
        margin-bottom: 20px;
+
margin-bottom: 20px;
−
    }
+
}
−
    /*--SAP--*/
+
/*--SAP--*/
−
    .sap_tabs {
+
.sap_tabs {
−
        clear: both;
+
clear: both;
−
        padding: 0;
+
padding: 0;
−
    }
+
}
−
    .tab_box {
+
.tab_box {
−
        background: #fd926d;
+
background: #fd926d;
−
        padding: 2em;
+
padding: 2em;
−
    }
+
}
−
    .top1 {
+
.top1 {
−
        margin-top: 2%;
+
margin-top: 2%;
−
    }
+
}
−
    .resp-tabs-list {
+
.resp-tabs-list {
−
        list-style: none;
+
list-style: none;
−
        padding: 0 0 3em;
+
padding: 0 0 3em;
−
        margin: 0 auto;
+
margin: 0 auto;
−
        text-align: center;
+
text-align: center;
−
    }
+
}
−
    .resp-tab-item {
+
.resp-tab-item {
−
        color: #333;
+
color: #333;
−
        font-size: 1.1em;
+
font-size: 1.1em;
−
        font-weight: 500;
+
font-weight: 500;
−
        cursor: pointer;
+
cursor: pointer;
−
        display: inline-block;
+
display: inline-block;
−
        margin: 0;
+
margin: 0;
−
        text-align: center;
+
text-align: center;
−
        list-style: none;
+
list-style: none;
−
        outline: none;
+
outline: none;
−
        -webkit-transition: all 0.3s;
+
-webkit-transition: all 0.3s;
−
        -moz-transition: all 0.3s;
+
-moz-transition: all 0.3s;
−
        -ms-transition: all 0.3s;
+
-ms-transition: all 0.3s;
−
        -o-transition: all 0.3s;
+
-o-transition: all 0.3s;
−
        transition: all 0.3s;
+
transition: all 0.3s;
−
        text-transform: uppercase;
+
text-transform: uppercase;
−
        margin: 0 0.3em 0;
+
margin: 0 0.3em 0;
−
        border-bottom: 2px solid #fff;
+
border-bottom: 2px solid #fff;
−
        color: #000;
+
color: #000;
−
        padding: 10px 15px;
+
padding: 10px 15px;
−
        border: 2px solid #23b684;
+
border: 2px solid #23b684;
−
    }
+
}
−
    .resp-tab-active {
+
.resp-tab-active {
−
        background-color: #23b684;
+
background-color: #23b684;
−
        color: #fff;
+
color: #fff;
−
    }
+
}
−
    .resp-tabs-container {
+
.resp-tabs-container {
−
        padding: 0px;
+
padding: 0px;
−
        clear: left;
+
clear: left;
−
    }
+
}
−
    h2.resp-accordion {
+
h2.resp-accordion {
−
        cursor: pointer;
+
cursor: pointer;
−
        padding: 5px;
+
padding: 5px;
−
        display: none;
+
display: none;
−
    }
+
}
−
    .resp-tab-content {
+
.resp-tab-content {
−
        display: none;
+
display: none;
−
    }
+
}
−
    .resp-content-active,
+
.resp-content-active,
−
    .resp-accordion-active {
+
.resp-accordion-active {
−
        display: block;
+
display: block;
−
    }
+
}
−
    .tab_img {
+
.tab_img {
−
        padding: 2em 0 0;
+
padding: 2em 0 0;
−
        display: inline-block;
+
display: inline-block;
−
    }
+
}
−
    .portfolio-grids {
+
.portfolio-grids {
−
        float: left;
+
float: left;
−
    }
+
}
−
    .portfolio-grids a {
+
.portfolio-grids a {
−
        display: block;
+
display: block;
−
        overflow: hidden;
+
overflow: hidden;
−
        position: relative;
+
position: relative;
−
    }
+
}
−
    .portfolio-grids img.img-responsive {
+
.portfolio-grids img.img-responsive {
−
        width: 100%;
+
width: 100%;
−
    }
+
}
−
    .b-wrapper {
+
.b-wrapper {
−
        background: rgba(0, 0, 0, 0.7);
+
background: rgba(0, 0, 0, 0.7);
−
        position: absolute;
+
position: absolute;
−
        width: 100%;
+
width: 100%;
−
        height: 100%;
+
height: 100%;
−
        bottom: 0%;
+
bottom: 0%;
−
        left: 0;
+
left: 0;
−
        -webkit-transition: .5s all;
+
-webkit-transition: .5s all;
−
        -moz-transition: .5s all;
+
-moz-transition: .5s all;
−
        transition: .5s all;
+
transition: .5s all;
−
        -webkit-transform: scale(0);
+
-webkit-transform: scale(0);
−
        -moz-transform: scale(0);
+
-moz-transform: scale(0);
−
        transform: scale(0);
+
transform: scale(0);
−
        -o-transform: scale(0);
+
-o-transform: scale(0);
−
        -ms-transform: scale(0);
+
-ms-transform: scale(0);
−
    }
+
}
−
    .portfolio-grids a:hover .b-wrapper {
+
.portfolio-grids a:hover .b-wrapper {
−
        -webkit-transform: scale(1);
+
-webkit-transform: scale(1);
−
        -moz-transform: scale(1);
+
-moz-transform: scale(1);
−
        transform: scale(1);
+
transform: scale(1);
−
        -o-transform: scale(1);
+
-o-transform: scale(1);
−
        -ms-transform: scale(1);
+
-ms-transform: scale(1);
−
    }
+
}
−
    .b-wrapper h5,
+
.b-wrapper h5,
−
    .b-wrapper h2 {
+
.b-wrapper h2 {
−
        font-size: 2.5em;
+
font-size: 2.5em;
−
        color: #fff;
+
color: #fff;
−
        text-align: center;
+
text-align: center;
−
        padding: 30% 0;
+
padding: 30% 0;
−
        font-weight: 300;
+
font-weight: 300;
−
    }
+
}
−
    img.zoom-img {
+
img.zoom-img {
−
        -webkit-transform: scale(1, 1);
+
-webkit-transform: scale(1, 1);
−
        transform: scale(1, 1);
+
transform: scale(1, 1);
−
        -moz-transform: scale(1, 1);
+
-moz-transform: scale(1, 1);
−
        -ms-transform: scale(1, 1);
+
-ms-transform: scale(1, 1);
−
        -o-transform: scale(1, 1);
+
-o-transform: scale(1, 1);
−
        transition-timing-function: ease-out;
+
transition-timing-function: ease-out;
−
        -webkit-transition-timing-function: ease-out;
+
-webkit-transition-timing-function: ease-out;
−
        -moz-transition-timing-function: ease-out;
+
-moz-transition-timing-function: ease-out;
−
        -ms-transition-timing-function: ease-out;
+
-ms-transition-timing-function: ease-out;
−
        -o-transition-timing-function: ease-out;
+
-o-transition-timing-function: ease-out;
−
        -webkit-transition-duration: 2s !important;
+
-webkit-transition-duration: 2s !important;
−
        -moz-transition-duration: 2s !important;
+
-moz-transition-duration: 2s !important;
−
        transition-duration: 2s !important;
+
transition-duration: 2s !important;
−
    }
+
}
−
    img.zoom-img:hover,
+
img.zoom-img:hover,
−
    .portfolio-grids:hover img.zoom-img {
+
.portfolio-grids:hover img.zoom-img {
−
        -webkit-transform: scale(1.2);
+
-webkit-transform: scale(1.2);
−
        transform: scale(1.2);
+
transform: scale(1.2);
−
        -moz-transform: scale(1.2);
+
-moz-transform: scale(1.2);
−
        -ms-transform: scale(1.2);
+
-ms-transform: scale(1.2);
−
        -o-transform: scale(1.2);
+
-o-transform: scale(1.2);
−
        overflow: hidden;
+
overflow: hidden;
−
    }
+
}
−
    /*-- //portfolio-inner-page --*/
+
/*-- //portfolio-inner-page --*/
−
    @media(max-width: 991px) {
+
@media(max-width: 991px) {
−
        button.navbar-toggler {
+
button.navbar-toggler {
−
            background: #fff;
+
background: #fff;
−
            border-radius: 0px;
+
border-radius: 0px;
−
        }
+
}
−
        .resp-tab-item {
+
.resp-tab-item {
−
            padding: 10px 38px;
+
padding: 10px 38px;
−
            margin-bottom: 0.5em;
+
margin-bottom: 0.5em;
−
        }
+
}
−
    }
+
}
−
</style>
+
</style>
−
 
+
 
<body>
 
<body>
 +
 
<div class="container-fluid Topbox ">
 
<div class="container-fluid Topbox ">
−
+
<h1 class="display-3">Team members</h1>
 
</div>
 
</div>
 
     <div id="portfolio" class="portfolio">
 
     <div id="portfolio" class="portfolio">
Line 231: Line 232:
 
                                     <img src="https://static.igem.org/mediawiki/2019/9/98/T--CSU_CHINA--TM_CZ.jpg" class="img-responsive zoom-img" alt="" />
 
                                     <img src="https://static.igem.org/mediawiki/2019/9/98/T--CSU_CHINA--TM_CZ.jpg" class="img-responsive zoom-img" alt="" />
 
                                     <div class="b-wrapper">
 
                                     <div class="b-wrapper">
−
                                         <h5>Zuo Chen</h5>
+
                                         <h5>Zhuo Chen</h5>
 
                                     </div>
 
                                     </div>
 
                                 </a>
 
                                 </a>
Line 362: Line 363:
 
</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="" data-lightbox="example-set" data-title=" ">
+
<a href="https://static.igem.org/mediawiki/2019/c/c5/T--CSU_CHINA--TM_SPC.jpg" data-lightbox="example-set" data-title="I’m Symcal of the modeling group. I enjoy the tasks which are both special and full of innovation. Drawing is my favorite leisure activity. Meanwhile, I also like traveling and trying different outfit styles, which can help people liberate their mind.<br>Email address:
−
<img src="" class="img-responsive zoom-img" alt="" />
+
snowymilk8@gmail.com
 +
">
 +
<img src="https://static.igem.org/mediawiki/2019/c/c5/T--CSU_CHINA--TM_SPC.jpg" class="img-responsive zoom-img" alt="" />
 
<div class="b-wrapper">
 
<div class="b-wrapper">
−
<h5></h5>
+
<h5>Pengcheng Shen</h5>
 
</div>
 
</div>
 
</a>
 
</a>
 
</div>
 
</div>
−
 
+
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid4">
−
                            <div class="clearfix"></div>
+
<a href="https://static.igem.org/mediawiki/2019/5/50/T--CSU_CHINA--TM_TYH.jpg" data-lightbox="example-set" data-title="Hi, I’m Tan Youhai, one of the oldest men with least hairs in our team. This is my first year participating iGEM but taking responsibility of wiki group. With the best aesthetic appreciation (joking), highest coding capability (impossible) in our group (don’t tell others), it is my duty to design and achieve wiki page with my group. Joining iGEM team is really a good chance for me to meet new excellent friends and I am so appreciated that my group and my team are all full of passion to achieve the same goal – getting highest score in iGEM and sharing the taste of success!
 +
<br>Email address：
 +
YHHHHHH@csu.edu.cn
 +
">
 +
<img src="https://static.igem.org/mediawiki/2019/5/50/T--CSU_CHINA--TM_TYH.jpg" class="img-responsive zoom-img" alt="" />
 +
<div class="b-wrapper">
 +
<h5>Youhai Tan</h5>
 +
</div>
 +
</a>
 +
</div>
 +
<div class="clearfix"></div>
 +
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid4">
 +
<a href="https://static.igem.org/mediawiki/2019/d/d0/T--CSU_CHINA--TM_ZB.jpg" data-lightbox="example-set" data-title="Hellow world">
 +
<img src="https://static.igem.org/mediawiki/2019/d/d0/T--CSU_CHINA--TM_ZB.jpg" class="img-responsive zoom-img" alt="" />
 +
<div class="b-wrapper">
 +
<h5>Bing Zhang</h5>
 +
</div>
 +
</a>
 +
</div>
 +
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid4">
 +
<a href="https://static.igem.org/mediawiki/2019/c/c9/T--CSU_CHINA--TM_SWQ.jpg" data-lightbox="example-set" data-title="Hellow world!">
 +
<img src="https://static.igem.org/mediawiki/2019/c/c9/T--CSU_CHINA--TM_SWQ.jpg" class="img-responsive zoom-img" alt="" />
 +
<div class="b-wrapper">
 +
<h5>Wenqiang Shu</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/7b/T--CSU_CHINA--TM_WQH.jpg" data-lightbox="example-set" data-title="Hello, I'm Wang Qihang, a member of the wiki team. I join the iGEM team out of interest and hope to test my coding ability. I like doing things that are innovative and can be shown to others. It is an honor to cooperate with my team members, meanwhile designing 3d model and website is quite a pleasant and creative work.
 +
<br>Email address:
 +
1072920262@qq.com
 +
">
 +
<img src="https://static.igem.org/mediawiki/2019/7/7b/T--CSU_CHINA--TM_WQH.jpg" class="img-responsive zoom-img" alt="" />
 +
<div class="b-wrapper">
 +
<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>
 +
</a>
 +
</div>
 +
<div class="clearfix"></div>  
 
                         </div>
 
                         </div>
 
                         <div class="tab-1 resp-tab-content">
 
                         <div class="tab-1 resp-tab-content">
Line 390: Line 452:
 
                         <div class="tab-1 resp-tab-content">
 
                         <div class="tab-1 resp-tab-content">
 
<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/7/76/T--CSU_CHINA--TM_LJD.jpg" style="width: 150%;"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.
+
<a href="https://static.igem.org/mediawiki/2019/f/f1/T--CSU_CHINA--TM_HJF.png" data-lightbox="example-set" data-title="Ju-fang huang, Ph.D., professor, doctoral supervisor, Central South University party committee and the dean of the college of life science, school of medicine, human anatomy and neurobiology professor, department of anatomy of the society of China, managing director of Hunan province anatomy institute director, executive director of the society for neuroscience in Hunan province, Hunan province Mawangdui Han dynasty history protection and research center expert group members, deputy director of the Central South University institute of ophthalmology.">
−
e-mail: lijiada@sklmg.edu.cn ">
+
<img src="https://static.igem.org/mediawiki/2019/f/f1/T--CSU_CHINA--TM_HJF.png" class="img-responsive zoom-img" style="height:214px; width:50%"/>
−
<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>Li Jiada</h5>
+
<h5>Jufang Huang</h5>
 
</div>
 
</div>
 
</a>
 
</a>
Line 408: 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>
Line 423: Line 485:
 
     </div>
 
     </div>
 
     <!--script for portfolio-->
 
     <!--script for portfolio-->
−
<script src="https://2019.igem.org/Template:CSU_CHINA/JS/lightbox-plus-jquery.min.js?action=raw&amp;ctype=text/javascript"></script>
+
<script src="https://2018.igem.org/Template:Valencia_UPV/lightboxminJS?action=raw&amp;ctype=text/javascript"></script>
 
<script src="https://2019.igem.org/Template:CSU_CHINA/JS/easyResponsiveTabsjs?action=raw&amp;ctype=text/javascript"></script>
 
<script src="https://2019.igem.org/Template:CSU_CHINA/JS/easyResponsiveTabsjs?action=raw&amp;ctype=text/javascript"></script>
 
     <script type="text/javascript">
 
     <script type="text/javascript">

Latest revision as of 03:59, 9 December 2019

loading……

CSU_CHINA_TEAM

Team members