|
|
| (8 intermediate revisions not shown) |
| Line 1: |
Line 1: |
| - | <html>
| |
| - | <head>
| |
| | | | |
| - | <link rel='stylesheet' type='text/css' href="https://2013.igem.org/Team:UCL-London/globalstyles.css?action=raw&ctype=text/css" />
| |
| - |
| |
| - | <style>
| |
| - | /***********************/
| |
| - | /*default header styles*/
| |
| - | /***********************/
| |
| - |
| |
| - | div.header
| |
| - | {
| |
| - | width:963px;
| |
| - | height:150px;
| |
| - | background-image:url('images/header.jpg');
| |
| - | margin:0px;
| |
| - | }
| |
| - |
| |
| - | div.navbar
| |
| - | {
| |
| - | width:963px;
| |
| - | height:40px;
| |
| - | background:navy;
| |
| - | margin:0px;
| |
| - | overflow:hidden;
| |
| - | }
| |
| - |
| |
| - | div.navlink
| |
| - | {
| |
| - | float:left;
| |
| - | width:106px;
| |
| - | padding-top:10px;
| |
| - | border:1px solid white;
| |
| - | border-left:0px;
| |
| - | border-top:0px;
| |
| - | border-bottom:0px;
| |
| - | height:40px;
| |
| - | background:navy;
| |
| - | margin:0px;
| |
| - | color:white;
| |
| - | text-align:center;
| |
| - | text-vertical-align:middle;
| |
| - | overflow:hidden;
| |
| - | font-weight:bold;
| |
| - | font-family:"Arial";
| |
| - | }
| |
| - |
| |
| - | div.navlink:hover
| |
| - | {
| |
| - | background:blue;
| |
| - | }
| |
| - |
| |
| - | /********************/
| |
| - | /*default row styles*/
| |
| - | /********************/
| |
| - |
| |
| - | div.row_small,
| |
| - | div.row_large,
| |
| - | div.buffer
| |
| - | {
| |
| - | width:963px;
| |
| - | background:white;
| |
| - | margin:0px;
| |
| - | padding:0px;
| |
| - | overflow:hidden;
| |
| - | }
| |
| - |
| |
| - | div.row_small
| |
| - | {
| |
| - | height:200px;
| |
| - | }
| |
| - |
| |
| - | div.row_large
| |
| - | {
| |
| - | height:300px;
| |
| - | }
| |
| - |
| |
| - | div.buffer
| |
| - | {
| |
| - | height:6px;
| |
| - | }
| |
| - |
| |
| - | /**********************/
| |
| - | /*default panel styles*/
| |
| - | /**********************/
| |
| - |
| |
| - | div.small_left,
| |
| - | div.small_center,
| |
| - | div.small_right,
| |
| - | div.large_left,
| |
| - | div.large_right
| |
| - | {
| |
| - | float:left;
| |
| - | background:#98c3cd;
| |
| - | height:100%;
| |
| - | margin:0px;
| |
| - | }
| |
| - |
| |
| - | div.small_left:hover,
| |
| - | div.small_center:hover,
| |
| - | div.small_right:hover,
| |
| - | div.large_left:hover,
| |
| - | div.large_right:hover
| |
| - | {
| |
| - | background:#196AF7;
| |
| - | color:white;
| |
| - | }
| |
| - |
| |
| - | /*******************************/
| |
| - | /*default specific panel styles*/
| |
| - | /*******************************/
| |
| - |
| |
| - | div.small_left
| |
| - | {
| |
| - | margin-right:6px;
| |
| - | width:317px;
| |
| - | }
| |
| - |
| |
| - | div.small_center
| |
| - | {
| |
| - | width:317px;
| |
| - | }
| |
| - |
| |
| - | div.small_right
| |
| - | {
| |
| - | margin-left:6px;
| |
| - | width:317px;
| |
| - | }
| |
| - |
| |
| - | div.large_left
| |
| - | {
| |
| - | width:640px;
| |
| - | }
| |
| - |
| |
| - | div.large_right
| |
| - | {
| |
| - | width:640px;
| |
| - | }
| |
| - |
| |
| - | </style>
| |
| - | </head>
| |
| - |
| |
| - | <body>
| |
| - |
| |
| - | <div class="header">
| |
| - | Header image here
| |
| - |
| |
| - | </div>
| |
| - |
| |
| - | <div class="navbar">
| |
| - | <div class="navlink">
| |
| - | Home
| |
| - | </div>
| |
| - | <div class="navlink">
| |
| - | Team
| |
| - | </div>
| |
| - | <div class="navlink">
| |
| - | Profile
| |
| - | </div>
| |
| - | <div class="navlink">
| |
| - | Project
| |
| - | </div>
| |
| - | <div class="navlink">
| |
| - | Parts
| |
| - | </div>
| |
| - | <div class="navlink">
| |
| - | Modeling
| |
| - | </div>
| |
| - | <div class="navlink">
| |
| - | Notebook
| |
| - | </div>
| |
| - | <div class="navlink">
| |
| - | Safety
| |
| - | </div>
| |
| - | <div class="navlink" style="border-right:0px;">
| |
| - | Attributions
| |
| - | </div>
| |
| - | </div>
| |
| - |
| |
| - | <div class="buffer">
| |
| - | </div>
| |
| - |
| |
| - | <div class="row_large">
| |
| - | <div class="large_left">
| |
| - | <h1>Project Summary</h1>
| |
| - | <p>
| |
| - | Lorem ipsum dolor sit amet, consectetur adipiscing elit.
| |
| - | Pellentesque at augue placerat, fringilla lorem ac, condimentum tellus.
| |
| - | Nullam dui turpis, rhoncus vehicula hendrerit vitae, rhoncus at odio.
| |
| - | Nullam auctor nulla ac lorem dignissim, ut sodales diam pharetra.
| |
| - | Lorem ipsum dolor sit amet, consectetur adipiscing elit. <br><br>
| |
| - | Pellentesque at augue placerat, fringilla lorem ac, condimentum tellus.
| |
| - | Nullam dui turpis, rhoncus vehicula hendrerit vitae, rhoncus at odio.
| |
| - | Nullam auctor nulla ac lorem dignissim, ut sodales diam pharetra
| |
| - | Lorem ipsum dolor sit amet, consectetur adipiscing elit.
| |
| - | Pellentesque at augue placerat, fringilla lorem ac, condimentum tellus.
| |
| - | Nullam dui turpis, rhoncus vehicula hendrerit vitae, rhoncus at odio.
| |
| - | Nullam auctor nulla ac lorem dignissim, ut sodales diam pharetra
| |
| - | </p>
| |
| - | </div>
| |
| - | <div class="small_right" style="background:#33ccff;" >
| |
| - | <br><br><br><br><br><br><br>
| |
| - | <center><i><b>twitter feed here</b></i></center>
| |
| - | </div>
| |
| - | </div>
| |
| - |
| |
| - | <div class="buffer">
| |
| - | </div>
| |
| - |
| |
| - | <div class="row_small">
| |
| - | <div class="small_left" style="background-image:url('images/uclstock.jpg');">
| |
| - |
| |
| - | </div>
| |
| - | <div class="small_center">
| |
| - |
| |
| - | <h1>Heading</h1>
| |
| - |
| |
| - | <p>
| |
| - | Lorem ipsum dolor sit amet, consectetur adipiscing elit.
| |
| - | Pellentesque at augue placerat, fringilla lorem ac, condimentum tellus.
| |
| - | Nullam dui turpis, rhoncus vehicula hendrerit vitae, rhoncus at odio.
| |
| - | Nullam auctor nulla ac lorem dignissim, ut sodales diam pharetra.
| |
| - | </p>
| |
| - |
| |
| - | </div>
| |
| - | <div class="small_right">
| |
| - |
| |
| - | <h1>Heading</h1>
| |
| - |
| |
| - | <p>
| |
| - | Lorem ipsum dolor sit amet, consectetur adipiscing elit.
| |
| - | Pellentesque at augue placerat, fringilla lorem ac, condimentum tellus.
| |
| - | Nullam dui turpis, rhoncus vehicula hendrerit vitae, rhoncus at odio.
| |
| - | Nullam auctor nulla ac lorem dignissim, ut sodales diam pharetra.
| |
| - | </p>
| |
| - |
| |
| - | </div>
| |
| - | </div>
| |
| - |
| |
| - | <div class="buffer">
| |
| - | </div>
| |
| - |
| |
| - | <div class="row_small">
| |
| - | <div class="large_left">
| |
| - |
| |
| - | <h1>Heading</h1>
| |
| - |
| |
| - | <p>
| |
| - | Lorem ipsum dolor sit amet, consectetur adipiscing elit.
| |
| - | Pellentesque at augue placerat, fringilla lorem ac, condimentum tellus.
| |
| - | Nullam dui turpis, rhoncus vehicula hendrerit vitae, rhoncus at odio.
| |
| - | Nullam auctor nulla ac lorem dignissim, ut sodales diam pharetra.
| |
| - | Lorem ipsum dolor sit amet, consectetur adipiscing elit.
| |
| - | Pellentesque at augue placerat, fringilla lorem ac, condimentum tellus.
| |
| - | </p>
| |
| - |
| |
| - | </div>
| |
| - | <div class="small_right" style="background-image:url('images/petri.jpg');">
| |
| - |
| |
| - | </div>
| |
| - | </div>
| |
| - |
| |
| - | <div class="buffer">
| |
| - | </div>
| |
| - |
| |
| - | <div class="row_small">
| |
| - | <div class="small_left">
| |
| - |
| |
| - | <h1>Heading</h1>
| |
| - |
| |
| - | <p>
| |
| - | Lorem ipsum dolor sit amet, consectetur adipiscing elit.
| |
| - | Pellentesque at augue placerat, fringilla lorem ac, condimentum tellus.
| |
| - | Nullam dui turpis, rhoncus vehicula hendrerit vitae, rhoncus at odio.
| |
| - | Nullam auctor nulla ac lorem dignissim, ut sodales diam pharetra.
| |
| - | </p>
| |
| - |
| |
| - | </div>
| |
| - | <div class="large_right" style="background-image:url('images/team.jpg');">
| |
| - |
| |
| - | </div>
| |
| - | </div>
| |
| - |
| |
| - | <div class="buffer">
| |
| - | </div>
| |
| - | </body>
| |
| - | </html>
| |
"
