|
|
| Line 1: |
Line 1: |
| − | {{Amsterdam}}
| |
| | | | |
| − | <!DOCTYPE html>
| |
| − | <html>
| |
| − |
| |
| − | <head>
| |
| − | <title>iGEM amsterdam 2017</title>
| |
| − | <meta charset="utf-8">
| |
| − | <link rel="stylesheet" href="style.scc">
| |
| − | <meta name="viewport" content="width=device-width , initial-scale=1.0">
| |
| − | </head>
| |
| − |
| |
| − | <body class="body">
| |
| − |
| |
| − |
| |
| − | <header class="mainheader">
| |
| − | <img src="D:\iGEM/DSC_0265.jpg">
| |
| − |
| |
| − | <nav><ul>
| |
| − | <li> <a href="#"> HOME</a> </li>
| |
| − | <li> <a href="#">TEAM</a> </li>
| |
| − | <li> <a href="#">PROJECT</a> </li>
| |
| − | <li> <a href="#">PARTS</a> </li>
| |
| − | <li> <a href="#">SAFETY</a> </li>
| |
| − | <li> <a href="#">HUMAN PRACTCE</a> </li>
| |
| − | <li> <a href="#">AWARDS</a> </li>
| |
| − | <li> <a href="#">JUDGING FORM</a> </li>
| |
| − | </ul></nav>
| |
| − | </header>
| |
| − | <!-- //////////////////////////////////////////// -->
| |
| − | <div class="mainContant">
| |
| − |
| |
| − | <section class="top-content">
| |
| − | <header>
| |
| − | <h2><a href="#"></a> Amsterdm iGEM</h2>
| |
| − | </header>
| |
| − | <footer>
| |
| − | <p class="post-info"> written by: Mohammad </p>
| |
| − | </footer>
| |
| − | <article>
| |
| − | <p>We live in a remarkable time. Ever since the 70’s, we’ve been able to
| |
| − | read, interpret and manipulate DNA the programming language of life
| |
| − | itself. Now, backed by the transformation of biology into an information
| |
| − | science and Moore’s law, we have complete lists of the basic
| |
| − | components that constitute living systems, accessible from any web
| |
| − | browser in the world; we have genetic building blocks that are
| |
| − | standardized and cheap, allowing modular use with predictable
| |
| − | outcomes; and we have computer aided design, analysis and
| |
| − | modelling to speed up progress even more. Together with rapid gene
| |
| − | synthesis and sequencing technologies, engineering life has become
| |
| − | both more accessible and creative, resulting in a synthetic biology
| |
| − | revolution poised to transform industries.
| |
| − | In practice, synthetic biology often involves the design of genetic
| |
| − | circuits sets of interacting genes that perform a desired task and the
| |
| − | insertion of the designed circuit into living cells. As such, microbes can
| |
| − | be programmed to produce fuels, smell like banana’s, or sense and
| |
| − | break down toxic compounds. We are already remaking ourselves and
| |
| − | our world, redesigning, recoding, and reinventing nature itself
| |
| − | in the process</p>
| |
| − | </article>
| |
| − | </section>
| |
| − | </div>
| |
| − | <!-- /////////////////////////////////////////// -->
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | </body>
| |
| − | </html>
| |
| − |
| |
| − |
| |
| − |
| |
| − | <style>
| |
| − |
| |
| − |
| |
| − |
| |
| − | body {
| |
| − | background-image: url(D:\iGEM/khlfea.jpg);
| |
| − | color: #000305;
| |
| − | font-size: 90%;
| |
| − | font-family: Arial, 'lucida Sans Unicode';
| |
| − | line-height: 1.5;
| |
| − | text-align: left;
| |
| − |
| |
| − | }
| |
| − | a {text-decoration: none;}
| |
| − | a:link, a:visited {color: #e74c3c ;}
| |
| − | a:hover, a:active {color: #f58233 ;}
| |
| − |
| |
| − | .body {
| |
| − | margin: 10px auto;
| |
| − | width: 70%;
| |
| − | color: both;
| |
| − | }
| |
| − |
| |
| − | /*................MAIN HEADER.....................*/
| |
| − |
| |
| − | .mainheader img {
| |
| − | width: 100%
| |
| − | }
| |
| − |
| |
| − | .mainheader nav {
| |
| − | background-color: #e74c3c;
| |
| − | height: 40px;
| |
| − | border-radius: 5px;
| |
| − | -webkit- border-radius: 5px;
| |
| − | -moz-border-radius: 5px;
| |
| − | }
| |
| − |
| |
| − | .mainheader nav ul {
| |
| − | text-align: center;;
| |
| − | list-style: none;
| |
| − | margin: 0 auto;
| |
| − | }
| |
| − |
| |
| − | .mainheader nav ul li {
| |
| − | display: inline;
| |
| − | }
| |
| − |
| |
| − | .mainheader a:link, .mainheader a:visited{
| |
| − | color: white;
| |
| − | padding: 10px 40px;
| |
| − | display: inline-block;
| |
| − | height: 20px;
| |
| − | }
| |
| − |
| |
| − | .mainheader a:hover, .mainheader a:active{
| |
| − | color: white;
| |
| − | background-color: #f58233;
| |
| − | text-shadow: none;
| |
| − | }
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | /*................MAIN CONTENT.....................*/
| |
| − |
| |
| − | .top-content {
| |
| − | background-color: #fff;
| |
| − | padding: 3%;
| |
| − | margin: 3%
| |
| − | border-radius: 5px;
| |
| − | -webkit- border-radius: 5px;
| |
| − | -moz-border-radius: 5px;
| |
| − | }
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | </style>
| |
