CodePen

HTML

            
              <div class="box">
  <p>A Proven Three-Fold Technique</p>
</div>
            
          
!

CSS

            
              .box {
  width: 440px;
  height: 130px;
  margin: 2em auto;
  background: linear-gradient(17deg, darkblue 45%, white 46%, white 48%,yellow 49%, yellow 50%, white 51%) right top,
              linear-gradient(-17deg,  darkblue 45%, white 46%, white 48%,yellow 49%, yellow 50%, white 51%) top left,
              linear-gradient(-197deg,  darkblue 45%, white 46%, white 48%,yellow 49%, yellow 50%, white 51%) bottom right,
              linear-gradient(197deg,  darkblue 45%, white 46%, white 48%,yellow 49%, yellow 50%, white 51%) bottom left;
  background-size: 50%;
  background-repeat: no-repeat;
  position: relative;
  p {
    position: absolute;
    top: 30%;
    display: block;
    text-align: center;
    width: 100%;
    color: white;
    font-weight: 900;
  }
}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

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