Lonely-boy (Talk | contribs) |
|||
(24 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"> | |
− | + | <title>CSU_CHINA_TEAM</title> | |
− | + | <meta name="viewport" content="width=device-width, initial-scale=1"> | |
</head> | </head> | ||
<style> | <style> | ||
− | .Topbox{ | + | /*--背景图片--*/ |
− | + | .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; | |
− | + | } | |
− | + | 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> | + | </style> |
− | + | ||
<body> | <body> | ||
− | <div class="container 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 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 361: | 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"> | |
− | + | <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 389: | 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/ | + | <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%"/> | |
− | <img src="https://static.igem.org/mediawiki/2019/ | + | |
<div class="b-wrapper"> | <div class="b-wrapper"> | ||
− | <h5> | + | <h5>Jufang Huang</h5> |
</div> | </div> | ||
</a> | </a> | ||
Line 407: | 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> |
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