Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!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>Dutch Hunters</title>
<style type="text/css">
body {
  margin:0;
  padding:0;
  background:#000;
  font:12px Arial, Helvetica, sans-serif;
  color:#fff;
}
#wrapper {
  width:886px;
  margin:auto;
  overflow:hidden;
}
#header {
  background:url(http://i.imgur.com/WKL51.jpg) no-repeat;
  height:220px;
}
#title a {
  text-indent:-9999px;
  height:152px;
  display:block;
}
#menu {
  height:60px;
  overflow:hidden;
}
ul.menu {
  margin:0;
  padding:0;
  width:500px;
  float:left;
}
ul.menu li {
  list-style:none;
  float:left;
}
ul.menu li a {
  color:#fff;
  font-weight:bold;
  text-decoration:none;
  display:block;
  padding:0 20px;
}
ul.login {
  margin:0;
  padding:0;
  float:right;
  width:320px;
}
ul.login li {
  list-style:none;
}
ul.login li input {
  width:100px;
  border:1px solid #F00;
  margin-right:5px;
}
ul.login .button {
  width:80px;
  cursor:pointer;
  background:#000;
  color:#fff;
  font-weight:700;
}
#content {
  overflow:hidden;
  background:url(http://i.imgur.com/F9oXB.jpg) repeat-y;
  color:#fff;
  line-height:20px;
  padding:20px;
}
</style>
</head>
  
<body>
<div id="wrapper">
  <div id="header">
    <h1 id="title"><a href="#" title="Dutch Hunter">Dutch Hunters</a></h1>
    <div id="menu">
      <ul class="menu">
        <li><a href="#">Home</a></li>
        <li><a href="#">War</a></li>
        <li><a href="#">Save World!</a></li>
      </ul>
      <ul class="login">
        <li>
          <input type="text" name="login" value="Username" />
          <input type="password" name="password" value="password" />
          <input type="submit" class="button" value="Login" />
        </li>
      </ul>
    </div>
  </div>
  <div id="content">
    <p> by English versions from the 1914 translation by H. Rackham.</p>
  </div>
</div>
</body>
</html>
​
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers