Page source:

<style>
	body{
		background: url(http://www.maybeathome.com/assets/video/poster/home.jpg) no-repeat;
		background-size: cover;
		-moz-background-size: cover;
		-webkit-background-size: cover;
	}
	.content-wrapper{
		width: 50%;
		min-width: 400px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		text-align: center;
	}
	.content-wrapper .content{
	border-radius: 8px;
		background: rgba(255, 255, 255, 0.3);
		box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
		-moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
		-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
		padding: 30px;
	}
	.content-wrapper img{
		max-width: 150px;
		margin: 0 auto 15px;
	}
	.content-wrapper h1{
		margin: 0;
		font-size: 28px;
	}
</style>
<div class="content-wrapper">
	<img src="http://www.maybeathome.com/assets/images/maybeathome-logo.png">
	<div class="content">
		<h1>Clear Messages: Are you sure?</h1>
      <H1><a href="http://www.maybeathome.com/site/clear">Yes</a></H1>
	</div>
</div>