Difference between revisions of "Template:Amsterdam"

(Blanked the page)
Line 1: Line 1:
 +
<html>
  
 +
<head>
 +
<title>iGEM amsterdam 2017</title>
 +
    <meta charset="utf-8">
 +
    <link rel="stylesheet"  href="style.css">
 +
    <meta name="viewport" content="width=device-width , initial-scale=1.0">
 +
</head>
 +
 +
<body class="body">
 +
 +
 +
<header class="mainheader">
 +
<img src="https://static.igem.org/mediawiki/2017/1/13/T_TeamAmsterdam_team.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>
 +
<footer class="mainfooter">
 +
<a href="https://www.unitedconsumers.com/"><img src="https://static.igem.org/mediawiki/2017/d/d6/T_TeamAmsterdam_c.svg"></a>
 +
<a href="https://www.dsm.com/corporate/home.html"><img src="https://static.igem.org/mediawiki/2017/d/d3/T_TeamAmsterdam_dsm.svg"></a>
 +
<a href="http://www.uva.nl/home"><img src="https://static.igem.org/mediawiki/2017/7/70/T_TeamAmsterdam_uva.png"></a>
 +
<a href="https://www.vu.nl/en/"><img src="https://static.igem.org/mediawiki/2017/3/3e/T_TeamAmsterdam_vu.png"></a>
 +
 +
</footer>
 +
 +
 +
<style>
 +
 +
 +
 +
 +
.body {
 +
background-image: url(https://static.igem.org/mediawiki/2017/c/c9/T_TeamAmsterdam_khlfea.jpg);
 +
color: #000305;
 +
font-size: 90%;
 +
font-family: Arial, 'lucida Sans Unicode';
 +
line-height: 1.5;
 +
text-align: left;
 +
}
 +
 +
/*................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.....................*/
 +
 +
.mainContent {
 +
width: 70%;
 +
float: left;
 +
}
 +
 +
.top-content {
 +
background-color: #fff;
 +
padding: 3%;
 +
margin: 3%
 +
border-radius: 5px;
 +
-webkit- border-radius: 5px;
 +
-moz-border-radius: 5px;
 +
}
 +
.post-info {
 +
font-size: 90%;
 +
color: #999;
 +
font-style: italic;
 +
margin-top: -3%;
 +
}
 +
 +
.post-content {
 +
display: inline;
 +
}
 +
 +
 +
 +
 +
/*------------- footer ----------*/
 +
 +
.mainfooter img {
 +
width: 30%;
 +
}
 +
 +
 +
 +
.mainfooter nav ul {
 +
text-align: center;;
 +
list-style: none;
 +
margin: 0 auto;
 +
}
 +
 +
.mainfooter nav ul li {
 +
display: block;
 +
}
 +
 +
mainfooter a:link, .mainfooter a:visited{
 +
color: white;
 +
padding: 10px 40px;
 +
display: inline-block;
 +
height: 20px;
 +
}
 +
 +
mainfooter a:hover, .mainfooter a:active{
 +
color: white;
 +
background-color: #f58233;
 +
text-shadow: none;
 +
}
 +
 +
 +
 +
 +
 +
/*--------------- CSS3 FOR MOBILE -----------*/
 +
 +
@media screen and (max-width: 480px;) {
 +
.body {
 +
width: 80%;
 +
font-size: 70%;
 +
}
 +
 +
/*..MAIN HEADER...*/
 +
 +
 +
 +
.mainheader nav {
 +
height: 160px;
 +
}
 +
 +
.mainheader nav ul {
 +
width: 100%;
 +
}
 +
 +
.mainheader nav ul li {
 +
display: inline;
 +
}
 +
 +
.mainheader a:link, .mainheader a:visited{
 +
display: block;
 +
}
 +
 +
.mainheader a:hover, .mainheader a:active{
 +
color: white;
 +
background-color: #f58233;
 +
text-shadow: none;
 +
}
 +
 +
/*...MAIN CONTENT...*/
 +
 +
.mainContent {
 +
width: 100%;
 +
}
 +
}
 +
 +
@media screen and (max-width: 680px;) {
 +
.body {
 +
width: 90%;
 +
font-size: 95%;
 +
}
 +
 +
/*..MAIN HEADER...*/
 +
 +
.mainheader nav {
 +
font-size: 80%;
 +
height: 160px;
 +
}
 +
}
 +
 +
 +
 +
 +
</style>
 +
 +
 +
 +
 +
 +
 +
 +
</html>

Revision as of 15:22, 13 June 2017

iGEM amsterdam 2017

Amsterdm iGEM

written by: Mohammad

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