(42 intermediate revisions by 5 users not shown) | |||
Line 8: | Line 8: | ||
<style> | <style> | ||
− | .p { | + | .p { |
− | font-family: Georgia, serif !important; | + | font-family: Georgia, serif !important; |
− | } | + | } |
− | + | ||
− | #bodyContent h1.main-title { | + | #bodyContent div.front-page h1.main-title { |
font-size: 50px; | font-size: 50px; | ||
text-align: center; | text-align: center; | ||
Line 21: | Line 21: | ||
@media only screen and (max-width: 700px){ | @media only screen and (max-width: 700px){ | ||
− | + | #bodyContent div.front-page h1.main-title { | |
− | + | font-size: 36px; | |
+ | } | ||
+ | div.front-page .p { | ||
+ | font-weight: 200; | ||
+ | font-size: 12px !important; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .space a:hover, | ||
+ | .space a:focus { | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | .space { | ||
+ | margin-bottom: 2em; | ||
+ | } | ||
+ | .ul { | ||
+ | |||
+ | } | ||
+ | h3.achi { | ||
+ | text-align: center; | ||
} | } | ||
− | |||
</style> | </style> | ||
</head> | </head> | ||
Line 33: | Line 51: | ||
<body class="container-fluid"> | <body class="container-fluid"> | ||
− | <div class="container"> | + | <div class="container front-page"> |
+ | |||
+ | <h1 class="main-title">ACHIEVEMENTS</h1> | ||
+ | <div class="row"> | ||
+ | <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"> | ||
+ | <h3 class="achi">We won a gold medal</h3> | ||
+ | <h3 class="achi">We got nominated for Best Hardware, Overgrad</h3> | ||
+ | <h3 class="achi">We got nominated for Best Poster, Overgrad</h3> | ||
+ | </div> | ||
+ | </div> | ||
<h1 class="main-title">YEASTILIZATION</h1> | <h1 class="main-title">YEASTILIZATION</h1> | ||
− | <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12"> <!-- implement along with hovereffect stylesheet --> | + | <div class="row"> <!--row1--> |
− | + | <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12"> <!-- implement along with hovereffect stylesheet --> | |
− | + | <div class="space"> | |
− | + | <div class="hovereffect" onclick="void(0)"> | |
− | + | <img class="img-responsive" src="https://static.igem.org/mediawiki/2016/1/13/T--DTU-Denmark--graininflask_sq.jpg"> | |
− | <p><strong> | + | |
− | + | <div class="overlay"> | |
− | </strong></p> | + | <h2>The <strong>problem</strong></h2> |
+ | <p><strong> | ||
+ | In the current state of industrial biotechnology, the vast majority of biorefineries rely on edible substrates such as corn, wheat or sugar cane. This has sparked the food vs. fuel debate, leading to the fundamental question whether we should use our edible crops to feed the growing human population, or to provide sustainable chemicals. The limiting factor for current processes is the lack of molecular tools, | ||
+ | which restricts biotechnology to conventional organisms that are optimised for a limited number of substrates. | ||
+ | </strong></p> | ||
+ | </div> | ||
+ | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
− | + | <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12"> | |
− | <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12"> | + | <div class="space"> |
− | + | <div class="hovereffect" onclick="void(0)"> | |
− | + | <img class="img-responsive" src="https://static.igem.org/mediawiki/2016/9/9d/T--DTU-Denmark--solution_sq.jpg"> | |
− | + | ||
− | + | <div class="overlay"> | |
− | + | <h2>The <strong>solution</strong></h2> | |
− | + | ||
− | + | <p><strong> | |
− | + | The development of new technologies such as CRISPR/Cas9 and Next-generation sequencing has dramatically reduced the effort required to genetically modify non-model organisms, and is effectively breaking down the barrier between model and non-model organisms. In our project we utilise <i>Yarrowia lipolytica</i>, in order to solve the food vs. fuel dilemma while simultaneously making industrial biotechnology an integrated part of waste handling. <p><i>Scroll down to explore our project</i></p> | |
− | + | </strong></p> | |
+ | </div> | ||
+ | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
− | </div> | + | </div> <!--/row1--> |
− | </div> | + | |
+ | |||
+ | <h1 class="main-title">EXPLORE</h1> | ||
+ | <div class="row front-tiles"> <!--row2--> | ||
+ | <div class="col-lg-1 col-md-1 col-sm-1 xs-hidden"></div> | ||
+ | <div class="col-lg-2 col-md-2 col-sm-2 col-xs-12"> <!--Project tile--> | ||
+ | <div class="space"> | ||
+ | <a class="hovereffect" onclick="void(0)" href="https://2016.igem.org/Team:DTU-Denmark/project"> | ||
+ | <img class="img-responsive" src="https://static.igem.org/mediawiki/2016/0/09/T--DTU-Denmark--project-tile.jpg"> | ||
+ | |||
+ | <div class="overlay"> | ||
+ | <h2><strong>Project</strong></h2> | ||
+ | </div> | ||
+ | </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-lg-2 col-md-2 col-sm-2 col-xs-12"> <!--Wetlab tile--> | ||
+ | <div class="space"> | ||
+ | <a class="hovereffect" onclick="void(0)" href="https://2016.igem.org/Team:DTU-Denmark/wetlab"> | ||
+ | <img class="img-responsive" src="https://static.igem.org/mediawiki/2016/1/1c/T--DTU-Denmark--wetlab-tile.jpg"> | ||
+ | |||
+ | <div class="overlay"> | ||
+ | <h2><strong>Wetlab</strong></h2> | ||
+ | </div> | ||
+ | </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-lg-2 col-md-2 col-sm-2 col-xs-12"> <!--Compute tile--> | ||
+ | <div class="space"> | ||
+ | <a class="hovereffect" onclick="void(0)" href="https://2016.igem.org/Team:DTU-Denmark/compute"> | ||
+ | <img class="img-responsive" src="https://static.igem.org/mediawiki/2016/c/c6/T--DTU-Denmark--compute-tile.jpg"> | ||
+ | |||
+ | <div class="overlay"> | ||
+ | <h2><strong>Compute</strong></h2> | ||
+ | </div> | ||
+ | </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-lg-2 col-md-2 col-sm-2 col-xs-12"> <!--Team tile--> | ||
+ | <div class="space"> | ||
+ | <a class="hovereffect" onclick="void(0)" href="https://2016.igem.org/Team:DTU-Denmark/team"> | ||
+ | <img class="img-responsive" src="https://static.igem.org/mediawiki/2016/0/06/T--DTU-Denmark--team-tile.jpg"> | ||
+ | |||
+ | <div class="overlay"> | ||
+ | <h2><strong>Team</strong></h2> | ||
+ | </div> | ||
+ | </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-lg-2 col-md-2 col-sm-2 col-xs-12"> <!--Outreach tile--> | ||
+ | <div class="space"> | ||
+ | <a class="hovereffect" onclick="void(0)" href="https://2016.igem.org/Team:DTU-Denmark/outreach"> | ||
+ | <img class="img-responsive" src="https://static.igem.org/mediawiki/2016/5/5f/T--DTU-Denmark--collab-tile.jpg"> | ||
+ | |||
+ | <div class="overlay"> | ||
+ | <h2><strong>Outreach</strong></h2> | ||
+ | </div> | ||
+ | </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-lg-1 col-md-1 col-sm-1 xs-hidden"></div> | ||
+ | <!--/Outreach tile--> | ||
+ | </div> <!--/row2--> | ||
+ | </div> <!--/container front-page--> | ||
<script> | <script> |
Latest revision as of 00:29, 3 December 2016