<!DOCTYPE html>
<html>
  <head>
	<link href='http://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
	<link rel="stylesheet" href="http://s3.amazonaws.com/codecademy-content/projects/bootstrap.min.css">
	<link rel='stylesheet' href='style.css'/>
  </head>
  <body>
    <div class="header">
      <div class="container">
        <div class="logo">
        <img src="http://s3.amazonaws.com/codecademy-content/projects/pocketbook/logo.svg" class="img-responsive" alt="Pocketbook logo">
      </div>
    </div>

    <div class="main">
      <div class="container">
        <h1>Join Pocketbook</h1>
          <form>
            <div class="form-group">
              <label for="fname">First Name</label>
              <input type="First Name" class="form-control" id="exlname" placeholder="First Name">
            </div>
            <div class="form-group">
              <label for="lname">Last Name</label>
              <input type="Last Name" class="form-control" id="exlname" placeholder="Last Name">
            </div>
            <div class="form-group">
              <label for="Email">Email</label>
              <input type="Email" class="form-control" id="exemail" placeholder="Email">
            </div>
            <div class="form-group">
               <label for="Password">Password</label>
                <input type="Password" class="form-control" id="expassword" placeholder="Password">
            </div>
            <button type="submit">Create Account</button>
          </form>
      </div>
    </div>

    <div class="footer">
      <div class="container">
        <ul class="list-unstyled list-inline">
          <li><a href="#">Contact</a></li>
          <li><a href="#">Help Center</a></li>
          <li><a href="#">About</a></li>
        </ul>
      </div>
    </div>
  </body>
</html>
html, body {
  color: white;
  margin: 0;
  padding: 0;
  font-family: 'Montserrat', sans-serif;
    background-image: url(http://s3.amazonaws.com/codecademy-content/projects/pocketbook/bg.jpg);
  background-size: cover;
}

.body {
  background-image: url(http://s3.amazonaws.com/codecademy-content/projects/pocketbook/bg.jpg);
  background-size: cover;
}

.container {
  width: 940px;
}

.header .logo {
 height: 100px;
 width: 100px;
 margin: auto;
 padding-top: 50px;
 padding-bottom: 50px;
 margin-bottom: 100px;
}

.main form button {
  background-color: #2a6353;
  border: none;
  padding: 7px 20px;
  margin-top: 30px;
  margin-bottom: 45px;
}


.main form button:hover {
  background-color: #1F5C3D;
}


.main .form-group input {
  width: 550px;
  border-radius: 0; 
}


.footer ul li a {
  color: #fff;
  text-decoration: none;
}
.footer a:hover {
    color:#B8E3DD;
}

Browse more Codebits