Shape Divider: CSS include external SVG: simplest

https://css-tricks.com/creating-non-rectangular-headers/#article-header-id-1

by Roberto Apasajja

HTML

aaaa
<header>
  tttt
</header>

<div class="zzz">
  dddd
</div>

CSS

header {
  position: relative;
  height: 150px;
  background: url(http://svgshare.com/i/4kP.svg), linear-gradient(#ff9d2f, #ff6126);
  background-size: 2000px 100%;
 }

.zzz{
  background: white;
}