"
Team:Heidelberg/StartPage Test
From 2013.igem.org
(Difference between revisions)
Nils.kurzawa (Talk | contribs) m |
Nils.kurzawa (Talk | contribs) m |
||
| Line 17: | Line 17: | ||
<div class="container" style="margin-left:8%; margin-right:8%"> | <div class="container" style="margin-left:8%; margin-right:8%"> | ||
<a href="https://2013.igem.org"><object data="https://static.igem.org/mediawiki/2013/b/b3/Heidelberg_igem_logo2.png" height="70" style="left:0.5%; margin-top:-2%"></object></a> | <a href="https://2013.igem.org"><object data="https://static.igem.org/mediawiki/2013/b/b3/Heidelberg_igem_logo2.png" height="70" style="left:0.5%; margin-top:-2%"></object></a> | ||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
<div class="clock-example daily-counter clearfix flip-clock-wrapper"> | <div class="clock-example daily-counter clearfix flip-clock-wrapper"> | ||
<span class="flip-clock-divider days"> | <span class="flip-clock-divider days"> | ||
| Line 162: | Line 66: | ||
<li data-digit="4"> | <li data-digit="4"> | ||
<a href="#"> | <a href="#"> | ||
| - | <div class=" | + | <div class="u}.flip-clock-wrapper * {margin: 0px;padding: 0px;-moz-box-sizing: border-box;}ul {line-height: 1.1em;}ul, ol {margin-top: 0px;margin-bottom: 10px;}ul {line-height: 1.5em;list-style-type: square;margin: 0.3em 0px 0px 1.5em;padding: 0px;list-style-image: url("bullet.gif");}* {margin: 0px;padding: 0px;}* {margin: 0px;padding: 0px;}*, *:before, *:after {-moz-box-sizing: border-box;}.flip-clock-wrapper {text-align: center;}.flip-clock-wrapper {font: 11px "Helvep"> |
<div class="down"> | <div class="down"> | ||
</a> | </a> | ||
| Line 990: | Line 894: | ||
</ul> | </ul> | ||
</div> | </div> | ||
| + | <div class="row"> | ||
| + | |||
| + | <div id="nav" class="navigation col-md-8 col-lg-8"> | ||
| + | |||
| + | <div class="item team"> | ||
| + | <img class="circle" alt="" src="images/Team_bg2.png" style="opacity: 0; width: 52px; height: 52px; top: 0px; left: 0px;" height="199" width="199"> | ||
| + | <a class="icon" href="#"></a> | ||
| + | <h2 class="">Team</h2> | ||
| + | <ul style="display: none;"> | ||
| + | <li><a href="#">Student Members</a></li> | ||
| + | <li><a href="#">Advisors</a></li> | ||
| + | <li><a href="#">Instructors</a></li> | ||
| + | </ul> | ||
| + | </div> | ||
| + | <div class="item project"> | ||
| + | <img class="circle" alt="" src="images/Project_bg.png" style="opacity: 0; width: 52px; height: 52px; top: 0px; left: 0px;" height="199" width="199"> | ||
| + | <a class="icon" href="#"></a> | ||
| + | <h2 class="">Project</h2> | ||
| + | <ul style="display: none;"> | ||
| + | <li><a href="#">Overview</a></li> | ||
| + | <li><a href="#">Indigoidine</a></li> | ||
| + | <li><a href="#">Tyrocidine</a></li> | ||
| + | <li><a href="#">Delftibactin</a></li> | ||
| + | </ul> | ||
| + | </div> | ||
| + | <div class="item notebook"> | ||
| + | <img class="circle" alt="" src="https://static.igem.org/mediawiki/2013/0/07/Heidelberg_bg_notebook.png" style="opacity: 0; width: 52px; height: 52px;" height="199" width="199"> | ||
| + | <a class="icon" href="#"></a> | ||
| + | |||
| + | <h2>Notebook</h2> | ||
| + | <ul style="display: none;"> | ||
| + | <li><a href="#">Indigoidine</a></li> | ||
| + | <li><a href="#">Tyrocidine</a></li> | ||
| + | <li><a href="#">Delftibactin</a></li> | ||
| + | </ul> | ||
| + | </div> | ||
| + | <div class="item parts"> | ||
| + | <img class="circle" alt="" src="images/Notebook_bg.png" style="opacity: 0; width: 52px; height: 52px; top: 0px; left: 0px;" height="199" width="199"> | ||
| + | <a class="icon" href="#"></a> | ||
| + | <h2>Parts</h2> | ||
| + | <ul> | ||
| + | <li><a href="#">Favorite parts</a></li> | ||
| + | <li><a href="#">Submitted parts</a></li> | ||
| + | </ul> | ||
| + | </div> | ||
| + | <div class="item software"> | ||
| + | <img class="circle" alt="" src="images/Notebook_bg.png" style="opacity: 0; width: 52px; height: 52px; top: 0px; left: 0px;" height="199" width="199"> | ||
| + | <a class="icon" href="#"></a> | ||
| + | <h2 class="">Software</h2> | ||
| + | <ul style="display: none;"> | ||
| + | <li><a href="#">NRPS designer</a></li> | ||
| + | <li><a href="#">iGEM42</a></li> | ||
| + | </ul> | ||
| + | </div> | ||
| + | <div class="item human"> | ||
| + | <img class="circle" alt="" src="images/Human_bg.png" style="opacity: 0; width: 52px; height: 52px; top: 0px; left: 0px;" height="199" width="199"> | ||
| + | <a class="icon" href="#"></a> | ||
| + | <h2>Outreach</h2> | ||
| + | <ul> | ||
| + | <li><a href="#">Outreach</a></li> | ||
| + | <li><a href="#">Ethical consideration</a></li> | ||
| + | </ul> | ||
| + | </div> | ||
| + | <div class="item safety"> | ||
| + | <img class="circle" alt="" src="images/Notebook_bg.png" style="opacity: 0; width: 52px; height: 52px; top: 0px; left: 0px;" height="199" width="199"> | ||
| + | <a class="icon" href="#"></a> | ||
| + | <h2>Safety</h2> | ||
| + | <ul> | ||
| + | <li><a href="#">Biosafety sheet</a></li> | ||
| + | <li><a href="#">Be save in the lab</a></li> | ||
| + | </ul> | ||
| + | </div> | ||
| + | <img src="https://static.igem.org/mediawiki/2013/4/43/Heidelberg_start_background2.png" style="z-index:-1"> | ||
| + | </div> | ||
| + | |||
| + | <div class="col-md-4 col-lg-4"> | ||
| + | <img id='logo' alt="" src="https://static.igem.org/mediawiki/2013/6/60/Heidelberg_team_logo.png" width="407" style="margin-right:3%; margin-top:-15%; margin-bottom:5%"> | ||
| + | <a href="https://www.facebook.com/pages/IGEM-Team-Heidelberg-2013/265102553624765"><img src="https://static.igem.org/mediawiki/2013/5/55/Heidelberg_Fb.png" height="50" style="float:right; margin-right:10%"/></a> | ||
| + | <a href="https://twitter.com/igem_heidelberg"><img src="https://static.igem.org/mediawiki/2013/1/1c/Heidelberg_Tw.png" height="50" style="float:right; margin-right:2% "/></a> | ||
| + | |||
| + | |||
| + | |||
| + | <span style="float:right; margin-top:10%; margin-right:5%;; font-family:Arial, sans-serif" class="btn btn-default btn-lg btn-popover" data-content="For centuries, alchemists believed in the existence of the Philosopher’s Stone, a mysterious substance not only able to turn common metals into precious ones, such as silver and gold, but even capable of fulfilling mankind’s ultimate desires: rejuvenation and immortality. | ||
| + | Although the Philosopher’s Stone has never been found, the quest for it has pushed alchemists to test in their laboratories numerous substances and their interactions, building up a solid knowledge that can be found nowadays in the sciences of chemistry, metallurgy and pharmacology. </br> | ||
| + | |||
| + | Living in the 21st century research-driven world, our belief in the Philosopher’s Stone has faded. Yet we are, now as ever, still on a quest, looking for solutions not only to help individuals live long and healthy, but also to solve the ecological problems we ourselves have created in the course of modernization. Contrary to the past, we now believe that we should not simply look for magical substances hidden somewhere in nature, rather we shall be inspired by it and create new tools for actively addressing the challenges of our society.</br> | ||
| + | |||
| + | Let us take you on a journey where you will meet a new class of molecules that holds the potential to revolutionize synthetic biology: the non-ribosomal peptide synthetases. We will teach you how to unlock their enormous potential for generating entirely synthetic peptides with various, customized functions, such as recycling gold from electronic waste. | ||
| + | </br></br> | ||
| + | |||
| + | Take your chance!</br> | ||
| + | Join our quest!" title="" data-tigger="click" data-title="Welcome!">Welcome! Click here!</span> | ||
| + | |||
| + | |||
| + | <h3 style="font-size:21px; float:right; margin-right:5%">Check out our Highlights:</h3> | ||
| + | |||
| + | |||
Revision as of 15:58, 3 October 2013
