|
|
(2 intermediate revisions not shown) |
Line 1: |
Line 1: |
- | <!DOCTYPE html> | + | <html> |
- | <html lang="en"> | + | <!--Thanks to Nelson's works.make Bootstrap template (any outside servers) perfectly work in iGEM wiki system. How to? First you buy a server and upload your websites, and then copy my code below, replace your servers address. Second, in every iGEM wiki page, put the similar code.(How to edit page? Replace your school name (and year ) in "https://2014.igem.org/wiki/index.php?title=Team:Nankai&action=edit" and put it in your browser) (and if you want to edit Nankai/Team, just add /Team in that address) Third, in every linkage, replace "href="xxx" by "onclick=window.parent.location.href="xxx"", if you have pdf file, please upload to iGEM and paste the address. If you have further question please feel free to ask Nelson's email: yuiuiuiuiui@163.com--> |
- | <head>
| + | |
- | <title>Magnetic - Stunning Responsive HTML5/CSS3 Photography Template</title>
| + | |
- | <meta charset="utf-8">
| + | |
- | <meta name="author" content="pixelhint.com">
| + | |
- | <meta name="description" content="Magnetic is a stunning responsive HTML5/CSS3 photography/portfolio website template"/>
| + | |
- | <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0" />
| + | |
- | <link rel="stylesheet" type="text/css" href="css/reset.css">
| + | |
- | <link rel="stylesheet" type="text/css" href="css/main.css">
| + | |
- | <script type="text/javascript" src="js/jquery.js"></script>
| + | |
- | <script type="text/javascript" src="js/main.js"></script>
| + | |
- | </head>
| + | |
- | <body>
| + | |
- | #search-controls{display:none;}
| + | |
- | .firstHeading{display:none;border:0px;}
| + | |
- | #siteSub{display:none;}
| + | |
- | <header>
| + | |
- | <div class="logo">
| + | |
- | <a href="index.html"><img src="img/logo.png" title="Magnetic" alt="Magnetic"/></a>
| + | |
- | </div><!-- end logo -->
| + | |
| | | |
- | <div id="menu_icon"></div>
| |
- | <nav>
| |
- | <ul>
| |
- | <li><a href="index.html">Home</a></li>
| |
- | <li><a href="#">Project</a></li>
| |
- | <li><a href="#">Physical Modeling </a></li>
| |
- | <li><a href="#">Parts</a></li>
| |
- | <li><a href="#">Practices</a></li>
| |
- | <li><a href="contact.html">Team</a></li>
| |
- | </ul>
| |
- | </nav><!-- end navigation menu -->
| |
| | | |
- | <div class="footer clearfix">
| + | <meta name="viewport" content="width=device-width, initial-scale=1"> |
- | <ul class="social clearfix">
| + | <script src="http://inankai.cn/igem/assets/jqueryv182.js"></script> |
- | <li><a href="#" class="fb" data-title="Facebook"></a></li>
| + | <script> |
- | <li><a href="#" class="google" data-title="Google +"></a></li>
| + | |
- | <li><a href="#" class="behance" data-title="Behance"></a></li>
| + | $('head').empty(); |
- | <!--<li><a href="#" class="twitter" data-title="Twitter"></a></li>
| + | $('body').empty().removeClass().css('margin','0'); |
- | <li><a href="#" class="dribble" data-title="Dribble"></a></li>-->
| + | |
- | <li><a href="#" class="rss" data-title="RSS"></a></li>
| + | var iframe = $('<iframe src="http://inankai.cn/igem/characterization.html" style="border: 0; width: 100%;"></iframe>').css('height',$(window).height()); |
- | </ul><!-- end social -->
| + | $('body').html(iframe); |
| | | |
- | <div class="rights">
| + | $(window).resize(function () { |
- | <p>Copyright © 2014 magnetic.</p>
| + | iframe.css('height',$(window).height()); |
- | <p>Template by <a href="">Pixelhint.com</a></p>
| + | }); |
- | </div><!-- end rights -->
| + | |
- | </div ><!-- end footer -->
| + | |
- | </header><!-- end header -->
| + | |
| | | |
- | <section class="main clearfix">
| + | </script> |
- | | + | |
- | <section class="top">
| + | |
- | <div class="wrapper content_header clearfix">
| + | |
- | <div class="work_nav">
| + | |
- |
| + | |
- | <ul class="btn clearfix">
| + | |
- | <li><a href="#" class="previous" data-title="Previous"></a></li>
| + | |
- | <li><a href="index.html" class="grid" data-title="Portfolio"></a></li>
| + | |
- | <li><a href="#" class="next" data-title="Next"></a></li>
| + | |
- | </ul>
| + | |
- |
| + | |
- | </div><!-- end work_nav -->
| + | |
- | <h1 class="title">Sed do eiusmod tempor incididunt ut labore et dolore seed magna aliqua.</h1>
| + | |
- | </div>
| + | |
- | </section><!-- end top -->
| + | |
- | | + | |
- | <section class="wrapper">
| + | |
- | <div class="content">
| + | |
- | <p>What we have to do is insert the genes rhlABRI to the plasmid pBBR1MCS-2. To accomplice this, we figure out 4 steps as followed.</p>
| + | |
- | <p>1.Restriction endonuclease site</p>
| + | |
- | <p>Considering P. aeruginosa SQ6 is a wild-type strain, we retained the genes’ native promoter from the strain. Comparing the restriction sites of multiple cloning sites of the plasmid pBBR1MCS-2 and the genes rhlABRI including the promoter, we chose the restriction endonuclease sites, Hind III and Sal I.</p>
| + | |
- | | + | |
- | | + | |
- | <h2>Nulla nec pellentesque tempus, ipsum arcu aliquam tortor.</h2>
| + | |
- | | + | |
- | <p>vel tempus libero diam vel arcu. Etiam id tincidunt tortor. Nam auctor consequat quam, vel mattis dui laoreet a. Nunc condimentum iaculis tortor, id eleifend nulla mattis lobortis. Pellentesque semper blandit odio, id tempor lorem imperdiet eu. Ut sagittis sagittis consectetur ,Maecenas eget risus eros. Nunc venenatis ante a rutrum cursus.</p>
| + | |
- | | + | |
- | <h2>Quisque non semper justo</h2>
| + | |
- | | + | |
- | <p>Commodo at blandit vitae, placerat in sem. Morbi ornare nec felis in euismod. Suspendisse vulputate orci ultrices enim facilisis, vel lobortis magna rhoncus. Integer mattis at elit vitae adipiscing. Cras imperdiet cursus nunc quis ullamcorper.</p>
| + | |
- | | + | |
- | <p>vel tempus libero diam vel arcu. Etiam id tincidunt tortor. Nam auctor consequat quam, vel mattis dui laoreet a. Nunc condimentum iaculis tortor, id eleifend nulla mattis lobortis. Pellentesque semper blandit odio, id tempor lorem imperdiet eu. Ut sagittis sagittis consectetur ,Maecenas eget risus eros. Nunc venenatis ante a rutrum cursus.</p>
| + | |
- | | + | |
- |
| + | |
- | <p>Commodo at blandit vitae, placerat in sem. Morbi ornare nec felis in euismod. Suspendisse vulputate orci ultrices enim facilisis, vel lobortis magna rhoncus. Integer mattis at elit vitae adipiscing. Cras imperdiet cursus nunc quis ullamcorper.</p>
| + | |
- | | + | |
- | | + | |
- | <h1>H1 : Quisque non semper justo</h1>
| + | |
- | <h2>H2 : Quisque non semper justo</h2>
| + | |
- | <h3>H3 : Quisque non semper justo</h3>
| + | |
- | <h4>H4 : Quisque non semper justo</h4>
| + | |
- | <h5>H5 : Quisque non semper justo</h5>
| + | |
- | <h6>H6 : Quisque non semper justo</h6>
| + | |
- | </div><!-- end content -->
| + | |
- | </section>
| + | |
- | </section><!-- end main -->
| + | |
- |
| + | |
- | </body> | + | |
| </html> | | </html> |