HERO Mockup
This is a post mockup with a HERO image on MyPost.Here is the CSS to show how this HERO mockup was created:
CSS:
.headline { display: none; }
h1 { text-align: center; }
.container {
background: url('http://goo.gl/tiUi99') top center;
background-size: cover;
width: 1900px;
margin: auto;
max-width: 100%;
height: 600px;
display: block;
margin-top: -24px;
}
.block { padding-top: 575px; }
Content:
HERO Mockup
This is a post mockup with a HERO image on MyPost.