Difference between revisions of "Template:CIEI-BJ"

Line 37: Line 37:
 
         <a id="t1" onMouseOver="javascript:show(this,'mydiv1');" onMouseOut="hide(this,'mydiv1')">鼠标放上去1</a>  
 
         <a id="t1" onMouseOver="javascript:show(this,'mydiv1');" onMouseOut="hide(this,'mydiv1')">鼠标放上去1</a>  
 
         -->
 
         -->
         <li><a href="https://2016.igem.org/Team:CIEI-BJ/Parts">Parts</a> </li>
+
         <li><a id="t3" onMouseOver="javascript:showfirst(this,'mydiv3');" onMouseOut="dalayedHide3(this,'mydiv3')">Parts</a></li>
 
         <li><a href="https://2016.igem.org/Team:CIEI-BJ/Safety">Safety</a> </li>
 
         <li><a href="https://2016.igem.org/Team:CIEI-BJ/Safety">Safety</a> </li>
 
         <li><a href="https://2016.igem.org/Team:CIEI-BJ/Attributions">Attributions</a> </li>
 
         <li><a href="https://2016.igem.org/Team:CIEI-BJ/Attributions">Attributions</a> </li>
Line 61: Line 61:
 
<script src="https://s3-us-west-2.amazonaws.com/mszpubliccloud/bootstrap.js"></script>
 
<script src="https://s3-us-west-2.amazonaws.com/mszpubliccloud/bootstrap.js"></script>
 
<!-- display:none; -->
 
<!-- display:none; -->
<div class="container well" id="mydiv1" style="border:1px solid silver;display:none;">
+
<!--  <div class="container well" id="mydiv1" style="border:1px solid silver;display:none;">  -->
 +
<div class="container well" id="mydiv1" style="border:1px solid silver;">
  
 
   <div class="row">
 
   <div class="row">
Line 126: Line 127:
 
   </div>
 
   </div>
 
</div>
 
</div>
 
+
<!--
 
<div class="container well" id="mydiv2" style="border:1px solid silver;display:none;">
 
<div class="container well" id="mydiv2" style="border:1px solid silver;display:none;">
 +
-->
 +
<div class="container well" id="mydiv2" style="border:1px solid silver;">
  
 
   <div class="row">
 
   <div class="row">
Line 152: Line 155:
 
</div>
 
</div>
 
</div>
 
</div>
 +
<p>&nbsp; </p>
 +
<div class="container well" id="mydiv3" style="border:1px solid silver;">
 +
  <div class="row">
 +
    <div class="col-lg-4 col-md-4 col-sm-6">
 +
      <div class="media">
 +
        <div class="media-left"> <a href="#"> <img class="media-object" src="file:///Macintosh HD/Users/shunzhema/Dropbox/images/35X35.gif" alt="..."></a></div>
 +
        <div class="media-body">
 +
          <h2 class="media-heading"><a href="https://2016.igem.org/Team:CIEI-BJ/Team">Parts</a></h2>
 +
          Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. </div>
 +
      </div>
 +
    </div>
 +
    <div class="col-lg-4 col-md-4 col-sm-6">
 +
      <div class="media">
 +
        <div class="media-left"> <a href="#"> <img class="media-object" src="file:///Macintosh HD/Users/shunzhema/Dropbox/images/35X35.gif" alt="..."></a></div>
 +
        <div class="media-body">
 +
          <h2 class="media-heading"><a href="https://2016.igem.org/Team:CIEI-BJ/Basic_Part">Basic Parts</a></h2>
 +
          Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. </div>
 +
      </div>
 +
      <div class="media">
 +
        <div class="media-left"> <a href="#"> <img class="media-object" src="file:///Macintosh HD/Users/shunzhema/Dropbox/images/35X35.gif" alt="..."></a></div>
 +
        <div class="media-body">
 +
          <h2 class="media-heading"><a href="https://2016.igem.org/Team:CIEI-BJ/Composite_Part">Composite Parts</a></h2>
 +
          Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. </div>
 +
      </div>
 +
      <div class="media">
 +
        <div class="media-left"> <a href="#"> <img class="media-object" src="file:///Macintosh HD/Users/shunzhema/Dropbox/images/35X35.gif" alt="..."></a></div>
 +
        <div class="media-body">
 +
          <h2 class="media-heading"><a href="https://2016.igem.org/Team:CIEI-BJ/Part_Collection">Part Collection</a></h2>
 +
          Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. </div>
 +
      </div>
 +
      <p>&nbsp;</p>
 +
      <p>&nbsp;</p>
 +
      <p>&nbsp;</p>
 +
      <p>&nbsp;</p>
 +
    </div>
 +
    <p>&nbsp;</p>
 +
    <p>&nbsp;</p>
 +
    <p>&nbsp;</p>
 +
    <p>&nbsp;</p>
 +
  </div>
 +
</div>
 +
<p>&nbsp;</p>
 
<script>
 
<script>
 
setTimeout(function() { $("#sideMenu").hide();}, 1000);
 
setTimeout(function() { $("#sideMenu").hide();}, 1000);
Line 157: Line 202:
 
setTimeout(function() { $("#sideMenu").hide();}, 2000);
 
setTimeout(function() { $("#sideMenu").hide();}, 2000);
 
setTimeout(function() { $("#sideMenu").hide();}, 5000);
 
setTimeout(function() { $("#sideMenu").hide();}, 5000);
</script>
+
  </script>
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 04:40, 3 October 2016

<Welcome to CIEI_BJ Wiki> Bootstrap Product Page Template

Description

Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.

Design

Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.

Experiments

Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.

Proof of Concept

Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.

Demonstrate

Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.

Results

Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.

Notebook

Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.

 

 

 

 

Meet the Team

Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.

Collaboration

Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.

 

 

 

 

 

Parts

Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.

Basic Parts

Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.

Composite Parts

Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.

Part Collection

Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.