Difference between revisions of "Team:Warwick/Parts"

 
(46 intermediate revisions by 4 users not shown)
Line 1: Line 1:
−
<html class=" js no-touch svg inlinesvg svgclippaths no-ie8compat js no-touch svg inlinesvg svgclippaths no-ie8compat" lang="en"><!--<![endif]--><head>
+
{{Warwick}}
−
<meta charset="utf-8">
+
 
−
<!-- Set the viewport width to device width for mobile -->
+
<html>
−
<meta name="viewport" content="width=device-width">
+
−
<title>Studio Francesca - Premium Theme by WowThemes.net</title>
+
−
<!-- CSS Files-->
+
−
<link rel="stylesheet" href="stylesheets/style.css">
+
  
−
<link rel="stylesheet" href="stylesheets/skins/blue.css">
 
−
<!-- skin color -->
 
−
<link rel="stylesheet" href="stylesheets/responsive.css">
 
−
<!-- IE Fix for HTML5 Tags -->
 
−
<!--[if lt IE 9]>
 
−
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
 
−
  <![endif]-->
 
−
</head>
 
−
<body>
 
−
<!-- HIDDEN PANEL
 
−
================================================== -->
 
−
<div id="panel">
 
−
<div class="row">
 
−
<div class="twelve columns">
 
−
<img src="images/info.png" class="pics" alt="info">
 
−
<div class="infotext">
 
−
Thank you for visiting my theme! Replace this with your message to visitors.
 
−
</div>
 
−
</div>
 
−
</div>
 
−
</div>
 
−
<p class="slide">
 
−
<a href="#" class="btn-slide"></a>
 
−
</p>
 
−
<!-- HEADER
 
−
================================================== -->
 
−
<div class="row">
 
−
<div class="headerlogo four columns">
 
−
<div class="logo">
 
−
<a href="index.html">
 
−
<h4>Studio Francesca</h4>
 
−
</a>
 
−
</div>
 
−
</div>
 
−
<div class="headermenu eight columns noleftmarg">
 
−
<nav id="nav-wrap"><div id="menu-icon">MENU</div>
 
−
<ul id="main-menu" class="nav-bar sf-menu l_tinynav1 sf-js-enabled sf-shadow">
 
−
<li class="current">
 
−
<a href="index.html" class="sf-with-ul">Home<span class="sf-sub-indicator"> »</span></a>
 
−
<ul style="display: none; visibility: hidden;">
 
−
<li><a href="index2.html">Without slider</a></li>
 
−
</ul>
 
−
</li>
 
−
<li>
 
−
<a href="#" class="sf-with-ul">Portofolio<span class="sf-sub-indicator"> »</span></a>
 
−
<ul style="display: none; visibility: hidden;">
 
−
<li><a href="portofolio2.html">2 Columns</a></li>
 
−
<li><a href="portofolio3.html">3 Columns</a></li>
 
−
<li><a href="portofolio4.html">4 Columns</a></li>
 
−
<li><a href="portofoliodetail.html">Project Details</a></li>
 
−
</ul>
 
−
</li>
 
−
<li>
 
−
<a href="#" class="sf-with-ul">Blog<span class="sf-sub-indicator"> »</span></a>
 
−
<ul style="display: none; visibility: hidden;">
 
−
<li><a href="blogpage1.html">Blog page style 1</a></li>
 
−
<li><a href="blogpage2.html">Blog page style 2</a></li>
 
−
<li><a href="blogpage3.html">Blog page style 3</a></li>
 
−
<li><a href="blogsinglepost.html">Single post</a></li>
 
−
</ul>
 
−
</li>
 
−
<li>
 
−
<a href="#" class="sf-with-ul">Pages<span class="sf-sub-indicator"> »</span></a>
 
−
<ul style="display: none; visibility: hidden;">
 
−
<li><a href="about.html">About us</a></li>
 
−
<li><a href="services.html">Services</a></li>
 
−
</ul>
 
−
</li>
 
−
<li>
 
−
<a href="#" class="sf-with-ul">Features<span class="sf-sub-indicator"> »</span></a>
 
−
<ul style="display: none; visibility: hidden;">
 
−
<li><a href="columns.html">Columns</a></li>
 
−
<li><a href="elements.html">Elements</a></li>
 
−
<li><a href="typography.html">Typography</a></li>
 
−
</ul>
 
−
</li>
 
−
<li>
 
−
<a href="contact.html">Contact</a>
 
−
</li>
 
−
</ul><select id="tinynav1" class="tinynav tinynav1"><option>MENU</option><option value="index.html">Home</option><option value="index2.html">- Without slider</option><option value="#">Portofolio</option><option value="portofolio2.html">- 2 Columns</option><option value="portofolio3.html">- 3 Columns</option><option value="portofolio4.html">- 4 Columns</option><option value="portofoliodetail.html">- Project Details</option><option value="#">Blog</option><option value="blogpage1.html">- Blog page style 1</option><option value="blogpage2.html">- Blog page style 2</option><option value="blogpage3.html">- Blog page style 3</option><option value="blogsinglepost.html">- Single post</option><option value="#">Pages</option><option value="about.html">- About us</option><option value="services.html">- Services</option><option value="#">Features</option><option value="columns.html">- Columns</option><option value="elements.html">- Elements</option><option value="typography.html">- Typography</option><option value="contact.html">Contact</option></select>
 
−
</nav>
 
−
</div>
 
−
</div>
 
−
<div class="clear">
 
−
</div>
 
 
<!-- SUBHEADER
 
<!-- SUBHEADER
 
================================================== -->
 
================================================== -->
 +
<a id="link1"></a>
 
<div id="subheader">
 
<div id="subheader">
 
<div class="row">
 
<div class="row">
−
<div class="twelve columns">
+
−
<p class="left">
+
−
PROJECT DETAIL
+
−
</p>
+
−
<p class="right">
+
−
<a href="portofolio2.html">View more projects</a>
+
−
</p>
+
−
</div>
+
 
</div>
 
</div>
 
</div>
 
</div>
 
<div class="hr">
 
<div class="hr">
 
</div>
 
</div>
 +
 
<!-- CONTENT  
 
<!-- CONTENT  
 
================================================== -->
 
================================================== -->
 +
 +
</div>
 +
 +
 
<div class="row">
 
<div class="row">
−
<!-- PROJECT DESCRIPTION-->
+
    <!-- MAIN CONTENT-->
−
<div class="six columns">
+
<div class="eight columns">
−
<div class="sectiontitle">
+
−
<h4>Project name</h4>
+
<div class="sectiontitle">
 +
<h4>Parts</h4>
 
</div>
 
</div>
−
<p>
+
</div>
−
Phasellus nec nibh id arcu pharetra blandit. Nullam mollis, lacus nec lacinia porttitor, odio eros laoreet nibh, at scelerisque magna justo eu turpis. Duis sed risus sit amet nunc cursus suscipit. Duis sed est turpis. Sed imperdiet elit eget massa consectetur sit amet rhoncus purus sagittis. Ut vitae nulla tempus erat accumsan porta a ut turpis. Suspendisse pharetra sagittis tellus, eu viverra neque molestie id.
+
<!-- Services List-->
−
</p>
+
<div class="twelve columns noleftmargin">
−
<dl class="tabs">
+
 
−
<dd class="active"><a href="#simple1">Features</a></dd>
+
  Our new parts are all versions of the same modular system, a fusion protein formed from a bacterial transmembrane domain and a zinc-finger domain, with linker domains between domains and a FLAG-tag for immunofluorescence staining. Each transmembrane/zinc-finger domain is independently interchangeable with other transmembrane/zinc-finger domains, though not interchangeable between each other (i.e. the transmembrane domain cannot be swapped for a zinc-finger domain and vice versa).
−
<dd><a href="#simple2">What we did</a></dd>
+
    <br> The purpose of this fusion protein is to allow bacteria (specifically <i>Escherichia coli</i>) to bind specific short double stranded DNA sequences at their surface; using immobilised DNA the cell should remain bound in place, or this protein can be used for cell identification (barcoding).
−
<dd><a href="#simple3">Client's Feedback</a></dd>
+
 
−
</dl>
+
<p>
−
<ul class="tabs-content">
+
<img src="https://static.igem.org/mediawiki/2015/5/5c/Warwick_Gene_Map.jpeg" align="middle">
−
<li class="active" id="simple1Tab">
+
−
<p>
+
−
Et non ex maxima parte de tota iudicabis? Item de contrariis, a quibus ad genera formasque generum venerunt. Sit enim idem caecus, debilis. Duo Reges: constructio interrete. Nulla tempus erat accumsan.
+
−
</p>
+
−
<div class="six columns noleftmargin">
+
−
<p>
+
−
<img src="images/check.png" alt=""><b>consectetur adipiscing</b>
+
−
</p>
+
−
<p>
+
−
<img src="images/check.png" alt=""><b>maxima parte</b>
+
−
</p>
+
−
</div>
+
−
<div class="six columns">
+
−
<p>
+
−
<img src="images/check.png" alt=""><b>genera formasque</b>
+
 
</p>
 
</p>
−
<p>
+
 
−
<img src="images/check.png" alt=""><b>quibus ad genera</b>
+
 
−
</p>
+
<br>
−
</div>
+
<p>_______________________________________________________________________________________________________________________________________</p> <h5>Lpp-OmpA-Zif268</h5>
−
</li>
+
<p>
−
<li id="simple2Tab">
+
This part is our construct with Lpp-OmpA as the transmembrane domain and the Zif268 1AAY fragment as the zinc-finger domain. The transmembrane domain can be exchanged with another using NdeI and AgeI, and the zinc-finger domain can be exchanged using NheI and ClaI. The entire construct is under the pL_lac promoter, and contains a C-terminal FLAG tag.
−
<p>
+
−
Consectetur adipiscing elit. Et non ex maxima parte de tota iudicabis? Item de contrariis, a quibus ad genera formasque generum.
+
 
</p>
 
</p>
 +
<p>
 +
<a href="http://parts.igem.org/Part:BBa_K1855000">Registry Link</a>
 +
</p>
 +
</div>
 +
<div class="twelve columns noleftmargin">
 +
<p>_______________________________________________________________________________________________________________________________________</p> <h5>Lpp-OmpA-sZF2</h5>
 
<p>
 
<p>
−
<img src="images/check.png" alt=""> genera formasque
+
This part is our construct with Lpp-OmpA as the transmembrane domain and sZF2 as the zinc-finger domain. The transmembrane domain can be exchanged with another using NdeI and AgeI, and the zinc-finger domain can be exchanged using NheI and ClaI. The entire construct is under the pL_lac promoter, and contains a C-terminal FLAG tag.
 
</p>
 
</p>
 +
<p>
 +
<a href="http://parts.igem.org/Part:BBa_K1855001">Registry Link</a>
 +
</p>
 +
</div>
 +
<div class="twelve columns noleftmargin">
 +
<p>_______________________________________________________________________________________________________________________________________</p> <h5>Lpp-OmpA-sZF10</h5>
 
<p>
 
<p>
−
<img src="images/check.png" alt=""> quibus ad genera
+
This part is our construct with Lpp-OmpA as the transmembrane domain and sZF10 as the zinc-finger domain. The transmembrane domain can be exchanged with another using NdeI and AgeI, and the zinc-finger domain can be exchanged using NheI and ClaI. The entire construct is under the pL_lac promoter, and contains a C-terminal FLAG tag.
 
</p>
 
</p>
 +
<p>
 +
<a href="http://parts.igem.org/Part:BBa_K1855002">Registry Link</a>
 +
</p>
 +
</div>
 +
<div class="twelve columns noleftmargin">
 +
<p>_______________________________________________________________________________________________________________________________________</p><h5>Lpp-OmpA-sZF14</h5>
 
<p>
 
<p>
−
Et non ex maxima parte de tota iudicabis? Item de contrariis, a quibus ad genera formasque generum venerunt. Sit enim idem caecus, debilis. Duo Reges: constructio interrete.
+
This part is our construct with Lpp-OmpA as the transmembrane domain and sZF14 as the zinc-finger domain. The transmembrane domain can be exchanged with another using NdeI and AgeI, and the zinc-finger domain can be exchanged using NheI and ClaI. The entire construct is under the pL_lac promoter, and contains a C-terminal FLAG tag.
 +
 
 
</p>
 
</p>
−
</li>
+
<p>
−
<li id="simple3Tab">
+
<a href="http://parts.igem.org/Part:BBa_K1855003">Registry Link</a>
 +
</p>
 +
</div>
 +
 
 +
 
 +
 
 +
 
 +
<div class="twelve columns noleftmargin">
 +
<p>_______________________________________________________________________________________________________________________________________</p><h5>INP-Zif268</h5>
 
<p>
 
<p>
−
<i>"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Et non ex maxima parte de tota iudicabis? Item de contrariis, a quibus ad genera formasque generum."</i>
+
This part is our construct with INP as the transmembrane domain and the Zif268 1AAY fragment as the zinc-finger domain. The transmembrane domain can be exchanged with another using NdeI and AgeI, and the zinc-finger domain can be exchanged using NheI and ClaI. The entire construct is under the pL_lac promoter, and contains a C-terminal FLAG tag.
 
</p>
 
</p>
 +
<p>
 +
<a href="http://parts.igem.org/Part:BBa_K1855004">Registry Link</a>
 +
</p>
 +
</div>
 +
 +
 +
 +
 +
 +
 +
 +
 +
<div class="twelve columns noleftmargin">
 +
<p>_______________________________________________________________________________________________________________________________________</p> <h5>BclA-Zif268
 +
</h5>
 
<p>
 
<p>
−
<i>"Adipiscing elit. Et non ex maxima parte de tota iudicabis? Item de contrariis, a quibus ad genera formasque generum."</i>
+
This part is our construct with BclA as the transmembrane domain and the Zif268 1AAY fragment as the zinc-finger domain. The transmembrane domain can be exchanged with another using NdeI and AgeI, and the zinc-finger domain can be exchanged using NheI and ClaI. The entire construct is under the pL_lac promoter, and contains a C-terminal FLAG tag.
 
</p>
 
</p>
−
</li>
+
<p>
−
</ul>
+
<a href="http://parts.igem.org/Part:BBa_K1855005">Registry Link</a>
−
</div>
+
</p>
−
<!-- end main content-->
+
−
<!-- SLIDER-->
+
−
<div class="six columns">
+
−
<div class="slider-wrapper theme-default">
+
−
<div id="slider" class="nivoSlider detailslider">
+
−
<img src="http://www.wowthemes.net/demo/studiofrancesca/images/temp/nivo3.jpg" data-thumb="" alt="" style="width: 189px; visibility: hidden; display: inline;">
+
−
<img src="http://www.wowthemes.net/demo/studiofrancesca/images/temp/nivo1.jpg" data-thumb="" alt="" style="width: 189px; visibility: hidden; display: inline;">
+
−
<img class="nivo-main-image" src="http://www.wowthemes.net/demo/studiofrancesca/images/temp/nivo3.jpg" style="display: inline; overflow: hidden; height: 117px; width: 189px;"><div class="nivo-caption"></div><div class="nivo-directionNav"><a class="nivo-prevNav">Prev</a><a class="nivo-nextNav">Next</a></div><div class="nivo-slice" name="0" style="left: 0px; width: 13px; height: 117px; opacity: 1; overflow: hidden; top: 0px;"><img src="http://www.wowthemes.net/demo/studiofrancesca/images/temp/nivo3.jpg" style="position:absolute; width:189px; height:auto; display:block !important; top:0; left:-0px;"></div><div class="nivo-slice" name="1" style="left: 13px; width: 13px; height: 117px; opacity: 1; overflow: hidden; top: 0px;"><img src="http://www.wowthemes.net/demo/studiofrancesca/images/temp/nivo3.jpg" style="position:absolute; width:189px; height:auto; display:block !important; top:0; left:-13px;"></div><div class="nivo-slice" name="2" style="left: 26px; width: 13px; height: 117px; opacity: 1; overflow: hidden; top: 0px;"><img src="http://www.wowthemes.net/demo/studiofrancesca/images/temp/nivo3.jpg" style="position:absolute; width:189px; height:auto; display:block !important; top:0; left:-26px;"></div><div class="nivo-slice" name="3" style="left: 39px; width: 13px; height: 117px; opacity: 1; overflow: hidden; top: 0px;"><img src="http://www.wowthemes.net/demo/studiofrancesca/images/temp/nivo3.jpg" style="position:absolute; width:189px; height:auto; display:block !important; top:0; left:-39px;"></div><div class="nivo-slice" name="4" style="left: 52px; width: 13px; height: 117px; opacity: 1; overflow: hidden; top: 0px;"><img src="http://www.wowthemes.net/demo/studiofrancesca/images/temp/nivo3.jpg" style="position:absolute; width:189px; height:auto; display:block !important; top:0; left:-52px;"></div><div class="nivo-slice" name="5" style="left: 65px; width: 13px; height: 117px; opacity: 1; overflow: hidden; top: 0px;"><img src="http://www.wowthemes.net/demo/studiofrancesca/images/temp/nivo3.jpg" style="position:absolute; width:189px; height:auto; display:block !important; top:0; left:-65px;"></div><div class="nivo-slice" name="6" style="left: 78px; width: 13px; height: 117px; opacity: 1; overflow: hidden; top: 0px;"><img src="http://www.wowthemes.net/demo/studiofrancesca/images/temp/nivo3.jpg" style="position:absolute; width:189px; height:auto; display:block !important; top:0; left:-78px;"></div><div class="nivo-slice" name="7" style="left: 91px; width: 13px; height: 117px; opacity: 1; overflow: hidden; top: 0px;"><img src="http://www.wowthemes.net/demo/studiofrancesca/images/temp/nivo3.jpg" style="position:absolute; width:189px; height:auto; display:block !important; top:0; left:-91px;"></div><div class="nivo-slice" name="8" style="left: 104px; width: 13px; height: 117px; opacity: 1; overflow: hidden; top: 0px;"><img src="http://www.wowthemes.net/demo/studiofrancesca/images/temp/nivo3.jpg" style="position:absolute; width:189px; height:auto; display:block !important; top:0; left:-104px;"></div><div class="nivo-slice" name="9" style="left: 117px; width: 13px; height: 117px; opacity: 1; overflow: hidden; top: 0px;"><img src="http://www.wowthemes.net/demo/studiofrancesca/images/temp/nivo3.jpg" style="position:absolute; width:189px; height:auto; display:block !important; top:0; left:-117px;"></div><div class="nivo-slice" name="10" style="left: 130px; width: 13px; height: 117px; opacity: 1; overflow: hidden; top: 0px;"><img src="http://www.wowthemes.net/demo/studiofrancesca/images/temp/nivo3.jpg" style="position:absolute; width:189px; height:auto; display:block !important; top:0; left:-130px;"></div><div class="nivo-slice" name="11" style="left: 143px; width: 13px; height: 117px; opacity: 1; overflow: hidden; top: 0px;"><img src="http://www.wowthemes.net/demo/studiofrancesca/images/temp/nivo3.jpg" style="position:absolute; width:189px; height:auto; display:block !important; top:0; left:-143px;"></div><div class="nivo-slice" name="12" style="left: 156px; width: 13px; height: 117px; opacity: 1; overflow: hidden; top: 0px;"><img src="http://www.wowthemes.net/demo/studiofrancesca/images/temp/nivo3.jpg" style="position:absolute; width:189px; height:auto; display:block !important; top:0; left:-156px;"></div><div class="nivo-slice" name="13" style="left: 169px; width: 13px; height: 117px; opacity: 1; overflow: hidden; top: 0px;"><img src="http://www.wowthemes.net/demo/studiofrancesca/images/temp/nivo3.jpg" style="position:absolute; width:189px; height:auto; display:block !important; top:0; left:-169px;"></div><div class="nivo-slice" name="14" style="left: 182px; width: 7px; height: 117px; opacity: 1; overflow: hidden; top: 0px;"><img src="http://www.wowthemes.net/demo/studiofrancesca/images/temp/nivo3.jpg" style="position:absolute; width:189px; height:auto; display:block !important; top:0; left:-182px;"></div></div><div class="nivo-controlNav"><a class="nivo-control active" rel="0">1</a><a class="nivo-control" rel="1">2</a></div>
+
 
</div>
 
</div>
−
</div>
 
−
<!-- end sliderr-->
 
−
</div>
 
−
<div class="hr">
 
−
</div>
 
  
−
<!-- FOOOTER
+
 
−
================================================== -->
+
 
−
<div id="footer">
+
 
−
<footer class="row">
+
<div class="clear">
−
<p class="back-top floatright" style="display: none;">
+
−
<a href="#top"><span></span></a>
+
−
</p>
+
−
<div class="four columns">
+
−
<h1>ABOUT US</h1>
+
−
Our goal is to keep clients satisfied!
+
−
</div>
+
−
<div class="four columns">
+
−
<h1>GET SOCIAL</h1>
+
−
<a class="social facebook" href="#"></a>
+
−
<a class="social twitter" href="#"></a>
+
−
<a class="social deviantart" href="#"></a>
+
−
<a class="social flickr" href="#"></a>
+
−
<a class="social dribbble" href="#"></a>
+
−
</div>
+
−
<div class="four columns">
+
−
<h1 class="newsmargin">NEWSLETTER</h1>
+
−
<div class="row collapse newsletter floatright">
+
−
<div class="ten mobile-three columns">
+
−
<input type="text" class="nomargin" placeholder="Enter your e-mail address...">
+
−
</div>
+
−
<div class="two mobile-one columns">
+
−
<a href="#" class="postfix button expand">GO</a>
+
−
</div>
+
 
</div>
 
</div>
−
</div>
+
−
</footer>
+
 +
</div>
 +
</div><!-- end main content-->
 +
 +
    <!-- SIDEBAR-->
 +
 +
 
 +
 
 
</div>
 
</div>
−
<div class="copyright">
 
−
<div class="row">
 
−
<div class="six columns">
 
−
©<span class="small"> Copyright 2015 Your Agency Name</span>
 
−
</div>
 
−
<div class="six columns">
 
−
<span class="small floatright"> "Studio Francesca" - WowThemes.net</span>
 
−
</div>
 
−
</div>
 
 
</div>
 
</div>
−
<!-- JAVASCRIPTS
+
</div>
−
================================================== -->
+
 
−
<!-- Javascript files placed here for faster loading -->
+
</html>
−
<!-- Javascript files placed here for faster loading -->
+
−
<script src="javascripts/foundation.min.js"></script>
+
−
<script src="javascripts/jquery.cycle.js"></script>
+
−
<script src="javascripts/app.js"></script>
+
−
<script src="javascripts/modernizr.foundation.js"></script>
+
−
<script src="javascripts/slidepanel.js"></script>
+
−
<script src="javascripts/scrolltotop.js"></script>
+
−
<script src="javascripts/hoverIntent.js"></script>
+
−
<script src="javascripts/superfish.js"></script>
+
−
<script src="javascripts/responsivemenu.js"></script>
+
−
<script src="javascripts/elasticslideshow.js"></script>
+
  
−
</body></html>
+
{{WarwickFooter}}

Latest revision as of 20:40, 17 September 2015

Warwick iGEM 2015

Open Menu