|
|
Line 1: |
Line 1: |
| <!DOCTYPE HTML><!--HTML v5--> | | <html lang="en"> |
| <html>
| | |
| <head>
| | <head> |
| <title>BIOMOD website</title>
| |
| <style> | | <style> |
| html {font-family:Arial, Helvetica, sans-serif;color:#333; }
| | body { |
| body { background:#ccc; margin:0;}
| | background-image: url("http://www.che.ncsu.edu/images/cent-campus/eb1-2.jpg"); |
| #container { width:600px; margin:0 auto; background:#fff;}
| | background-repeat: no-repeat; |
| #header { width:100% height:60px; border-bottom:1px solid #c7c7c7; background:#333;}
| | background-attachment: fixed; |
| #logo { float:left; width:40px; height:40px; margin:10px; background:#ccc; }
| | } |
| #top_info { float:right; width:100px; height:40px; background:#666; border:1px solid #c7c7c7; margin:10px; }
| | p {color:blue;} |
| #navbar {height:20px; clear:both;}
| | |
| #navbar ul { margin:0; padding:0; list-style-type:none;}
| |
| #navbar ul li {padding:10px; float:left; }
| |
| #navbar ul li a { font-size:12px; float:left; float:left; padding:0 0 0 20px; display:block; }
| |
| #banner { background:#666; height:120px; clear:both; padding:20px; }
| |
| #left_col {float:left; width:250px; padding:20px; height:200px; border:1px solid #333; color:#FFF; background:#000; }
| |
| #right_col {float:right; width:250px; height:200px; border:1px solid #333; color:#FFF; background:#000; padding:20px; }
| |
| #footer { padding:20px; clear:both; }
| |
| </style> | | </style> |
| </head>
| | </head> |
| <body> | | <body> |
| <p> Please Wait While Our Website is Being Developed. Thank You!</p> | | <h3> BIOMOD </h3> |
| <!--CONTAINER--> | | <p> introduction about DNAbeans</p> |
| <div id="container">
| |
| <!--HEADER-->
| |
| <div id="header">
| |
| <div id="logo>LOGO</div>
| |
| <div id="top_info">TOP INFO</div>
| |
| <div id="navbar">
| |
| <ul>
| |
| <li><a href="URL">Link Goes Here</a></li>
| |
| <li><a href="URL">Link Goes Here</a></li>
| |
| <li><a href="URL">Link Goes Here</a></li>
| |
| <li><a href="URL">Link Goes Here</a></li>
| |
| <li><a href="URL">Link Goes Here</a></li>
| |
| </ul>
| |
|
| |
| </div>
| |
| </div>
| |
| <!--CONTENT AREA -->
| |
| <div id = "content_area">
| |
| <div id="banner">Banner</div>
| |
| <div id="left_col">Left col Content</div>
| |
| <div id="right_col">Right Col Content</div>
| |
| </div>
| |
| <!--FOOTER -->
| |
| <div id = "footer">Footer</div>
| |
| </div><!--END CONTAINER-->
| |
| </body> | | </body> |
| </html> | | </html> |