|
|
| Line 22: |
Line 22: |
| | <link href="bootstrap-3.0.0/examples/jumbotron/jumbotron.css" rel="stylesheet"> | | <link href="bootstrap-3.0.0/examples/jumbotron/jumbotron.css" rel="stylesheet"> |
| | <link href="bootstrap-3.0.0/examples/carousel/carousel.css" rel="stylesheet"> | | <link href="bootstrap-3.0.0/examples/carousel/carousel.css" rel="stylesheet"> |
| - | <style> | + | |
| - | | + | </head> |
| - | *{
| + | |
| - | margin:0;
| + | |
| - | padding:0;
| + | |
| - | }
| + | |
| - | body{
| + | |
| - | background:#fff no-repeat top left;
| + | |
| - | }
| + | |
| - | .title{
| + | |
| - | width:548px;
| + | |
| - | height:119px;
| + | |
| - | position:absolute;
| + | |
| - | top:400px;
| + | |
| - | left:150px;
| + | |
| - | }
| + | |
| - | #content{
| + | |
| - | margin:0 auto;
| + | |
| - | }
| + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | </style>
| + | |
| - | </head>
| + | |
| | | | |
| | <body> | | <body> |
| | | | |
| - |
| |
| - |
| |
| - | <div id="content">
| |
| - | <div class="navigation">
| |
| - | <a href="https://2013.igem.org" style="display:inline-block; margin-left:2%;">
| |
| - | <img src="images/iGEM.png" style=" height:70px">
| |
| - | </img>
| |
| - | </a>
| |
| - | <div class="item team">
| |
| - | <div class="dropdown">
| |
| - | <!--<img src="" alt="" width="199" height="199" class="circle"/>-->
| |
| - | <a data-toggle="dropdown" href="#" class="icon">
| |
| - | <h2>Team</h2>
| |
| - | </a>
| |
| - | <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
| |
| - | <li role="presentation">
| |
| - | <a role="menuitem" tabindex="-1" href="#">Student Members</a>
| |
| - | </li>
| |
| - | <li role="presentation">
| |
| - | <a role="menuitem" tabindex="-1" href="#">Advisors</a>
| |
| - | </li>
| |
| - | <li role="presentation">
| |
| - | <a role="menuitem" tabindex="-1" href="#">Instructors</a>
| |
| - | </li>
| |
| - | <!--<li>
| |
| - | <a href="#">Student Members</a>
| |
| - | </li>
| |
| - | <li>
| |
| - | <a href="#">Advisors</a>
| |
| - | </li>
| |
| - | <li>
| |
| - | <a href="#">Instructors</a>
| |
| - | </li>-->
| |
| - | </ul>
| |
| - | </div>
| |
| - | </div>
| |
| - | <div class="item project">
| |
| - | <div class="dropdown">
| |
| - | <!--<img src="" alt="" width="199" height="199" class="circle"/>-->
| |
| - | <a data-toggle="dropdown" href="#" class="icon">
| |
| - | <h2>Project</h2>
| |
| - | </a>
| |
| - | <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu2">
| |
| - | <li role="presentation" class="dropdown-header">Lab Projects</li>
| |
| - | <li role="presentation">
| |
| - | <a role="menuitem" tabindex="1" href="#">Delftibactin</a>
| |
| - | </li>
| |
| - | <li role="presentation">
| |
| - | <a role="menuitem" tabindex="2" href="#">Indigoidine</a>
| |
| - | </li>
| |
| - | <li role="presentation">
| |
| - | <a role="menuitem" tabindex="3" href="#">Tyrocidine</a>
| |
| - | </li>
| |
| - | <!--<li role="presentation" class="divider">
| |
| - | </li>-->
| |
| - | <li role="presentation" class="dropdown-header">Software Projects</li>
| |
| - | <li role="presentation">
| |
| - | <a role="menuitem" tabindex="4" href="#">iGEM42</a>
| |
| - | </li>
| |
| - | <li role="presentation">
| |
| - | <a role="menuitem" tabindex="5" href="#">NRPS Designer</a>
| |
| - | </li>
| |
| - | <!--<li role="presentation" class="divider">
| |
| - | </li>-->
| |
| - | <li role="presentation">
| |
| - | <a role="menuitem" tabindex="6" href="#">Requirements</a>
| |
| - | </li>
| |
| - | <!--<a href="#" class="icon">
| |
| - | </a>
| |
| - | <h2>Project</h2>
| |
| - | <ul>
| |
| - | <li>
| |
| - | <a href="#">Portfolio</a>
| |
| - | </li>
| |
| - | <li>
| |
| - | <a href="#">Services</a>
| |
| - | </li>
| |
| - | <li>
| |
| - | <a href="#">Contact</a>
| |
| - | </li>-->
| |
| - | </ul>
| |
| - | </div>
| |
| - | </div>
| |
| - | <div class="item notebook">
| |
| - | <div class="dropdown">
| |
| - | <a data-toggle="dropdown" href="#" class="icon">
| |
| - | <h2>Notebook</h2>
| |
| - | </a>
| |
| - | <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
| |
| - | <li role="presentation" class="dropdown-header">Lab Projects</li>
| |
| - | <li role="presentation">
| |
| - | <a role="menuitem" tabindex="1" href="#">Delftibactin</a>
| |
| - | </li>
| |
| - | <li role="presentation">
| |
| - | <a role="menuitem" tabindex="2" href="#">Indigoidine</a>
| |
| - | </li>
| |
| - | <li role="presentation">
| |
| - | <a role="menuitem" tabindex="3" href="#">Tyrocidine</a>
| |
| - | </li>
| |
| - | <!--<li role="presentation" class="divider">
| |
| - | </li>-->
| |
| - | <li role="presentation" class="dropdown-header">Software Projects</li>
| |
| - | <li role="presentation">
| |
| - | <a role="menuitem" tabindex="4" href="#">iGEM42</a>
| |
| - | </li>
| |
| - | <li role="presentation">
| |
| - | <a role="menuitem" tabindex="5" href="#">NRPS Designer</a>
| |
| - | </li>
| |
| - |
| |
| - | </ul>
| |
| - | </div>
| |
| - | <!--a href="#" class="icon">
| |
| - | </a>
| |
| - | <h2>Notebook</h2>
| |
| - | <ul>
| |
| - | <li>
| |
| - | <a href="#">Social</a>
| |
| - | </li>
| |
| - | <li>
| |
| - | <a href="#">Support</a>
| |
| - | </li>
| |
| - | <li>
| |
| - | <a href="#">Comments</a>
| |
| - | </li>
| |
| - | </ul>-->
| |
| - | </div>
| |
| - | <div class="item parts">
| |
| - | <div class="dropdown">
| |
| - | <a data-toggle="dropdown" href="#" class="icon">
| |
| - | <h2>Parts</h2>
| |
| - | </a>
| |
| - | <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
| |
| - | <li role="presentation" class="dropdown-header">Lab Projects</li>
| |
| - | <li role="presentation">
| |
| - | <a role="menuitem" tabindex="1" href="#">Delftibactin</a>
| |
| - | </li>
| |
| - | <li role="presentation">
| |
| - | <a role="menuitem" tabindex="2" href="#">Indigoidine</a>
| |
| - | </li>
| |
| - | <li role="presentation">
| |
| - | <a role="menuitem" tabindex="3" href="#">Tyrocidine</a>
| |
| - | </li>
| |
| - | <!--<li role="presentation" class="divider">
| |
| - | </li>-->
| |
| - | <li role="presentation" class="dropdown-header">Software Projects</li>
| |
| - | <li role="presentation">
| |
| - | <a role="menuitem" tabindex="4" href="#">iGEM42</a>
| |
| - | </li>
| |
| - | <li role="presentation">
| |
| - | <a role="menuitem" tabindex="5" href="#">NRPS Designer</a>
| |
| - | </li>
| |
| - |
| |
| - | </ul>
| |
| - | </div>
| |
| - | <!--<img src="" alt="" width="199" height="199" class="circle"/>
| |
| - | <a href="#" class="icon">
| |
| - | </a>
| |
| - | <h2>Parts</h2>
| |
| - | <ul>
| |
| - | <li>
| |
| - | <a href="#">Catalogue</a>
| |
| - | </li>
| |
| - | <li>
| |
| - | <a href="#">Orders</a>
| |
| - | </li>
| |
| - | <li>
| |
| - | <a href="#">Offers</a>
| |
| - | </li>
| |
| - | </ul>-->
| |
| - | </div>
| |
| - | <div class="item software">
| |
| - | <div class="dropdown">
| |
| - | <a data-toggle="dropdown" href="#" class="icon">
| |
| - | <h2>Software</h2>
| |
| - | </a>
| |
| - | <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
| |
| - | <li role="presentation" class="dropdown-header">NRPS Designer</li>
| |
| - | <li role="presentation">
| |
| - | <a role="menuitem" tabindex="1" href="#">Documentation</a>
| |
| - | </li>
| |
| - | <li role="presentation">
| |
| - | <a role="menuitem" tabindex="2" href="#">Use it!</a>
| |
| - | </li>
| |
| - |
| |
| - | <li role="presentation" class="dropdown-header">iGEM42</li>
| |
| - | <li role="presentation">
| |
| - | <a role="menuitem" tabindex="3" href="#">Documentation</a>
| |
| - | </li>
| |
| - | <li role="presentation">
| |
| - | <a role="menuitem" tabindex="4" href="#">Use it!</a>
| |
| - | </li>
| |
| - |
| |
| - | </ul>
| |
| - | </div>
| |
| - | <!--<img src="" alt="" width="199" height="199" class="circle"/>
| |
| - | <a href="#" class="icon">
| |
| - | </a>
| |
| - | <h2>Software</h2>
| |
| - | <ul>
| |
| - | <li>
| |
| - | <a href="#">Gallery</a>
| |
| - | </li>
| |
| - | <li>
| |
| - | <a href="#">Prints</a>
| |
| - | </li>
| |
| - | <li>
| |
| - | <a href="#">Submit</a>
| |
| - | </li>
| |
| - | </ul>-->
| |
| - | </div>
| |
| - | <div class="item safety">
| |
| - | <div class="dropdown">
| |
| - | <a data-toggle="dropdown" href="#" class="icon">
| |
| - | <h2>Safety</h2>
| |
| - | </a>
| |
| - | <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
| |
| - | <li role="presentation" class="dropdown-header">NRPS Designer</li>
| |
| - | <li role="presentation">
| |
| - | <a role="menuitem" tabindex="1" href="#">Documentation</a>
| |
| - | </li>
| |
| - | <li role="presentation">
| |
| - | <a role="menuitem" tabindex="2" href="#">Use it!</a>
| |
| - | </li>
| |
| - |
| |
| - | <li role="presentation" class="dropdown-header">iGEM42</li>
| |
| - | <li role="presentation">
| |
| - | <a role="menuitem" tabindex="3" href="#">Documentation</a>
| |
| - | </li>
| |
| - | <li role="presentation">
| |
| - | <a role="menuitem" tabindex="4" href="#">Use it!</a>
| |
| - | </li>
| |
| - |
| |
| - | </ul>
| |
| - | </div>
| |
| - | <!--<img src="" alt="" width="199" height="199" class="circle"/>
| |
| - | <a href="#" class="icon">
| |
| - | </a>
| |
| - | <h2>Safety</h2>
| |
| - | <ul>
| |
| - | <li>
| |
| - | <a href="#">Social</a>
| |
| - | </li>
| |
| - | <li>
| |
| - | <a href="#">Support</a>
| |
| - | </li>
| |
| - | <li>
| |
| - | <a href="#">Comments</a>
| |
| - | </li>
| |
| - | </ul>-->
| |
| - | </div>
| |
| - | <div class="item human">
| |
| - | <div class="dropdown">
| |
| - | <a data-toggle="dropdown" href="#" class="icon">
| |
| - | <h2>Human Practice</h2>
| |
| - | </a>
| |
| - | <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
| |
| - | <li role="presentation" class="dropdown-header">NRPS Designer</li>
| |
| - | <li role="presentation">
| |
| - | <a role="menuitem" tabindex="1" href="#">Documentation</a>
| |
| - | </li>
| |
| - | <li role="presentation">
| |
| - | <a role="menuitem" tabindex="2" href="#">Use it!</a>
| |
| - | </li>
| |
| - |
| |
| - | <li role="presentation" class="dropdown-header">iGEM42</li>
| |
| - | <li role="presentation">
| |
| - | <a role="menuitem" tabindex="3" href="#">Documentation</a>
| |
| - | </li>
| |
| - | <li role="presentation">
| |
| - | <a role="menuitem" tabindex="4" href="#">Use it!</a>
| |
| - | </li>
| |
| - |
| |
| - | </ul>
| |
| - | </div>
| |
| - | <!--<img src="" alt="" width="199" height="199" class="circle"/>
| |
| - | <a href="#" class="icon">
| |
| - | </a>
| |
| - | <h2>Human Practice</h2>
| |
| - | <ul>
| |
| - | <li>
| |
| - | <a href="#">Social</a>
| |
| - | </li>
| |
| - | <li>
| |
| - | <a href="#">Support</a>
| |
| - | </li>
| |
| - | <li>
| |
| - | <a href="#">Comments</a>
| |
| - | </li>
| |
| - | </ul>-->
| |
| - | </div>
| |
| - | <div class="item logo">
| |
| - | <a href="https://2013.igem.org/Team:Heidelberg" style="margin-right:2%;">
| |
| - | <img src="images/TeamLogoGray.png" style="height:70px;">
| |
| - | </img>
| |
| - | </a>
| |
| - |
| |
| - | </div>
| |
| - | </div>
| |
| | <!-- Teammembers --> | | <!-- Teammembers --> |
| | <div class="container" id="picscontainer" style="height:500px;position:relative;padding: 170px 150px 170px 150px"> | | <div class="container" id="picscontainer" style="height:500px;position:relative;padding: 170px 150px 170px 150px"> |
"
