|
|
| Line 1: |
Line 1: |
| - | <html xmlns="http://www.w3.org/1999/xhtml">
| |
| - | <head>
| |
| - | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
| |
| - | <link rel="stylesheet" type="text/css" href="style.css" />
| |
| - | <title>SlickRed | florida web design</title>
| |
| | | | |
| - |
| |
| - | <style media="screen" type="text/css">
| |
| - |
| |
| - | body {
| |
| - | margin: 0;
| |
| - | padding: 0;
| |
| - | text-align: left;
| |
| - | font: 12px Arial, Helvetica, sans-serif;
| |
| - | font-size: 13px;
| |
| - | color: #061C37;
| |
| - | background: #FACFCF;
| |
| - | background-image:url(background.png);
| |
| - | background-repeat:repeat-x;
| |
| - | }
| |
| - | *
| |
| - | {
| |
| - | margin: 0 auto 0 auto;
| |
| - | text-align:left;}
| |
| - |
| |
| - | #container
| |
| - | {
| |
| - | display: block;
| |
| - | height:auto;
| |
| - | position: relative;
| |
| - | width: 960px;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | #header
| |
| - | {
| |
| - | height:85px;
| |
| - | width:960px;
| |
| - | }
| |
| - |
| |
| - | #header h1
| |
| - | {
| |
| - | position:absolute;
| |
| - | text-align:left;
| |
| - | color:#FFFFFF;
| |
| - | font-size:43px;
| |
| - | color:#FFF;
| |
| - | left:14px;
| |
| - | top:18px;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | #header h2
| |
| - | {
| |
| - | position:absolute;
| |
| - | text-align:right;
| |
| - | color:#FFD5D5;
| |
| - | left:490px;
| |
| - | top:38px;
| |
| - | width:400px;
| |
| - | }
| |
| - |
| |
| - | #mainpic
| |
| - | {
| |
| - | background-image:url(main.jpg);
| |
| - | background-repeat:no-repeat;
| |
| - | width:900px;
| |
| - | height:354px;
| |
| - | }
| |
| - |
| |
| - |
| |
| - |
| |
| - | .off
| |
| - | {
| |
| - | color:#300;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | #menu
| |
| - | {
| |
| - | display:block;
| |
| - | float:left;
| |
| - | clear:both;
| |
| - | width:960px;
| |
| - | height:54px;
| |
| - | float:left;
| |
| - | clear:both;
| |
| - | }
| |
| - |
| |
| - | #leftmenu
| |
| - | {
| |
| - | margin-top:15px;
| |
| - | width:204px;
| |
| - | float:left;
| |
| - | }
| |
| - |
| |
| - | #leftmenu_top
| |
| - | {
| |
| - | width:204px;
| |
| - | height:13px;
| |
| - | background-image:url(leftmenu_top.png);
| |
| - | }
| |
| - | #leftmenu_bottom
| |
| - | {
| |
| - | width:204px;
| |
| - | height:13px;
| |
| - | background-image:url(leftmenu_bottom.png);
| |
| - | }
| |
| - | #leftmenu_main
| |
| - | {
| |
| - | width:204px;
| |
| - | height:auto;
| |
| - | background-color:#420000;
| |
| - | }
| |
| - |
| |
| - | #leftmenu_main ul
| |
| - | {
| |
| - | list-style: none;
| |
| - | padding: 0px;
| |
| - | width:204px;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | #leftmenu_main h3
| |
| - | {
| |
| - | list-style: none;
| |
| - | padding: 0px;
| |
| - | width:204px;
| |
| - | color:#FFFFFF;
| |
| - | padding-left:10px;
| |
| - | padding-bottom:14px;
| |
| - | }
| |
| - |
| |
| - | #leftmenu_main ul li
| |
| - | {
| |
| - | list-style: none;
| |
| - | padding: 0px;
| |
| - | width:204px;
| |
| - | text-align:left;
| |
| - | }
| |
| - |
| |
| - | #leftmenu_main ul li a, #leftmenu_main ul li a:visited
| |
| - | {
| |
| - | display:block;
| |
| - | list-style: none;
| |
| - | padding: 0px;
| |
| - | width:192px;
| |
| - | padding-left:12px;
| |
| - | padding-top:4px;
| |
| - | height:30px;
| |
| - | text-align:left;
| |
| - | background-image:url(leftmenu_link.png);
| |
| - | background-repeat:repeat-x;
| |
| - | margin-top:5px;
| |
| - | color:#FFFFFF;
| |
| - | text-decoration:none;
| |
| - | font-size:15px;
| |
| - | font-weight:bold;
| |
| - | }
| |
| - |
| |
| - | #leftmenu_main ul li a:hover
| |
| - | {
| |
| - | color:#EED7D7;
| |
| - |
| |
| - |
| |
| - | }
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - | #content
| |
| - | {
| |
| - | display:block;
| |
| - | float:left;
| |
| - | width:689px;
| |
| - | height:auto;
| |
| - | padding-left:10px;
| |
| - | padding-top:15px;
| |
| - | padding-right:10px;
| |
| - | padding-bottom:5px;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | #content_top
| |
| - | {
| |
| - | background-image:url(main_top.png);
| |
| - | background-repeat:no-repeat;
| |
| - | width:689px;
| |
| - | height:23px;
| |
| - | }
| |
| - |
| |
| - | #content_main
| |
| - | {
| |
| - | background-image:url(main_back.png);
| |
| - | background-repeat:repeat-y;
| |
| - | width:659px;
| |
| - | padding-left:15px;
| |
| - | padding-right:15px;
| |
| - | }
| |
| - |
| |
| - | #content_bottom
| |
| - | {
| |
| - | background-image:url(main_bottom.png);
| |
| - | background-repeat:no-repeat;
| |
| - | width:689px;
| |
| - | height:23px;
| |
| - | }
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - | #footer
| |
| - | {
| |
| - | width:inherit;
| |
| - | height:auto;
| |
| - | }
| |
| - |
| |
| - | #footer h3 a,#footer h3 a:visited
| |
| - | {
| |
| - | display:inline;
| |
| - | text-align:center;
| |
| - | font-size:12px;
| |
| - | text-decoration:none;
| |
| - | color:#FFF;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | #menu ul {
| |
| - | list-style: none;
| |
| - | padding: 0px;
| |
| - | margin-left:auto;
| |
| - | width:960px;
| |
| - | }
| |
| - |
| |
| - | #menu li {
| |
| - | list-style: none;
| |
| - | padding: 0px;
| |
| - | display: inline;
| |
| - |
| |
| - | }
| |
| - |
| |
| - | #menu a {
| |
| - | float: left;
| |
| - | height: 36px;
| |
| - | display: block;
| |
| - | text-align: center;
| |
| - | text-decoration: none;
| |
| - | color: #ffffff;
| |
| - | font-weight: bold;
| |
| - | padding-top: 18px;
| |
| - | font-size: 15px;
| |
| - | padding-left:13px;
| |
| - | padding-right:13px;
| |
| - |
| |
| - | }
| |
| - |
| |
| - | #menu a:hover{
| |
| - | background-image:url(link_background.png);
| |
| - | background-repeat:repeat-x;
| |
| - | }
| |
| - |
| |
| - | #content p
| |
| - | {
| |
| - |
| |
| - | }
| |
| - |
| |
| - |
| |
| - | html, body {
| |
| - | text-align: center;
| |
| - | }
| |
| - | p {text-align: left;}
| |
| - |
| |
| - |
| |
| - | </style>
| |
| - | </head>
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - | <body>
| |
| - | <div id="container">
| |
| - | <div id="header">
| |
| - | <h1>HKU<span class="off"></span></h1>
| |
| - | </div>
| |
| - |
| |
| - | <div id="menu">
| |
| - | <ul>
| |
| - | <li class="menuitem"><a href="#">Home</a></li>
| |
| - | <li class="menuitem"><a href="#">About</a></li>
| |
| - | <li class="menuitem"><a href="#">Products</a></li>
| |
| - | <li class="menuitem"><a href="#">Services</a></li>
| |
| - | <li class="menuitem"><a href="www.cricinfo.com">Design</a></li>
| |
| - | <li class="menuitem"><a href="#">Contact</a></li>
| |
| - | </ul>
| |
| - | </div>
| |
| - |
| |
| - | <div id="leftmenu">
| |
| - |
| |
| - | <div id="leftmenu_top"></div>
| |
| - |
| |
| - | <div id="leftmenu_main">
| |
| - |
| |
| - | <h3>Links</h3>
| |
| - |
| |
| - | <ul>
| |
| - | <li><a href="#">SEO</a></li>
| |
| - | <li><a href="#">PHP</a></li>
| |
| - | <li><a href="#">Ajax</a></li>
| |
| - | <li><a href="#">jQuery</a></li>
| |
| - | <li><a href="#">Web design</a></li>
| |
| - | <li><a href="#">Web Programming</a></li>
| |
| - | <li><a href="#">Content Creation</a></li>
| |
| - | <li><a href="#">Internet Marketing</a></li>
| |
| - | <li><a href="#">XHTML Templates</a></li>
| |
| - | </ul>
| |
| - | </div>
| |
| - |
| |
| - |
| |
| - | <div id="leftmenu_bottom"></div>
| |
| - | </div>
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - | <div id="content">
| |
| - |
| |
| - |
| |
| - | <div id="content_top"></div>
| |
| - | <div id="content_main">
| |
| - | <h2>You may use this template in any manner you like. All I ask is that you leave the link back to my site at the bottom of the page. </h2>
| |
| - | <p> </p>
| |
| - | <p> </p>
| |
| - | <h3>Template Notes</h3>
| |
| - | <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
| |
| - | <p> </p>
| |
| - | <h3>More information</h3>
| |
| - | <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
| |
| - | <p> </p>
| |
| - | <h3>Template Notes</h3>
| |
| - | <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
| |
| - | <p></p>
| |
| - | <p> </p>
| |
| - | </div>
| |
| - | <div id="content_bottom"></div>
| |
| - |
| |
| - | <div id="footer"><h3><a href="http://www.bryantsmith.com">florida web design</a></h3></div>
| |
| - | </div>
| |
| - | </div>
| |
| - | </body>
| |
| - | </html>
| |
"
