Line 1: | Line 1: | ||
− | <html><title>GBC- | + | <html><title>GBC-Team</title> |
− | + | ||
− | + | ||
− | + | ||
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> | <!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> | ||
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> | <!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> | ||
Line 11: | Line 8: | ||
================================================== --> | ================================================== --> | ||
<meta charset="utf-8"> | <meta charset="utf-8"> | ||
+ | <!--[if lt IE 9]> | ||
+ | <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> | ||
+ | <![endif]--> | ||
<!-- Mobile Specific Metas | <!-- Mobile Specific Metas | ||
================================================== --> | ================================================== --> | ||
Line 17: | Line 17: | ||
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Template:GreatBay_China/css/bootstrap.css&action=raw&ctype=text/css" /> | <link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Template:GreatBay_China/css/bootstrap.css&action=raw&ctype=text/css" /> | ||
<!-- js jquery --> | <!-- js jquery --> | ||
− | <script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Template:GreatBay_China/js/jquery.min.js&action=raw&ctype=text/javascript"></script> | + | <script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Template:GreatBay_China/js/jquery.min.js&action=raw&ctype=text/javascript"></script> |
− | < | + | <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css"> |
− | + | <script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script> | |
− | + | <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> | |
<!-- js menu --> | <!-- js menu --> | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
Line 54: | Line 54: | ||
} | } | ||
</script> | </script> | ||
− | < | + | <!-- font --> |
− | + | <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Delius" /> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
<!-- css main --> | <!-- css main --> | ||
<style> | <style> | ||
Line 276: | Line 268: | ||
pre, | pre, | ||
blockquote { | blockquote { | ||
− | + | border: 1px solid #999; | |
page-break-inside: avoid; | page-break-inside: avoid; | ||
Line 1,333: | Line 1,325: | ||
h2, | h2, | ||
.h2 { | .h2 { | ||
− | font-size: | + | font-size: 30px; |
} | } | ||
h3, | h3, | ||
Line 1,342: | Line 1,334: | ||
.h4 { | .h4 { | ||
font-size: 18px; | font-size: 18px; | ||
− | |||
} | } | ||
h5, | h5, | ||
Line 1,533: | Line 1,524: | ||
} | } | ||
blockquote { | blockquote { | ||
− | |||
− | |||
− | |||
padding: 10px 20px; | padding: 10px 20px; | ||
− | margin | + | margin: 0 0 20px; |
− | + | ||
font-size: 17.5px; | font-size: 17.5px; | ||
− | + | border-left: 5px solid #eee; | |
} | } | ||
blockquote p:last-child, | blockquote p:last-child, | ||
Line 6,762: | Line 6,749: | ||
} | } | ||
− | h1 { font-family: Delius; font-size: 24px; font-style: normal; font-variant: normal; font-weight: 700; line-height:80%; } h3 { font-family: Delius; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 700; line-height:110%; } p { font-family: Delius; font-size: | + | h1 { font-family: Delius; font-size: 24px; font-style: normal; font-variant: normal; font-weight: 700; line-height:80%; } h3 { font-family: Delius; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 700; line-height:110%; } p { font-family: Delius; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 700;line-height:110%; } blockquote { font-family: Delius; font-size: 29px; font-style: normal; font-variant: normal; font-weight: 700; line-height:110%; } pre { font-family: Delius; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 500; line-height:110%; } |
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h4, { | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h4, { | ||
margin-bottom: 0px; | margin-bottom: 0px; | ||
Line 6,771: | Line 6,758: | ||
} | } | ||
− | |||
− | |||
− | |||
/* navigator */ | /* navigator */ | ||
/* the entire div */ | /* the entire div */ | ||
Line 6,930: | Line 6,914: | ||
width:950px; | width:950px; | ||
background:rgba(125, 63, 152, 0.4); | background:rgba(125, 63, 152, 0.4); | ||
− | min-height: | + | min-height:2000px; |
} | } | ||
Line 6,987: | Line 6,971: | ||
} | } | ||
− | #myModal #myModal2 #myModal3 #myModal4 #myModal5 #myModal6 #myModal7 #myModal8 #myModal9 #myModal10 #myModal11 #myModal12 #myModal13 #myModal14 #myModal15 #myModal16 #myModal17 #myModal18 #myModal19 #myModal20 | + | #myModal #myModal2 #myModal3 #myModal4 #myModal5 #myModal6 #myModal7 #myModal8 #myModal9 #myModal10 #myModal11 #myModal12 #myModal13 #myModal14 #myModal15 #myModal16 #myModal17 #myModal18 #myModal19 #myModal20 #myModal21 |
{ | { | ||
z-index:1; | z-index:1; | ||
Line 7,028: | Line 7,012: | ||
.title{ | .title{ | ||
position:left; | position:left; | ||
+ | padding-left: 20px; | ||
color:rgb(88,73,63); | color:rgb(88,73,63); | ||
font-size:30px; | font-size:30px; | ||
Line 7,061: | Line 7,046: | ||
top:-42px; | top:-42px; | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</style> | </style> | ||
<!-- <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script> --> | <!-- <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script> --> | ||
Line 7,101: | Line 7,063: | ||
− | < | + | <h5> Meow~</h5> |
− | <img onclick="changeface()" src="https://static.igem.org/mediawiki/2018/e/e4/T--GreatBay_China--menucathead.png" width=" | + | <img onclick="changeface()" src="https://static.igem.org/mediawiki/2018/e/e4/T--GreatBay_China--menucathead.png" width="800px"></div> |
</li> | </li> | ||
− | <li> | + | <li id="active"> |
<a href="#"><span>Team</span></a> | <a href="#"><span>Team</span></a> | ||
<div> | <div> | ||
Line 7,140: | Line 7,102: | ||
</li> | </li> | ||
− | <li | + | <li> |
<a href="#"><span>HP</span></a> | <a href="#"><span>HP</span></a> | ||
<div> | <div> | ||
Line 7,192: | Line 7,154: | ||
− | </div> | + | </div> |
Line 7,244: | Line 7,206: | ||
</div> | </div> | ||
<div class="row"> | <div class="row"> | ||
− | <div class="header" style="margin-left: -14px;"> | + | <div class="header" style="margin-left:-14px;"> |
<img src="https://static.igem.org/mediawiki/2018/7/74/T--GreatBay_China--Top.png" /> | <img src="https://static.igem.org/mediawiki/2018/7/74/T--GreatBay_China--Top.png" /> | ||
</div> | </div> | ||
Line 7,251: | Line 7,213: | ||
<!--TEMPLATE ENDS HERE BY CHARELS WEI (All edits down here)--> | <!--TEMPLATE ENDS HERE BY CHARELS WEI (All edits down here)--> | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | <div class="row "> | |
− | </div> | + | <span style="height:250px"></span> |
− | </ | + | <div class="jumbotron" style="color:white;"> |
− | + | <h2>GreatBay_China</h2> | |
− | <div class= | + | <h4> |
− | + | Like its name, GreatBay_China 2018 consists of a <i>great</i> variety of members: 13 students from 7 different high schools, 1 instructor, 5 advisors and 2 PIs. The team is a treasury of talented and lovely people. We have bright brains with innovative ideas. We are lucky to invite competent and outstanding seniors and experts who support and guide us in the light of discovery. We are a bunch of enthusiastic people who stay up late doing labs. Meet them here! | |
− | + | </h4> | |
− | + | </div> | |
− | </ | + | </div> |
− | < | + | <div id="myCarousel" class="carousel slide" style=" padding:50px; |
− | + | margin:50px; width:825px;"> | |
− | <div class=" | + | <ol class="carousel-indicators"> |
− | + | <li data-target="#myCarousel" data-slide-to="0" class="active"></li> | |
− | < | + | <li data-target="#myCarousel" data-slide-to="1"></li> |
− | < | + | <li data-target="#myCarousel" data-slide-to="2"></li> |
+ | </ol> | ||
+ | <div class="carousel-inner"> | ||
+ | <div class="item active"> | ||
+ | <img width="750" src="https://static.igem.org/mediawiki/2018/e/e1/T--GreatBay_China--carousel1.jpg.jpg" alt="First slide"> | ||
+ | </div> | ||
+ | <div class="item"> | ||
+ | <img width="750" src="https://static.igem.org/mediawiki/2018/6/69/T--GreatBay_China--carousel2.jpeg" alt="Second slide"> | ||
+ | </div> | ||
+ | <div class="item"> | ||
+ | <img width="750" src="https://static.igem.org/mediawiki/2018/7/73/T--GreatBay_China--carousel3.jpeg" alt="Third slide"> | ||
+ | </div> | ||
</div> | </div> | ||
− | + | <a class="carousel-control left" href="#myCarousel" | |
− | < | + | data-slide="prev"> <span _ngcontent-c3="" aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span></a> |
− | + | <a class="carousel-control right" href="#myCarousel" | |
− | + | data-slide="next">›</a> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
− | <div class="row" | + | <div class="row" id="teamV" style="padding-left:50px; padding-right: 50px;"> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | <p><video src="https://static.igem.org/mediawiki/2018/c/c2/T--GreatBay_China--homepage_video.mp4" type="video/mov" height="auto" width="850" controls></video></p> | |
− | + | </div><br><br><br> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | <div class= | + | <div class='line'> |
− | < | + | |
− | + | ||
− | + | <h1 class="title"> Team Leaders</h1><br> | |
− | + | <div class="members" > | |
− | + | ||
− | + | ||
− | + | <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal"> | |
− | + | <img class="photo" id='dtl' width="250px" src="https://static.igem.org/mediawiki/2018/5/55/T--GreatBay_China--dtl.jpg"/> | |
− | </ | + | <h4>Alexis Zeng</h4> |
− | + | </button> | |
− | <div class=" | + | <!-- 模态框(Modal) --> |
− | + | <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> | |
− | + | <div class="modal-dialog"> | |
− | + | <div class="modal-content"> | |
− | + | <div class="modal-header"> | |
+ | <h3 class="modal-title" id="myModalLabel1">Alexis Info</h3> | ||
+ | <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> | ||
+ | |||
+ | </div> | ||
+ | <div class="modal-body"> | ||
+ | Hello world! I’m Alexis, a student from Shenzhen College of International Education, blue-haired, not very humorous. This is my second year participating in iGEM but the first time as a team leader. I am involved in a lot of parts of mCATNIP, but mainly I focus on project design and team management. Speaking as a high school student, this experience with iGEM and synbio is simply fascinating: after being overwhelmed by the existing delicate rational designs, we get to create our own designs and build them from pieces. But it’s a huge challenge towards my resilience to be honest, especially when the transformation keeps failing and colony PCR shows no correct results. But still, I would listen to Paciencia y Fe by Lin-Manuel Miranda and continue working. Beyond iGEM, I’m a fan of musical theater, an equestrian enthusiast, and a cheese lover. | ||
+ | <br><br> | ||
+ | Role in team:<br> | ||
+ | <ul> | ||
+ | <li>Project design and literal research</li> | ||
+ | <li>Coordinating different groups in the team</li> | ||
+ | <li>Proposed the first version of applied design (cat shelter)</li> | ||
+ | <li>Responsible for knocking out genes in yeast and spent the entire summer in lab</li> | ||
+ | <li>Social (although sometimes I’m kinda social-phobic..)</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="modal-footer"> | ||
+ | Nickname:大统领(Big Commander), 阿狸(Ali) | ||
+ | |||
+ | <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> | ||
+ | </div> | ||
+ | </div><!-- /.modal-content --> | ||
+ | </div><!-- /.modal-dialog --> | ||
+ | </div><!-- /.modal --> | ||
</div> | </div> | ||
− | + | <div class="members" > | |
− | <div class=" | + | <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal2"> |
− | + | <img class="photo" id='lwq' width="250px" src="https://static.igem.org/mediawiki/2018/6/6a/T--GreatBay_China--lwq1.jpg"/> | |
− | < | + | <h4>Lucinda Lin</h4> |
− | + | </button> | |
− | + | ||
− | + | <!-- 模态框(Modal) --> | |
− | </div> | + | <div class="modal fade" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> |
+ | <div class="modal-dialog"> | ||
+ | <div class="modal-content"> | ||
+ | <div class="modal-header"> | ||
+ | <h3 class="modal-title" id="myModalLabel">Lucinda Info</h3> | ||
+ | <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> | ||
+ | |||
+ | </div> | ||
+ | <div class="modal-body"> | ||
+ | You are looking at the photo of someone who is suffering through her second year of iGEM! Her work involved wet lab, HP, safety and wiki last year; this year her duty only increases. She is a neutral-chaotic person/team leader that has tried all kinds of work in iGEM and accumulated many skills during the process. And she applies to computational bio as her major. Because it is hard, but cool. And HAIL GREATBAY_CHINA! <br><br> | ||
− | + | Role in team:<br> | |
− | < | + | <ul> |
+ | <li>Human practice, and in charge!? Oh, you can never know what trouble she find for her incapable self.</li> | ||
+ | <li>Project, research ways to get more products.</li> | ||
+ | <li>Modeling, when she wrote this, she did’t even know whether she could finish it.</li> | ||
+ | <li>Wiki, just that iGEM server can be excruciatingly slow sometimes.</li> | ||
+ | </ul> | ||
− | + | </div> | |
− | + | <div class="modal-footer"> | |
− | + | Nickname:大总理(Prime Minister),lwq, Timshel | |
− | + | <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> | |
− | </div> | + | </div> |
− | + | </div><!-- /.modal-content --> | |
− | <div class=" | + | </div><!-- /.modal-dialog --> |
− | + | </div><!-- /.modal --> | |
− | + | ||
− | + | ||
− | < | + | |
</div> | </div> | ||
− | + | <div class="members" > | |
− | <div class=" | + | <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal3"> |
− | + | <img class="photo" id='yx' width="250px" src="https://static.igem.org/mediawiki/2018/0/07/T--GreatBay_China--yx.jpg"/> | |
− | + | <h4>Sean Yao</h4> | |
− | + | </button> | |
− | + | ||
− | + | ||
− | + | ||
− | <div class=" | + | <!-- 模态框(Modal) --> |
− | < | + | <div class="modal fade" id="myModal3" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> |
− | + | <div class="modal-dialog"> | |
− | + | <div class="modal-content"> | |
− | + | <div class="modal-header"> | |
− | + | <h3 class="modal-title" id="myModalLabel">Sean Info</h3> | |
− | + | <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> | |
− | </ | + | |
− | < | + | </div> |
− | < | + | <div class="modal-body"> |
− | + | I‘m Sean, one of the team leaders of GreatBay_China, the Knight of night, and the owner of Dark circles. In the gap year after I graduated from Shenzhen High School of Science I decided to take part in the iGEM as a High School student and figure out what major I would like to study before I go to the university. The motto of Shenzhen High School of Science says:"the future isn't the place we aim to go but the place we want to build.", as a student who inherits this school spirit, I joined in this completely New formed team and learn how to run a iGEM team effectively with my extraordinary partners. <br><br> | |
− | + | Role in team:<br> | |
− | + | <ul> | |
− | + | <li>experiment design</li> | |
+ | <li>Operate experimental instrument(Gas Chromatograph、Flow Cytometer) and analyze data</li> | ||
+ | <li>Clone picker</li> | ||
+ | <li>Night shift worker</li> | ||
+ | <li>the funding keeper</li> | ||
+ | <li>mascot</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="modal-footer"> | ||
+ | Nickname:欧将军(General Ou(lucky)) | ||
+ | <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> | ||
+ | </div> | ||
+ | </div><!-- /.modal-content --> | ||
+ | </div><!-- /.modal-dialog --> | ||
+ | </div><!-- /.modal --> | ||
</div> | </div> | ||
− | + | </div> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | </div> | + | |
− | + | ||
− | + | ||
− | + | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | <div class='line'> | ||
+ | <h1 class="title"> Team Members</h1><br> | ||
+ | <div class="members" > | ||
+ | |||
+ | <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal4"> | ||
+ | <img class="photo" id='yyy' width="250px" src="https://static.igem.org/mediawiki/2018/b/b4/T--GreatBay_China--tara.jpg"/> | ||
+ | <h4>Tara Yuan</h4> | ||
+ | </button> | ||
− | + | <!-- 模态框(Modal) --> | |
− | + | <div class="modal fade" id="myModal4" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> | |
− | + | <div class="modal-dialog"> | |
− | + | <div class="modal-content"> | |
− | + | <div class="modal-header"> | |
− | + | <h3 class="modal-title" id="myModalLabel">Tara Info</h3> | |
− | + | <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> | |
− | </ | + | |
+ | </div> | ||
+ | <div class="modal-body">Hi all! Here is Tara, from Shenzhen college of International education, who surely aim to be a biology person. As a first-year iGEMer, my main job in the lab is to cast as primer dimer, so our PCR will be well-off. For sure, it’s just my personal belief, not a Chinese custom.<br><br> | ||
+ | To me, iGEM is not only exploring the whole unknown field, but also a training of physical endurance to demanding work. <br><br> | ||
+ | Anyway, l think l should cut my self-intro short since l don’t have any unique talent or interest. Thank you all!!!<br><br> | ||
+ | |||
+ | Role in team:<br> | ||
+ | <ul> | ||
+ | <li>Hanging around in Lab and meddling with almost every experiment. Babysitting E.coli and Yeast, though sometimes l have to lyse them.</li> | ||
+ | <li>Main Chief——Today’s recommendation :fried sausages, bacon or eggs.</li> | ||
+ | </ul> | ||
</div> | </div> | ||
+ | <div class="modal-footer"> | ||
+ | Nickname: 宝中宝(Apple of the team's eye) | ||
+ | <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> | ||
+ | </div> | ||
+ | </div><!-- /.modal-content --> | ||
+ | </div><!-- /.modal-dialog --> | ||
+ | </div><!-- /.modal --> | ||
+ | |||
− | + | </div> | |
− | + | <div class="members" > | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | < | + | <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal5"> |
− | < | + | <img class="photo" id='lmh' width="250px" src="https://static.igem.org/mediawiki/2018/6/61/T--GreatBay_China--leo.jpg" /> |
− | < | + | <h4>Leo Li</h4> |
+ | </button> | ||
− | + | <!-- 模态框(Modal) --> | |
− | + | <div class="modal fade" id="myModal5" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> | |
− | + | <div class="modal-dialog"> | |
− | + | <div class="modal-content"> | |
− | + | <div class="modal-header"> | |
+ | <h3 class="modal-title" id="myModalLabel">Leo Info</h3> | ||
+ | <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> | ||
+ | |||
+ | </div> | ||
+ | <div class="modal-body"> | ||
+ | Hey guys I’m Leo from Shenzhen College of International Education. Being keen on Molecular Biology I participated in iGEM and found the lab work so disastrous that I would surely knee in front of the cultivator and beg the E.coli to accept our plasmid and survive if this will help. Obviously it doesn’t. I love tarot a lot and predicts on our PCR results often and the only truth I foresee is that science contradicts the unreliable belief.<br><br> | ||
+ | Participating iGEM, to me, is a body and mental building tour that involves endless number of deadlines and lab nights. It is also an exhilarating adventure with the accompany with my friends. Hooray to the all-night-PCR and long live our bioparts!!!<br><br> | ||
− | + | Role in team:<br> | |
− | </div> | + | <ul> |
− | + | <li>Online researches of anything related to the project to solve ethnical and project problems</li> | |
− | < | + | <li>Some paper works</li> |
− | < | + | <li>Low quality lab works</li> |
+ | <li>Bring the team with laughter!!</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="modal-footer"> | ||
+ | Nickname:正能量宝物(Positive treasure), Primer dimer, 陈独秀夫妇 | ||
+ | <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> | ||
+ | </div> | ||
+ | </div><!-- /.modal-content --> | ||
+ | </div><!-- /.modal-dialog --> | ||
+ | </div><!-- /.modal --> | ||
− | |||
− | <div class=" | + | </div> |
− | + | <div class="members" > | |
− | + | ||
− | + | ||
− | + | <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal6"> | |
− | + | <img class="photo" id='wky' width="250px" src="https://static.igem.org/mediawiki/2018/d/d3/T--GreatBay_China--cs_p.jpg" /> | |
− | + | <h4>Charles Wei</h4> | |
− | + | ||
− | + | ||
</button> | </button> | ||
− | < | + | |
− | + | <!-- 模态框(Modal) --> | |
− | + | <div class="modal fade" id="myModal6" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> | |
− | + | <div class="modal-dialog"> | |
− | + | <div class="modal-content"> | |
+ | <div class="modal-header"> | ||
+ | <h3 class="modal-title" id="myModalLabel">Charles Info</h3> | ||
+ | <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> | ||
+ | |||
+ | </div> | ||
+ | <div class="modal-body"> | ||
+ | |||
+ | Not a man who history shall remembers, but a member that the team cannot exist without. He is the General Ou's Right Hand Man, Big Commander's First Colonel, Prime Minister's First Secretary. When in need, he acts in role of artistic designer, video maker, and even takeaway delivery. You can say he is versatile, but standing in his position requires more --- guts, persistence, and willpower. Under the pressure of the Triple Leaders, he survives with everlasting faith and everlasting hair and everlasting dark circles under eyes. <br><br> | ||
+ | |||
+ | So this is Charles, a high school student from Shenzhen College of International Education, an intellectually curious learner, a frenetic nerd about science, and a coding amateur who struggles with coding languages but oddly becomes one of the member for wiki construction. My hobbies include hiking, swimming, biking, reading, writing, music, video-making, watching musicals……I like to share stories and make friends! Cheers!<br><br> | ||
+ | |||
+ | Role in team:<br> | ||
+ | <ul> | ||
+ | <li>Spent most of my summer and after-school time in lab, playing and nursing E.coli and yeasts -- Dancing or crying in front of the gel photography machine. </li> | ||
+ | <li>Present the idea of third improvement of applied design, Cat Shelter</li> | ||
+ | <li>Director and editor of team video</li> | ||
+ | <li>Wiki construction, basically dying to learn 3 alien languages</li> | ||
+ | <li>Uploaded 55 parts :-)</li> | ||
+ | </ul> | ||
+ | |||
+ | </div> | ||
+ | <div class="modal-footer"> | ||
+ | Nickname: General Ou's Right Hand Man,坚挺肉丝 | ||
+ | <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> | ||
+ | </div> | ||
+ | </div><!-- /.modal-content --> | ||
+ | </div><!-- /.modal-dialog --> | ||
+ | </div><!-- /.modal --> | ||
+ | |||
</div> | </div> | ||
− | <div class=" | + | </div> |
− | < | + | |
− | < | + | <div class='line'> |
− | + | <div class="members" > | |
+ | |||
+ | |||
+ | <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal7"> | ||
+ | <img class="photo" id='yrz' width="250px" src="https://static.igem.org/mediawiki/2018/4/4e/T--GreatBay_China--lr_p.jpg"/> | ||
+ | <h4>Rocky Yu</h4> | ||
+ | </button> | ||
+ | |||
+ | <!-- 模态框(Modal) --> | ||
+ | <div class="modal fade" id="myModal7" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> | ||
+ | <div class="modal-dialog"> | ||
+ | <div class="modal-content"> | ||
+ | <div class="modal-header"> | ||
+ | <h3 class="modal-title" id="myModalLabel">Rocky Info</h3> | ||
+ | <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> | ||
+ | |||
+ | </div> | ||
+ | <div class="modal-body">My name is Rocky. I’m a student, I’m a high school student. I’m an iGEMer who fulfills people’s fantasies, their deep dark fantasies. I was studying macroscopic biology, you know, paleontology and zoology. But after seeing how significant molecular biology is, I thought I had enough, so I stepped into the biolab. <br><br> | ||
+ | I was kind of a dumb boy of my life, tying myself aside my desk and creating fantasies. But now I’m doing that in the lab.<br><br> | ||
+ | |||
+ | Role in team:<br> | ||
+ | <ul> | ||
+ | <li>Doing experiment with E. coli and S. cerevisiae. More specifically, participating in plasmid construction, promoter characterization and fermentation.</li> | ||
+ | <li>Trying my best to be a social-butterfly in HP.</li> | ||
+ | <li>Planning, directing and fulfilling the ‘HP Documentary’.</li> | ||
+ | <li>Motivating my teammates.</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="modal-footer"> | ||
+ | Nickname: 日上老君(The lucky old sun) | ||
+ | <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> | ||
+ | </div> | ||
+ | </div><!-- /.modal-content --> | ||
+ | </div><!-- /.modal-dialog --> | ||
+ | </div><!-- /.modal --> | ||
+ | |||
+ | |||
+ | </div> | ||
+ | <div class="members" > | ||
+ | |||
+ | |||
+ | <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal8"> | ||
+ | <img class="photo" id='ytf' width="250px" src="https://static.igem.org/mediawiki/2018/a/ae/T--GreatBay_China--dadu.jpg" /> | ||
+ | <h4>Eden Yu</h4> | ||
+ | </button> | ||
+ | |||
+ | <!-- 模态框(Modal) --> | ||
+ | <div class="modal fade" id="myModal8" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> | ||
+ | <div class="modal-dialog"> | ||
+ | <div class="modal-content"> | ||
+ | <div class="modal-header"> | ||
+ | <h3 class="modal-title" id="myModalLabel">Eden Info</h3> | ||
+ | <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> | ||
+ | |||
+ | </div> | ||
+ | <div class="modal-body">Everything is distinctive here, everything is challenging. Everything is innovative here, everything is inspiring. iGEM gives me joy, skills and experience, but it also gives me stress, barriers and hardship. I come here to enjoy, to imagine, but also to learn and improve. OK! Enough nonsense! I am Eden, an A1 student from Shenzhen College of International Education, who is currently fully occupied by study, iGEM and study plus iGEM --- It has been three weeks since I went to the gym last time, incredible! Sport is a main part of my life, it can release my systemic exhaustion and depression at anytime. I am not social, but making friends and cooperating with team members are truly fascinating.<br><br> | ||
+ | |||
+ | Role in team:<br> | ||
+ | <ul> | ||
+ | <li>Doing experiment</li> | ||
+ | <li>Modeling, sensitivity analysis and coculture</li> | ||
+ | <li>Product design, 3D modeling, experiments and construction</li> | ||
+ | <li>Human practise interviews</li> | ||
+ | </div> | ||
+ | <div class="modal-footer"> | ||
+ | Nickname: 大都,一灯,勇哥(Brave man) | ||
+ | |||
+ | <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> | ||
+ | </div> | ||
+ | </div><!-- /.modal-content --> | ||
+ | </div><!-- /.modal-dialog --> | ||
+ | </div><!-- /.modal --> | ||
+ | |||
+ | |||
+ | </div> | ||
+ | |||
+ | <div class="members" > | ||
+ | |||
+ | |||
+ | |||
+ | <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal9"> | ||
+ | <img class="photo" id='xwd' width="250px" src="https://static.igem.org/mediawiki/2018/f/f5/T--GreatBay_China--xwd.jpg" /> | ||
+ | <h4>Wade Xiao</h4> | ||
+ | </button> | ||
+ | |||
+ | <!-- 模态框(Modal) --> | ||
+ | <div class="modal fade" id="myModal9" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> | ||
+ | <div class="modal-dialog"> | ||
+ | <div class="modal-content"> | ||
+ | <div class="modal-header"> | ||
+ | <h3 class="modal-title" id="myModalLabel">Wade Info</h3> | ||
+ | <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> | ||
+ | |||
+ | </div> | ||
+ | <div class="modal-body"> | ||
+ | Hi my name is Wade and this the first year of participating iGem. Currently I am an IB student in Shenzhen Senior High School. Since the painful memory of making LB medium three times and fails four times do not fade and for the sake of whole lab, now I am trying to help the team outside the lab including modeling and doing human practice. I also the play the role of bio-safety reminder in the team. Anyway, hope to see your guys in Boston. <br><br> | ||
+ | Role in team:<br> | ||
+ | <ul> | ||
+ | <li>Project brainstorm and subsequent research</li> | ||
+ | <li>Co-culture modeling and human practice</li> | ||
+ | <li>Plasmid construction and reminder of biosafety</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="modal-footer"> | ||
+ | Nickname: 皮迪,真皮沙发 | ||
+ | <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> | ||
+ | </div> | ||
+ | </div><!-- /.modal-content --> | ||
+ | </div><!-- /.modal-dialog --> | ||
+ | </div><!-- /.modal --> | ||
+ | |||
+ | |||
</div> | </div> | ||
− | |||
− | |||
</div> | </div> | ||
− | |||
− | <div class= | + | <div class='line'> |
− | + | <div class="members" > | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | </ | + | <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal10"> |
− | + | <img class="photo" id='wzg' width="250px" src="https://static.igem.org/mediawiki/2018/e/ea/T--GreatBay_China--marie_p.jpg"/> | |
+ | <h4>Marie Wei</h4> | ||
+ | </button> | ||
− | + | <!-- 模态框(Modal) --> | |
− | + | <div class="modal fade" id="myModal10" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> | |
− | + | <div class="modal-dialog"> | |
− | + | <div class="modal-content"> | |
− | < | + | <div class="modal-header"> |
− | <br><br | + | <h3 class="modal-title" id="myModalLabel">Marie Info</h3> |
− | + | <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> | |
− | + | ||
+ | </div> | ||
+ | <div class="modal-body"> | ||
+ | Hi! (whoever is now surfing this site) My name is Marie Wei, a sophomore who is studying abroad in Worcester Academy, Worcester, Massachusetts, US. I am a very easy-going person with many different hobbies and specialities (in various levels of course). In my leisure time, I would enjoy myself by reading, writing stories, drawing, playing instruments, working out and so on. Attending iGEM this year and becoming a member of GreatBay_China is one of the best things that I have ever done in my life. I am the kind of person who always feels enthusiastic about every decisions in life. By attending iGEM, I have received a absolutely incredible experience dealing with synthetic biology. Biology has always been one of my passions and interests, by attending iGEM, the only thing I can say about it would be: I am IN LOVE with this subject—totally, genuinely, in LOVE.<br><br> | ||
+ | During this whole summer, I had great fun with the team, discovered myself and those little tubes more in the lab, and really, generated a large amount of LOVE for biology. <br><br> | ||
− | + | Really. The best experience ever.<br><br> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | Role in team:<br> | |
− | + | <ul> | |
− | + | <li>art design (including teams peripheral products such as postcards, bags; wiki illustration; illustration on team uniform)</li> | |
− | + | <li>helped to generate ideas in creating our final product: the kitty wonderland and helped with product experiment</li> | |
− | <br> | + | <li>also did some help with experiments during summer vacation</li> |
− | + | </ul> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | < | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | < | + | </div> |
− | + | <div class="modal-footer"> | |
− | </div> | + | Nickname: 大触,触级天使(Angle Artist) |
+ | <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> | ||
+ | </div> | ||
+ | </div><!-- /.modal-content --> | ||
+ | </div><!-- /.modal-dialog --> | ||
+ | </div><!-- /.modal --> | ||
− | |||
− | + | </div> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | <div class="members" > | |
− | + | ||
− | + | ||
− | <div class=" | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | < | + | <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal11"> |
− | <h4> | + | <img class="photo" id='ych' width="250px" src="https://static.igem.org/mediawiki/2018/1/1e/T--GreatBay_China--ych_p.jpg" /> |
− | + | <h4>David Yang</h4> | |
− | </h4> | + | </button> |
− | </ | + | |
− | + | <!-- 模态框(Modal) --> | |
− | + | <div class="modal fade" id="myModal11" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> | |
− | < | + | <div class="modal-dialog"> |
− | + | <div class="modal-content"> | |
− | + | <div class="modal-header"> | |
− | + | <h3 class="modal-title" id="myModalLabel">David Info</h3> | |
− | + | <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> | |
− | + | ||
− | + | </div> | |
− | + | <div class="modal-body"> | |
− | + | Hello, everyone. I studied at the third high school attached to Beijing Normal University. I usually like to cook and paint. With the help of the bluephalab, I have developed interest in synthetic biology and have the privilege of forming an excellent team with everyone. Although I still have a lot to learn, I will do my best to contribute to the team.<br><br> | |
− | + | Role in the team: <br> | |
− | + | <ul> | |
− | + | <li>art design (including wiki typesetting; team uniform)</li> | |
− | + | <li>help on experiments during summer vacation</li> | |
− | + | </ul> | |
− | + | </div> | |
− | + | <div class="modal-footer"> | |
− | + | Nickname:神笔の蚌 | |
− | + | <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> | |
− | </div> | + | </div> |
− | <div class=" | + | </div><!-- /.modal-content --> |
− | < | + | </div><!-- /.modal-dialog --> |
− | + | </div><!-- /.modal --> | |
− | |||
− | <br><br> | + | </div> |
− | </div> | + | |
+ | <div class="members" > | ||
+ | |||
+ | |||
+ | <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal12"> | ||
+ | <img class="photo" id='katrina' width="250px" src="https://static.igem.org/mediawiki/2018/8/8d/T--GreatBay_China--katrina_p.jpeg" /> | ||
+ | <h4>Katrina Zhuo</h4> | ||
+ | </button> | ||
+ | |||
+ | <!-- 模态框(Modal) --> | ||
+ | <div class="modal fade" id="myModal12" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> | ||
+ | <div class="modal-dialog"> | ||
+ | <div class="modal-content"> | ||
+ | <div class="modal-header"> | ||
+ | <h3 class="modal-title" id="myModalLabel">Katrina Info</h3> | ||
+ | <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> | ||
+ | |||
+ | </div> | ||
+ | <div class="modal-body"> | ||
+ | I’m Katrina from ShenZhen Vanke Meisha Academy. I am a senior student majoring in biology and chemistry. IGEM, a competition which requires a lot of teamwork and participation, allows me to know my advantages and disadvantages. This will benefit my whole life. And I will definitely remember the time working with my friends. I am ready to meet many new friends!<br><br> | ||
+ | Role in team:<br> | ||
+ | <ul> | ||
+ | <li>Official Accounts</li> | ||
+ | <li>Designer</li> | ||
+ | </ul> | ||
+ | |||
+ | </div> | ||
+ | <div class="modal-footer"> | ||
+ | Nickname:天女下凡 | ||
+ | <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> | ||
+ | </div> | ||
+ | </div><!-- /.modal-content --> | ||
+ | </div><!-- /.modal-dialog --> | ||
+ | </div><!-- /.modal --> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</div> | </div> | ||
− | <div class=" | + | </div> |
− | + | <div class='line'> | |
− | < | + | <div class="members" > |
− | + | ||
+ | |||
+ | <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal21"> | ||
+ | <img class="photo" id='Jessie' width="250px" src="https://static.igem.org/mediawiki/2018/0/0d/T--GreatBay_China--shy.png" /> | ||
+ | <h4>Jesse Sun</h4> | ||
+ | </button> | ||
+ | |||
+ | <!-- 模态框(Modal) --> | ||
+ | <div class="modal fade" id="myModal21" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> | ||
+ | <div class="modal-dialog"> | ||
+ | <div class="modal-content"> | ||
+ | <div class="modal-header"> | ||
+ | <h3 class="modal-title" id="myModalLabel">Jesse Info</h3> | ||
+ | <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> | ||
+ | |||
+ | </div> | ||
+ | <div class="modal-body"> | ||
+ | Jesse is a talented figure in Shandong Experimental High School and an existing assistant for our lab project during several days in the summer holiday. Outside our peoject and iGEM, he says he is really good at business studies, LEGO, playing football, writing Java script and 3D Modelling.<br><br> | ||
+ | Role in team:<br> | ||
+ | <ul> | ||
+ | <li>Spent a week in lab: negative results paved the path to our success</li> | ||
+ | <li>Paying and attending Jamborree</li> | ||
+ | <li>Discontiunous motivation by letting us believe he is the man(for model,hardware,wiki,etc.)</li> | ||
+ | </ul> | ||
+ | |||
+ | </div> | ||
+ | <div class="modal-footer"> | ||
+ | Nickname:世外高人 | ||
+ | <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> | ||
+ | </div> | ||
+ | </div><!-- /.modal-content --> | ||
+ | </div><!-- /.modal-dialog --> | ||
+ | </div><!-- /.modal --> | ||
+ | |||
</div> | </div> | ||
− | + | ||
− | + | ||
</div> | </div> | ||
− | |||
− | <br><br> | + | |
− | + | ||
− | + | ||
− | <div class=" | + | |
− | <img class="photo" id= | + | <br><br><br> |
− | + | ||
− | + | ||
+ | <div class='line'> | ||
+ | |||
+ | <div class="members" > | ||
+ | <h1 class="title"> Instructor</h1><br> | ||
+ | <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal13"> | ||
+ | <img class="photo" id=‘js’ width="250px" src="https://static.igem.org/mediawiki/2018/a/aa/T--GreatBay_China--js.jpg"/> | ||
+ | <h4>Boxiang Wang</h4> | ||
+ | </button> | ||
+ | |||
+ | <!-- 模态框(Modal) --> | ||
+ | <div class="modal fade" id="myModal13" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> | ||
+ | <div class="modal-dialog"> | ||
+ | <div class="modal-content"> | ||
+ | <div class="modal-header"> | ||
+ | <h3 class="modal-title" id="myModalLabel">Boxiang Info</h3> | ||
+ | <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> | ||
+ | |||
+ | </div> | ||
+ | <div class="modal-body">Boxiang is a Research and development director of educational product of Bluepha Co.Ltd.; an experienced iGEMer who participated and leaded 7 iGEM competitions; and an unassailable avatar of the team.</div> | ||
+ | <div class="modal-footer"> | ||
+ | <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> | ||
+ | </div> | ||
+ | </div><!-- /.modal-content --> | ||
+ | </div><!-- /.modal-dialog --> | ||
+ | </div><!-- /.modal --> | ||
+ | |||
+ | </div> | ||
+ | <div class="members" > | ||
+ | <h1 class="title"> Primary PI</h1><br> | ||
+ | <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal14"> | ||
+ | <img class="photo" id=‘zhq’ width="250px" src="https://static.igem.org/mediawiki/2018/f/f8/T--GreatBay_China--zhanghaoqian.jpg" /> | ||
+ | <h4>Haoqian Zhang</h4> | ||
+ | </button> | ||
+ | |||
+ | <!-- 模态框(Modal) --> | ||
+ | <div class="modal fade" id="myModal14" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> | ||
+ | <div class="modal-dialog"> | ||
+ | <div class="modal-content"> | ||
+ | <div class="modal-header"> | ||
+ | <h3 class="modal-title" id="myModalLabel">Zhang Info</h3> | ||
+ | <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> | ||
+ | |||
+ | </div> | ||
+ | <div class="modal-body">The CTO of Bluepha</div> | ||
+ | <div class="modal-footer"> | ||
+ | <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> | ||
+ | </div> | ||
+ | </div><!-- /.modal-content --> | ||
+ | </div><!-- /.modal-dialog --> | ||
+ | </div><!-- /.modal --> | ||
+ | |||
+ | </div> | ||
+ | <div class="members" > | ||
+ | <h1 class="title"> Secondary PI</h1><br> | ||
+ | |||
+ | <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal15"> | ||
+ | <img class="photo" id=‘gq’ width="250px" src="https://static.igem.org/mediawiki/2018/9/9e/T--GreatBay_China--gengqiang.jpg"/> | ||
+ | <h4>Qiang Geng</h4> | ||
+ | </button> | ||
+ | |||
+ | <!-- 模态框(Modal) --> | ||
+ | <div class="modal fade" id="myModal15" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> | ||
+ | <div class="modal-dialog"> | ||
+ | <div class="modal-content"> | ||
+ | <div class="modal-header"> | ||
+ | <h3 class="modal-title" id="myModalLabel">Geng Info</h3> | ||
+ | <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> | ||
+ | |||
+ | </div> | ||
+ | <div class="modal-body">The principal of Bluepha Lab, and the COO of Bluepha</div> | ||
+ | <div class="modal-footer"> | ||
+ | <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> | ||
+ | </div> | ||
+ | </div><!-- /.modal-content --> | ||
+ | </div><!-- /.modal-dialog --> | ||
+ | </div><!-- /.modal --> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="line"> | ||
+ | <h1 class="title"> Advisors</h1><br> | ||
+ | |||
+ | <div class="members" > | ||
+ | <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal16"> | ||
+ | <img class="photo" id=’dym’ width="250px" src="https://static.igem.org/mediawiki/2018/1/1c/T--GreatBay_China--dongyiming.jpg" /> | ||
+ | <h4>Yiming Dong</h4> | ||
+ | </button> | ||
+ | |||
+ | <!-- 模态框(Modal) --> | ||
+ | <div class="modal fade" id="myModal16" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> | ||
+ | <div class="modal-dialog"> | ||
+ | <div class="modal-content"> | ||
+ | <div class="modal-header"> | ||
+ | <h3 class="modal-title" id="myModalLabel">Dong Info</h3> | ||
+ | <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> | ||
+ | |||
+ | </div> | ||
+ | <div class="modal-body">Yiming Dong is a PHD of Beijing University Synthetic Biology.</div> | ||
+ | <div class="modal-footer"> | ||
+ | <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> | ||
+ | </div> | ||
+ | </div><!-- /.modal-content --> | ||
+ | </div><!-- /.modal-dialog --> | ||
+ | </div><!-- /.modal --> | ||
+ | |||
</div> | </div> | ||
− | + | ||
− | + | <div class="members" > | |
− | + | <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal17"> | |
− | + | <img class="photo" id=‘zxy’ width="250px" src="https://static.igem.org/mediawiki/2018/f/fe/T--GreatBay_China--zxy.jpg" /> | |
− | < | + | <h4>Xuanyu Zhao</h4> |
+ | </button> | ||
+ | |||
+ | <!-- 模态框(Modal) --> | ||
+ | <div class="modal fade" id="myModal17" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> | ||
+ | <div class="modal-dialog"> | ||
+ | <div class="modal-content"> | ||
+ | <div class="modal-header"> | ||
+ | <h3 class="modal-title" id="myModalLabel">Zhao Info</h3> | ||
+ | <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> | ||
+ | |||
+ | </div> | ||
+ | <div class="modal-body">Xuanyu Zhao is a research and development instructor of educational product of Bluepha Co.Ltd. She majors on toxin-antitoxin system in microbial in graduate degree, now an advisor of team GBC.</div> | ||
+ | <div class="modal-footer"> | ||
+ | <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> | ||
+ | </div> | ||
+ | </div><!-- /.modal-content --> | ||
+ | </div><!-- /.modal-dialog --> | ||
+ | </div><!-- /.modal --> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <div class="members"> | ||
+ | <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal18"> | ||
+ | <img class="photo" id=‘ly’ width="250px" src="https://static.igem.org/mediawiki/2018/8/8f/T--GreatBay_China--ly.png" /> | ||
+ | <h4>Yu Li</h4> | ||
+ | </button> | ||
+ | |||
+ | <!-- 模态框(Modal) --> | ||
+ | <div class="modal fade" id="myModal18" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> | ||
+ | <div class="modal-dialog"> | ||
+ | <div class="modal-content"> | ||
+ | <div class="modal-header"> | ||
+ | <h3 class="modal-title" id="myModalLabel">Li Info</h3> | ||
+ | <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> | ||
+ | |||
+ | </div> | ||
+ | <div class="modal-body">Li Yu is a speculative designer, creative technologist and interdisciplinary researcher. Her researches the burgeoning area of advanced science and technology and speculative design. She uses design as a method of investigation, experimenting with emerging technologies and its possible implementation. Her works translate thoughts experiments and fictional narratives into tangible forms, ignite discussion on our current society and its future. She collaborates with scientists and engineers from different countries and disciplines.</div> | ||
+ | <div class="modal-footer"> | ||
+ | <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> | ||
+ | </div> | ||
+ | </div><!-- /.modal-content --> | ||
+ | </div><!-- /.modal-dialog --> | ||
+ | </div><!-- /.modal --> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <div class='line'> | ||
+ | <div class="members" > | ||
+ | <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal19"> | ||
+ | <img class="photo" id=‘js’ width="250px" src="https://static.igem.org/mediawiki/2018/0/0c/T--GreatBay_China--wx.png"/> | ||
+ | <h4>Xuan Wang</h4> | ||
+ | </button> | ||
+ | |||
+ | <!-- 模态框(Modal) --> | ||
+ | <div class="modal fade" id="myModal19" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> | ||
+ | <div class="modal-dialog"> | ||
+ | <div class="modal-content"> | ||
+ | <div class="modal-header"> | ||
+ | <h3 class="modal-title" id="myModalLabel">Wang Info</h3> | ||
+ | <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> | ||
+ | |||
+ | </div> | ||
+ | <div class="modal-body">Xuan Wang is a former iGEM team leader of BNU_China 2014, a current PhD candidate in Tsinghua University and a part-time employee of Bluepha. He wants to do several beautiful science projects and to teach several potential students.</div> | ||
+ | <div class="modal-footer"> | ||
+ | <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> | ||
+ | </div> | ||
+ | </div><!-- /.modal-content --> | ||
+ | </div><!-- /.modal-dialog --> | ||
+ | </div><!-- /.modal --> | ||
+ | |||
+ | </div> | ||
− | + | <div class="members" > | |
− | + | <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal20"> | |
− | + | <img class="photo" id=’jszx’ width="250px" src="https://static.igem.org/mediawiki/2017/6/6c/Harryjiang.jpeg" /> | |
− | < | + | <h4>Harry Jiang</h4> |
− | < | + | </button> |
− | < | + | |
− | + | <!-- 模态框(Modal) --> | |
− | + | <div class="modal fade" id="myModal20" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> | |
− | + | <div class="modal-dialog"> | |
− | + | <div class="modal-content"> | |
− | + | <div class="modal-header"> | |
− | + | <h3 class="modal-title" id="myModalLabel">Jiang Info</h3> | |
− | + | <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> | |
+ | |||
+ | </div> | ||
+ | <div class="modal-body">Shan Jiang is a High schooler, goalkeeper, table tennis player, violinist, CCiC executive committee member, synthetic biology fundamentalist, leader of iGEM team RDFZ 2018 and SIAT-SCIE 2017.</div> | ||
+ | <div class="modal-footer"> | ||
+ | <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> | ||
+ | </div> | ||
+ | </div><!-- /.modal-content --> | ||
+ | </div><!-- /.modal-dialog --> | ||
+ | </div><!-- /.modal --> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
− | < | + | <br><br><br> |
− | + | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | |||
− | |||
− | |||