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

 
(60 intermediate revisions by one other user not shown)
Line 1: Line 1:
 
{{CSU_CHINA}}
 
{{CSU_CHINA}}
 
<html lang="en">
 
<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">
−
<link rel="stylesheet" href="https://2019.igem.org/Template:CSU_CHINA/CSS/Team?action=raw&ctype=text/css" type="text/css">  
+
 
</head>
 
</head>
−
 
−
<body>
 
 
<style>
 
<style>
−
/*--背景图片--*/
+
/*--背景图片--*/
−
.background{
+
.Topbox{
−
    background:url(images/bg.jpg) no-repeat;
+
width: 100%;
−
    background-size: cover;
+
min-height: 600px;
−
-webkit-background-size: cover;
+
display: -webkit-flex; /* Safari */
−
-moz-background-size: cover;
+
display: flex;
−
-o-background-size: cover;
+
background-image: url(https://static.igem.org/mediawiki/2019/0/0c/T--CSU_CHINA--TM_DHZTM.jpg);
−
-moz-background-size: cover;
+
background-size: cover;
−
min-height:300px;
+
background-repeat: no-repeat;
−
}
+
background-position: center;
−
/*-- portfolio-inner-page --*/
+
justify-content: center;
−
.portfolio h4{
+
align-items: center;
−
color:#000;
+
}
−
font-size:18px;
+
/*-- portfolio-inner-page --*/
−
}
+
.portfolio h4 {
−
label.portfolio-line{
+
color: #000;
−
display:block;
+
font-size: 18px;
−
background-color:#000;
+
}
−
width:10%;
+
label.portfolio-line {
−
margin:15px auto;
+
display: block;
−
height:2px;
+
background-color: #000;
−
}
+
width: 10%;
−
.portfolio h6{
+
margin: 15px auto;
−
width:50%;
+
height: 2px;
−
margin:0 auto 20px auto;
+
}
−
font-size:14px;
+
.portfolio h6 {
−
line-height:30px;
+
width: 50%;
−
}
+
margin: 0 auto 20px auto;
−
.portfolio-grid1,.portfolio-grid2,.portfolio-grid3, .portfolio-grid6, .portfolio-grid4, .portfolio-grid5 {
+
font-size: 14px;
−
margin-bottom:20px;
+
line-height: 30px;
−
}
+
}
−
/*--SAP--*/
+
.portfolio-grid1,
−
.sap_tabs{
+
.portfolio-grid2,
−
clear:both;
+
.portfolio-grid3,
−
padding: 0;
+
.portfolio-grid6,
−
}
+
.portfolio-grid4,
−
.tab_box{
+
.portfolio-grid5 {
−
background:#fd926d;
+
margin-bottom: 20px;
−
padding: 2em;
+
}
−
}
+
/*--SAP--*/
−
.top1{
+
.sap_tabs {
−
margin-top: 2%;
+
clear: both;
−
}
+
padding: 0;
−
.resp-tabs-list {
+
}
−
    list-style: none;
+
.tab_box {
−
    padding: 0 0 3em;
+
background: #fd926d;
−
    margin: 0 auto;
+
padding: 2em;
−
    text-align: center;
+
}
−
}
+
.top1 {
−
.resp-tab-item {
+
margin-top: 2%;
−
    color: #333;
+
}
−
    font-size: 1.1em;
+
.resp-tabs-list {
−
    font-weight: 500;
+
list-style: none;
−
    cursor: pointer;
+
padding: 0 0 3em;
−
    display: inline-block;
+
margin: 0 auto;
−
    margin: 0;
+
text-align: center;
−
    text-align: center;
+
}
−
    list-style: none;
+
.resp-tab-item {
−
    outline: none;
+
color: #333;
−
    -webkit-transition: all 0.3s;
+
font-size: 1.1em;
−
    -moz-transition: all 0.3s;
+
font-weight: 500;
−
    -ms-transition: all 0.3s;
+
cursor: pointer;
−
    -o-transition: all 0.3s;
+
display: inline-block;
−
    transition: all 0.3s;
+
margin: 0;
−
    text-transform: uppercase;
+
text-align: center;
−
    margin: 0 0.3em 0;
+
list-style: none;
−
border-bottom: 2px solid #fff;
+
outline: none;
−
color:#000;
+
-webkit-transition: all 0.3s;
−
padding:10px 15px;
+
-moz-transition: all 0.3s;
−
border:2px solid #23b684;
+
-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>
  
−
.resp-tab-active {
+
<div class="container-fluid Topbox ">
−
  background-color:#23b684;
+
<h1 class="display-3">Team members</h1>
−
color:#fff;
+
</div>
−
+
    <div id="portfolio" class="portfolio">
−
}
+
        <div class="container">
−
.resp-tabs-container {
+
            <div class="sap_tabs">
−
padding: 0px;
+
                <div id="horizontalTab">
−
clear: left;
+
                    <ul class="resp-tabs-list">
−
}
+
                        <li class="resp-tab-item"><span> Students  </span>
−
h2.resp-accordion {
+
                        </li>
−
cursor: pointer;
+
                        <li class="resp-tab-item"><span>Team Leader</span>
−
padding: 5px;
+
                        </li>
−
display: none;
+
                        <li class="resp-tab-item"><span>Instructors</span>
−
}
+
</li>
−
.resp-tab-content {
+
                    </ul>
−
display: none;
+
                    <div class="clearfix"></div>
−
}
+
                    <div class="resp-tabs-container">
−
.resp-content-active, .resp-accordion-active {
+
                        <div class="tab-1 resp-tab-content row">
−
  display: block;
+
                            <div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid1">
−
}
+
                                <a href="https://static.igem.org/mediawiki/2019/7/7f/T--CSU_CHINA--TM_DWX.jpg" data-lightbox="example-set" data-title="I'm Duan Wenxin，an atypical biology student with broad avocations. Fond of history ，international relations and other fields of social sciences. Also，a 'former' military fancier and 'senior' player of Steam（by Valve Corporation）is certainly portrayal of mine. As for my own profession，l have strong enthusiasm on exploring the fields of cancer immunity and cancer microenvironment. In our project，l mainly take part in Experiments and have responsibility on editing text materials about Lab part. Owning deeply understanding and holding strong confidence on our design of circuit，l conform my brief that we will tell our wonderful story satisfactoriy. Now，Project needs that every one will do his duty！
−
 
+
<br>Email address:
−
.tab_img{
+
<br>mat117621190@163.com
−
padding:2em 0 0;
+
">
−
display: inline-block;
+
                                    <img src="https://static.igem.org/mediawiki/2019/7/7f/T--CSU_CHINA--TM_DWX.jpg" class="img-responsive zoom-img" alt="" />
−
}
+
                                    <div class="b-wrapper">
−
.portfolio-grids {
+
                                        <h2>Wenxin Duan</h2>
−
float:left;
+
                                    </div>
−
}
+
−
.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="background"></div>
+
−
<div id="portfolio" class="portfolio">
+
−
<div class="heading">
+
−
<h3>TEAM</h3>
+
−
</div>
+
−
<div class="container">
+
−
<div class="sap_tabs">
+
−
<div id="horizontalTab">
+
−
<ul class="resp-tabs-list">
+
−
<li class="resp-tab-item"><span>Student Members</span></li>
+
−
<li class="resp-tab-item"><span>Team Leader</span></li>
+
−
<li class="resp-tab-item"><span>Instructors</span></li>
+
−
<li class="resp-tab-item"><span>  Advisors  </span></li>
+
−
</ul>
+
−
<div class="clearfix"> </div>
+
−
<div class="resp-tabs-container">
+
−
<div class="tab-1 resp-tab-content row">
+
−
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid1">
+
−
<a href="https://static.igem.org/mediawiki/2018/5/53/T--CSU_CHINA--TM_SQX.jpg" data-lightbox="example-set" data-title="My name is Qingxin Shi, a 20-year-old boy from Central South University. My major is life science and now I’m a junior student. This year is my first time to enjoy myself in iGEM and I am in charge of the online submission of our team CSU_CHINA and doing experiments. I’m so glad to master many new skills to make me be better and make many outstanding new friends. iGEM makes my life more colorful and I want to meet more interesting friends. Let’s do our best here! ">
+
−
<img src="https://static.igem.org/mediawiki/2018/5/53/T--CSU_CHINA--TM_SQX.jpg" class="img-responsive zoom-img" alt=""/>
+
−
<div class="b-wrapper">
+
−
<h2>Shi Qingxin</h2>
+
−
</div>
+
 
</a>
 
</a>
 +
 +
                            </div>
 +
                            <div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid2">
 +
                                <a href="https://static.igem.org/mediawiki/2019/9/98/T--CSU_CHINA--TM_CZ.jpg" data-lightbox="example-set" data-title="As a senior fan of science fiction and animation, I love classical music and literature. I am good at looking for romantic color from realistic works. One particular characteristic of me is that I have skeptical spirit, also I do not like to go forward along the stereotype.
 +
 +
It is my dream to achieve individual’s personal reality through biological technics.
 +
 +
In our iGEM project, my major job is screening tumor specific transcription factors, designing Sponge and participating in other experimental work..
 +
<br>Email address:
 +
<br>thehomeofsea@gmail.com OR 791863987@qq.com
 +
">
 +
                                    <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">
 +
                                        <h5>Zhuo Chen</h5>
 +
                                    </div>
 +
                                </a>
 +
                            </div>
 +
                            <div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid3">
 +
                                <a href="https://static.igem.org/mediawiki/2019/f/ff/T--CSU_CHINA--TM_LZJ.jpg" data-lightbox="example-set" data-title="It is my great honor to have this opportunity to introduce myself here.I am glad to participate in the iGEM project, which help me obtain more knowledge and skills and benefited me a lot.
 +
In my spare time, I enjoy reading some classical Chinese poems and lyrics. From the classical Chinese literature, I can restore inner peace, being fully committed and confident to work efficiently.
 +
  <br>Email address：
 +
  <br>zhjli1998@gmail.com
 +
  ">
 +
                                    <img src="https://static.igem.org/mediawiki/2019/f/ff/T--CSU_CHINA--TM_LZJ.jpg    " class="img-responsive zoom-img" alt="" />
 +
                                    <div class="b-wrapper">
 +
                                        <h5>Zhangjie Li</h5>
 +
                                    </div>
 +
                                </a>
 +
                            </div>
 +
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid4">
 +
<a href="https://static.igem.org/mediawiki/2019/a/ad/T--CSU_CHINA--TM_ZYQ.jpg" data-lightbox="example-set" data-title=" I am an undergraduate student from Central Southern University of China. During this project, I have participated in both lab and art group. I enjoy coming up with new ideas during our group meeting and sometimes I even give advice to the wiki and HP group (which makes me looks a little officious [sadface]). Thank to the senior students in our lab, I have leant a lot from our experiment.
 +
 +
In my spear time, I’m a huge fan of ACG and I enjoy reading, my favorite fiction is the Harry Potter series.
 +
<br>Email address：
 +
<br>lindsayyqzhang@gmail.com or 2801170216@csu.edu.cn
 +
">
 +
<img src="https://static.igem.org/mediawiki/2019/a/ad/T--CSU_CHINA--TM_ZYQ.jpg" class="img-responsive zoom-img" alt="" />
 +
<div class="b-wrapper">
 +
<h5>Yunqian Zhang</h5>
 +
</div>
 +
</a>
 
</div>
 
</div>
−
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid2">
+
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid4">
−
<a href="https://static.igem.org/mediawiki/2018/5/53/T--CSU_CHINA--TM_SQX.jpg" data-lightbox="example-set" data-title="My name is Shangcheng Yu, a 21-year-old boy, currently studying at Central South University majored in biological science. I’m mainly in charge of the experiment part of our whole IGEM project. In my spare time, I enjoy listening to music and watching cartoons. Discussing research progress and exchanging ideas about science especially in the field of immunology is also my favor. I’m outgoing and willing to make friends. For any related question, you can feel free to contact my e-mail below.  
+
<a href="https://static.igem.org/mediawiki/2019/e/ee/T--CSU_CHINA--TM_ZMM.jpg" data-lightbox="example-set" data-title="I’m a third-year medical student in Central South University. With great passion to reveal the disease nature of TNBC and explore potential treatment, she has been involved in part of lab work, human practice， as well as writing periodic summary in the team.
−
cell_ysc@foxmail.com ">
+
<br>Email address：
−
<img src="https://static.igem.org/mediawiki/2018/5/53/T--CSU_CHINA--TM_SQX.jpg" class="img-responsive zoom-img" alt=""/>
+
<br>mmzhuang1999@outlook.com
−
<div class="b-wrapper">
+
">
−
<h5>Yu Shangcheng</h5>
+
<img src="https://static.igem.org/mediawiki/2019/e/ee/T--CSU_CHINA--TM_ZMM.jpg" class="img-responsive zoom-img" alt="" />
−
</div>
+
<div class="b-wrapper">
−
</a>
+
<h5>Miaomiao Zhuang </h5>
 +
</div>
 +
</a>
 
</div>
 
</div>
−
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid3">
+
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid4">
−
<a href="https://static.igem.org/mediawiki/2018/5/53/T--CSU_CHINA--TM_SQX.jpg" data-lightbox="example-set" data-title="Dong Yufan, the junior undergraduate majored in biological sciences, acts as a member of the CSU_CHINA in 2018 iGEM. St.Dong is dedicated in studying the molecular mechanism of special gene related to certain genetic diseases during these two years, as well as participating in several kinds of social activities like the student union, communication in the institution of neurobiology, summer school in HKU, and so forth.  
+
<a href="https://static.igem.org/mediawiki/2019/5/53/T--CSU_CHINA--TM_SQX.jpg" data-lightbox="example-set" data-title="My name is Qingxin Shi, a 21-year-old boy from Central South University. My major is life science and now I’m a senior student. This year is my second time to enjoy myself in iGEM and I am an advisor of our team CSU_CHINA. I’m so glad to master many new skills to make me better and make many outstanding new friends. iGEM makes my life more colorful and I want to meet more interesting friends. Let’s do our best here!
−
Besides, st.Dong has a great passion on music esp piano, and all kinds of sports. ">
+
<br>Email address：
−
<img src="https://static.igem.org/mediawiki/2018/5/53/T--CSU_CHINA--TM_SQX.jpg" class="img-responsive zoom-img" alt=""/>
+
<br>sqx98625@csu.edu.cn
−
<div class="b-wrapper">
+
">
−
<h5>Dong Yufan</h5>
+
<img src="https://static.igem.org/mediawiki/2019/5/53/T--CSU_CHINA--TM_SQX.jpg" class="img-responsive zoom-img" alt="" />
−
</div>
+
<div class="b-wrapper">
−
</a>
+
<h5>Qingxin Shi</h5>
 +
</div>
 +
</a>
 
</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="images/T--CSU_CHINA--TM_YKY.jpg" data-lightbox="example-set" data-title="My name is Yao Keyu. I am 20 years old now ，but in my heart,forever 18. I am currently a junior student of Central South University. My major is Detection, guidance and control technology.I'm honored to participate in this competition. In the CSU-CHINA team ,I am an art designer.I spend most of my time on designing the poster 、website design and so on. I have lots of interest, such as singing, dancing, drawing and so on.On vacation,I usually like to have the Volunteer Travel. ">
+
<a href="https://static.igem.org/mediawiki/2019/b/b5/T--CSU_CHINA--TM_GXT.jpg" data-lightbox="example-set" data-title="I am an ordinary junior student fighting for biology. I could master biological knowledge, but I still have no idea about programming. My biggest interest and hobby is painting since I was a child, and some small pictures I drawn give me the opportunity to participate in iGEM this time, and served as a member of the art team. During the competition, I also came into contact with many fields that I had not known much before, such as the design of team uniforms. Although it was not perfect, I felt very happy every time I saw a little closer to the result. Maybe this is the sense of achievement brought by the competition or painting itself. I also hope that I can continue to work hard in the future, whether it is doing biology or sticking to my hobby.
−
<img src="images/T--CSU_CHINA--TM_YKY.jpg" class="img-responsive zoom-img" alt=""/>
+
<br>Email address：
−
<div class="b-wrapper">
+
<br>bjgxt109@163.com
−
<h5>Yao Keyu</h5>
+
">
−
</div>
+
<img src="https://static.igem.org/mediawiki/2019/b/b5/T--CSU_CHINA--TM_GXT.jpg" class="img-responsive zoom-img" alt="" />
−
</a>
+
<div class="b-wrapper">
 +
<h5>Xutong Guo</h5>
 +
</div>
 +
</a>
 
</div>
 
</div>
−
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid5">
+
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid4">
−
<a href="images/T--CSU_CHINA--TM_LJY.jpg" data-lightbox="example-set" data-title="I am a Year 3 Biological Science student. I love sightseeing , dancing and eating mooncake, especially lava egg custard mooncake! The reason why I joined iGEM not only I wanted to try something new but also I can learn more about synthetic biology. During these months, I have learned how to be a scientific researcher, how to draw a beautiful chart, how to teach people learn a dance in a few days and how to cooperate well with others. ">
+
<a href="https://static.igem.org/mediawiki/2019/8/8e/T--CSU_CHINA--TM_ZSJ.jpg" data-lightbox="example-set" data-title="My name is Shijie Zeng, a 18-year-old boy, currently studying at Central South University majored in biological science. I’m mainly in charge of the web design part of our whole IGEM project. In my spare time, I enjoy playing football and fitness. Discussing research progress and exchanging ideas about science especially in the field of Cytobiology is also my favor. I’m outgoing and willing to make friends.
−
<img src="images/T--CSU_CHINA--TM_LJY.jpg" class="img-responsive zoom-img" alt=""/>
+
<br>Email address：
−
<div class="b-wrapper">
+
<br>shijie.zeng@csu.edu.cn
−
<h5>Li Jiayi</h5>
+
">
−
</div>
+
<img src="https://static.igem.org/mediawiki/2019/8/8e/T--CSU_CHINA--TM_ZSJ.jpg" class="img-responsive zoom-img" alt="" />
−
</a>
+
<div class="b-wrapper">
 +
<h5>Shijie Zeng</h5>
 +
</div>
 +
</a>
 
</div>
 
</div>
−
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid6">
+
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid4">
−
<a href="images/T--CSU_CHINA--TM_PXD.jpg data-lightbox="example-set" data-title="Nice to meet you. I am Xiandong Peng. I come from Hunan Province , which is in the middle south of our country, China.I am a college student studying life sciences and have a special passion for liver cancer and lung cancer research. I hope that my research career will have no regrets. ">
+
<a href="https://static.igem.org/mediawiki/2019/c/ca/T--CSU_CHINA--TM_CHT.jpg" data-lightbox="example-set" data-title="I am Chen Haotian, a student majored in clinical medicine. I like observing and thinking when contacting with people in life, which always takes unique ideas to my mind. Maybe I am a little serious when I focus on studying and working, but in fact I am really friendly and kind to friends and strangers in daily life. So after seeing my cool picture, come to contract me and become friends! Lady first, I am still single now!
−
<img src="images/T--CSU_CHINA--TM_PXD.jpg" class="img-responsive zoom-img" alt=""/>
+
<br>Email address：
−
<div class="b-wrapper">
+
<br>1927526465@qq.com
−
<h5>Peng Xiandong </h5>
+
">
−
</div>
+
<img src="https://static.igem.org/mediawiki/2019/c/ca/T--CSU_CHINA--TM_CHT.jpg" class="img-responsive zoom-img" alt="" />
−
</a>
+
<div class="b-wrapper">
 +
<h5>Haotian Chen</h5>
 +
</div>
 +
</a>
 
</div>
 
</div>
−
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid6">
+
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid4">
−
<a href="images/T--CSU_CHINA--TM_LJM.jpg" data-lightbox="example-set" data-title="Hello! I am a junior student(20 year-old) of clinical medicine from CSU-China. I have extensive hobbies, eg. watching drama, singing songs and reading novels. Moreover, I am very good at basketball.
+
<a href="https://static.igem.org/mediawiki/2019/5/53/T--CSU_CHINA--TM_ZCT.jpg" data-lightbox="example-set" data-title="Hello,my name is Zhang Changteng, a member mainly participating human practice of our team. I major in anesthesiology in Xiangya school of medicine. In human practice group, I get on well with my team members and complete some challenges. In addition, some original ideas sometimes crush in my mind especially when we start a brainstorm. As far as I am concerned, In such a medical project, we aim to act not only full of originality but also full of loving care heart. Through human practice, we have a better knowledge of how meaningfully we act. I gained more and achieved more since I joined in Human practice.
−
Major contribution to the project：organiser of Human Practice, collaborator-in-chief, video editor and assistant designer.  
+
<br>Email address:
−
">
+
<br>2801160127@csu.edu.cn
−
<img src="images/T--CSU_CHINA--TM_LJM.jpg" class="img-responsive zoom-img" alt=""/>
+
">
−
<div class="b-wrapper">
+
<img src="https://static.igem.org/mediawiki/2019/5/53/T--CSU_CHINA--TM_ZCT.jpg" class="img-responsive zoom-img" alt="" />
−
<h5>Liu Jiamiao</h5>
+
<div class="b-wrapper">
−
</div>
+
<h5>Changteng Zhang</h5>
−
</a>
+
</div>
 +
</a>
 
</div>
 
</div>
−
<div class="clearfix"> </div>
+
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid4">
−
</div>
+
<a href="https://static.igem.org/mediawiki/2019/a/a3/T--CSU_CHINA--TM_QSN.jpg" data-lightbox="example-set" data-title="My name is Qu Shiyan, a member mainly finishing the work of human practice of CSU_CHINA 2019. I am the youngest in our team so I have received much help from the elder students in our team. Although I am the youngest in our team, I am not shy at all. I like talking with different people and I also have many fresh ideas. Thus, I always came to somewhere with my teammates to talk with people there and get feedback for our project. I always keep so active in our team that I am like a brick and I can go anywhere if needed.
−
<div class="tab-1 resp-tab-content">
+
<br>Email address：
−
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid1">
+
<br>1303396865@qq.com
−
<a href="images/ship1.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
+
">
−
<img src="images/ship1.jpg" class="img-responsive zoom-img" alt=""/>
+
<img src="https://static.igem.org/mediawiki/2019/a/a3/T--CSU_CHINA--TM_QSN.jpg" class="img-responsive zoom-img" alt="" />
−
<div class="b-wrapper">
+
<div class="b-wrapper">
−
<h5>Ship Transport</h5>
+
<h5>Shiyan Qu</h5>
−
</div>
+
</div>
−
</a>
+
</a>
 
</div>
 
</div>
−
<div class=" col-md-4 col-sm-4 portfolio-grids portfolio-grid2">
+
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid4">
−
<a href="images/ship2.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
+
<a href="https://static.igem.org/mediawiki/2019/2/2f/T--CSU_CHINA--TM_YJL.jpg" data-lightbox="example-set" data-title="Hello~I’m Jiali You from the human practices team.  As a member of the hp team, I often come into contact with experts in various fields and listen to their suggestions for our project. Just as an old saying goes：' I'm a piece of brick, where necessary where the removal.'
−
<img src="images/ship2.jpg" class="img-responsive zoom-img" alt=""/>
+
<br>Email address：
−
<div class="b-wrapper">
+
<br>2801170222@csu.edu.cn
−
<h5>Ship Transport</h5>
+
">
−
</div>
+
<img src="https://static.igem.org/mediawiki/2019/2/2f/T--CSU_CHINA--TM_YJL.jpg" class="img-responsive zoom-img" alt="" />
−
</a>
+
<div class="b-wrapper">
 +
<h5>Jiali You</h5>
 +
</div>
 +
</a>
 
</div>
 
</div>
−
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid3">
+
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid4">
−
<a href="images/ship3.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
+
<a href="https://static.igem.org/mediawiki/2019/6/60/T--CSU_CHINA--TM_WDY.jpg" data-lightbox="example-set" data-title=" As a member of the lab group, I learnt a lot during our experiment from the senior students in the lab. I remember the first time I went to the lab. I am the counterpart of a muggle who step into the bio-magical world. Some stupid even hilarious mistakes were made by myself, such as charging the electrode of the electrophoresis in an opposite way.
−
<img src="images/ship3.jpg" class="img-responsive zoom-img" alt=""/>
+
 
−
<div class="b-wrapper">
+
Speaking about my hobbies, I must say it aloud: Nintendo is the god of the world!
−
<h5>Ship Transport</h5>
+
<br>Email address：
−
</div>
+
<br>WangDanyang@csu.edu.cn
−
</a>
+
">
 +
<img src="https://static.igem.org/mediawiki/2019/6/60/T--CSU_CHINA--TM_WDY.jpg" class="img-responsive zoom-img" alt="" />
 +
<div class="b-wrapper">
 +
<h5>Danyang Wang</h5>
 +
</div>
 +
</a>
 
</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="images/ship4.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
+
<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="images/ship4.jpg" class="img-responsive zoom-img" alt=""/>
+
snowymilk8@gmail.com
−
<div class="b-wrapper">
+
">
−
<h5>Ship Transport</h5>
+
<img src="https://static.igem.org/mediawiki/2019/c/c5/T--CSU_CHINA--TM_SPC.jpg" class="img-responsive zoom-img" alt="" />
−
</div>
+
<div class="b-wrapper">
−
</a>
+
<h5>Pengcheng Shen</h5>
 +
</div>
 +
</a>
 
</div>
 
</div>
−
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid5">
+
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid4">
−
<a href="images/ship5.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
+
<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!
−
<img src="images/ship5.jpg" class="img-responsive zoom-img" alt=""/>
+
<br>Email address：
−
<div class="b-wrapper">
+
YHHHHHH@csu.edu.cn
−
<h5>Ship Transport</h5>
+
">
−
</div>
+
<img src="https://static.igem.org/mediawiki/2019/5/50/T--CSU_CHINA--TM_TYH.jpg" class="img-responsive zoom-img" alt="" />
−
</a>
+
<div class="b-wrapper">
 +
<h5>Youhai Tan</h5>
 +
</div>
 +
</a>
 
</div>
 
</div>
−
<div class="clearfix"> </div>
+
<div class="clearfix"></div>
−
</div>
+
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid4">
−
<div class="tab-1 resp-tab-content">
+
<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="col-md-4 col-sm-4 portfolio-grids portfolio-grid1">
+
<div class="b-wrapper">
−
<a href="images/800px-T--CSU_CHINA--TM_LXY.jpg" data-lightbox="example-set" data-title="Hey guys,My name is Li Xiangyu,the student leader of CSU_CHINA.This is our first year to take part in the competition.I hope we will have a good trip to America. ">
+
<h5>Bing Zhang</h5>
−
<img src="images/800px-T--CSU_CHINA--TM_LXY.jpg" class="img-responsive zoom-img" alt=""/>
+
</div>
−
<div class="b-wrapper">
+
</a>
−
<h5>Xiangyu LI</h5>
+
−
</div>
+
−
</a>
+
 
</div>
 
</div>
−
<div class="clearfix"> </div>
+
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid4">
−
</div>
+
<a href="https://static.igem.org/mediawiki/2019/c/c9/T--CSU_CHINA--TM_SWQ.jpg" data-lightbox="example-set" data-title="Hellow world!">
−
<div class="tab-1 resp-tab-content">
+
<img src="https://static.igem.org/mediawiki/2019/c/c9/T--CSU_CHINA--TM_SWQ.jpg" class="img-responsive zoom-img" alt="" />
−
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid1">
+
<div class="b-wrapper">
−
<a href="images/flight1.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
+
<h5>Wenqiang Shu</h5>
−
<img src="images/flight1.jpg" class="img-responsive zoom-img" alt=""/>
+
</div>
−
<div class="b-wrapper">
+
</a>
−
<h5>Flight Transport</h5>
+
−
</div>
+
−
</a>
+
−
</div>
+
−
+
−
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid2">
+
−
<a href="images/flight2.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
+
−
<img src="images/flight2.jpg" class="img-responsive zoom-img" alt=""/>
+
−
<div class="b-wrapper">
+
−
<h5>Flight Transport</h5>
+
−
</div>
+
−
</a>
+
−
</div>
+
−
<div class="col-md-4 col-sm-4 portfolio-grids  portfolio-grid3">
+
−
<a href="images/flight3.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
+
−
<img src="images/flight3.jpg" class="img-responsive zoom-img" alt=""/>
+
−
<div class="b-wrapper">
+
−
<h5>Flight Transport</h5>
+
−
</div>
+
−
</a>
+
 
</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="images/flight4.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
+
<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.
−
<img src="images/flight4.jpg" class="img-responsive zoom-img" alt=""/>
+
<br>Email address:
−
<div class="b-wrapper">
+
1072920262@qq.com
−
<h5>Flight Transport</h5>
+
">
−
</div>
+
<img src="https://static.igem.org/mediawiki/2019/7/7b/T--CSU_CHINA--TM_WQH.jpg" class="img-responsive zoom-img" alt="" />
−
</a>
+
<div class="b-wrapper">
 +
<h5>Qihang Wang </h5>
 +
</div>
 +
</a>
 
</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="images/flight5.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
+
<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.
−
<img src="images/flight5.jpg" class="img-responsive zoom-img" alt=""/>
+
Email address：
−
<div class="b-wrapper">
+
lourunxiang@126.com
−
<h5>Flight Transport</h5>
+
">
−
</div>
+
<img src="https://static.igem.org/mediawiki/2019/d/d6/T--CSU_CHINA--TM_XRL.jpg" class="img-responsive zoom-img" alt="" />
−
</a>
+
<div class="b-wrapper">
 +
<h5>Runxiang Lou</h5>
 +
</div>
 +
</a>
 
</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="images/flight6.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
+
<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.
−
<img src="images/flight6.jpg" class="img-responsive zoom-img" alt=""/>
+
Email address：
−
<div class="b-wrapper">
+
2468518354@qq.com">
−
<h5>Flight Transport</h5>
+
<img src="https://static.igem.org/mediawiki/2019/d/d7/T--CSU_CHINA--TM_DYQ.jpg" class="img-responsive zoom-img" alt="" />
−
</div>
+
<div class="b-wrapper">
−
</a>
+
<h5>Yuqian Deng</h5>
 +
</div>
 +
</a>
 
</div>
 
</div>
−
<div class="clearfix"> </div>
+
<div class="clearfix"></div>  
−
</div>
+
                        </div>
−
</div>
+
                        <div class="tab-1 resp-tab-content">
−
</div>
+
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid4">
−
</div>
+
<a href="https://static.igem.org/mediawiki/2019/0/04/T--CSU_CHINA--TM_DYF0.jpg" data-lightbox="example-set" data-title="I am the student leader of CSU_CHINA this year…I do not really like this title LOL] To be exact, the servant employed by all team members. Just Kidding [doge].
−
</div>
+
To be short, I hope iGEM in CSU to be a harmonious union filled with active aspiration, creative brain hole, and academic spirits.
−
</div>
+
What needs to emphasis, I organized this team only for a dream, seeded in my deep heart.
−
    <script>
+
  <br>Email address:
−
        $(document).ready(function() {
+
<br>dongyfyoyo@qq.com
−
            $(".dropdown").hover(
+
">
−
                function() {
+
<img src="https://static.igem.org/mediawiki/2019/0/04/T--CSU_CHINA--TM_DYF0.jpg" class="img-responsive zoom-img" alt="" />
−
                    $('.dropdown-menu', this).stop(true, true).slideDown("fast");
+
<div class="b-wrapper">
−
                     $(this).toggleClass('open');
+
<h5>Yufan Dong</h5>
−
                },
+
</div>
−
                function() {
+
</a>
−
                    $('.dropdown-menu', this).stop(true, true).slideUp("fast");
+
</div>
−
                    $(this).toggleClass('open');
+
                            <div class="clearfix"></div>
−
                 }
+
                        </div>
−
             );
+
                        <div class="tab-1 resp-tab-content">
 +
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid4">
 +
<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.">
 +
<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%"/>
 +
<div class="b-wrapper">
 +
<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/3/30/T--CSU_CHINA--TM_LSN.jpg" data-lightbox="example-set" data-title="Shanni Li is the associate dean of School of Life Science at Central South University, Republic of China. Her research direction is Sports Biochemistry and Physiology. She has made outstanding progress in the long-term study of sports medicine.
 +
">
 +
<img src="https://static.igem.org/mediawiki/2019/3/30/T--CSU_CHINA--TM_LSN.jpg" class="img-responsive zoom-img" style="height:214px; width:50%" alt="" />
 +
<div class="b-wrapper">
 +
<h5>Li Shanni</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>
 +
</a>
 +
</div>
 +
                            <div class="clearfix"></div>
 +
                        </div>
 +
                     </div>
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </div>
 +
    <!--script for portfolio-->
 +
<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 type="text/javascript">
 +
        $(document).ready(function () {
 +
            $('#horizontalTab').easyResponsiveTabs({
 +
                type: 'default', //Types: default, vertical, accordion         
 +
                width: 'auto', //auto or any width like 600px
 +
                 fit: true // 100% fit in a container
 +
             });
 
         });
 
         });
 
     </script>
 
     </script>
−
<!-- //dropdown nav -->
+
    <!--//script for portfolio-->
−
<!-- fixed nav -->
+
−
<script>
+
−
$(window).scroll(function () {
+
−
if ($(document).scrollTop() > 50) {
+
−
$('nav').addClass('shrink');
+
−
} else {
+
−
$('nav').removeClass('shrink');
+
−
}
+
−
});
+
−
</script>
+
−
<!-- //fixed nav -->
+
−
<!--script for portfolio-->
+
−
<script src="https://2018.igem.org/Template:Valencia_UPV/lightboxminJS?action=raw&amp;ctype=text/javascript"> </script>
+
−
<script>(function ($) {
+
−
$.fn.extend({
+
−
easyResponsiveTabs: function (options) {
+
−
var defaults = {
+
−
type: 'default',
+
−
width: 'auto',
+
−
fit: true
+
−
}
+
−
var options = $.extend(defaults, options);
+
−
var opt = options,
+
−
jtype = opt.type,
+
−
jfit = opt.fit,
+
−
jwidth = opt.width,
+
−
vtabs = 'vertical',
+
−
accord = 'accordion';
+
−
this.each(function () {
+
−
var $respTabs = $(this);
+
−
$respTabs.find('ul.resp-tabs-list li').addClass('resp-tab-item');
+
−
$respTabs.css({
+
−
'display': 'block',
+
−
'width': jwidth
+
−
});
+
−
$respTabs.find('.resp-tabs-container > div').addClass('resp-tab-content');
+
−
jtab_options();
+
−
+
−
function jtab_options() {
+
−
if (jtype == vtabs) {
+
−
$respTabs.addClass('resp-vtabs');
+
−
}
+
−
if (jfit == true) {
+
−
$respTabs.css({
+
−
width: '100%',
+
−
margin: '0px'
+
−
});
+
−
}
+
−
if (jtype == accord) {
+
−
$respTabs.addClass('resp-easy-accordion');
+
−
$respTabs.find('.resp-tabs-list').css('display', 'none');
+
−
}
+
−
}
+
−
var $tabItemh2;
+
−
$respTabs.find('.resp-tab-content').before("<h2 class='resp-accordion' role='tab'><span class='resp-arrow'></span></h2>");
+
−
var itemCount = 0;
+
−
$respTabs.find('.resp-accordion').each(function () {
+
−
$tabItemh2 = $(this);
+
−
var innertext = $respTabs.find('.resp-tab-item:eq(' + itemCount + ')').text();
+
−
$respTabs.find('.resp-accordion:eq(' + itemCount + ')').append(innertext);
+
−
$tabItemh2.attr('aria-controls', 'tab_item-' + (itemCount));
+
−
itemCount++;
+
−
});
+
−
var count = 0,
+
−
$tabContent;
+
−
$respTabs.find('.resp-tab-item').each(function () {
+
−
$tabItem = $(this);
+
−
$tabItem.attr('aria-controls', 'tab_item-' + (count));
+
−
$tabItem.attr('role', 'tab');
+
−
$respTabs.find('.resp-tab-item').first().addClass('resp-tab-active');
+
−
$respTabs.find('.resp-accordion').first().addClass('resp-tab-active');
+
−
$respTabs.find('.resp-tab-content').first().addClass('resp-tab-content-active').attr('style', 'display:block');
+
−
var tabcount = 0;
+
−
$respTabs.find('.resp-tab-content').each(function () {
+
−
$tabContent = $(this);
+
−
$tabContent.attr('aria-labelledby', 'tab_item-' + (tabcount));
+
−
tabcount++;
+
−
});
+
−
count++;
+
−
});
+
−
$respTabs.find("[role=tab]").each(function () {
+
−
var $currentTab = $(this);
+
−
$currentTab.click(function () {
+
−
var $tabAria = $currentTab.attr('aria-controls');
+
−
if ($currentTab.hasClass('resp-accordion') && $currentTab.hasClass('resp-tab-active')) {
+
−
$respTabs.find('.resp-tab-content-active').slideUp('', function () {
+
−
$(this).addClass('resp-accordion-closed');
+
−
});
+
−
$currentTab.removeClass('resp-tab-active');
+
−
return false;
+
−
}
+
−
if (!$currentTab.hasClass('resp-tab-active') && $currentTab.hasClass('resp-accordion')) {
+
−
$respTabs.find('.resp-tab-active').removeClass('resp-tab-active');
+
−
$respTabs.find('.resp-tab-content-active').slideUp().removeClass('resp-tab-content-active resp-accordion-closed');
+
−
$respTabs.find("[aria-controls=" + $tabAria + "]").addClass('resp-tab-active');
+
−
$respTabs.find('.resp-tab-content[aria-labelledby = ' + $tabAria + ']').slideDown().addClass('resp-tab-content-active');
+
−
} else {
+
−
$respTabs.find('.resp-tab-active').removeClass('resp-tab-active');
+
−
$respTabs.find('.resp-tab-content-active').removeAttr('style').removeClass('resp-tab-content-active').removeClass('resp-accordion-closed');
+
−
$respTabs.find("[aria-controls=" + $tabAria + "]").addClass('resp-tab-active');
+
−
$respTabs.find('.resp-tab-content[aria-labelledby = ' + $tabAria + ']').addClass('resp-tab-content-active').attr('style', 'display:block');
+
−
}
+
−
});
+
−
$(window).resize(function () {
+
−
$respTabs.find('.resp-accordion-closed').removeAttr('style');
+
−
});
+
−
});
+
−
});
+
−
}
+
−
});
+
−
})(jQuery);</script>
+
−
<script type="text/javascript">
+
−
$(document).ready(function () {
+
−
$('#horizontalTab').easyResponsiveTabs({
+
−
type: 'default', //Types: default, vertical, accordion         
+
−
width: 'auto', //auto or any width like 600px
+
−
fit: true  // 100% fit in a container
+
−
});
+
−
});
+
−
</script>
+
−
<!--//script for portfolio-->
+
−
 
+
 
</body>
 
</body>
 +
 
</html>
 
</html>

Latest revision as of 03:59, 9 December 2019

loading……

CSU_CHINA_TEAM

Team members