|
|
| Line 1: |
Line 1: |
| - | <html>
| |
| - | <head>
| |
| - |
| |
| - | <style type="text/css">
| |
| - |
| |
| - | body{
| |
| - | margin:0;
| |
| - | padding:0;
| |
| - | background: #000000;
| |
| - | }
| |
| - | #container {
| |
| - | width:950px;
| |
| - | margin:auto;
| |
| - | }
| |
| - | #logo {
| |
| - | background:url(https://static.igem.org/mediawiki/2009/e/eb/EdinburghLogobg.jpg) repeat-x;
| |
| - | height:95px;
| |
| - | padding:5px;
| |
| - | }
| |
| - | #head {
| |
| - | background:url(https://static.igem.org/mediawiki/2009/9/9e/EdinburghHeadbg.jpg);
| |
| - | height:166px;
| |
| - | }
| |
| - | #nav {
| |
| - | float:right;
| |
| - | background:#E27C1A;
| |
| - | width:480px;
| |
| - | height:25px;
| |
| - | }
| |
| - | #nav ul {
| |
| - | list-style: none;
| |
| - | padding: 0;
| |
| - | margin: 0;
| |
| - | }
| |
| - | #nav li, a {
| |
| - | display:inline;
| |
| - | text-decoration:none;
| |
| - | padding:0 5px 5px 5px;
| |
| - | color:#712B07;
| |
| - | font-family:Arial;
| |
| - | font-line:10px;
| |
| - | line-height: 1.5em;
| |
| - | font-size:14px;
| |
| - | }
| |
| - | #contents {
| |
| - | background:#f1891f;
| |
| - | height:695px;
| |
| - | width:950px;
| |
| - | }
| |
| - | .ih {
| |
| - | margin-top: 5px;
| |
| - | margin-left:150px;
| |
| - | }
| |
| - | .ih2 {
| |
| - | margin-top: 5px;
| |
| - | margin-left:30px;
| |
| - | }
| |
| - | .ih3 {
| |
| - | margin-top: 1px;
| |
| - | margin-left:30px;
| |
| - | }
| |
| | | | |
| - | #maincontent1{
| |
| - | background:#F3EBD8;
| |
| - | width:540px;
| |
| - | height:230px;
| |
| - | float:left;
| |
| - | margin-top:55px;
| |
| - | padding:15px 15px 15px 15px;
| |
| - | border: 1px solid #CB8337;
| |
| - | font-family:Arial;
| |
| - | font-size:12px;
| |
| - | color:#746C59;
| |
| - | overflow:hidden;
| |
| - | }
| |
| - |
| |
| - | #img1
| |
| - | {
| |
| - | position:relative;
| |
| - | background:#F1A555;
| |
| - | margin-top:110px;
| |
| - | margin-left:75px;
| |
| - | width:220px;
| |
| - | height:220px;
| |
| - | float:left;
| |
| - | padding:5px;
| |
| - | border:1px solid #EC9841;
| |
| - |
| |
| - | }
| |
| - | #img2
| |
| - | {
| |
| - | position:relative;
| |
| - | background:#F1A555;
| |
| - | margin-top:85px;
| |
| - | width:220px;
| |
| - | margin-left:75px;
| |
| - | height:220px;
| |
| - | float:left;
| |
| - | padding:5px;
| |
| - | border:1px solid #EC9841;
| |
| - |
| |
| - | }
| |
| - | #maincontent2{
| |
| - | background:#F3EBD8;
| |
| - | width:540px;
| |
| - | height:230px;
| |
| - | float:left;
| |
| - | margin-top:55px;
| |
| - | padding:15px;
| |
| - | border: 1px solid #CB8337;
| |
| - | font-family:Arial;
| |
| - | font-size:12px;
| |
| - | color:#746C59;
| |
| - | overflow:hidden;
| |
| - |
| |
| - | }
| |
| - |
| |
| - | #transbox {
| |
| - | border:1px solid #c96F14;
| |
| - | width:780px;
| |
| - | float:left;
| |
| - | position:absolute;
| |
| - | margin-left:-250px;
| |
| - | margin-top:-30px;
| |
| - | background:#F1A555;
| |
| - | height:30px;
| |
| - | opacity:0.4;
| |
| - | filter:alpha(opacity=40)
| |
| - | }
| |
| - |
| |
| - | #footer {
| |
| - | height:237px;
| |
| - | width:950px;
| |
| - | background:#342525;
| |
| - | border:1px solid #342525;
| |
| - |
| |
| - | }
| |
| - |
| |
| - | #footerleft {
| |
| - | color:#fff;
| |
| - | width:349px;
| |
| - | height:200px;
| |
| - | }
| |
| - |
| |
| - | #footerleft1 {
| |
| - | margin-top:25px;
| |
| - | margin-left:10px;
| |
| - | color:#fff;
| |
| - | width:349px;
| |
| - | height:95px;
| |
| - | background:#523A3A;
| |
| - | }
| |
| - |
| |
| - | #footerleft2 {
| |
| - | margin-left:10px;
| |
| - | margin-top:-10px;
| |
| - | color:#fff;
| |
| - | width:349px;
| |
| - | height:95px;
| |
| - | background:#523A3A;
| |
| - | }
| |
| - |
| |
| - | #footerright {
| |
| - | margin-top:25px;
| |
| - | margin-right:10px;
| |
| - | width:560px;
| |
| - | height:200px;
| |
| - | color:#fff;
| |
| - | float:right;
| |
| - | background:#523A3A;
| |
| - | }
| |
| - |
| |
| - | </style>
| |
| - |
| |
| - | <meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
| |
| - | <title>Psd Sample</title>
| |
| - | <meta name="Ad li" content="psd sample" />
| |
| - | </head>
| |
| - | <body>
| |
| - | <div id="container">
| |
| - | <div id="logo"> <img src="https://static.igem.org/mediawiki/2009/8/8d/EdinburghClogo.JPG"/></div>
| |
| - | <div id="head">
| |
| - | <a href="#"><img src="https://static.igem.org/mediawiki/2009/6/6c/EdinburghHeadimg1.jpg" class="ih" border=0 /></a>
| |
| - | <a href="#"><img src="https://static.igem.org/mediawiki/2009/7/74/EdinburghHeadimg2.JPG" border=0 class="ih2" /></a>
| |
| - | <a href="#"><img src="https://static.igem.org/mediawiki/2009/7/7d/EdinburghHeadimg3.jpg" class="ih3" border=0 /></a>
| |
| - | </div>
| |
| - | <div id="contents">
| |
| - | <div id="nav">
| |
| - | <ul>
| |
| - | <li><a href="">home</a></li>
| |
| - | <li><a href="">project</a></li>
| |
| - | <li><a href="">project related</a></li>
| |
| - | <li><a href="">team</a></li>
| |
| - | <li><a href="">gallery</a></li>
| |
| - | <li><a href="">contacts</a></li>
| |
| - | </ul>
| |
| - | </div>
| |
| - | <img src="https://static.igem.org/mediawiki/2009/7/7d/EdinburghImg1.JPG" id=img1> </img>
| |
| - | <div id="maincontent1">
| |
| - | <div id=transbox> </div>
| |
| - |
| |
| - | <br /><b>iGEM PROJECT "TNT/RXD BIOREMEDIATOR"</b><br /><br />
| |
| - | <br/>
| |
| - | Lorem ipsum dolor sit arnet, consectetur adipiscing elit. Pellentesque
| |
| - | Lorem ipsum dolor sit arnet, consectetur adipiscing elit. Pellentesque
| |
| - | Lorem ipsum dolor sit arnet, consectetur adipiscing elit. Pellentesque
| |
| - | Lorem ipsum dolor sit arnet, consectetur adipiscing elit. Pellentesque
| |
| - | Lorem ipsum dolor sit arnet, consectetur adipiscing elit. Pellentesque
| |
| - | Lorem ipsum dolor sit arnet, consectetur adipiscing elit. Pellentesque
| |
| - | Lorem ipsum dolor sit arnet, consectetur adipiscing elit. Pellentesque
| |
| - | Lorem ipsum dolor sit arnet, consectetur adipiscing elit. Pellentesque
| |
| - | Lorem ipsum dolor sit arnet, consectetur adipiscing elit. Pellentesque
| |
| - | Lorem ipsum dolor sit arnet, consectetur adipiscing elit. Pellentesque
| |
| - | Lorem ipsum dolor sit arnet, consectetur adipiscing elit. Pellentesque
| |
| - | Lorem ipsum dolor sit arnet, consectetur adipiscing elit. Pellentesque
| |
| - | Lorem ipsum dolor sit arnet, consectetur adipiscing elit. Pellentesque
| |
| - | Lorem ipsum dolor sit arnet, Lorem ipsum dolor sit arnet,
| |
| - | <a href="#"><img src="https://static.igem.org/mediawiki/2009/2/20/EdinburghEnter.JPG" align=right border=0 /></a>
| |
| - | <a href="#"><img src="https://static.igem.org/mediawiki/2009/6/65/EdinburghReadmore.JPG" align=right border=0 /></a>
| |
| - | </div>
| |
| - |
| |
| - | <img src="https://static.igem.org/mediawiki/2009/6/62/EdinburghImg2.JPG" id=img2> </img>
| |
| - |
| |
| - | <div id="maincontent2">
| |
| - | <div id=transbox> </div>
| |
| - | <br />
| |
| - | <b>PROJECT RELATED SECTIONS</b><br /><br />
| |
| - | Lorem ipsum dolor sit arnet, consectetur adipiscing elit. Pellentesque
| |
| - | Lorem ipsum dolor sit arnet, consectetur adipiscing elit. Pellentesque
| |
| - | Lorem ipsum dolor sit arnet, consectetur adipiscing elit. Pellentesque
| |
| - | Lorem ipsum dolor sit arnet, consectetur adipiscing elit. Pellentesque
| |
| - | Lorem ipsum dolor sit arnet, consectetur adipiscing elit. Pellentesque
| |
| - | Lorem ipsum dolor sit arnet, consectetur adipiscing elit. Pellentesque
| |
| - | Lorem ipsum dolor sit arnet, consectetur adipiscing elit. Pellentesque
| |
| - | Lorem ipsum dolor sit arnet, consectetur adipiscing elit. Pellentesque
| |
| - | Lorem ipsum dolor sit arnet, consectetur adipiscing elit. Pellentesque
| |
| - | Lorem ipsum dolor sit arnet, consectetur adipiscing elit. Pellentesque
| |
| - | Lorem ipsum dolor sit arnet, consectetur adipiscing elit. Pellentesque
| |
| - | Lorem ipsum dolor sit arnet, consectetur adipiscing elit. Pellentesque
| |
| - | Lorem ipsum dolor sit arnet, consectetur adipiscing elit. Pellentesque
| |
| - | Lorem ipsum dolor sit arnet, Lorem ipsum dolor sit arnet. Pellentesque
| |
| - | Lorem ipsum dolor sit arnet, Lorem ipsum dolor sit arnet.
| |
| - | <a href="#"><img src="https://static.igem.org/mediawiki/2009/2/20/EdinburghEnter.JPG" align=right border=0 /></a>
| |
| - | <a href="#"><img src="https://static.igem.org/mediawiki/2009/6/65/EdinburghReadmore.JPG" align=right border=0 /></a>
| |
| - | </div>
| |
| - | </div>
| |
| - | <div id="footer">
| |
| - | <div id="footerright"></div>
| |
| - | <div id="footerleft">
| |
| - | <div id="footerleft1"> </div><br />
| |
| - | <div id="footerleft2"> </div>
| |
| - | </div>
| |
| - | </div>
| |
| - | </div>
| |
| - | </body>
| |
| - | </html>
| |
"
