<h1>Title</h1>
@import url(https://fonts.googleapis.com/css?family=Patua+One);

body {background-color:#F2DBAE;}

h1 {
  background-color:#c66; 
  width:200px; height:80px;
  line-height:80px;
  font-size:60px;
  text-align:center;
  position:relative;
  margin:100px auto;
  font-family: 'Patua One', cursive;
  color:#fff;
  }

h1:before, h1:after {
  background-color:#a44; 
  width:50px; height:80px;
  content:'';
  display:block; 
  transform:skewY(20deg);
  position:absolute;
  z-index:-1;
}

h1:before {top:10px; left:0; }
h1:after {top:-10px; right:0; }

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.