Difference between revisions of "Team:GreatBay China/Team"

Line 323: Line 323:
 
<div class="container">  
 
<div class="container">  
 
<div class="row">
 
<div class="row">
<div class="Team">
+
<div class="top-nav col-md-2 column">
            <br><br><br><br><br><br><br><br><br><br>
+
<ul>
<h1> TEAM</h1><br>
+
<li>
            <h3> Team Leaders</h3><br>
+
                  <li>
<div class='line'>
+
<a href="#"><span>Team</span></a>                   
 
+
<div>
<div class="members" >
+
<a href="https://2018.igem.org/Team:GreatBay_China/Team">Team</a>  
 +
<a href="https://2018.igem.org/Team:GreatBay_China/Collaborations">Collaboration</a>  
 +
<a href="https://2018.igem.org/Team:GreatBay_China/Attributions">Attributions</a>  
 +
</div>  
 +
</li>
 +
<li>
 +
<a href="#"><span>Project</span></a>
 +
<div>
 +
<a href="https://2018.igem.org/Team:GreatBay_China/Description">Description</a>
 +
<a href="https://2018.igem.org/Team:GreatBay_China/Design">Design</a>
 +
<a href="https://2018.igem.org/Team:GreatBay_China/Experiments">Experiments</a>
 +
<a href="https://2018.igem.org/Team:GreatBay_China/Results" >Results</a>
 +
<a href="https://2018.igem.org/Team:GreatBay_China/Demonstrate">Demonstrate</a>
 +
<a href="https://2018.igem.org/Team:GreatBay_China/Improve" >Improve</a>
 +
</div>
 +
</li>
 +
<li>
 +
<a href="https://2018.igem.org/Team:GreatBay_China/Parts"><span>Parts</span></a>
 +
<div>
 +
<a href="https://2018.igem.org/Team:GreatBay_China/Basic_Part">Basic</a>
 +
<a href="https://2018.igem.org/Team:GreatBay_China/Composite_Part">Composite</a> 
 +
<a href="https://2018.igem.org/Team:GreatBay_China/Part_Collection">Collection</a>
 +
</div>
 +
 +
</li>
 +
<li>
 +
<a href="https://2018.igem.org/Team:GreatBay_China/Human_Practices"><span>HP</span></a>
 +
<div>
 +
<a href="https://2018.igem.org/Team:GreatBay_China/Engagement">Public <br>Engagement</a>
 +
<a href="https://2018.igem.org/Team:GreatBay_China/Applied_Design">Product </br> Design</a>  
 +
<a href="https://2018.igem.org/Team:GreatBay_China/HP/Gold_Integrated">Integrated HP</a>  
 +
</div>
 +
</li>
 +
<li>
 +
<a href="#"><span>Lab</span></a>
 +
<div>
 +
<a href="https://2018.igem.org/Team:GreatBay_China/Notebook">Notebook</a>  
 +
<a href="https://2018.igem.org/Team:GreatBay_China/Interlab">Interlab</a>
 +
</div>
 +
</li>
 +
<li>
 +
<a href="https://2018.igem.org/Team:GreatBay_China/Judging"><span>Judging</span></a>
 +
</li>
 +
<li>
 +
<a href="https://2018.igem.org/Team:GreatBay_China/Safety"><span>Safety</span></a>
 +
</li>
 +
<li>
 +
<a href="https://2018.igem.org/Team:GreatBay_China/Model"><span>Model</span></a>
 +
</li>
 +
<li id="active">
 +
<a href="https://2018.igem.org/Team:GreatBay_China"><span>Home</span></a>
 +
</li>
 +
</ul>
 +
</div>
 +
 +
 +
 +
<div class="rolldown col-md-8 col-md-offset-2 column">
 +
<div class="container">
 +
 +
<div class="row">
 +
<div class="header col-md-8">
 +
<img src="https://static.igem.org/mediawiki/2018/7/74/T--GreatBay_China--Top.png" />
 +
</div>
 +
</div>
 +
<div class="row">
 +
<span height="250px"></span>
 +
<h1 class="text-center">TEAM</h1><br>
 +
<h3> Team Leaders</h3><br>
 
 
<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
+
<div class="responsive">
<img class="photo" id='dtl' width="250px" src="https://static.igem.org/mediawiki/2018/5/55/T--GreatBay_China--dtl.jpg" />
+
<div class="img">
<h4>Alexis Zeng</h4>
+
<button class="btn btn-primary btn-lg photo" id='dtl' data-toggle="modal" data-target="#myModal">
</button>
+
<img src="https://static.igem.org/mediawiki/2018/5/55/T--GreatBay_China--dtl.jpg" alt="Alexis" width="300" height="200">
 +
</button>
 +
<div class="desc">Alexis Zeng 曾佳怡</div>
 +
</div>
 +
</div>
 +
  
  <!-- 模态框(Modal) -->
+
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+
<div class="modal-dialog">
  <div class="modal-dialog">
+
<div class="modal-content">
      <div class="modal-content">
+
<div class="modal-header">
          <div class="modal-header">
+
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
              <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+
<h3 class="modal-title" id="myModalLabel1">Alexis Info</h3>
                <h3 class="modal-title" id="myModalLabel1">Alexis Info</h3>
+
</div>
            </div>
+
<div class="modal-body">ESC</div>
            <div class="modal-body">按下 ESC 按钮退出。</div>
+
<div class="modal-footer">
            <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>
        </div><!-- /.modal-content -->
+
</div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
+
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
+
</div><!-- /.modal -->
 +
<div class="responsive">
 +
<div class="img">
 +
<button class="btn btn-primary btn-lg photo" id='dtl' data-toggle="modal" data-target="#myModal">
 +
<img src="https://static.igem.org/mediawiki/2018/6/6a/T--GreatBay_China--lwq1.jpg" alt="Lucinda" width="300" height="200">
 +
</button>
 +
<div class="desc">Timshel Lin 林炜倩</div>
 +
</div>
 +
</div>
 +
  
</div>
+
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="members"  >
+
<div class="modal-dialog">
 
+
<div class="modal-content">
<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal2">
+
<div class="modal-header">
<img class="photo" id='lwq' width="250px" src="https://static.igem.org/mediawiki/2018/6/6a/T--GreatBay_China--lwq1.jpg" />
+
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4>Timshel Lin</h4>
+
<h3 class="modal-title" id="myModalLabel1">Lucinda Info</h3>
</button>
+
</div>
 
+
<div class="modal-body">ESC</div>
  <!-- 模态框(Modal) -->
+
<div class="modal-footer">
<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>
        </div><!-- /.modal-content -->
+
</div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
+
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
+
</div><!-- /.modal -->
+
 
+
</div>
+
 
+
<div class="members"  >
+
  
 
 
 +
<div class="responsive">
 +
<div class="img">
 +
<button class="btn btn-primary btn-lg photo" id='dtl' data-toggle="modal" data-target="#myModal">
 +
<img src="https://static.igem.org/mediawiki/2018/0/07/T--GreatBay_China--yx.jpg" alt="Sean" width="300" height="200">
 +
</button>
 +
<div class="desc">Sean Yao 姚修</div>
 +
</div>
 +
</div>
 +
  
<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal3">
+
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<img class="photo" id='yx' width="250px" src="https://static.igem.org/mediawiki/2018/0/07/T--GreatBay_China--yx.jpg" />
+
<div class="modal-dialog">
<h4>Sean Yao</h4>
+
<div class="modal-content">
</button>
+
<div class="modal-header">
 
+
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
  <!-- 模态框(Modal) -->
+
<h3 class="modal-title" id="myModalLabel1">Sean Info</h3>
<div class="modal fade" id="myModal3" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+
</div>
    <div class="modal-dialog">
+
<div class="modal-body">ESC</div>
        <div class="modal-content">
+
<div class="modal-footer">
            <div class="modal-header">
+
              <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+
</div>
                <h4 class="modal-title" id="myModalLabel">模态框(Modal)标题</h4>
+
</div><!-- /.modal-content -->
            </div>
+
</div><!-- /.modal-dialog -->
            <div class="modal-body">按下 ESC 按钮退出呢。</div>
+
</div><!-- /.modal -->
            <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>
+
 
+
<h3> Team Members</h3><br>
<!-- 按钮触发模态框 -->
+
           </div>
 
+
                       
+
           
+
 
+
          <br><br>
+
<br>
+
<br>
+
<br>
+
 
+
           
+
            <h3> Team Members</h3><br>
+
          
+
  
 
<div class='line'>
 
<div class='line'>
Line 728: Line 783:
 
<br><br><br>
 
<br><br><br>
  
<div class='line'>
+
+
</div>
+
 
+
</div>
+
</div>
+
  
<div class="clearfix">
+
    </div>
</div>
+
 
</div>
 
</div>
 
</div>
 
</div>

Revision as of 05:06, 2 October 2018

GBC-Home

TEAM


Team Leaders


Alexis Zeng 曾佳怡
Timshel Lin 林炜倩
Sean Yao 姚修

Team Members





Instructor


Boxiang Wang

Primary PI


Haoqian Zhang

Secondary PI


Qiang Geng

Advisor


Yiming Dong

Xuanyu Zhao

Xuan Wang

Harry Jiang