Line 323: | Line 323: | ||
<div class="container"> | <div class="container"> | ||
<div class="row"> | <div class="row"> | ||
− | + | <div class="Team"> | |
− | + | <br><br><br><br><br><br><br><br><br><br> | |
− | + | <h1> TEAM</h1><br> | |
− | + | <h3> Team Leaders</h3><br> | |
− | + | <div class='line'> | |
− | + | ||
− | + | <div class="members" > | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | <div class= | + | |
− | + | ||
− | + | ||
− | <div class=" | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | <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> | |
− | + | ||
− | + | ||
− | + | ||
− | </ | + | |
− | + | ||
− | + | <!-- 模态框(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"> | |
− | + | <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> | |
− | + | <h3 class="modal-title" id="myModalLabel1">Alexis Info</h3> | |
− | + | </div> | |
− | + | <div class="modal-body">按下 ESC 按钮退出。</div> | |
+ | <div class="modal-footer"> | ||
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button> | <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> | ||
− | + | </div> | |
− | + | </div><!-- /.modal-content --> | |
− | + | </div><!-- /.modal-dialog --> | |
− | + | </div><!-- /.modal --> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | <div class="modal fade" id=" | + | </div> |
− | + | <div class="members" > | |
− | + | ||
− | + | <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>Timshel Lin</h4> | |
− | + | </button> | |
− | + | ||
− | + | <!-- 模态框(Modal) --> | |
+ | <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="myModalLabel2">Timshel Info</h3> | ||
+ | <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> | ||
+ | |||
+ | </div> | ||
+ | <div class="modal-body">按下 ESC 按钮退出吧 。</div> | ||
+ | <div class="modal-footer"> | ||
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button> | <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="modal fade" id=" | + | <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> | |
− | + | ||
− | + | <!-- 模态框(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"> | |
− | + | <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> | |
− | + | <h4 class="modal-title" id="myModalLabel">模态框(Modal)标题</h4> | |
− | + | </div> | |
− | + | <div class="modal-body">按下 ESC 按钮退出呢。</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> | |
− | + | ||
+ | <!-- 按钮触发模态框 --> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <br><br> | ||
+ | <br> | ||
+ | <br> | ||
+ | <br> | ||
+ | |||
+ | |||
+ | <h3> Team Members</h3><br> | ||
Line 787: | Line 732: | ||
</div> | </div> | ||
− | + | </div> | |
+ | </div> | ||
+ | |||
+ | <div class="clearfix"> | ||
+ | </div> | ||
</div> | </div> | ||
</div> | </div> |