CodePen

HTML

            
              <div id="chevron">
  <div id="texting">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  </div>
</div>
<div id="texting3">
  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque consectetur aliquet nibh ut vulputate. Nulla egestas tortor vitae urna lacinia ut semper urna volutpat. Donec auctor hendrerit tincidunt. Suspendisse sollicitudin ipsum a enim tristique eget iaculis purus viverra. Praesent dapibus luctus lorem, at varius velit interdum at. Pellentesque at consectetur.
</div>
<div id="chevron2">
  <div id="texting2">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  </div>
</div>
            
          
!
via HTML Inspector

CSS

            
              #chevron { left: 0; width: 100%; background:#487cff; -webkit-transform: skew(0deg, 2deg); -moz-transform: skew(0deg, 2deg); -ms-transform: skew(0deg, 2deg); -o-transform: skew(0deg, 2deg); transform: skew(0deg, 2deg); height:200px; margin-bottom:30px; margin-top:30px;}

#chevron2 { left: 0; width: 100%; background:#487cff; -webkit-transform: skew(0deg, -2deg); -moz-transform: skew(0deg, -2deg); -ms-transform: skew(0deg, -2deg); -o-transform: skew(0deg, -2deg); transform: skew(0deg, -2deg); height:200px; margin-bottom:30px; margin-top:30px;}

#texting, #texting2 {
  color:white;
  font-size:30px;
  -webkit-transform: skew(0deg, -2deg); -moz-transform: skew(0deg, -2deg); -ms-transform: skew(0deg, -2deg); -o-transform: skew(0deg, -2deg); transform: skew(0deg, -2deg);
  width:1000px;
  position:relative;
  margin: 0 auto;
  top:20px;
  padding-top:10px; padding-bottom:10px;
}

#texting2 {
  -webkit-transform: skew(0deg, 2deg); -moz-transform: skew(0deg, 2deg); -ms-transform: skew(0deg, 2deg); -o-transform: skew(0deg, 2deg); transform: skew(0deg, 2deg);
}

#texting3 {
  color:black;
  font-size:18px;
  width:1000px;
  position:relative;
  margin: 0 auto;
}

#chevron, #chevron2 {
  box-shadow: inset 0px 0px 7px rgba(0,0,0,1);
	-moz-box-shadow: inset 0px 0px 7px rgba(0,0,0,1);
	-webkit-box-shadow: inset 0px 0px 7px rgba(0,0,0,1);
}

*{ margin:0;}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................