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

 
(8 intermediate revisions by the same user not shown)
Line 1: Line 1:
  
 
<html>
 
<html>
 +
  <head>
 +
  <html>
 
   <head>
 
   <head>
 
     <meta charset="utf-8">
 
     <meta charset="utf-8">
Line 7: Line 9:
  
  
−
     <title>Team：BGIC-Union/PRACTICES/DESIGN</title>
+
     <title>Team：BGIC-Union</title>
  
 
   <head>
 
   <head>
 
    
 
    
−
        <link href='http://fonts.googleapis.com/css?family=Lato:400,300' rel='stylesheet' type='text/css'>
 
−
        <link href='http://fonts.googleapis.com/css?family=Raleway:400,300,500' rel='stylesheet' type='text/css'>
 
  
 
   <!-- Bootstrap core CSS -->
 
   <!-- Bootstrap core CSS -->
Line 25: Line 25:
 
/* fixed line holder */
 
/* fixed line holder */
 
.timelineLight .timeline_line {c
 
.timelineLight .timeline_line {c
−
margin-top:10px;
+
margin-top:50px;
 
margin-bottom:10px;
 
margin-bottom:10px;
 
width:900px;
 
width:900px;
 
}
 
}
−
 
+
.timelineLight
 +
{color: #fff;
 +
background: #ffe4e1;}
 
/* full (including months that are not shown) line holder */
 
/* full (including months that are not shown) line holder */
 
.timelineLight .t_line_holder {
 
.timelineLight .t_line_holder {
Line 144: Line 146:
 
height:380px;
 
height:380px;
 
text-align:center;
 
text-align:center;
−
background:url('../images/timeline/light/background-white.jpg') repeat;  
+
−
color:#545454;
+
color: #fff;
 +
background: #f7dae7;
 +
 
-moz-box-shadow: -3px 1px 6px rgba(0,0,0,0.4);
 
-moz-box-shadow: -3px 1px 6px rgba(0,0,0,0.4);
 
-webkit-box-shadow: -3px 1px 6px rgba(0,0,0,0.4);
 
-webkit-box-shadow: -3px 1px 6px rgba(0,0,0,0.4);
Line 153: Line 157:
  
 
/* ----- content - non-plugin elements ----- */
 
/* ----- content - non-plugin elements ----- */
−
.timelineLight .item img {
+
.timelineLight .item img class="center"{
 
margin-top:0;
 
margin-top:0;
 
width:200px;
 
width:200px;
Line 165: Line 169:
 
.timelineLight .item .read_more {
 
.timelineLight .item .read_more {
 
padding:2px 8px 2px 10px;
 
padding:2px 8px 2px 10px;
−
font-family: 'BebasNeueRegular';
+
font-family:Comic Sans MS;
 
font-size:20px;
 
font-size:20px;
 
float:right;
 
float:right;
Line 211: Line 215:
 
right:10px;
 
right:10px;
 
padding:2px 8px 2px 10px;
 
padding:2px 8px 2px 10px;
−
font-family: 'BebasNeueRegular';
+
font-family: Comic Sans MS;
 
font-size:20px;
 
font-size:20px;
 
color:#ffffff;
 
color:#ffffff;
Line 355: Line 359:
 
   <style type="text/css">
 
   <style type="text/css">
 
    
 
    
−
@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);
+
 
 
#top_title,#sideMenu { display: none !important; }
 
#top_title,#sideMenu { display: none !important; }
 
         #content {
 
         #content {
Line 364: Line 368:
 
         }
 
         }
  
−
 
+
#bodyContent
 +
{
 +
margin-top：0px !important;
 +
}
  
  
Line 371: Line 378:
 
}
 
}
  
−
#protocol{
+
 
−
font-size:20px;  
+
.mainstyle
−
font-color:#000;
+
{
−
border：3px solid#000;}
+
font-family: Comic Sans MS;
−
+
}
 
html, body {
 
html, body {
−
     margin: 0 !important;
+
     margin: 0 ;
−
     padding: 0 !important;
+
     padding: 0 ;
 
}
 
}
 
body {
 
body {
−
   background-color: #FFe4e1;
+
   background-color: #ffa07a;
−
   font-family: 'Montserrat', sans-serif;
+
  
 
     font-weight: 400;
 
     font-weight: 400;
 
     font-size: 14px;
 
     font-size: 14px;
Line 393: Line 400:
 
/* Titles */
 
/* Titles */
 
h1, h2, h3, h4, h5, h6 {
 
h1, h2, h3, h4, h5, h6 {
−
font-family: 'Montserrat', sans-serif;
+
font-family: Comic Sans MS;
 
     font-weight: 700;
 
     font-weight: 700;
 
     color: #333;
 
     color: #333;
Line 406: Line 413:
  
  
−
/* Paragraph &amp; Typographic */
+
 
 
p {
 
p {
 
     line-height: 28px;
 
     line-height: 28px;
 
     margin-bottom: 25px;
 
     margin-bottom: 25px;
 
     font-size: 16px;
 
     font-size: 16px;
 +
font-family: Comic Sans MS;
 
}
 
}
  
Line 468: Line 476:
  
 
.navbar-inverse {
 
.navbar-inverse {
−
padding-bottom: 70px;
+
padding-bottom: 30px;
−
padding-top: 70px;
+
padding-top: 0;
 
}
 
}
  
Line 479: Line 487:
 
.navbar-inverse .navbar-nav > li > a {
 
.navbar-inverse .navbar-nav > li > a {
 
color: white;
 
color: white;
 +
 
}
 
}
 +
  
 
.navbar-inverse .navbar-nav > li > a:hover {
 
.navbar-inverse .navbar-nav > li > a:hover {
Line 487: Line 497:
 
.navbar-brand {
 
.navbar-brand {
 
font-weight: 700;
 
font-weight: 700;
−
font-size: 20px;
+
font-size: 40px;
 
letter-spacing: 2px;
 
letter-spacing: 2px;
 +
backgroud: white;
 
}
 
}
  
 
.navbar-inverse .navbar-brand {
 
.navbar-inverse .navbar-brand {
 
color: white;
 
color: white;
 +
background-color: #FFA07A;
 +
 
}
 
}
  
 
.navbar-inverse .navbar-toggle {
 
.navbar-inverse .navbar-toggle {
 
border-color: transparent;
 
border-color: transparent;
 +
font-size: 12px;
 
}
 
}
  
Line 534: Line 548:
 
#footer p {
 
#footer p {
 
color: white;
 
color: white;
 +
font-family: Comic Sans MS;
 
}
 
}
  
Line 619: Line 634:
 
}
 
}
 
   </style>
 
   </style>
−
  <!-- slider -->
+
 
−
  <style type="text/css">
+
−
 
+
−
  /* Section Slider
+
−
========================================================= */
+
−
 
+
−
/* Carousel Slider
+
−
============================================== */
+
−
#slider_part {
+
−
    height: 900px;
+
−
    width: 100%;
+
−
    overflow: hidden;
+
−
background-color: #f2f2f2;
+
−
}
+
−
 
+
−
.carousel-caption {
+
−
    top: 30%;
+
−
    margin-top: -70px;
+
−
    text-shadow: none!important;
+
−
    left: 9%;
+
−
    right: 10%;
+
−
    -webkit-transition: all.3s ease 0s;
+
−
    -o-transition: all.3s ease 0s;
+
−
    transition: all.3s ease 0s;
+
−
    text-align: center;
+
−
}
+
−
 
+
−
.carousel-caption h3 {
+
−
    text-shadow: none;
+
−
    font-size: 70px;
+
−
    line-height: 92px;
+
−
    font-weight: 300;
+
−
    margin: 20px 0px;
+
−
    transition-delay: .3s;
+
−
    -webkit-transition-delay: .3s;
+
−
    -o-transition-delay: .3s;
+
−
    text-transform: capitalize!important;
+
−
}
+
−
 
+
−
.carousel-caption p {
+
−
    font-size: 46px;
+
−
    line-height: 62px;
+
−
    font-weight: 500;
+
−
    color: #fff;
+
−
    transition-delay: .3s;
+
−
    -moz-transition-delay: .3s;
+
−
    -o-transition-delay: .3s;
+
−
    margin: 40px 0px;
+
−
    text-transform: uppercase;
+
−
}
+
−
 
+
−
.carousel-caption img {
+
−
    border: 2px solid#fff;
+
−
    padding: 10px 10px 10px 20px;
+
−
}
+
−
 
+
−
.line {
+
−
    width: 100px;
+
−
    height: 5px;
+
−
    color: #222;
+
−
    margin: 0px auto;
+
−
}
+
−
 
+
−
.carousel-caption p i {
+
−
    font-size: 7px;
+
−
    margin: 0px 3px;
+
−
    position: relative;
+
−
    top: -3px;
+
−
}
+
−
 
+
−
.carousel .item {
+
−
    -webkit-transition: opacity .3s;
+
−
    -moz-transition: opacity .3s;
+
−
    -ms-transition: opacity .3s;
+
−
    -o-transition: opacity .3s;
+
−
    transition: opacity .3s;
+
−
}
+
−
 
+
−
.btn-featured {
+
−
    text-decoration: none;
+
−
    position: relative;
+
−
    -webkit-transition: all .3s ease-in-out;
+
−
    -o-transition: all .3s ease-in-out;
+
−
    transition: all .3s ease-in-out;
+
−
    background: transparent;
+
−
    border-radius: 2px;
+
−
    z-index: 1;
+
−
    font-weight: 500;
+
−
    font-size: 18px;
+
−
    line-height: 20px;
+
−
    padding: 15px 40px !important;
+
−
    text-transform: uppercase;
+
−
    margin-top: 20px;
+
−
    margin-right: 10px;
+
−
}
+
−
 
+
−
.carousel-control.left,.carousel-control.right {
+
−
    background-image: none !important;
+
−
    background-repeat: no-repeat !important;
+
−
}
+
−
 
+
−
.carousel-control {
+
−
    width: 4% !important;
+
−
}
+
−
 
+
−
.carousel-caption img {
+
−
    height: auto;
+
−
}
+
−
 
+
−
.carousel-indicators {
+
−
    bottom: 100px;
+
−
    width: 10%;
+
−
    left: 45%;
+
−
    margin: 0 auto;
+
−
    bottom: 30%;
+
−
}
+
−
 
+
−
.carousel-indicators li {
+
−
    width: 20px !important;
+
−
    height: 20px !important;
+
−
    border: 2px solid #FFF !important;
+
−
    margin: 0px !important;
+
−
    border-radius: 50%;
+
−
}
+
−
 
+
−
.carousel-control.left span {
+
−
    padding: 15px;
+
−
}
+
−
 
+
−
.slides-control .carousel-control i {
+
−
    line-height: 36px;
+
−
    font-size: 32px;
+
−
    padding-top: 6px;
+
−
    -moz-transition: all 500ms ease;
+
−
    -webkit-transition: all 500ms ease;
+
−
    -ms-transition: all 500ms ease;
+
−
    -o-transition: all 500ms ease;
+
−
    transition: all 500ms ease;
+
−
    border-radius: 50%;
+
−
    width: 50px;
+
−
    height: 50px;
+
−
}
+
−
 
+
−
.slides-control .carousel-control {
+
−
    position: absolute;
+
−
    width: 240px;
+
−
    top: 45%;
+
−
    z-index: 10;
+
−
}
+
−
 
+
−
.carousel-control.left {
+
−
    left: -15px;
+
−
}
+
−
 
+
−
.carousel-control.right {
+
−
    right: 0px;
+
−
}
+
−
 
+
−
.carousel-control.left {
+
−
    width: 120px;
+
−
    height: 40px;
+
−
}
+
−
 
+
−
.carousel-control.right {
+
−
    width: 120px;
+
−
    height: 40px;
+
−
}
+
−
 
+
−
.overlay-slide {
+
−
    background: #000;
+
−
    height: 65%;
+
−
    width: 100%;
+
−
}
+
−
 
+
−
.overlay-slide img {
+
−
    opacity: 1;
+
−
    width: 100%;
+
−
    height: auto;
+
−
}
+
−
 
+
−
/*-- Animation --*/
+
−
 
+
−
.carousel .item.active .animated2 {
+
−
    -webkit-animation: lightSpeedIn 1s ease-in 200ms both;
+
−
    animation: lightSpeedIn 1s ease-in 200ms both;
+
−
}
+
−
 
+
−
.carousel .item.active .animated3 .animated4 {
+
−
    -webkit-animation: bounceInLeft 1s ease-in-out 500ms both;
+
−
    animation: bounceInLeft 1s ease-in-out 500ms both;
+
−
}
+
−
.animated4 {color:#4169E1
+
−
}
+
−
.img{
+
−
-webkit-filter: brightness(1);
+
−
}
+
−
 
+
−
  </style>
+
 
   <!-- script -->
 
   <!-- script -->
 
   <script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
 
   <script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
Line 1,044: Line 862:
 
   <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>
+
 
−
<div class="column_full_size">
+
 
 +
<body>
 +
<div class="column_full_size top1">
 
<nav class="navbar navbar-inverse navbar-static-top" role="navigation">
 
<nav class="navbar navbar-inverse navbar-static-top" role="navigation">
 
     <div class="container-fluid">  
 
     <div class="container-fluid">  
Line 1,053: Line 873:
 
     <div>
 
     <div>
 
         <ul class="nav navbar-nav navbar-center">
 
         <ul class="nav navbar-nav navbar-center">
−
             <li class="active">  <a href="https://2017.igem.org/Team:BGIC-Union">HOME</a></li>
+
             <li class="active" >  <a href="https://2017.igem.org/Team:BGIC-Union"><b>HOME</b></a></li>
 
            
 
            
−
             <li class="dropdown">
+
              
−
                <a href="https://2017.igem.org/Team:BGIC-Union/Team" class="dropdown-toggle" data-toggle="dropdown">TEAM <b class="caret"></b> </a>
+
          <li> <a href="https://2017.igem.org/Team:BGIC-Union/Team">Team</a></li>
−
               
+
  <li class="dropdown">
 +
                            <a href="https://2017.igem.org/Team:BGIC-Union/Team" class="dropdown-toggle" data-toggle="dropdown"> <b class="caret"></b></a>
 
                 <ul class="dropdown-menu">
 
                 <ul class="dropdown-menu">
 
                     <li><a href="https://2017.igem.org/Team:BGIC-Union/Team">members</a></li>
 
                     <li><a href="https://2017.igem.org/Team:BGIC-Union/Team">members</a></li>
−
                                 <li><a href="https://2017.igem.org/Team:BGIC-Union/Team">collaborations</a></li>
+
                                 <li><a href="https://2017.igem.org/Team:BGIC-Union/Collaborations">collaborations</a></li>
−
<li><a href="https://2017.igem.org/Team:BGIC-Union/Team">sponsors</a></li>
+
−
<li><a href="https://2017.igem.org/Team:BGIC-Union/Team">attributions</a></li>
+
<li><a href="https://2017.igem.org/Team:BGIC-Union/Attributions">attributions</a></li>
 
                             </ul>
 
                             </ul>
 
             </li>
 
             </li>
 +
 +
                          <li> <a href="https://2017.igem.org/Team:BGIC-Union/Project">Project</a></li>
 +
 
<li class="dropdown ">
 
<li class="dropdown ">
−
                             <a href="https://2017.igem.org/Team:BGIC-Union/Project" class="dropdown-toggle" data-toggle="dropdown">RPOJECT <b class="caret"></b>
+
                             <a href="https://2017.igem.org/Team:BGIC-Union/Project" class="dropdown-toggle" data-toggle="dropdown"> <b class="caret"></b></a>
 
</a>
 
</a>
 
                             <ul class="dropdown-menu" >
 
                             <ul class="dropdown-menu" >
−
                                 <li><a href="https://2017.igem.org/Team:BGIC-Union/Project">problems</a></li>
+
                                 <li><a href="https://2017.igem.org/Team:BGIC-Union/Description">description</a></li>
−
<li><a href="https://2017.igem.org/Team:BGIC-Union/Project">solutions</a></li>
+
<li><a href="https://2017.igem.org/Team:BGIC-Union/Design">design</a></li>
−
<li><a href="https://2017.igem.org/Team:BGIC-Union/Project">our design</a></li>
+
<li><a href="https://2017.igem.org/Team:BGIC-Union/Results">results</a></li>
−
                                <li><a href="https://2017.igem.org/Team:BGIC-Union/Project">results</a></li>
+
                         
−
<li><a href="https://2017.igem.org/Team:BGIC-Union/Project">interlab</a></li>
+
<li><a href="https://2017.igem.org/Team:BGIC-Union/Demonstrate">demonstrate</a></li>
−
                                <li><a href="https://2017.igem.org/Team:BGIC-Union/Project">references</a></li>
+
                                <li><a href="https://2017.igem.org/Team:BGIC-Union/Improve">improve</a></li>
 +
<li><a href="https://2017.igem.org/Team:BGIC-Union/References">references</a></li>
 
                             </ul>
 
                             </ul>
 
                         </li>
 
                         </li>
−
                         <li class="dropdown ">
+
                       
−
                            <a href="https://2017.igem.org/Team:BGIC-Union/Notebook" class="dropdown-toggle" data-toggle="dropdown">NOTEBOOK <b class="caret"></b></a>
+
                        <li>  <a href="https://2017.igem.org/Team:BGIC-Union/Lab">Lab</a></li>
 +
                         <li class="dropdown ">   <a href="https://2017.igem.org/Team:BGIC-Union/Lab" class="dropdown-toggle" data-toggle="dropdown"> <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/Notebook">protocol</a></li>
+
                                 <li><a href="https://2017.igem.org/Team:BGIC-Union/Experiments">protocols</a></li>
−
                                 <li><a href="https://2017.igem.org/Team:BGIC-Union/Notebook">lab journal</a></li>
+
                                 <li><a href="https://2017.igem.org/Team:BGIC-Union/Notebook">notebook</a></li>
−
<li><a href="https://2017.igem.org/Team:BGIC-Union/Notebook">safety</a></li>
+
<li><a href="https://2017.igem.org/Team:BGIC-Union/InterLab">InterLab</a></li></ul>
−
                            </ul>
+
 
                         </li>
 
                         </li>
−
                        <li class="dropdown ">
+
                     
−
                             <a href="https://2017.igem.org/Team:BGIC-Union/Achievements" class="dropdown-toggle" data-toggle="dropdown">ACHIEVEMENTS <b class="caret"></b></a>
+
<li><a href="https://2017.igem.org/Team:BGIC-Union/Parts">Parts</a></li>
 +
                             <li class="dropdown "> <a href="https://2017.igem.org/Team:BGIC-Union/Parts" class="dropdown-toggle" data-toggle="dropdown"> <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/Achievements">parts</a></li>
+
                              <li><a href="https://2017.igem.org/Team:BGIC-Union/Basic_Parts">basic parts</a></li>
−
<li><a href="https://2017.igem.org/Team:BGIC-Union/Achievements">improvements</a></li>
+
<li><a href="https://2017.igem.org/Team:BGIC-Union/Composite_Parts">composite parts</a></li>
−
<li><a href="https://2017.igem.org/Team:BGIC-Union/Achievements">applications</a></li>
+
<li><a href="https://2017.igem.org/Team:BGIC-Union/Parts_Collection">parts collection</a></li>
−
<li><a href="https://2017.igem.org/Team:BGIC-Union/Achievements">provision</a></li>
+
 
 +
 
 
                             </ul>
 
                             </ul>
 
                         </li>
 
                         </li>
−
<li class="dropdown ">
+
−
                            <a href="https://2017.igem.org/Team:BGIC-Union/Practices&amp;Design" class="dropdown-toggle" data-toggle="dropdown">PRACTICES&amp;DESIGN <b class="caret"></b></a>
+
                      <li>    <a href="https://2017.igem.org/Team:BGIC-Union/Practices-Design">Practices-Design</a></li>
 +
                          <li class="dropdown "> <a href="https://2017.igem.org/Team:BGIC-Union/Practices-Design" class="dropdown-toggle" data-toggle="dropdown"> <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&amp;Design">communication</a></li>
+
                             
−
                                <li><a href="https://2017.igem.org/Team:BGIC-Union/Practices&amp;Design">meet-up</a></li>
+
                                 <li><a href="https://2017.igem.org/Team:BGIC-Union/HP/Silver">silver</a></li>
−
<li><a href="https://2017.igem.org/Team:BGIC-Union/Practices&amp;Design">public outreach</a></li>
+
<li><a href="https://2017.igem.org/Team:BGIC-Union/HP/Gold_Integrated">gold</a></li>
−
<li><a href="https://2017.igem.org/Team:BGIC-Union/Practices&amp;Design">marketing</a></li>
+
−
<li><a href="https://2017.igem.org/Team:BGIC-Union/Practices&amp;Design">sustainability</a></li>
+
<li><a href="https://2017.igem.org/Team:BGIC-Union/Engagement">public engagement</a></li>
−
<li><a href="https://2017.igem.org/Team:BGIC-Union/Practices&amp;Design">arts</a></li>
+
<li><a href="https://2017.igem.org/Team:BGIC-Union/Applied_Design">applied design</a></li>
 +
 
 +
<li><a href="https://2017.igem.org/Team:BGIC-Union/Entrepreneurship">entrepreneurship</a></li>
 
                             </ul>
 
                             </ul>
 
                         </li>
 
                         </li>
 
<li class="dropdown ">
 
<li class="dropdown ">
−
                             <a href="https://2017.igem.org/Team:BGIC-Union/Modeling" class="dropdown-toggle" data-toggle="dropdown">Modeling </a>
+
                             <a href="https://2017.igem.org/Team:BGIC-Union/Model">Model </a>
 
                         </li>
 
                         </li>
 
<li class="dropdown ">
 
<li class="dropdown ">
−
                             <a href="https://2017.igem.org/Team:BGIC-Union/Evaluation" class="dropdown-toggle" data-toggle="dropdown">EVALUATION </a>
+
                             <a href="https://2017.igem.org/Team:BGIC-Union/Safety">Safety </a>
 +
                        </li>
 +
<li class="dropdown ">
 +
                            <a href="https://2017.igem.org/Team:BGIC-Union/Evaluation" >EVALUATION </a>
 
                         </li>
 
                         </li>
 
         </ul>
 
         </ul>
Line 1,115: Line 949:
 
     </div>
 
     </div>
 
</nav>
 
</nav>
−
<!-- SUBMEU -->
+
−
        <div class="page-header">
+
−
            <div class="container">
+
−
                <h1 class="page-title pull-left">NOTEBOOK</h1>
+
−
                <ol class="breadcrumb">
+
−
                    <li><a href="#">Protocol</a></li>
+
−
                    <li><a href="#">Lab Journal</a></li>
+
−
                 
+
−
<li><a href="#">Safety</a></li>
+
−
                </ol>
+
−
            </div>
+
−
        </div>
+
−
        <!-- END SUBMENU -->
+
−
<!-- PROTOCOL -->
+
 
 
−
<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;"><p>prepare</p></div>
 
−
<div id="protocol" ><a href="#" onMouseOver="show(1)"><a href="#" onMouseOver="show(0)"><p>PCR reaction</p></a></a></div>
 
−
<div id="medal2" style="display:none;">
 
−
<p>ddddddd</p>
 
 
</div>
 
</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 -->
+
<!-- +++++ Projects Section +++++ -->
−
<!-- LAB JOURNAL -->
+
−
+
<div class="container pt" id="white">
−
<div class="page-content">
+
−
            <div class="container">
+
<div class="container pt">
−
<div>
+
<div class="row mt centered">
−
<h1 class="title">Lab Journal</h1>
+
<embed src="https://static.igem.org/mediawiki/2017/6/64/Lab_journal_2.pdf" width="800px" height="600px"/>
−
</div>
+
−
               
+
−
                <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><a href="https://static.igem.org/mediawiki/2017/6/64/Lab_journal_2.pdf">DOWNLOAD LAB JOURNAL</a>
−
                <br>
+
</div>
−
                <h3>title h3</h4>
+
</div><!-- /row -->
−
                <p>detail p <p>
+
</div><!-- /container -->
−
            </div>
+
−
        </div>
+
−
         
+
−
<!-- END SAFETY -->
+
−
<div id="footer">
+
−
<div class="container">
+
−
<div class="row">
+
−
<div class="col-lg-4">
+
−
    <p>F12 BGI-College，146 Beishan Road，Yantian District 518083
+
−
                                    </br> Shenzhen，Guangdong Province, China，Asia
+
−
                                </br>Phone:+86-755-36307888
+
−
                                </br>Email: info@genomics.cn
+
−
</br>Fax:+86-755-36307273</p>
+
−
</p>
+
−
</div><!-- /col-lg-4 -->
+
 
 
−
<div class="col-lg-4">
 
−
<h4>Links</h4>
 
−
<p>
 
−
<a href="#">SAFETY</a><br/>
 
−
<a href="#">PARTS</a><br/>
 
−
<a href="#">EVALUATION</a>
 
−
</p>
 
−
</div><!-- /col-lg-4 -->
 
 
 
−
<div class="col-lg-4">
+
         
−
<h4>BGIC-COLLEGE 2017</h4>
+
 
−
<img src="https://static.igem.org/mediawiki/2017/d/de/Repute-logo-light.png" width="60px" height="72px"></img>
+
−
<p></br><i class="fa-twitter">TWITTER:@BGIC-Union</i> </p>
+
−
+
−
</div><!-- /col-lg-4 -->
+
−
+
−
</div>
+
 
 
−
</div>
+
−
</div>
+
 
−
+
 
 +
 
 
   </body>
 
   </body>
 +
 
</html>
 
</html>

Latest revision as of 03:30, 2 November 2017

Team：BGIC-Union