|
|
(7 intermediate revisions not shown) |
Line 1: |
Line 1: |
- | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
| |
- | "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
| |
- | <html>
| |
- | <head>
| |
- |
| |
- | <style type="text/css">
| |
- |
| |
- | body{
| |
- | margin:0;
| |
- | padding:0;
| |
- | }
| |
- | #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>
| |