CodePen Embed - Full Height hero image

<div id="heroimage">
  
</div>
<div id="content">
  <h1>Page title</h1>
  <p>Some Text</p>
</div>

html, body, #heroimage{
  width:100%;
  height:100%;
}

#heroimage{   
  background:url('http://placehold.it/1920x1080&text=Hero+Image') center center;
  background-size:cover;
}

#content{
  padding:20px;
}

This Pen is owned by David pooley on CodePen.

See more by @pooley182 on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.