(15 intermediate revisions by 4 users not shown) | |||
Line 5: | Line 5: | ||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> | <meta http-equiv="X-UA-Compatible" content="IE=edge"> | ||
<meta name="renderer" content="webkit"> | <meta name="renderer" content="webkit"> | ||
− | <title> | + | <title>Team Roster</title> |
<link rel="stylesheet" href="https://2017.igem.org/Team:HUST-China/css/bootstrap?action=raw&ctype=text/css"> | <link rel="stylesheet" href="https://2017.igem.org/Team:HUST-China/css/bootstrap?action=raw&ctype=text/css"> | ||
<script type="text/javascript" src="https://2017.igem.org/Team:HUST-China/js/bootstrap?action=raw&ctype=text/javascript"></script> | <script type="text/javascript" src="https://2017.igem.org/Team:HUST-China/js/bootstrap?action=raw&ctype=text/javascript"></script> | ||
Line 347: | Line 347: | ||
position: relative; | position: relative; | ||
} | } | ||
+ | @media (min-width: 768px) { | ||
.menu_logo_1 { | .menu_logo_1 { | ||
− | + | top: 18px; | |
− | + | left:10px; | |
− | + | z-index: 1000; | |
− | + | position: fixed; | |
− | + | ||
} | } | ||
.menu_logo_2 { | .menu_logo_2 { | ||
− | + | top: 18px; | |
− | + | left:100px; | |
− | + | z-index: 1000; | |
− | + | position: fixed; | |
− | + | } | |
+ | .nav-pills{ | ||
+ | font-size:8px; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | /* 中等屏幕(桌面显示器,大于等于992px) */ | ||
+ | @media (min-width: 992px) { | ||
+ | .menu_logo_1 { | ||
+ | top: 18px; | ||
+ | left:20px; | ||
+ | z-index: 1000; | ||
+ | position: fixed; | ||
+ | } | ||
+ | .menu_logo_2 { | ||
+ | top: 18px; | ||
+ | left:110px; | ||
+ | z-index: 1000; | ||
+ | position: fixed; | ||
+ | } | ||
+ | .nav-pills{ | ||
+ | font-size:10px; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | /* 大屏幕(大桌面显示器,大于等于1200px) */ | ||
+ | @media (min-width: 1200px) { | ||
+ | .menu_logo_1 { | ||
+ | top: 18px; | ||
+ | left:80px; | ||
+ | z-index: 1000; | ||
+ | position: fixed; | ||
+ | } | ||
+ | .menu_logo_2 { | ||
+ | top: 18px; | ||
+ | left:170px; | ||
+ | z-index: 1000; | ||
+ | position: fixed; | ||
+ | } | ||
+ | .nav-pills{ | ||
+ | font-size:12px; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
} | } | ||
Line 370: | Line 415: | ||
body{ background:#D5DEE7; } | body{ background:#D5DEE7; } | ||
a{ color:#C8DCE5; } | a{ color:#C8DCE5; } | ||
− | h3{ margin: | + | h3{ margin: 5px 5px 0 5px; color:#FFF; font:18pt Arial, sans-serif; letter-spacing:-1px; font-weight: bold; } |
Line 400: | Line 445: | ||
position: absolute; | position: absolute; | ||
background: #000; | background: #000; | ||
− | height: | + | height: 180px; |
width: 100%; | width: 100%; | ||
− | opacity: 0. | + | opacity: 0.5; |
/* For IE 5-7 */ | /* For IE 5-7 */ | ||
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); | filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); | ||
/* For IE 8 */ | /* For IE 8 */ | ||
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; | -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; | ||
− | + | } | |
.captionfull .boxcaption { | .captionfull .boxcaption { | ||
− | top: | + | top: 265; |
left: 0; | left: 0; | ||
} | } | ||
.caption .boxcaption { | .caption .boxcaption { | ||
− | top: | + | top: 265; |
left: 0; | left: 0; | ||
+ | } | ||
+ | .cover{ | ||
+ | top:260px; | ||
} | } | ||
Line 425: | Line 473: | ||
//Caption Sliding (Partially Hidden to Visible) | //Caption Sliding (Partially Hidden to Visible) | ||
$('.boxgrid.caption').hover(function(){ | $('.boxgrid.caption').hover(function(){ | ||
− | $(".cover", this).stop().animate({top:' | + | $(".cover", this).stop().animate({top:'140px'},{queue:false,duration:140}); |
}, function() { | }, function() { | ||
− | $(".cover", this).stop().animate({top:' | + | $(".cover", this).stop().animate({top:'265px'},{queue:false,duration:140}); |
}); | }); | ||
}); | }); | ||
Line 436: | Line 484: | ||
<body data-spy="scroll" data-target="#myScrollspy" data-offset="20" style="height:auto;"> | <body data-spy="scroll" data-target="#myScrollspy" data-offset="20" style="height:auto;"> | ||
− | + | <nav class="navbar navbar-default navbar-fixed-top" style="margin-top:15px"> | |
<div class="container"> | <div class="container"> | ||
Line 483: | Line 531: | ||
</li> | </li> | ||
<li class="dropdown"> | <li class="dropdown"> | ||
− | + | <a href="#" class="dropdown-toggle" data-toggle="dropdown"> | |
− | PARTS | + | PARTS<b class="caret"></b> |
</a> | </a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="https://2017.igem.org/Team:HUST-China/Basic part">Basic part</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:HUST-China/Composite part">Composite part</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:HUST-China/Part collection">Part collection</a></li> | ||
+ | </ul> | ||
</li> | </li> | ||
<li class="dropdown"> | <li class="dropdown"> | ||
Line 494: | Line 547: | ||
<li><a href="https://2017.igem.org/Team:HUST-China/Collaborations"> Collaborations</a></li> | <li><a href="https://2017.igem.org/Team:HUST-China/Collaborations"> Collaborations</a></li> | ||
<li><a href="https://2017.igem.org/Team:HUST-China/HP/Silver">HP/Silver</a></li> | <li><a href="https://2017.igem.org/Team:HUST-China/HP/Silver">HP/Silver</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:HUST-China/Engagement">Engagement</a></li> | ||
</ul> | </ul> | ||
</li> | </li> | ||
Line 519: | Line 573: | ||
<div class="row"> | <div class="row"> | ||
<nav class="col-sm-10 col-sm-offset-1" id="myScrollspy"> | <nav class="col-sm-10 col-sm-offset-1" id="myScrollspy"> | ||
− | + | <h3 style="color:#97477c ;border-bottom:solid 1px #333; padding:20px;letter-spacing:1px;margin-top:0;text-align: center;">Advisors</h3> | |
+ | <div> | ||
+ | |||
<div class="boxgrid caption"> | <div class="boxgrid caption"> | ||
− | <img src="https://static.igem.org/mediawiki/2017/ | + | <img src="https://static.igem.org/mediawiki/2017/f/f8/Yan_Yunjun.png" class="img-responsive center-block"/> |
<div class="cover boxcaption"> | <div class="cover boxcaption"> | ||
− | <h3> | + | <h3>Yunjun Yan</h3> |
− | <p> | + | <p>Prof. Yunjun Yan is a professor and principle investigator of College of Life Sci. & Tech., Huazhong University of Sci.&Tech.. Prof. Yan provides field for experiment and activating. He gives us many precious suggestions to our project.</p> |
</div> | </div> | ||
</div> | </div> | ||
<div class="boxgrid caption"> | <div class="boxgrid caption"> | ||
− | <img src="https://static.igem.org/mediawiki/2017/ | + | <img src="https://static.igem.org/mediawiki/2017/1/1f/Ning_Kang.png"/ class="img-responsive center-block"> |
<div class="cover boxcaption"> | <div class="cover boxcaption"> | ||
− | <h3> | + | <h3>Kang Ning</h3> |
− | <p> | + | <p>Prof. Kang Ning is a professor of College of Life Sci. & Tech., Huazhong University of Sci.&Tech.. His main research area is bioinformatics. This year, we are so glad that Prof. Ning is our advisor in modeling.</p> |
</div> | </div> | ||
</div> | </div> | ||
− | + | ||
− | <img src="https://static.igem.org/mediawiki/2017/ | + | <div class="boxgrid caption"> |
+ | <img src="https://static.igem.org/mediawiki/2017/d/d8/Zhan_Yi.png"/ class="img-responsive center-block"> | ||
<div class="cover boxcaption"> | <div class="cover boxcaption"> | ||
− | <h3> | + | <h3>Yi Zhan</h3> |
− | <p> | + | <p>Dr. Yi Zhan is a Student Affair Officer in College of Life Sci. & Tech., Huazhong University of Sci.&Tech.. He got his PhD at Huazhong University of Sci.&Tech.. Dr. Zhan is in charge of the instruction of team project and experiment design.</p> |
</div> | </div> | ||
</div> | </div> | ||
− | + | ||
− | <img src="https://static.igem.org/mediawiki/2017/ | + | <div class="boxgrid caption"> |
+ | <img src="https://static.igem.org/mediawiki/2017/3/3a/Xia_Manman.png"/ class="img-responsive center-block"> | ||
<div class="cover boxcaption"> | <div class="cover boxcaption"> | ||
− | <h3> | + | <h3>Manman Xia</h3> |
− | <p> | + | <p>Master Manman Xia is a Student Affair Officer in College of Life Science & Technology, HUST. She got her Master's degree major in management at HUST. She is now in charge of the management planning of iGEM-HUST. </p> |
</div> | </div> | ||
</div> | </div> | ||
+ | |||
+ | |||
+ | </div> | ||
+ | |||
<h3 class="col-xs-12" style="color:#97477c ;border-bottom:solid 1px #333; padding:10px;letter-spacing:1px;margin-top:0;text-align: center;">Our Team</h3> | <h3 class="col-xs-12" style="color:#97477c ;border-bottom:solid 1px #333; padding:10px;letter-spacing:1px;margin-top:0;text-align: center;">Our Team</h3> | ||
Line 553: | Line 615: | ||
<div class="boxgrid caption"> | <div class="boxgrid caption"> | ||
− | <img src="https://static.igem.org/mediawiki/2017/9/ | + | <img src="https://static.igem.org/mediawiki/2017/9/9e/Shao_Yuanzhe.png"/ class="img-responsive center-block"> |
<div class="cover boxcaption"> | <div class="cover boxcaption"> | ||
<h3>Yuanzhe Shao</h3> | <h3>Yuanzhe Shao</h3> | ||
− | <p>student leader</p> | + | <p>I'm the greatest student leader.</p> |
</div> | </div> | ||
</div> | </div> | ||
<div class="boxgrid caption"> | <div class="boxgrid caption"> | ||
− | <img src="https://static.igem.org/mediawiki/2017/ | + | <img src="https://static.igem.org/mediawiki/2017/b/bb/Deng_Xiao.png" class="img-responsive center-block"/> |
<div class="cover boxcaption"> | <div class="cover boxcaption"> | ||
− | <h3> | + | <h3>Xiao Deng</h3> |
− | <p> | + | <p>Hello, I’m Xiao Deng. This is my second year in iGEM-HUST. As a main member, I hope I can help iGEM-HUST gain more success.</p> |
</div> | </div> | ||
</div> | </div> | ||
<div class="boxgrid caption"> | <div class="boxgrid caption"> | ||
− | <img src="https://static.igem.org/mediawiki/2017/ | + | <img src="https://static.igem.org/mediawiki/2017/1/16/Li_Xiaoyang.png"/ class="img-responsive center-block"> |
<div class="cover boxcaption"> | <div class="cover boxcaption"> | ||
− | <h3> | + | <h3>Xiaoyang Li</h3> |
− | <p> | + | <p>Hi! My name is Xiaoyang Li, a Junior majoring in biotechnology of Huazhong University of S&T. And in this summer vacation, I stayed at school and learned some experimental skills.</p> |
</div> | </div> | ||
</div> | </div> | ||
<div class="boxgrid caption"> | <div class="boxgrid caption"> | ||
− | <img src="https://static.igem.org/mediawiki/2017/9/ | + | <img src="https://static.igem.org/mediawiki/2017/9/9e/Wang_Efan.png" class="img-responsive center-block"/> |
<div class="cover boxcaption"> | <div class="cover boxcaption"> | ||
− | <h3> | + | <h3>Efan Wang</h3> |
− | <p> | + | <p>I am a reliable member with excellent laboratory skills, always believing that practice makes perfect.</p> |
</div> | </div> | ||
</div> | </div> | ||
Line 583: | Line 645: | ||
<div class="boxgrid caption"> | <div class="boxgrid caption"> | ||
− | <img src="https://static.igem.org/mediawiki/2017/ | + | <img src="https://static.igem.org/mediawiki/2017/d/de/Sun_Yubei.png"/ class="img-responsive center-block"> |
<div class="cover boxcaption"> | <div class="cover boxcaption"> | ||
− | <h3> | + | <h3>Yubei Sun</h3> |
− | <p> | + | <p>My major is bio-technology.I have a great passion for synthetic biology. </p> |
</div> | </div> | ||
</div> | </div> | ||
<div class="boxgrid caption"> | <div class="boxgrid caption"> | ||
− | <img src="https://static.igem.org/mediawiki/2017/ | + | <img src="https://static.igem.org/mediawiki/2017/1/1d/Shi_Huiping.png" class="img-responsive center-block"/> |
<div class="cover boxcaption"> | <div class="cover boxcaption"> | ||
− | <h3> | + | <h3>Huiping Shi</h3> |
− | <p> | + | <p>Hello! I'm a junior student of bioscience from HUST-CHINA-2017. I love traveling and making new friends. I'm mainly in charge of building standard bioobricks in our project.</p> |
</div> | </div> | ||
</div> | </div> | ||
<div class="boxgrid caption"> | <div class="boxgrid caption"> | ||
− | <img src="https://static.igem.org/mediawiki/2017/9/ | + | <img src="https://static.igem.org/mediawiki/2017/9/98/Yu_Yiyan.png"/ class="img-responsive center-block"> |
<div class="cover boxcaption"> | <div class="cover boxcaption"> | ||
− | <h3> | + | <h3>Yiyan Yu</h3> |
− | <p> | + | <p>Yiyan Yu, member of experiment group, music enthusiast.</p> |
</div> | </div> | ||
</div> | </div> | ||
<div class="boxgrid caption"> | <div class="boxgrid caption"> | ||
− | <img src="https://static.igem.org/mediawiki/2017/ | + | <img src="https://static.igem.org/mediawiki/2017/6/6a/Cheng_Long.png" class="img-responsive center-block"/> |
<div class="cover boxcaption"> | <div class="cover boxcaption"> | ||
− | <h3> | + | <h3>Long Cheng</h3> |
− | <p> | + | <p>Once I met a cat, and I thought it was very cute and impressive, but then I couldn't meet it anymore. Life was like this. </p> |
</div> | </div> | ||
</div> | </div> | ||
Line 613: | Line 675: | ||
<div class="boxgrid caption"> | <div class="boxgrid caption"> | ||
− | <img src="https://static.igem.org/mediawiki/2017/ | + | <img src="https://static.igem.org/mediawiki/2017/f/f1/Mei_Jie.png"/ class="img-responsive center-block"> |
<div class="cover boxcaption"> | <div class="cover boxcaption"> | ||
− | <h3> | + | <h3>Jie Mei</h3> |
− | <p> | + | <p>Like watching animations. As a partner of Yu, we sometimes watch an animation together.:)</p> |
</div> | </div> | ||
</div> | </div> | ||
<div class="boxgrid caption"> | <div class="boxgrid caption"> | ||
− | <img src="https://static.igem.org/mediawiki/2017/ | + | <img src="https://static.igem.org/mediawiki/2017/8/8a/Xiao_Ziyang.png" class="img-responsive center-block"/> |
<div class="cover boxcaption"> | <div class="cover boxcaption"> | ||
− | <h3> | + | <h3>Ziyang Xiao</h3> |
− | <p> | + | <p>A member of experiment group, helping construct plasmid vector with new features, preparing and submitting parts. </p> |
</div> | </div> | ||
</div> | </div> | ||
<div class="boxgrid caption"> | <div class="boxgrid caption"> | ||
− | <img src="https://static.igem.org/mediawiki/2017/ | + | <img src="https://static.igem.org/mediawiki/2017/4/46/Kang_Kai.png"/ class="img-responsive center-block"> |
<div class="cover boxcaption"> | <div class="cover boxcaption"> | ||
− | <h3> | + | <h3>Kai Kang</h3> |
− | <p> | + | <p>I am Kai Kang, a member of the modeling part,looking forward to communicate with you. </p> |
</div> | </div> | ||
</div> | </div> | ||
<div class="boxgrid caption"> | <div class="boxgrid caption"> | ||
− | <img src="https://static.igem.org/mediawiki/2017/9/ | + | <img src="https://static.igem.org/mediawiki/2017/9/99/Jia_Longhao.png" class="img-responsive center-block"/> |
<div class="cover boxcaption"> | <div class="cover boxcaption"> | ||
− | <h3> | + | <h3>Longhao Jia</h3> |
− | <p> | + | <p>It is unbelievable for me to learn html, css, javascript, jquery, bootstrap and finish the wiki in three months. </p> |
</div> | </div> | ||
</div> | </div> | ||
Line 644: | Line 706: | ||
<div class="boxgrid caption"> | <div class="boxgrid caption"> | ||
− | <img src="https://static.igem.org/mediawiki/2017/ | + | <img src="https://static.igem.org/mediawiki/2017/7/78/Li_Ziyi.png"/ class="img-responsive center-block"> |
<div class="cover boxcaption"> | <div class="cover boxcaption"> | ||
− | <h3> | + | <h3>Ziyi Li</h3> |
− | <p> | + | <p>Hello,my name is Ziyi Li. I am an outgoing and hardworking girl. My favourate thing is animation and I love Haikyuu!! best! My dream is to study further in Japan and be a scientist who would change the world! Fight, HUST-China! </p> |
</div> | </div> | ||
</div> | </div> | ||
<div class="boxgrid caption"> | <div class="boxgrid caption"> | ||
− | <img src="https://static.igem.org/mediawiki/2017/ | + | <img src="https://static.igem.org/mediawiki/2017/2/20/Hu_Yating.png" class="img-responsive center-block"/> |
<div class="cover boxcaption"> | <div class="cover boxcaption"> | ||
− | <h3> | + | <h3>Yating Hu</h3> |
− | <p> | + | <p>Hope that my war against folly may someday be won, after all. </p> |
</div> | </div> | ||
</div> | </div> | ||
<div class="boxgrid caption"> | <div class="boxgrid caption"> | ||
− | <img src="https://static.igem.org/mediawiki/2017/ | + | <img src="https://static.igem.org/mediawiki/2017/f/fe/Huang_Haibo.png"/ class="img-responsive center-block"> |
<div class="cover boxcaption"> | <div class="cover boxcaption"> | ||
− | <h3> | + | <h3>Haibo Huang</h3> |
− | <p> | + | <p>Helps little, but every little helps. </p> |
</div> | </div> | ||
</div> | </div> | ||
<div class="boxgrid caption"> | <div class="boxgrid caption"> | ||
− | <img src="https://static.igem.org/mediawiki/2017/ | + | <img src="https://static.igem.org/mediawiki/2017/8/8b/Yu_Qingyang.png" class="img-responsive center-block"/> |
<div class="cover boxcaption"> | <div class="cover boxcaption"> | ||
− | <h3> | + | <h3>Qingyang Yu</h3> |
− | <p> | + | <p>My name is Qingyang Yu. I am a sophomore who majors in bio-informatics, also a member of experimental group.</p> |
</div> | </div> | ||
</div> | </div> | ||
Line 676: | Line 738: | ||
<div class="boxgrid caption"> | <div class="boxgrid caption"> | ||
− | <img src="https://static.igem.org/mediawiki/2017/ | + | <img src="https://static.igem.org/mediawiki/2017/2/25/Liao_Shaofeng.png"/ class="img-responsive center-block"> |
<div class="cover boxcaption"> | <div class="cover boxcaption"> | ||
− | <h3> | + | <h3>Shaofeng Liao</h3> |
− | <p> | + | <p>I' m Liao Shaofeng, who loves reading as well as basketball, is a funny and sunny boy.</p> |
</div> | </div> | ||
</div> | </div> | ||
<div class="boxgrid caption"> | <div class="boxgrid caption"> | ||
− | <img src="https://static.igem.org/mediawiki/2017/ | + | <img src="https://static.igem.org/mediawiki/2017/8/8d/Yu_Kangyuan.png" class="img-responsive center-block"/> |
<div class="cover boxcaption"> | <div class="cover boxcaption"> | ||
− | <h3> | + | <h3>Kangyuan Yu</h3> |
− | <p> | + | <p>I'm just a happy guy. </p> |
</div> | </div> | ||
</div> | </div> | ||
<div class="boxgrid caption"> | <div class="boxgrid caption"> | ||
− | <img src="https://static.igem.org/mediawiki/2017/ | + | <img src="https://static.igem.org/mediawiki/2017/1/1a/Weng_Zichun.png"/ class="img-responsive center-block"> |
<div class="cover boxcaption"> | <div class="cover boxcaption"> | ||
− | <h3> | + | <h3>Zichun Weng</h3> |
− | <p> | + | <p>Hello, this is my first year in iGEM-HUST. I major in Biology Technology, member of experimental group. </p> |
</div> | </div> | ||
</div> | </div> | ||
<div class="boxgrid caption"> | <div class="boxgrid caption"> | ||
− | <img src="https://static.igem.org/mediawiki/2017/ | + | <img src="https://static.igem.org/mediawiki/2017/1/1f/Hu_Nan.png" class="img-responsive center-block"/> |
<div class="cover boxcaption"> | <div class="cover boxcaption"> | ||
− | <h3> | + | <h3>Nan Hu</h3> |
− | <p> | + | <p>I am Nan Hu and I am now studying in Tongji Medical of Huazhong University of Science and Technology. I am a calm and composed boy and I love the pursuit of truth. I believe the more you try, the more you will get. </p> |
</div> | </div> | ||
</div> | </div> | ||
+ | |||
+ | <div style="margin-left: 265px;"> | ||
+ | |||
+ | <div class="boxgrid caption"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/4/4f/Peng_Ting.png"/ class="img-responsive center-block"> | ||
+ | <div class="cover boxcaption"> | ||
+ | <h3>Ting Peng</h3> | ||
+ | <p>Hello, I'm Ting Peng. I'm a member of experimental group. </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="boxgrid caption"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/9/95/Wu_Yuqi.png" class="img-responsive center-block"/> | ||
+ | <div class="cover boxcaption"> | ||
+ | <h3>Yuqi Wu</h3> | ||
+ | <p>A member of our group for the capture part. </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
<h3 class="col-xs-12" style="color:#97477c ;border-bottom:solid 1px #333; padding:10px;letter-spacing:1px;margin-top:0;text-align: center;">We are together</h3> | <h3 class="col-xs-12" style="color:#97477c ;border-bottom:solid 1px #333; padding:10px;letter-spacing:1px;margin-top:0;text-align: center;">We are together</h3> | ||
− | <img style="width: 100%; height:auto; display: block; padding:20px; " src="https://static.igem.org/mediawiki/2017/ | + | <img style="width: 100%; height:auto; display: block; padding:20px; " src="https://static.igem.org/mediawiki/2017/6/61/Groupphoto_of_iGEM-HUST.png" /> |
Latest revision as of 05:55, 1 November 2017