Difference between revisions of "Team:BGIC-Union/Notebook"

Line 1: Line 1:
 +
 
<html>
 
<html>
 
   <head>
 
   <head>
Line 6: Line 7:
  
  
−
     <title>Team：BGIC-Union/PROJECT</title>
+
     <title>Team：BGIC-Union/PRACTICES/DESIGN</title>
  
 
   <head>
 
   <head>
Line 13: Line 14:
 
         <link href='http://fonts.googleapis.com/css?family=Raleway:400,300,500' rel='stylesheet' type='text/css'>
 
         <link href='http://fonts.googleapis.com/css?family=Raleway:400,300,500' rel='stylesheet' type='text/css'>
  
−
<!-- progress -->
+
  <!-- Bootstrap core CSS -->
−
 
+
−
<!-- Bootstrap core CSS -->
+
 
     <link href="https://2017.igem.org/Template:BGIC-Union/bootstrap-css?action=raw&amp;ctype=text/css" rel="stylesheet">
 
     <link href="https://2017.igem.org/Template:BGIC-Union/bootstrap-css?action=raw&amp;ctype=text/css" rel="stylesheet">
 
<!-- animate -->
 
<!-- animate -->
Line 372: Line 371:
 
}
 
}
  
−
 
+
#protocol{
 +
font-size:20px;
 +
font-color:#000;
 +
border：3px solid#000;}
 
 
 
html, body {
 
html, body {
Line 1,042: Line 1,044:
 
   <script src="https://2017.igem.org/Template:BGIC-Union/hoverzoomjs?action=raw&amp;ctype=text/javascript"></script>
 
   <script src="https://2017.igem.org/Template:BGIC-Union/hoverzoomjs?action=raw&amp;ctype=text/javascript"></script>
 
   </head>
 
   </head>
−
 
 
   <body>
 
   <body>
 
<div class="column_full_size">
 
<div class="column_full_size">
Line 1,094: Line 1,095:
 
                         </li>
 
                         </li>
 
<li class="dropdown ">
 
<li class="dropdown ">
−
                             <a href="https://2017.igem.org/Team:BGIC-Union/Practices-Design" class="dropdown-toggle" data-toggle="dropdown">PRACTICES&amp;DESIGN <b class="caret"></b></a>
+
                             <a href="https://2017.igem.org/Team:BGIC-Union/Practices-Design" class="dropdown-toggle" data-toggle="dropdown">PRACTICES-DESIGN <b class="caret"></b></a>
 
                             <ul class="dropdown-menu" role="menu">
 
                             <ul class="dropdown-menu" role="menu">
 
                                 <li><a href="https://2017.igem.org/Team:BGIC-Union/Practices-Design">communication</a></li>
 
                                 <li><a href="https://2017.igem.org/Team:BGIC-Union/Practices-Design">communication</a></li>
Line 1,105: Line 1,106:
 
                         </li>
 
                         </li>
 
<li class="dropdown ">
 
<li class="dropdown ">
−
                             <a href="https://2017.igem.org/Team:BGIC-Union/Evaluation" class="dropdown-toggle" data-toggle="dropdown">Modeling </a>
+
                             <a href="https://2017.igem.org/Team:BGIC-Union/Modeling" class="dropdown-toggle" data-toggle="dropdown">Modeling </a>
 
                         </li>
 
                         </li>
 
<li class="dropdown ">
 
<li class="dropdown ">
Line 1,114: Line 1,115:
 
     </div>
 
     </div>
 
</nav>
 
</nav>
−
+
<!-- SUBMEU -->
−
<!-- +++++ Projects Section +++++ -->
+
        <div class="page-header">
−
+
            <div class="container">
−
<div class="container pt">
+
                <h1 class="page-title pull-left">NOTEBOOK</h1>
−
<div class="row mt">
+
                <ol class="breadcrumb">
−
<div class="col-lg-6 col-lg-offset-3 centered">
+
                    <li><a href="#">Protocol</a></li>
−
<h3>PROJECT NAME</h3>
+
                    <li><a href="#">Lab Journal</a></li>
−
<hr>
+
                 
−
<P>PROBLEMS-PROBLEMS SOLVING</p>
+
<li><a href="#">Safety</a></li>
−
</div>
+
                </ol>
−
</div>
+
            </div>
−
<div class="row mt centered">
+
        </div>
−
<div class="col-lg-8 col-lg-offset-2">
+
        <!-- END SUBMENU -->
−
<p><img class="img-responsive" src="assets/img/portfolio/1.jpg" alt=""></p>
+
<!-- PROTOCOL -->
−
<p><img class="img-responsive" src="assets/img/portfolio/2.jpg" alt=""></p>
+
−
<p><img class="img-responsive" src="assets/img/portfolio/3.jpg" alt=""></p>
+
<div class="page-content">
 +
        <div class="container">
 +
<div>
 +
<h1 class="title">Protocol</h1>
 +
</div>       
 +
<div id="protocol"><a href="#" onMouseOver="show(0)"><p>Gel electrophoresis<p></a></div>
 +
<div id="medal1" style="display:none;"><h3>prepare</h3></div>
 +
<div id="protocol" ><a href="#" onMouseOver="show(1)"><a href="#" onMouseOver="show(0)"><h3>PCR reaction</h3></a></a></div>
 +
<div id="medal2" style="display:none;">
 +
<p>ddddddd</p>
 +
</div>
 +
 
 +
<a href="#" onMouseOver="show(1)">
 +
<script language="javascript">
 +
 +
 +
 +
function show(id)
 +
{
 +
var div= ["medal1","medal2","medal3"]
 +
for(i=0;i<3;i++)
 +
{
 +
document.getElementById(div[i]).style.display=(i==id?"block":"none")
 +
}
 +
}
 +
 +
</script>
 +
            </div>
 +
        </div>
 +
 +
<!-- END PROTOCOL -->
 +
<!-- LAB JOURNAL -->
 
 
−
</div>
+
<div class="page-content">
−
</div><!-- /row -->
+
            <div class="container">
−
</div><!-- /container -->
+
<div>
−
+
<h1 class="title">Lab Journal</h1>
−
<!-- +++++ Footer Section +++++ -->
+
</div>
−
+
               
−
<div id="footer">
+
                <p>summary p </p>
 +
                <br>
 +
                <h4 class="title">title h3</h4>
 +
                <p class="brief-description">detail p <p>
 +
            </div>
 +
        </div>
 +
<!-- END LAB JOURNAL -->
 +
 
 +
<!-- SAFETY -->
 +
 +
<div class="page-content">
 +
            <div class="container">
 +
<div>
 +
<H1 class="title">SAFETY</h1>
 +
</div>
 +
 +
                <p>summary p </p>
 +
                <br>
 +
                <h3>title h3</h4>
 +
                <p>detail p <p>
 +
            </div>
 +
        </div>
 +
         
 +
<!-- END SAFETY -->
 +
<div id="footer">
 
<div class="container">
 
<div class="container">
 
<div class="row">
 
<div class="row">
Line 1,169: Line 1,225:
 
</div>
 
</div>
 
</div>
 
</div>
−
</div>
+
 
   </body>
 
   </body>
 
</html>
 
</html>

Revision as of 08:15, 15 September 2017

Team：BGIC-Union/PRACTICES/DESIGN

NOTEBOOK

  1. Protocol
  2. Lab Journal
  3. Safety

Protocol

Lab Journal

summary p


title h3

detail p

SAFETY

summary p


title h3

detail p