Difference between revisions of "Team:Warwick/Project"

 
(87 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">
+
<html>
−
<!-- Set the viewport width to device width for mobile -->
+
 
−
<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 class="row">
 
<div class="row">
−
<!-- PROJECT DESCRIPTION-->
+
    <!-- MAIN CONTENT-->
−
<div class="six columns">
+
<div class="eight columns">
 
<div class="sectiontitle">
 
<div class="sectiontitle">
−
<h4>Project name</h4>
+
<h4>Brixells: Achieving Spatial Organisation of Cells</h4>
−
</div>
+
</div></div>
−
<p>
+
<img src="https://static.igem.org/mediawiki/2015/2/2c/Project_Description_Breakdown_Image.png">
−
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.
+
<br><br><br><h5>Our aim is to develop a technique which allows precision control over the positioning of cells in space. </h5>
−
</p>
+
 
−
<dl class="tabs">
+
<p><br>Our goal can be broken down into two main steps:
−
<dd class="active"><a href="#simple1">Features</a></dd>
+
<ul>
−
<dd><a href="#simple2">What we did</a></dd>
+
<li> 1. Developing a method that enables cells to bind to a specific area. </li>  
−
<dd><a href="#simple3">Client's Feedback</a></dd>
+
<li> 2.       Creating a target to which the cells can attach. </li>
−
</dl>
+
 
−
<ul class="tabs-content">
+
</ul>
−
<li class="active" id="simple1Tab">
+
By modifying cells to express (and display) zinc finger proteins on their surface, we can engineer cells that have the ability to recognise and bind to specific sequences of double stranded DNA. The arrangement of these DNA strands can then allow the cells to be positioned in the desired area.  
−
<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>
+
−
<img src="images/check.png" alt=""><b>quibus ad genera</b>
+
−
</p>
+
−
</div>
+
−
</li>
+
−
<li id="simple2Tab">
+
−
<p>
+
−
Consectetur adipiscing elit. Et non ex maxima parte de tota iudicabis? Item de contrariis, a quibus ad genera formasque generum.
+
−
</p>
+
−
<p>
+
−
<img src="images/check.png" alt=""> genera formasque
+
−
</p>
+
−
<p>
+
−
<img src="images/check.png" alt=""> quibus ad genera
+
−
</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.
+
−
</p>
+
−
</li>
+
−
<li id="simple3Tab">
+
−
<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>
+
−
</p>
+
−
<p>
+
−
<i>"Adipiscing elit. Et non ex maxima parte de tota iudicabis? Item de contrariis, a quibus ad genera formasque generum."</i>
+
−
</p>
+
−
</li>
+
−
</ul>
+
−
</div>
+
−
<!-- 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/nivo1.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; bottom: 0px;"><img src="http://www.wowthemes.net/demo/studiofrancesca/images/temp/nivo1.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; bottom: 0px;"><img src="http://www.wowthemes.net/demo/studiofrancesca/images/temp/nivo1.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; bottom: 0px;"><img src="http://www.wowthemes.net/demo/studiofrancesca/images/temp/nivo1.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; bottom: 0px;"><img src="http://www.wowthemes.net/demo/studiofrancesca/images/temp/nivo1.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; bottom: 0px;"><img src="http://www.wowthemes.net/demo/studiofrancesca/images/temp/nivo1.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; bottom: 0px;"><img src="http://www.wowthemes.net/demo/studiofrancesca/images/temp/nivo1.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; bottom: 0px;"><img src="http://www.wowthemes.net/demo/studiofrancesca/images/temp/nivo1.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; bottom: 0px;"><img src="http://www.wowthemes.net/demo/studiofrancesca/images/temp/nivo1.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; bottom: 0px;"><img src="http://www.wowthemes.net/demo/studiofrancesca/images/temp/nivo1.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; bottom: 0px;"><img src="http://www.wowthemes.net/demo/studiofrancesca/images/temp/nivo1.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; bottom: 0px;"><img src="http://www.wowthemes.net/demo/studiofrancesca/images/temp/nivo1.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; bottom: 0px;"><img src="http://www.wowthemes.net/demo/studiofrancesca/images/temp/nivo1.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; bottom: 0px;"><img src="http://www.wowthemes.net/demo/studiofrancesca/images/temp/nivo1.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; bottom: 0px;"><img src="http://www.wowthemes.net/demo/studiofrancesca/images/temp/nivo1.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; bottom: 0px;"><img src="http://www.wowthemes.net/demo/studiofrancesca/images/temp/nivo1.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" rel="0">1</a><a class="nivo-control active" rel="1">2</a></div>
+
−
</div>
+
−
</div>
+
−
<!-- end sliderr-->
+
−
</div>
+
−
<div class="hr">
+
−
</div>
+
  
−
<!-- FOOOTER
+
<br><br><b>What we did:</b>
−
================================================== -->
+
 
−
<div id="footer">
+
<br><br> Zinc finger proteins are intracellular molecules that recognise (and bind) unique strands of double stranded DNA. We expressed these zinc fingers on the surface of our cell by attaching them to transmembrane proteins.
−
<footer class="row">
+
 
−
<p class="back-top floatright" style="display: none;">
+
<br>Using 4 different zinc fingers and anchor proteins, we planned to optimise the system by finding the best combinations of zinc fingers to anchor proteins.
−
<a href="#top"><span></span></a>
+
 
−
</p>
+
<br>By using immunofluorescence microscopy we were able to test the 2 main steps to achieving our goal. We looked at whether our anchor proteins were being expressed, as well as the binding between our zinc fingers and their unique binding domains. 
−
<div class="four columns">
+
<img src="https://static.igem.org/mediawiki/2015/8/8c/IanpictureiGEM.jpeg">
−
<h1>ABOUT US</h1>
+
<h5>Accomplishments:</h5>
−
Our goal is to keep clients satisfied!
+
 
−
</div>
+
<ul>
−
<div class="four columns">
+
<li> Presenting at the iGEM Giant Jamboree (Boston) 2015.</li>
−
<h1>GET SOCIAL</h1>
+
<li> Presenting at the Westminster iGEM meetup. </li>
−
<a class="social facebook" href="#"></a>
+
<li> Submitting 6 new parts to the <a href= "https://2015.igem.org/Team:Warwick/Parts">registry</a>.</li>
−
<a class="social twitter" href="#"></a>
+
<li> Running sessions in schools to teach the students about synthetic biology.</li>
−
<a class="social deviantart" href="#"></a>
+
<li> Educating the general public about synthetic biology.</li>
−
<a class="social flickr" href="#"></a>
+
<li> <a href= "https://2015.igem.org/Team:Warwick/Collaborations">Collaborating</a> with various iGEM teams. </li>
−
<a class="social dribbble" href="#"></a>
+
<li> Hosting 6 interns. </li>
−
</div>
+
<li> Discussing our idea with professionals in<a href= "https://2015.igem.org/Team:Warwick/Modelling3"> 3D printing</a>.</li>
−
<div class="four columns">
+
<li> Conducting a survey to gauge public opinion of synthetic biology.</li>
−
<h1 class="newsmargin">NEWSLETTER</h1>
+
<li> Speaking to various researchers about how our idea could be used in their field in the <a href= "<a href= "https://2015.igem.org/Team:Warwick/PracticesFuture">future</a>.</li>
−
<div class="row collapse newsletter floatright">
+
<li> Improving the <a href= "https://2015.igem.org/Team:Warwick/Description">characterisation</a> of part JO4450 in the registry.</li>
−
<div class="ten mobile-three columns">
+
<li> Successfully campaigning for and receiving £34,550 in funding.  </li>
−
<input type="text" class="nomargin" placeholder="Enter your e-mail address...">
+
 
−
</div>
+
</p>
−
<div class="two mobile-one columns">
+
−
<a href="#" class="postfix button expand">GO</a>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</footer>
+
 
</div>
 
</div>
−
<div class="copyright">
+
</html>
−
<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>
+
−
<!-- JAVASCRIPTS
+
−
================================================== -->
+
−
<!-- Javascript files placed here for faster loading -->
+
−
<!-- 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:25, 18 September 2015

Warwick iGEM 2015

Open Menu