Lonely-boy (Talk | contribs) |
|||
(6 intermediate revisions by one other user not shown) | |||
Line 6: | Line 6: | ||
<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> |
− | + | <style> | |
− | + | /*--背景图片--*/ | |
− | + | .Topbox{ | |
− | + | width: 100%; | |
− | + | min-height: 600px; | |
− | + | display: -webkit-flex; /* Safari */ | |
− | + | display: flex; | |
− | + | background-image: url(https://static.igem.org/mediawiki/2019/0/0c/T--CSU_CHINA--TM_DHZTM.jpg); | |
− | + | background-size: cover; | |
− | + | background-repeat: no-repeat; | |
− | + | background-position: center; | |
− | + | justify-content: center; | |
− | + | align-items: center; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | /*-- portfolio-inner-page --*/ | |
− | + | .portfolio h4 { | |
− | + | 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 230: | 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> | + | <h5>Zhuo Chen</h5> |
</div> | </div> | ||
</a> | </a> | ||
Line 409: | Line 411: | ||
</a> | </a> | ||
</div> | </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 433: | Line 456: | ||
<div class="b-wrapper"> | <div class="b-wrapper"> | ||
<h5>Jufang Huang</h5> | <h5>Jufang Huang</h5> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</div> | </div> | ||
</a> | </a> | ||
Line 455: | 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/ | + | <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/ | + | 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> | + | <h5>Li Jiada</h5> |
</div> | </div> | ||
</a> | </a> | ||
Line 470: | Line 485: | ||
</div> | </div> | ||
<!--script for portfolio--> | <!--script for portfolio--> | ||
− | <script src="https:// | + | <script src="https://2018.igem.org/Template:Valencia_UPV/lightboxminJS?action=raw&ctype=text/javascript"></script> |
<script src="https://2019.igem.org/Template:CSU_CHINA/JS/easyResponsiveTabsjs?action=raw&ctype=text/javascript"></script> | <script src="https://2019.igem.org/Template:CSU_CHINA/JS/easyResponsiveTabsjs?action=raw&ctype=text/javascript"></script> | ||
<script type="text/javascript"> | <script type="text/javascript"> |
Latest revision as of 03:59, 9 December 2019
![](https://static.igem.org/mediawiki/2019/8/8a/T--CSU_CHINA--SGoldMedal.png)
loading……
Team members
- Students
- Team Leader
- Instructors