|
|
| (47 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 -->
| + | <h1>Collaborations</h1> |
| − | <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">
| + | |
| − | OUR SERVICES
| + | |
| − | </p>
| + | |
| − | <p class="right">
| + | |
| − | Request a free quote
| + | |
| − | </p>
| + | |
| − | </div>
| + | |
| | </div> | | </div> |
| | </div> | | </div> |
| | <div class="hr"> | | <div class="hr"> |
| | + | </div> |
| | </div> | | </div> |
| | <!-- CONTENT | | <!-- CONTENT |
| Line 113: |
Line 18: |
| | <!-- MAIN CONTENT--> | | <!-- MAIN CONTENT--> |
| | <div class="eight columns"> | | <div class="eight columns"> |
| − | <div class="sectiontitle"> | + | |
| − | <h4>What we offer</h4> | + | <div class="sectiontitle"> |
| | + | <h4>Collaborations</h4> |
| | + | </div> |
| | </div> | | </div> |
| | <!-- Services List--> | | <!-- Services List--> |
| − | <div class="six columns noleftmargin"> | + | <div class="twelve columns noleftmargin"> |
| − | <h5 class="sidebartitle">Service 1</h5>
| + | |
| − | <p> | + | |
| − | <img src=" images/ settings.png" class=" pics" alt=""> Duis sit amet risus nunc. Maecenas a elementum urna. Quisque euismod pellentesque sem in feugiat. Mauris nulla urna, euismod sit amet placerat et, adipiscing sit amet nisi. Maecenas libero purus, pulvinar at blandit a, auctor non nulla. Fusce vitae tortor erat | + | |
| | + | <div class="twelve columns noleftmargin"> |
| | + | <p>_______________________________________________________________________________________________________________________________________</p><h5>NTNU Modelling Collaboration</h5> |
| | + | <p> <p style="float: left;"><img src=" https:/ /static.igem.org/mediawiki/2015/1/13/Warwickntunuloo.png" height=" 120px" width=" 120px" border="1px"> </p> |
| | + | After we came up with a model of DNA Origami arms and the sequences for them and how they would bond we wanted to model the probability of the <i>E.coli</i> arms forming fully and how this probability would change as length of the arms increased. We came up with a basic model but thought it would be beneficial if we sought outside help with the mathematics. <br> |
| | + | We got in contact with NTNU to ask for assistance and they came back with a stochastic method for calculating said probabilities. After discussing the problem further we came up with various equations such as S_i= Σ_j (K_i,j / Σ_j K_i,j ) log K_i,j / E_j[K_i,j], where S is how well a zinc finger binds to an arm and P_i = S_i / W (S_i) where P is the probability of formation for that zinc finger arm. |
| | + | |
| | </p> | | </p> |
| | </div> | | </div> |
| − | <div class="six columns noleftmargin"> | + | <div class="twelve columns noleftmargin"> |
| − | <h5 class="sidebartitle">Service 2</h5> | + | <p>_______________________________________________________________________________________________________________________________________</p><h5>Oxford Collaboration</h5> |
| − | <p> | + | <p> <p style="float: left;"><img src=" https:/ /static.igem.org/mediawiki/2015/7/7c/Warwickocfordlogo.png" height=" 120px" width=" 120px" border="1px"> </p> |
| − | <img src=" images/ settings.png" class=" pics" alt=""> Duis sit amet risus nunc. Maecenas a elementum urna. Quisque euismod pellentesque sem in feugiat. Mauris nulla urna, euismod sit amet placerat et, adipiscing sit amet nisi. Maecenas libero purus, pulvinar at blandit a, auctor non nulla. Fusce vitae tortor erat. | + | One part of our project was create a DNA origami glue using a biobrick part from the distributed kit, specifically part BBa_K314110. Once we had designed it, we decided to collaborate with Oxford's iGEM team to help get it made. |
| | + | <br> Oxford's team sped up he production of our DNA origami by conducting a PCR using primers we had designed and sent to them to create seven PCR products, six of which would be directly used to create the DNA origami. |
| | + | <br> Once we received the PCR products, we combined and annealed them to form DNA origami structures, which could then be viewed under an electron micrograph. |
| | </p> | | </p> |
| | </div> | | </div> |
| − | <div class=" six columns noleftmargin"> | + | |
| − | <h5 class="sidebartitle">Service 3</h5> | + | |
| − | <p> | + | <div class=" twelve columns noleftmargin"> |
| − | <img src=" images/ settings.png" class=" pics" alt=""> Duis sit amet risus nunc. Maecenas a elementum urna. Quisque euismod pellentesque sem in feugiat. Mauris nulla urna, euismod sit amet placerat et, adipiscing sit amet nisi. Maecenas libero purus, pulvinar at blandit a, auctor non nulla. Fusce vitae tortor erat. | + | <p>_______________________________________________________________________________________________________________________________________</p><h5>Glasgow Collaboration</h5> |
| | + | <p> <p style="float: left;"><img src=" https://static.igem.org/mediawiki/2015/a/ae/ 2015-Glasgow-sticker.png" height=" 120px" width=" 120px" border="50px"> </p> |
| | + | We had one particular experiment which repeatedly caused an issue for us at the gel extraction stage. We found it difficult to get consistent results when using our gel extraction protocol, and thought it could be due to issues with the ethidium bromide gel we were using. At the iGEM 2015 London Meet up we met the team from Glasgow University. They had just presented an ethidium bromide free method of producing gels, which then did not need to be visualised using a blue light. Instead these gels were visible under normal conditions, which we saw as extremely helpful to solve our issue. Glasgow kindly packaged off and sent us some AzureA, with which we set out producing the gel. While this did not ultimately solve our issue (we ended up using a different dye altogether) we are still thankful for the opportunity to test out a fellow iGEM team's ideas. |
| | </p> | | </p> |
| | </div> | | </div> |
| − | <div class=" six columns noleftmargin"> | + | |
| − | <h5 class="sidebartitle">Service 4</h5>
| + | <div class="twelve columns noleftmargin"> |
| − | <p> | + | <p>_______________________________________________________________________________________________________________________________________</p> <h5>Manchester-Graz Collaboration</h5></div> |
| − | <img src=" images/ settings. png" class=" pics" alt=""> Duis sit amet risus nunc. Maecenas a elementum urna. Quisque euismod pellentesque sem in feugiat. Mauris nulla urna, euismod sit amet placerat et, adipiscing sit amet nisi. Maecenas libero purus, pulvinar at blandit a, auctor non nulla. Fusce vitae tortor erat. | + | <p><p style="float: left;"><img src="https://static.igem.org/mediawiki/2015/8/80/Manchester-Graz_Banner_big_obelix.jpg" height="120px" width="240px" border="1px"></p> |
| | + | <p><p style="float: right;"><img src=" https:// static. igem.org/mediawiki/2015/8/86/Warwickmanceshter.jpg" height=" 480px" width=" 240px" border="10px"> </p> <br><br><br><br> |
| | + | A key element of iGEM is outreach into schools in order to get the next generation of scientists thinking about synthetic biology and what they can do. As one of our team was born and bred Mancunion, we decided to set out on a collaborative outreach with the Manchester-Graz team. This involved iGEM members from the competing teams pairing up via the web to prepare lessons and presentations; ultimately leading to a full day of teaching where we presented to over 450 students. Our aim was to get the students thinking about going to university, studying a scientific degree, and for the older students; what they could achieve with synthetic biology. This collaboration brought together two teams to work alongside each other to plan and execute outreach within a school, this enabled a variety of experiences to be shared with students. We see this collaboration as a success; the Manchester-Graz team were fantastic to work with, and feedback from teachers has been hugely positive! |
| | + | |
| | </p> | | </p> |
| | </div> | | </div> |
| − | <div class="clear">
| + | |
| − | </div> | + | |
| − | <br> | + | |
| − | <div class="panel"> | + | |
| − | <p>
| + | |
| − | <b>Phasellus luctus ante in eros suscipit aliquet. Donec convallis scelerisque tellus, quis vulputate lacus laoreet sed. Mauris vitae ultricies neque. Nullam arcu neque, posuere et accumsan quis, euismod id leo. Donec tristique, nisi vel tincidunt faucibus, velit eros pulvinar leo, in sollicitudin nisi nibh ac arcu.</b>
| + | |
| − | </p>
| + | |
| | </div> | | </div> |
| | </div><!-- end main content--> | | </div><!-- end main content--> |
| | | | |
| | <!-- SIDEBAR--> | | <!-- SIDEBAR--> |
| − | <div class="four columns"> | + | |
| − | <!-- Free Quote Form-->
| + | |
| − | <h5>Have a project in mind?</h5>
| + | |
| − | <p>
| + | |
| − | Just provide some preliminary information and a our team will contact you as soon as possible.
| + | |
| − | </p>
| + | |
| − | <div class="done">
| + | |
| − | <div class="alert-box success">
| + | |
| − | Message has been sent! <a href="" class="close">x</a>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <div class="form">
| + | |
| − | <form method="post" action="contact.php" id="contactform">
| + | |
| − | <input type="text" name="name" class="smoothborder" placeholder="Your name *">
| + | |
| − | <input type="text" name="email" class="smoothborder" placeholder="E-mail address *">
| + | |
| − | <textarea name="comment" class="smoothborder" rows="6" placeholder="Describe your project *"></textarea>
| + | |
| − | <input type="submit" id="submit" class="readmore" value="Submit">
| + | |
| − | </form>
| + | |
| − | </div>
| + | |
| − | <br>
| + | |
| − | <!-- Accordion-->
| + | |
| − | <ul class="accordion">
| + | |
| − | <li class="active">
| + | |
| − | <div class="title">
| + | |
| − | <b>Don't miss our treats</b>
| + | |
| − | </div>
| + | |
| − | <div class="content accordiontrick">
| + | |
| − | <p>
| + | |
| − | Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
| + | |
| − | </p>
| + | |
| − | </div>
| + | |
| − | </li>
| + | |
| − | <li class="">
| + | |
| − | <div class="title">
| + | |
| − | <b>Holiday Services</b>
| + | |
| − | </div>
| + | |
| − | <div class="content accordiontrick">
| + | |
| − | <p>
| + | |
| − | Dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
| + | |
| − | </p>
| + | |
| − | <p>
| + | |
| − | Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
| + | |
| − | </p>
| + | |
| − | </div>
| + | |
| − | </li>
| + | |
| − | </ul>
| + | |
| − | </div><!-- end sidebar-->
| + | |
| | </div> | | </div> |
| | <div class="hr"> | | <div class="hr"> |
| | </div> | | </div> |
| | | | |
| − | <!-- FOOOTER
| + | |
| − | ================================================== -->
| + | </div> |
| − | <div id="footer">
| + | |
| − | <footer class="row">
| + | |
| − | <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>
| + | |
| − | </footer>
| + | |
| | </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"> Purchase "Studio Francesca" - WowThemes.net</span>
| |
| − | </div>
| |
| − | </div>
| |
| | </div> | | </div> |
| − | <!-- JAVASCRIPTS
| |
| − | ================================================== -->
| |
| − | <!-- Javascript files placed here for faster loading -->
| |
| − | <script src="javascripts/foundation.min.js"></script>
| |
| − | <script src="javascripts/jquery.easing.1.3.js"></script>
| |
| − | <script src="javascripts/elasticslideshow.js"></script>
| |
| − | <script src="javascripts/jquery.carouFredSel-6.0.5-packed.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>
| |
| | | | |
| − | </body></html>
| + | </html> |
| | + | {{WarwickFooter}} |
