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

(Prototype team page)
 
Line 1: Line 1:
{{BGIC-Union}}
 
 
<html>
 
<html>
 +
  <head>
 +
    <meta charset="utf-8">
 +
 
 +
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
  
<div class="column full_size">
 
  
<h1>Experiments</h1>
+
    <title>Team:BGIC-Union/Protocol</title>
<p>Describe the research, experiments, and protocols you used in your iGEM project. These should be detailed enough for another team to repeat your experiments.</p>
+
  
<p>
+
  <head>
Please remember to put all characterization and measurement data for your parts on the corresponding Registry part pages.  
+
 
</p>
+
        <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'>
  
</div>
+
<!-- progress -->
  
<div class="column half_size">
+
<!-- Bootstrap core CSS -->
<h5>What should this page contain?</h5>
+
    <link href="https://2017.igem.org/Template:BGIC-Union/bootstrap-css?action=raw&amp;ctype=text/css" rel="stylesheet">
<ul>
+
<!-- animate -->
<li> Protocols </li>
+
<link href="https://2017.igem.org/Template:BGIC-Union/animate-css?action=raw&amp;ctype=text/css" rel="stylesheet">
<li> Experiments </li>
+
  <!-- carousel -->
<li> Documentation of the development of your project </li>
+
  <link href="https://2017.igem.org/Template:BGIC-Union/owlcarousel-css?action=raw&amp;ctype=text/css" rel="stylesheet">
</ul>
+
  <link href=" https://2017.igem.org/Template:BGIC-Union/fontawesomemin2-css?action=raw&amp;ctype=text/css" rel="stylesheet">
  
</div>
 
  
<div class="column half_size">
+
  <!-- main -->
<h5>Inspiration</h5>
+
  <style type="text/css">
<ul>
+
 
<li><a href="https://2014.igem.org/Team:Colombia/Protocols">2014 Colombia </a></li>
+
@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);
<li><a href="https://2014.igem.org/Team:Imperial/Protocols">2014 Imperial </a></li>
+
#top_title,#sideMenu { display: none !important; }
<li><a href="https://2014.igem.org/Team:Caltech/Project/Experiments">2014 Caltech </a></li>
+
        #content {
</ul>
+
            width: 100%;
</div>
+
            margin: 0;
 +
            padding: 0;
 +
           
 +
        }
  
  
<div class="clear"></div>
 
  
  
<div class="column half_size">
+
#content{
 +
  background-color: #FFe4e1; !important;
 +
}
  
  
 +
 +
html, body {
 +
    margin: 0 !important;
 +
    padding: 0 !important;
 +
}
 +
body {
 +
  background-color: #FFe4e1;
 +
  font-family: 'Montserrat', sans-serif;
 +
    font-weight: 400;
 +
    font-size: 14px;
 +
    color: #555;
 +
    ;
 +
    -webkit-font-smoothing: antialiased;
 +
    -webkit-overflow-scrolling: touch;
 +
}
  
</div>
+
/* Titles */
 +
h1, h2, h3, h4, h5, h6 {
 +
font-family: 'Montserrat', sans-serif;
 +
    font-weight: 700;
 +
    color: #333;
 +
}
 +
 
 +
h1 {
 +
font-size: 35px;
 +
margin-top: 30px;
 +
margin-bottom: 30px;
 +
}
 +
 
 +
 
 +
 
 +
/* Paragraph &amp; Typographic */
 +
p {
 +
    line-height: 28px;
 +
    margin-bottom: 25px;
 +
    font-size: 16px;
 +
}
 +
 
 +
.centered {
 +
    text-align: center;
 +
}
 +
 
 +
/* Links */
 +
a {
 +
    color: #20B2AA;
 +
    word-wrap: break-word;
 +
 
 +
    -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
 +
    -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
 +
    -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
 +
    -o-transition: color 0.1s ease-in, background 0.1s ease-in;
 +
    transition: color 0.1s ease-in, background 0.1s ease-in;
 +
}
 +
 
 +
a:hover,
 +
a:focus {
 +
    color: #7b7b7b;
 +
    text-decoration: none;
 +
    outline: 0;
 +
}
 +
 
 +
a:before,
 +
a:after {
 +
    -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
 +
    -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
 +
    -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
 +
    -o-transition: color 0.1s ease-in, background 0.1s ease-in;
 +
    transition: color 0.1s ease-in, background 0.1s ease-in;
 +
}
 +
 
 +
hr {
 +
    display: block;
 +
    height: 1px;
 +
    border: 0;
 +
    border-top: 1px solid #ccc;
 +
    margin: 1em 0;
 +
    padding: 0;
 +
}
 +
 
 +
.copyrights{
 +
text-indent:-9999px;
 +
height:0;
 +
line-height:0;
 +
font-size:0;
 +
overflow:hidden;
 +
}
 +
 
 +
.navbar {
 +
text-transform: uppercase;
 +
margin-bottom: 0px;
 +
}
 +
 
 +
.navbar-inverse {
 +
padding-bottom: 70px;
 +
padding-top: 70px;
 +
}
 +
 
 +
.navbar-inverse {
 +
background-color: #FFA07A;
 +
border-color: #FA8072;
 +
}
 +
 
 +
.navbar-inverse .navbar-nav > li > a {
 +
color: white;
 +
}
 +
 
 +
.navbar-inverse .navbar-nav > li > a:hover {
 +
color: #222222;
 +
}
 +
 
 +
.navbar-brand {
 +
font-weight: 700;
 +
font-size: 20px;
 +
letter-spacing: 2px;
 +
}
 +
 
 +
.navbar-inverse .navbar-brand {
 +
color: white;
 +
}
 +
 
 +
.navbar-inverse .navbar-toggle {
 +
border-color: transparent;
 +
}
 +
 
 +
.progress-bar-theme {
 +
  background-color: #FFA07A;
 +
}
 +
 
 +
 
 +
/* Helpers */
 +
 
 +
.mt {
 +
margin-top: 40px;
 +
margin-bottom: 40px;
 +
}
 +
 
 +
.pt {
 +
padding-top: 50px;
 +
padding-bottom: 50px;
 +
}
 +
 
 +
 
 +
/* +++++ WRAP SECTIONS +++++ */
 +
 
 +
#ww {
 +
padding-top: 0px;
 +
padding-bottom: 70px;
 +
background-color: #f2f2f2;
 +
}
 +
 
 +
 
 +
#footer {
 +
background-color: #ADD8E6;
 +
padding-top: 50px;
 +
padding-bottom: 50px;
 +
}
 +
 
 +
#footer p {
 +
color: white;
 +
}
 +
 
 +
#footer h4 {
 +
color: white;
 +
text-transform: uppercase;
 +
padding-bottom: 20px;
 +
}
 +
 
 +
 
 +
/* +++++ Color Wraps / Blog Page +++++ */
 +
 
 +
#grey {
 +
padding-top: 60px;
 +
padding-bottom: 60px;
 +
background-color: #f2f2f2;
 +
}
 +
 
 +
#white {
 +
padding-top: 60px;
 +
padding-bottom: 60px;
 +
background-color: #ffffff;
 +
}
 +
 
 +
 
 +
 
 +
/* Blog Date*/
 +
bd {
 +
font-size: 12px;
 +
text-transform: uppercase;
 +
color: #d2d2d2;
 +
font-weight: 700;
 +
}
 +
 
 +
/* Blog Author*/
 +
ba {
 +
font-size: 12px;
 +
text-transform: uppercase;
 +
}
 +
 
 +
/* Blog Quote */
 +
.bq {
 +
font-size: 22px;
 +
padding-top: 30px;
 +
}
 +
 
 +
/* Blog Tags */
 +
bt {
 +
font-size: 12px;
 +
}
 +
 
 +
/* ================== PORTFOLIO IMAGES HOVER EFFECT ================== */
 +
/* Effects also are controled by hover.zoom.js */
 +
.zoom {
 +
    display:block;
 +
    position:relative;
 +
    overflow:hidden;
 +
    background:transparent url(https://static.igem.org/mediawiki/2017/f/fe/Bgic_loader.gif) no-repeat center;
 +
}
 +
 
 +
 
 +
    .zoomOverlay {
 +
        position:absolute;
 +
        top:0; left:0;
 +
        bottom:0; right:0;
 +
        display:none;
 +
        background-image:url(../img/zoom.png);
 +
        background-repeat:no-repeat;
 +
        background-position:center;
 +
    }
 +
 
 +
.zoom2 {
 +
opacity: 1;
 +
}
 +
 
 +
.zoom2:hover {
 +
opacity: 0.5;
 +
}
 +
 
 +
/* glyphicon Configuration */
 +
 
 +
.glyphicon {
 +
font-size: 40px;
 +
color: #1abc9c;
 +
}
 +
  </style>
 +
 
 +
  <script src="https://2017.igem.org/Template:BGIC-Union/newbootstrap-js?action=raw&amp;ctype=text/javascript"></script>
 +
 
 +
<!-- hover    --> 
 +
  <script src="https://2017.igem.org/Template:BGIC-Union/hovernew-js?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>
 +
 
 +
<body>
 +
<div class="column_full_size top1">
 +
<nav class="navbar navbar-inverse navbar-static-top" role="navigation">
 +
    <div class="container-fluid">
 +
    <div class="navbar-header">
 +
        <a class="navbar-brand" href="https://2017.igem.org/Team:BGIC-Union">BGIC-Union</a>
 +
        </div>
 +
    <div>
 +
        <ul class="nav navbar-nav navbar-center">
 +
            <li class="active" >  <a href="https://2017.igem.org/Team:BGIC-Union"><b>HOME</b></a></li>
 +
         
 +
           
 +
          <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">
 +
                    <li><a href="https://2017.igem.org/Team:BGIC-Union/Team">members</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/Sponsors">sponsors</a></li>
 +
<li><a href="https://2017.igem.org/Team:BGIC-Union/Attributions">attributions</a></li>
 +
                            </ul>
 +
            </li>
 +
 +
                          <li> <a href="https://2017.igem.org/Team:BGIC-Union/Project">Project</a></li>
 +
 +
<li class="dropdown ">
 +
                            <a href="https://2017.igem.org/Team:BGIC-Union/Project" class="dropdown-toggle" data-toggle="dropdown"> <b class="caret"></b></a>
 +
</a>
 +
                            <ul class="dropdown-menu" >
 +
                                <li><a href="https://2017.igem.org/Team:BGIC-Union/Description">description</a></li>
 +
<li><a href="https://2017.igem.org/Team:BGIC-Union/Design”></a>design</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/Model">model</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/Improve">improve</a></li>
 +
                            </ul>
 +
                        </li>
 +
                       
 +
                        <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">
 +
                                <li><a href="https://2017.igem.org/Team:BGIC-Union/Experiments">experiments</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/InterLab">InterLab</a></li></ul>
 +
                        </li>
 +
                     
 +
<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">
 +
                              <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/Composite_Parts">composite parts</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/Measurement">measurement</a></li>
 +
 
 +
                            </ul>
 +
                        </li>
 +
 +
                      <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">
 +
                                <li><a href="https://2017.igem.org/Team:BGIC-Union/Practices-Design">timeline</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/HP/Gold_Integrated">gold</a></li>
 +
<li><a href="https://2017.igem.org/Team:BGIC-Union/Gold_Integrated">integrated</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/Applied_Design">applied design</a></li>
 +
 
 +
<li><a href="https://2017.igem.org/Team:BGIC-Union/Entrepreneurship">entrepreneurship</a></li>
 +
                            </ul>
 +
                        </li>
 +
<li class="dropdown ">
 +
                            <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>
 +
        </ul>
 +
    </div>
 +
    </div>
 +
</nav>           <!-- PAGE CONTENT -->
 +
        <div class="page-content">
 +
            <div class="container">
 +
                <section>
 +
                    <!-- +++++ Projects Section +++++ -->
 +
 +
<div class="container pt">
 +
<div class="row mt centered">
 +
<embed src="https://static.igem.org/mediawiki/2017/3/30/Bgicprotocol.pdf" width="800px" height="600px"/>
 +
 +
</br><a href="https://static.igem.org/mediawiki/2017/3/30/Bgicprotocol.pdf">DOWNLOAD</a>
 +
</div>
 +
</div><!-- /row -->
 +
</div><!-- /container -->
 +
                </section>
 +
                <!-- END OUR CLIENTS -->
 +
            </div>
 +
        </div>
 +
        <!-- END PAGE CONTENT -->
 +
 +
<!-- +++++ Footer Section +++++ -->
 +
 +
<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">
 +
 +
<p>
 +
 +
<a href="https://2017.igem.org/Team:BGIC-Union/Applied_Design">Applied Design</a><br/>
 +
<a href="https://2017.igem.org/Team:BGIC-Union/Entrepreneurship">Entreprenuership</a><br/>
 +
<a href="https://2017.igem.org/Team:BGIC-Union/Gold_Integrated">Integrated HP</a><br/>
 +
                      <a href="https://2017.igem.org/Team:BGIC-Union/Engagement">Education & Public Engagement</a><br/>
 +
  <a href="https://2017.igem.org/Team:BGIC-Union/Model">Model</a><br/>
 +
<a href="https://2017.igem.org/Team:BGIC-Union/Evaluation">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>
 +
</div>
 +
 
 +
 
 +
 
 +
  </body>
 +
 
 +
 
 +
 
 +
     
  
 
</html>
 
</html>

Revision as of 00:49, 1 November 2017

Team:BGIC-Union/Protocol