Angled Sections of Page

Curved lines

//Example on: http://fancyapps.com/fancybox/3/ (check header code)

header {
    background-color: #ff6666;
    padding: 0 50px;
    position: relative;
}

header::before {
    background: #fff none repeat scroll 0 0;
    content: "";
    height: 500px;
    left: 0;
    position: absolute;
    right: 0;
    top: 100%;
    transform: skewY(2deg);
    transform-origin: right center 0;
}