<!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">
        <img src="http://s3.amazonaws.com/codecademy-content/projects/pocketbook/logo.svg">
        <hr>
      </div>
    </div>

    <div class="main">
      <div class="container">
      <h2>Join Pocketbook</h2>
        <form>
          <div class="form-group">
            <label for="firstname">First Name</label>
            <input type="firstname" class="form-control" id="firstname" placeholder="">
            
            <div class="form-group">
            <label for="lastname">Last Name</label>
            <input type="lastname" class="form-control" id="lastname" placeholder="">
            
            <div class="form-group">
            <label for="email">Email</label></label>
            <input type="email" class="form-control" id="email" placeholder="">
            
            <div class="form-group">
            <label for="password">Password</label>
            <input type="password" class="form-control" id="password" placeholder="">
            </form>
            
            <a href="#" class="btn">Create Account</a>
      </div>
      </div>
    </div>

    <div class="footer">
      <div class="container">
        <hr>
        <ul>
            <li>Contact</li>
            <li>Help Center</li>
            <li>About</li>
        </ul>
      </div>
    </div>
  </body>
</html>
html, body {
  margin: 0;
  padding: 0;
  font-family: 'Montserrat', sans-serif;
  background: url(http://s3.amazonaws.com/codecademy-content/projects/pocketbook/bg.jpg) no-repeat center center fixed;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}

.container {
  width: 940px;
}

.header img{
    width: 5%;
    display: block;
    margin: 1em auto;
}

.main{
    color:#fff;
}

form{
    width: 60%;
}

.form-group{
   margin-top: 1em; 
}

.btn{
    background-color: teal;
    color: #fff;
    margin-top:1em;
    opacity: .8;
}

.footer{
    color: #fff;
    margin-top: 3em;
}

.footer ul{
    margin-left: -2.7em;
}

.footer li{
    display: inline;
    margin-right: 3em;
}

Browse more Codebits