Line 1: | Line 1: | ||
{{EdigemUG16_Home}} | {{EdigemUG16_Home}} | ||
+ | <html lang="en"> | ||
− | |||
<head> | <head> | ||
− | <meta charset=" | + | |
− | < | + | <meta charset="utf-8"> |
− | + | <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
− | + | <meta name="viewport" content="width=device-width, initial-scale=1"> | |
− | < | + | <meta name="description" content=""> |
− | < | + | <meta name="author" content=""> |
− | < | + | |
− | < | + | <title>Attribution</title> |
− | < | + | |
− | <link rel="stylesheet" href="https:// | + | <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> |
− | + | <link href="http://fonts.googleapis.com/css?family=Pacifico" rel="stylesheet" type="text/css"> | |
− | + | ||
− | + | <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> | |
− | + | ||
− | <script src="https:// | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</head> | </head> | ||
− | |||
− | + | <body> | |
− | + | ||
− | + | ||
− | + | <style> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | |||
− | |||
− | |||
− | |||
− | + | #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear | |
− | + | { | |
− | + | display: none; | |
− | + | ||
− | + | ||
− | + | ||
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | #top_menu_under | |
− | + | { | |
− | + | height: 0; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | #top-section { | ||
+ | height: 0px; | ||
+ | border-top: 0; | ||
+ | border-left: none; | ||
+ | border-right: none; | ||
+ | } | ||
+ | #globalWrapper | ||
+ | { | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | border: 0px; | ||
+ | background-color: #ffffff; | ||
+ | margin: 0px; | ||
+ | padding: 0px; | ||
+ | font-size: 100% | ||
+ | } | ||
− | + | #content | |
− | + | { | |
− | + | width: 100%; | |
− | + | height: 100%; | |
− | + | margin-left: auto; | |
− | margin: | + | margin-right: auto; |
+ | background-color: #ffffff; | ||
padding: 0px; | padding: 0px; | ||
− | + | font-size: 100%; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | } | + | |
− | body { | + | html, body, .wrapper { /*-- changes default wiki settings -- |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | */ | |
width: 100%; | width: 100%; | ||
height: 100%; | height: 100%; | ||
− | } | + | margin: 0px; |
+ | padding: 0px; | ||
+ | background-color: #ffffff; | ||
+ | -webkit-background-size: cover; | ||
+ | -moz-background-size: cover; | ||
+ | -o-background-size: cover; | ||
+ | background-size: cover; | ||
+ | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | body { | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | font-family: Lora,"Helvetica Neue",Helvetica,Arial,sans-serif; | ||
+ | color: #fff; | ||
+ | background-color: #000; | ||
+ | } | ||
− | } | + | html { |
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | } | ||
− | p { | + | p { |
− | + | margin: 0 0 25px; | |
− | + | font-size: 18px; | |
− | + | line-height: 1.5; | |
− | } | + | } |
− | @media(min-width:768px) { | + | @media(min-width:768px) { |
− | + | p { | |
− | + | margin: 0 0 35px; | |
− | + | font-size: 20px; | |
− | + | line-height: 1.6; | |
− | + | } | |
− | } | + | } |
+ | /*foreword*/ | ||
− | .intro { | + | .intro-header { |
− | + | background-color: #777777; | |
− | + | background: no-repeat center center; | |
− | + | background-attachment: scroll; | |
− | + | ||
− | + | ||
− | background- | + | |
− | background: | + | |
-webkit-background-size: cover; | -webkit-background-size: cover; | ||
-moz-background-size: cover; | -moz-background-size: cover; | ||
background-size: cover; | background-size: cover; | ||
-o-background-size: cover; | -o-background-size: cover; | ||
− | } | + | margin-bottom: 50px; |
+ | } | ||
+ | .intro-header .site-heading, | ||
+ | .intro-header .post-heading, | ||
+ | .intro-header .page-heading { | ||
+ | padding: 100px 0 50px; | ||
+ | color: white; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | header .intro-text { | |
− | + | padding-top: 50px; | |
− | + | padding-bottom: 50px; | |
− | + | } | |
− | } | + | |
− | + | header .intro-text .intro-lead-in { | |
− | + | margin-bottom: 25px; | |
− | + | font-family: "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif; | |
− | + | font-size: 22px; | |
− | + | line-height: 22px; | |
+ | text-color: #fff; | ||
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | header .intro-text .intro-heading { | |
− | + | margin-bottom: 25px; | |
− | + | text-transform: uppercase; | |
+ | font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; | ||
+ | font-size: 50px; | ||
+ | font-weight: 700; | ||
+ | line-height: 50px; | ||
+ | } | ||
− | + | @media(min-width:768px) { | |
− | + | header .intro-text { | |
− | + | padding-top: 50px; | |
− | } | + | padding-bottom: 100px; |
+ | } | ||
− | . | + | header .intro-text .intro-lead-in { |
− | { | + | margin-bottom: 25px; |
− | + | font-family: "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif; | |
− | + | font-size: 40px; | |
− | } | + | line-height: 40px; |
+ | } | ||
− | . | + | header .intro-text .intro-heading { |
− | { | + | margin-bottom: 50px; |
− | + | text-transform: uppercase; | |
− | + | font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; | |
− | + | font-size: 75px; | |
− | } | + | font-weight: 700; |
+ | line-height: 75px; | ||
+ | } | ||
+ | } | ||
− | |||
+ | section { | ||
+ | padding: 0; | ||
+ | } | ||
− | + | section h2.section-heading | |
− | + | { | |
− | + | margin-top: 0; | |
− | + | margin-bottom: 15px; | |
+ | font-size: 40px; | ||
+ | color: white; | ||
+ | border-bottom: none; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | } | + | } |
− | + | section h3.section-subheading { | |
− | + | margin-bottom: 75px; | |
− | + | text-transform: none; | |
− | + | font-family: "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif; | |
− | + | font-size: 16px; | |
− | + | font-weight: 400; | |
− | + | } | |
− | } | + | |
− | + | section h11.section-subheading { | |
− | + | margin-bottom: 75px; | |
− | + | font-size: 16px; | |
− | + | font-weight: 400; | |
− | + | ||
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | @media(min-width:768px) { | |
− | + | section { | |
− | + | padding: 10px 0; | |
− | + | } | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | } | + | |
+ | .service-heading { | ||
+ | margin: 15px 0; | ||
+ | text-transform: none; | ||
+ | } | ||
− | + | .arrowtext | |
− | + | { | |
− | } | + | width: 100%; |
+ | display: block; | ||
+ | } | ||
− | + | .arrow | |
− | { | + | { |
− | + | height: 50px; | |
− | + | width: 100px; | |
− | + | opacity: 0.7; | |
− | + | } | |
− | + | ||
+ | th | ||
+ | { | ||
+ | color: #fff; | ||
+ | } | ||
− | } | + | td |
+ | { | ||
+ | color: #fff; | ||
+ | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | </style> | ||
+ | <!-- Navigation --> | ||
+ | <div id="custom-bootstrap-menu" class="navbar navbar-default navbar-fixed-top" role="navigation"> | ||
+ | <div class= "container-fluid"> | ||
+ | <!-- Navigation --> | ||
+ | <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation"> | ||
+ | <div class="container"> | ||
+ | <!-- Brand and toggle get grouped for better mobile display --> | ||
+ | <div class="navbar-header"> | ||
+ | <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> | ||
+ | <span class="sr-only">Toggle navigation</span> | ||
+ | <span class="icon-bar"></span> | ||
+ | <span class="icon-bar"></span> | ||
+ | <span class="icon-bar"></span> | ||
+ | </button> | ||
+ | <a class="navbar-brand" href="#"> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/9/92/Edinburgh_logo2_MINI.png" alt=""> | ||
+ | </a> | ||
+ | </div> | ||
− | + | <!-- Collect the nav links, forms, and other content for toggling --> | |
− | + | <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> | |
− | + | <ul class="nav navbar-nav"> | |
− | + | <li> | |
− | + | <a href="https://2016.igem.org/Team:Edinburgh_UG">Home</a> | |
− | + | </li> | |
− | + | <li class="dropdown"> | |
− | + | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Team<span class="caret"></span></a> | |
− | + | <ul class="dropdown-menu" role="menu"> | |
− | + | <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Team">Team</a></li> | |
− | + | <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Attribution">Attribution</a></li> | |
− | + | </ul> | |
− | + | </li> | |
− | + | <li class="dropdown"> | |
− | + | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Human Practices<span class="caret"></span></a> | |
− | + | <ul class="dropdown-menu" role="menu"> | |
− | + | <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Silver">Silver</a> </li> | |
− | + | <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Gold">Gold</a> </li> | |
− | + | <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Integrated_Practices">Integrated Practices</a> </li> | |
− | + | <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Engagement">Engagement</a> </li> | |
− | + | </ul> | |
− | + | </li> | |
− | + | <li class="dropdown"> | |
− | + | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Project<span class="caret"></span></a> | |
− | + | <ul class="dropdown-menu" role="menu"> | |
− | + | <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Description">Description</a></li> | |
− | + | <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Design">Design</a></li> | |
− | + | <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Proof">Proof of Concept</a></li> | |
− | + | <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Demonstrate">Demonstrate</a></li> | |
− | + | <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Notebook">Notebook</a></li> | |
− | + | <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Babbled2.0">Babbled2.0</a></li> | |
− | + | </ul> | |
− | + | </li> | |
− | + | <li class="dropdown"> | |
− | + | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Informatics<span class="caret"></span></a> | |
− | + | <ul class="dropdown-menu" role="menu"> | |
− | + | <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Lexicon_Encoding">Lexicon Encoding</a></li> | |
− | + | <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Error_Correction">Error Correction</a></li> | |
− | + | <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Encryption">Encryption</a></li> | |
− | + | <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Files">Files</a></li> | |
− | + | </ul> | |
− | + | </li> | |
− | + | <li class="dropdown"> | |
− | + | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Parts<span class="caret"></span></a> | |
− | + | <ul class="dropdown-menu" role="menu"> | |
− | + | <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Basic_Part">Basic Parts</a></li> | |
− | + | <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Composite_Part">Composite Parts</a></li> | |
− | + | <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Part_Collection">Part Collection</a> </li> | |
− | + | </ul> | |
− | + | </li> | |
− | + | <li> | |
− | + | <a href="#">Collaboration</a> | |
− | + | </li> | |
− | + | <li class="dropdown"> | |
− | + | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Awards<span class="caret"></span></a> | |
− | + | <ul class="dropdown-menu" role="menu"> | |
− | + | <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Entrepreneurship">Entrepreneurship</a></li> | |
− | + | <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Software">Software</a> </li> | |
− | + | </ul> | |
− | + | </li> | |
− | + | <li class="dropdown"> | |
− | + | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Safety<span class="caret"></span></a> | |
− | + | <ul class="dropdown-menu" role="menu"> | |
− | + | <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Safety">Lab Safety</a></li> | |
− | + | <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Biological Safety">Biological Safety</a></li> | |
− | + | </ul> | |
− | + | </li> | |
− | + | <li class="dropdown"> | |
− | + | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Interlab<span class="caret"></span></a> | |
− | + | <ul class="dropdown-menu" role="menu"> | |
− | + | <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Plate_Reader">Plate Reader</a></li> | |
− | + | </ul> | |
− | + | </li> | |
− | + | </ul> | |
− | + | </div> | |
− | + | <!-- /.navbar-collapse --> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
− | + | <!-- /.container --> | |
− | </ | + | </nav> |
</div> | </div> | ||
− | + | </div> | |
− | + | ||
− | + | <!-- End of menu --> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
<br> | <br> | ||
<br> | <br> | ||
− | < | + | <!-- Page Header --> |
− | < | + | <!-- Set your background image for this header on the line below. --> |
− | + | <header class="intro-header" style="background-image: url('https://static.igem.org/mediawiki/2016/c/c1/Pp1920.jpg')"> | |
− | + | <div class="container"> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
<div class="row"> | <div class="row"> | ||
− | <div class="col-lg- | + | <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1"> |
− | < | + | <div class="site-heading"> |
− | + | <h1>Proof of concept</h1> | |
− | + | <hr class="small"> | |
− | </ | + | </div> |
</div> | </div> | ||
</div> | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</div> | </div> | ||
+ | </header> | ||
− | |||
− | |||
− | |||
− | |||
− | < | + | <!-- Main Content --> |
+ | <div class="container"> | ||
+ | <div class="row"> | ||
+ | <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1"> | ||
+ | <div class="post-preview"> | ||
− | + | <br> | |
− | + | <p class="post-meta">BabblED have created a modular and accessible system to store data in DNA. We have demonstrated that data can be encoded into DNA, the DNA can be assembled using a modular system without the high expense of de novo synthesis, then read back with high fidelity and built-in error correction. | |
− | + | </p> | |
− | + | <p class="post-meta">Our multi-step proof of concept: </p> | |
− | + | <center><img class="img-responsive" | |
− | + | src="https://static.igem.org/mediawiki/2016/1/14/Proof_of_concept.docx.jpg" alt=""></center> | |
− | + | <br> | |
− | < | + | |
− | + | ||
</div> | </div> | ||
− | + | <hr> | |
− | + | <div class="post-preview"> | |
− | + | <h2 class="post-meta"> | |
− | + | Data-to-DNA software | |
− | + | </h2> | |
− | + | <br> | |
− | + | <p class="post-meta">We have written software in python which allows input data to be converted to DNA in the format of BabbleBlocks. The data library (for example an input list of words) is matched to a corresponding list of coding DNA sequences. The desired data to be encoded is then uploaded, or typed. The software gives and output of which BabbleBricks are required, and which order they are to be assembled. For automated labs a protocol script can be provided. | |
− | + | </p> | |
− | + | <p class="post-meta"> </p> | |
− | + | <p class="post-meta"> </p> | |
− | + | <p class="post-meta"> </p> | |
− | + | <p class="post-meta"> </p> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
+ | <hr> | ||
+ | <div class="post-preview"> | ||
+ | <h2 class="post-meta"> | ||
+ | Creation of BabbleBricks | ||
+ | </h2> | ||
+ | <br> | ||
+ | <p class="post-meta">BabbleBricks are designed to be housed in phytobrick compatible plasmids for storage. The BabbleBrick can be excised from the phytobrick when needed for assembly use. </p> | ||
+ | <p class="post-meta">Our BabbleBricks were created using complimentary primers with correct overhangs to be inserted into a plasmid. </p> | ||
+ | <p class="post-meta">To maintain a stock levels of the BabbleBricks replication of the plasmid was done by transforming into competent TOP10 e.coli cells. From these, the plasmid was then extracted, purified and mini prepped. This miniprep is now ready to use for assembly. </p> | ||
+ | <p class="post-meta"> Part No XX is an example of a BabbleBrick. In our Lexicon No. 1 it codes for the word “good”. </p> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</div> | </div> | ||
− | + | <hr> | |
− | + | <div class="post-preview"> | |
− | + | <h2 class="post-meta"> | |
− | + | Assembly of BabbleBricks | |
− | + | </h2> | |
− | + | <br> | |
− | < | + | <p class="post-meta">Creating BabbleBricks from BabbleBlocks (BioBrick device consisting of multiple BabbleBricks) is a demonstration of our new DNA assembly standard for encoding data. </p> |
− | + | <p class="post-meta">The assembly method is the sequential addition of BabbleBricks onto a growing chain anchored by a magnetic bead. Alternating AB and BA overhangs ensures only one BabbleBrick is added on per ligation step. </p> | |
− | < | + | <p class="post-meta">Once construct is compete, the DNA is meted off the magnetic bead. This can be stored as is, or digested and ligated into a phytobrick compatible plasmid: </p> |
− | + | <p class="post-meta">A polyagarose gel is used to ensure the correct product has been made. Here, we can see BabbleBlocks of varying lengths corresponding to the number of BabbleBricks added together. </p> | |
− | + | <p class="post-meta">This can be done because BabbleBricks are defined regular lengths, so we observe regular step-wise differences. BabbleBlocks are made of multiple BabbleBricks, and so are devices. </p> | |
− | + | ||
− | + | ||
</div> | </div> | ||
− | + | <div class="post-preview"> | |
− | + | <h2 class="post-meta"> | |
− | + | DNA-to-data Software | |
− | + | </h2> | |
− | <div class=" | + | <br> |
− | + | <p class="post-meta">To read the stored data the DNA is sequenced. In Edinburgh we have been using Sanger sequencing because our DNA constructs have repetitive sequences. These would be difficult to assemble using short read lengths of many next generation methods. Ideally however, we would want to use nanopore technology. The MiniION has long read lengths, and can be plugged into a USB port to be used with our software with the highest convenience for the end user. </p> | |
− | + | <p class="post-meta">The sequence is then read by the decoding software (link again). This uses XYZ to identify the coding regions of each BabbleBrick in order, and match it to the corresponding data fragment in the correct library. </p> | |
− | + | <p class="post-meta">This software can check and correct errors that may have occurred by sequencing or mutations. To demonstrate its ability modelling was done to allow the software to correct various incorrect input sequences. </p> | |
− | + | <p class="post-meta">We can see that the software was able to identify an error X% of the time, and correct it as shown. </p> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | |||
</div> | </div> | ||
+ | <hr> | ||
+ | <!-- Pager --> | ||
</div> | </div> | ||
− | |||
</div> | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</div> | </div> | ||
− | |||
− | + | <hr> | |
− | < | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | <div class="row"> | ||
+ | <div class="box"> | ||
+ | <div class="col-lg-12"> | ||
+ | <hr> | ||
+ | <h2 class="intro-text text-center">Follow | ||
+ | <strong>Us</strong> | ||
+ | </h2> | ||
+ | <hr> | ||
+ | <div class="intro-text text-center"> | ||
+ | <ul class="list-inline banner-social-buttons"> | ||
+ | <li> | ||
+ | <a href="https://twitter.com/EdiGEM2016"><img src="https://static.igem.org/mediawiki/2016/9/94/Edinburgh2_t2.jpg"></img></a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://www.facebook.com/EdiGEM2016"><img src="https://static.igem.org/mediawiki/2016/c/ce/Edinburgh2_f2.png"></img></a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://www.instagram.com/edigem2016/"><img src="https://static.igem.org/mediawiki/2016/6/64/Edinburgh2_insta2.png"></img></a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
</div> | </div> | ||
− | |||
</div> | </div> | ||
− | |||
</div> | </div> | ||
− | + | <br> | |
− | < | + | <br> |
− | + | ||
</body> | </body> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</html> | </html> |
Revision as of 20:48, 11 October 2016
Proof of concept
![](https://static.igem.org/mediawiki/2016/1/14/Proof_of_concept.docx.jpg)