|
|
| Line 1: |
Line 1: |
| <html><head>
| |
| <style type="text/css">
| |
| .main { margin: 0 auto; width: 804px; background:url('http://openwetware.org/images/3/3a/Bg.png') }
| |
|
| |
|
|
| |
| #logo{ margin:80px 0 0 150px; display:block; background:url('http://openwetware.org/images/a/ac/Banner4.png') 0 0 no-repeat; width:500px; height:171px; text-indent:-9999px;}
| |
| .navbox {
| |
| position: relative;
| |
| float: left;
| |
| }
| |
|
| |
| #menu{ background:url('http://openwetware.org/images/3/3f/Menu_bg.png') 0 0 no-repeat; width:643px; height:100px; margin:61px 0 0 78px; padding-top:100px}
| |
|
| |
| #menu li{ float:left;}
| |
| #menu a{ font-size:30px; color:#000000; line-height:1.2em; text-decoration:none; letter-spacing:-1px;}
| |
|
| |
| .nav1{ padding:26px 0 0 57px;}
| |
| .nav2{ padding:16px 0 0 30px;}
| |
| .nav3{ padding:36px 0 0 27px;}
| |
| .nav4{ padding:16px 0 0 29px;}
| |
| .nav5{ padding:26px 0 0 30px;}
| |
|
| |
| #menu .nav1 a:hover{ color:#bb0e0e}
| |
| #menu .nav2 a:hover{ color:#ca6509}
| |
| #menu .nav3 a:hover{ color:#3f9711}
| |
| #menu .nav4 a:hover{ color:#0ca0ce}
| |
| #menu .nav5 a:hover{ color:#8606c5}
| |
|
| |
|
| |
|
| |
| </style>
| |
| </head>
| |
|
| |
|
| |
|
| |
|
| |
|
| |
| <div class="extra">
| |
| <div id="page_1">
| |
| <div class="main" style="padding-top:10px; padding-bottom:10px">
| |
| <!--header -->
| |
| <header>
| |
| <a href="index.html" id="logo">DNAmazing asfsaf. Smart. Effective</a>
| |
| <nav>
| |
| <ul id="menu">
| |
| <li class="nav1"><a href="#page_2">News</a></li>
| |
| <li class="nav2"><a href="#page_3">Services</a></li>
| |
| <li class="nav3"><a href="#page_4">Products</a></li>
| |
| <li class="nav4"><a href="#page_5">FAQ</a></li>
| |
| <li class="nav5"><a href="#page_6">Contacts</a></li>
| |
| </ul>
| |
| </nav>
| |
| </header>
| |
| <!--header end-->
| |
|
| |
|
| |
| </div>
| |
| </div>
| |
|
| |
| </div>
| |
| </html>
| |
