Difference between revisions of "Index.html"

(Created page with "<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta name="descri...")
 
(Blanked the page)
 
Line 1: Line 1:
<!DOCTYPE html>
 
<html lang="en">
 
  
<head>
 
<meta charset="utf-8">
 
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
 
<meta name="description" content="The Page Description">
 
<style type="text/css">@-ms-viewport{width: device-width;}</style>
 
<title>Team:Hamilton_McMaster-2015.igem.org</title>
 
<link rel="stylesheet" href="Template:Hamilton_McMaster/css/layers.min.css" media="screen">
 
<link rel="stylesheet" href="Template:Hamilton_McMaster/css/font-awesome.min.css" media="screen">
 
<link rel="stylesheet" href="Template:Hamilton_McMaster/css/style.css" media="screen">
 
<link rel="icon" href="favicon.ico">
 
</head>
 
 
<body class="page">
 
<!--NAVBAR-->
 
<header role="banner" class="transparent light">
 
<div class="row">
 
<div class="nav-inner row-content buffer-left buffer-right even clear-after">
 
<div id="brand">
 
<h1 class="reset"><a href="index.html"><img src="img/logo.png" alt="logo" ></a></h1>
 
</div><!-- brand -->
 
<a id="menu-toggle" href="#"><i class="fa fa-bars fa-lg"></i></a>
 
<nav>
 
<ul class="reset" role="navigation">
 
<li class="menu-item">
 
<a href="index.html">Home</a>
 
</li>
 
<li class="menu-item">
 
<a href="blog-4-columns-masonry.html">Project</a>
 
<ul class="sub-menu">
 
<li>
 
<a href="blog-4-columns-masonry.html">Four Columns Grid</a>
 
</li>
 
</ul>
 
</li>
 
<li class="menu-item">
 
<a href="blogpage.html">Blog</a>
 
</li>
 
<li class="menu-item">
 
<a href="team.html">Team</a>
 
</li>
 
</ul>
 
</li>
 
 
</ul>
 
</nav>
 
</div><!-- row-content -->
 
</div><!-- row -->
 
</header>
 
<!-- Title Page -->
 
<main role="main">
 
<div id="intro-wrap">
 
<div id="intro" class="preload" data-autoplay="5000" data-navigation="true" data-pagination="true" data-transition="fade">
 
 
<div class="intro-item" style="background-color: #1B8DCD">
 
<div class="intro-mockup-wrapper">
 
<div class="caption-mockup">
 
<h2>McMaster <a href="http://www.igem.org" style="color: #98cc9b"> iGEM</a></h2>
 
<h1>Automating Protein Production Using Multichromatic Light </h1>
 
</div><!-- caption -->
 
<div class="photocaption">
 
 
</div><!-- photocaption -->
 
<!-- <div class="intro-mockup">
 
<img src="img/projlogo.png" alt="">
 
</div> --><!-- intro-mockup -->
 
</div><!-- intro-mockup-wrapper -->
 
</div>
 
</div><!-- intro -->
 
</div><!-- intro-wrap -->
 
 
<div id="main">
 
<section class="row section text-light" style="background-color:#981A36">
 
<div class="row-content buffer even clear-after">
 
<div class="column six push-six last-special">
 
<h2>Abstract</h2>
 
<p>Light-based bacterial protein expression systems have been well documented. Tabor <i>et al</i>. demonstrated a multichromatic protein expression system in <i>E. coli</i> through the combination of the CcaR-CcaS green-light sensitive construct derived from cyanobacteria and a previously characterized red-light sensitive system. This could be leveraged for the expression of multiple genes by exposing the bacteria to different wavelengths of light, i.e. red and green. We propose the application of this construct to recombinant protein expression. Using genetic cloning and recombinant protein techniques, E. coli is concurrently transformed with three plasmids: a chromophore, a red-light sensitive system, and a green-light sensitive system. Protein expression is induced through shining red light on the bacterial population. Following this, cell lysis is triggered by shining green light, which is mediated by a T4 Holin/Endolysin system. This releases the protein of interest into the cell media, allowing for straightforward collection and purification. This system would have important applications in both research and industry, allowing for the optimization and potential automation of heterologous bacterial protein production.</p>
 
<a class="button transparent white" href="#">Explore</a>
 
</div>
 
<div class="side-mockup left-mockup animation">
 
<div class="slider iphone-slider black" data-autoplay="3000">
 
<figure>
 
<div><img src="img/abstract/img1.jpg" alt=""></div>
 
<div><img src="http://placehold.it/640x1136/ddd/fff&text=Beetle%20image" alt=""></div>
 
<div><img src="http://placehold.it/640x1136/ddd/fff&text=Beetle%20image" alt=""></div>
 
</figure>
 
</div>
 
</div>
 
</div>
 
</section>
 
 
<section class="row section text-light" style="background-color:#568F3F">
 
 
<div class="row-content buffer even clear-after">
 
<div class="slider desktop-slider white-controls" data-autoplay="3000">
 
<figure>
 
<div><img src="http://placehold.it/1148x630/ddd/fff&text=Beetle%20image" alt=""></div>
 
<div><img src="http://placehold.it/1148x630/ddd/fff&text=Beetle%20image" alt=""></div>
 
<div><img src="http://placehold.it/1148x630/ddd/fff&text=Beetle%20image" alt=""></div>
 
<div><img src="http://placehold.it/1148x630/ddd/fff&text=Beetle%20image" alt=""></div>
 
<div><img src="http://placehold.it/1148x630/ddd/fff&text=Beetle%20image" alt=""></div>
 
<div><img src="http://placehold.it/1148x630/ddd/fff&text=Beetle%20image" alt=""></div>
 
<div><img src="http://placehold.it/1148x630/ddd/fff&text=Beetle%20image" alt=""></div>
 
</figure>
 
</div>
 
</div>
 
</section>
 
 
<section class="row section text-light" style="background-color:#FFF">
 
<div class="caption-mockup">
 
<br>
 
<br>
 
<h2 style="color: #000">Sponsors</h2>
 
</div>
 
<div class="row-content buffer even clear-after">
 
 
<div class="slider desktop-slider white-controls" data-autoplay="3000">
 
 
<figure>
 
<div><img src="img/sponsors/01.png" alt=""></div>
 
<div><img src="img/sponsors/02.png" alt=""></div>
 
<div><img src="img/sponsors/03.png" alt=""></div>
 
<div><img src="img/sponsors/04.png" alt=""></div>
 
<div><img src="img/sponsors/05.png" alt=""></div>
 
<div><img src="img/sponsors/06.png" alt=""></div>
 
</figure>
 
</div>
 
</div>
 
</section>
 
 
</div><!-- id-main -->
 
</main><!-- main -->
 
 
<footer role="contentinfo">
 
<div class="row">
 
<div class="row-content buffer clear-after">
 
<section id="top-footer">
 
<div class="widget meta-social column three">
 
<h4>Follow Us</h4>
 
<ul class="inline">
 
<li><a href="https://twitter.com/iGEM_McMaster" class="twitter-share border-box"><i class="fa fa-twitter fa-lg"></i></a></li>
 
<li><a href="https://www.facebook.com/igemmcmaster" class="facebook-share border-box"><i class="fa fa-facebook fa-lg"></i></a></li>
 
<li><a href="https://instagram.com/igemmcmaster/" class="instagram-share border-box"><i class="fa fa-instagram fa-lg"></i></a></li>
 
<li><a href="https://mcmastergem.com" class="pinterest-share border-box"><i class="fa fa-home fa-lg"></i></a></li>
 
</ul>
 
</div>
 
</section><!-- top-footer -->
 
<section id="bottom-footer">
 
<p class="keep-left">&copy; 2015 mGEM - Designed by <a href="http://kushalpanchal.me" alt="Kushal Panchal">Kushal Panchal</a></p>
 
</section><!-- bottom-footer -->
 
</div><!-- row-content -->
 
</div><!-- row -->
 
</footer>
 
 
 
<script src="Template:Hamilton_McMaster/js/jquery.js"></script>
 
<script src="Template:Hamilton_McMaster/js/plugins.js"></script>
 
<script src="Template:Hamilton_McMaster/js/beetle.js"></script>
 
 
</body>
 
 
</html>
 

Latest revision as of 03:24, 19 September 2015