Last active
June 2, 2020 01:26
-
-
Save freshyill/c17291e5cb8c7f731319ff9bb699f4c1 to your computer and use it in GitHub Desktop.
Illtron 2005
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | |
| <html xmlns="http://www.w3.org/1999/xhtml"> | |
| <head> | |
| <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> | |
| <title>Illtron lives here</title> | |
| <style type="text/css"> | |
| body { | |
| background: #808080; | |
| color: #fff; | |
| font-family: verdana; | |
| font-size: 11px; | |
| padding-top: 0; | |
| } | |
| #wrap { | |
| background: #000; | |
| background-image: url(illtron_main.png); | |
| background-repeat: no-repeat; | |
| background-color: #000; | |
| height: 900px; | |
| width: 900px; | |
| border: 0px solid #999; | |
| border: 0px solid #fff; | |
| margin: 0px auto; | |
| } | |
| #header { | |
| padding-left: 33px; | |
| padding-top: 240px; | |
| } | |
| /* navigation list */ | |
| ul#navlist { | |
| white-space: nowrap; | |
| margin-bottom: 6px; | |
| } | |
| #navlist li { | |
| display: inline; | |
| list-style-type: none; | |
| margin-left: -3px; | |
| margin-bottom: 0px; | |
| } | |
| #navlist a { | |
| color: #000; | |
| background-image: url(trans_white_40.png); | |
| padding: 6px 15px; | |
| margin: 0px; | |
| border-bottom: 1px solid #fff; | |
| } | |
| #navlist a:link, #navlist a:visited { | |
| color: #000; | |
| letter-spacing: .5em; | |
| text-decoration: none; | |
| background: #660; | |
| border-top: 1px solid #660; | |
| } | |
| #navlist a:hover { | |
| color: #fff; | |
| text-decoration: none; | |
| background: #ccc; | |
| border-top: 1px solid #666; | |
| } | |
| #navlist a:link.selected, #navlist a:visited.selected { | |
| border-left: 1px solid #fff; | |
| border-right: 1px solid #fff; | |
| border-top: 1px solid #fff; | |
| background: none; | |
| background-image: url(trans_white_40.png); | |
| border-bottom: none; | |
| padding-top: 10px; | |
| } | |
| /* content area */ | |
| #content { | |
| padding-left: 70px; | |
| } | |
| #left { | |
| width: 600px; | |
| background-image: url(trans_white_40.png); | |
| margin-top: 0px; | |
| padding-left: 10px; | |
| float: left; | |
| } | |
| #left p { | |
| color: #fff; | |
| width: 530px; | |
| } | |
| #right { | |
| float: left; | |
| width: 185px; | |
| background-image: url(trans_white_40.png); | |
| margin-left: -50px; | |
| margin-top: 50px; | |
| padding: 10px; | |
| color: #000; | |
| } | |
| #footer { | |
| clear: both; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <div id="wrap"> | |
| <div id="header"> | |
| <ul id="navlist"> | |
| <li><a href="#">Home</a></li> | |
| <li><a href="#" class="selected">Blog</a></li> | |
| <li><a href="#">Photos</a></li> | |
| <li><a href="#">Résumé</a></li> | |
| <li><a href="#">Contact</a></li> | |
| </ul> | |
| </div> | |
| <div id="content"> | |
| <div id="left"> | |
| <p>This is in the left area. This is in the left area. This is in the left area. This is in the left area. This is in the left area. This is in the left area. This is in the left area. This is in the left area.This is in the left area. This is in the left area. This is in the left area. This is in the left area.</p> | |
| <p>This is in the left area. This is in the left area. This is in the left area. This is in the left area. This is in the left area. This is in the left area. This is in the left area. This is in the left area.This is in the left area. This is in the left area. This is in the left area. This is in the left area.</p> | |
| <p>This is in the left area. This is in the left area. This is in the left area. This is in the left area. This is in the left area. This is in the left area. This is in the left area. This is in the left area.This is in the left area. This is in the left area. This is in the left area. This is in the left area.</p> | |
| </div> | |
| <div id="right"> | |
| <p>This is the right area. This is the right area. This is the right area. This is the right area. </p> | |
| </div> | |
| <div id="footer"> | |
| footer | |
| </div> | |
| </div> | |
| </div> | |
| <div id="clearing"></div> | |
| </body> | |
| </html> | |
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | |
| <html xmlns="http://www.w3.org/1999/xhtml"> | |
| <head> | |
| <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> | |
| <title>Illtron lives here</title> | |
| <style type="text/css"> | |
| body { | |
| background: #808080; | |
| color: #fff; | |
| font-family: verdana; | |
| font-size: 11px; | |
| padding-top: 0; | |
| } | |
| #wrap { | |
| background: #000; | |
| background-image: url(illtron_main.png); | |
| background-repeat: no-repeat; | |
| background-color: #000; | |
| height: 900px; | |
| width: 900px; | |
| border: 0px solid #999; | |
| border: 0px solid #fff; | |
| margin: 0px auto; | |
| } | |
| #header { | |
| padding-left: 33px; | |
| padding-top: 240px; | |
| } | |
| /* navigation list */ | |
| ul#navlist { | |
| white-space: nowrap; | |
| margin-bottom: 6px; | |
| } | |
| #navlist li { | |
| display: inline; | |
| list-style-type: none; | |
| margin-left: -3px; | |
| margin-bottom: 0px; | |
| } | |
| #navlist a { | |
| color: #000; | |
| background-image: url(trans_white_40.png); | |
| padding: 6px 15px; | |
| margin: 0px; | |
| border-bottom: 1px solid #fff; | |
| } | |
| #navlist a:link, #navlist a:visited { | |
| color: #000; | |
| letter-spacing: .5em; | |
| text-decoration: none; | |
| background: #660; | |
| border-top: 1px solid #660; | |
| } | |
| #navlist a:hover { | |
| color: #fff; | |
| text-decoration: none; | |
| background: #ccc; | |
| border-top: 1px solid #666; | |
| } | |
| #navlist a:link.selected, #navlist a:visited.selected { | |
| border-left: 1px solid #fff; | |
| border-right: 1px solid #fff; | |
| border-top: 1px solid #fff; | |
| background: none; | |
| background-image: url(trans_white_40.png); | |
| border-bottom: none; | |
| padding-top: 10px; | |
| } | |
| /* content area */ | |
| #content { | |
| padding-left: 70px; | |
| } | |
| #left { | |
| width: 600px; | |
| background-image: url(trans_white_40.png); | |
| margin-top: 0px; | |
| padding-left: 10px; | |
| float: left; | |
| } | |
| #left p { | |
| color: #fff; | |
| width: 530px; | |
| } | |
| #right { | |
| float: left; | |
| width: 185px; | |
| background-image: url(trans_white_40.png); | |
| margin-left: -50px; | |
| margin-top: 50px; | |
| padding: 10px; | |
| color: #000; | |
| } | |
| #footer { | |
| clear: both; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <div id="wrap"> | |
| <div id="header"> | |
| <ul id="navlist"> | |
| <li><a href="#">Home</a></li> | |
| <li><a href="#" class="selected">Blog</a></li> | |
| <li><a href="#">Photos</a></li> | |
| <li><a href="#">Résumé</a></li> | |
| <li><a href="#">Contact</a></li> | |
| </ul> | |
| </div> | |
| <div id="content"> | |
| <div id="left"> | |
| <p>This is in the left area. This is in the left area. This is in the left area. This is in the left area. This is in the left area. This is in the left area. This is in the left area. This is in the left area.This is in the left area. This is in the left area. This is in the left area. This is in the left area.</p> | |
| <p>This is in the left area. This is in the left area. This is in the left area. This is in the left area. This is in the left area. This is in the left area. This is in the left area. This is in the left area.This is in the left area. This is in the left area. This is in the left area. This is in the left area.</p> | |
| <p>This is in the left area. This is in the left area. This is in the left area. This is in the left area. This is in the left area. This is in the left area. This is in the left area. This is in the left area.This is in the left area. This is in the left area. This is in the left area. This is in the left area.</p> | |
| </div> | |
| <div id="right"> | |
| <p>This is the right area. This is the right area. This is the right area. This is the right area. </p> | |
| </div> | |
| <div id="footer"> | |
| footer | |
| </div> | |
| </div> | |
| </div> | |
| <div id="clearing"></div> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment