<div class="container">
  <div class="line line1"></div>
  <div class="line line2"></div>
  <div class="line line3"></div>
  <div class="line line4"></div>
 </div> 

.container {display:flex;padding:100px 0px;}
.line {width:25%;height:20px;}
.line1 {background:red;transform:rotate(345deg);}
.line2 {background:green;    transform: rotate(15deg);}
.line3 {background:yellow;transform: rotate(345deg);}
.line4 {background:blue;transform: rotate(15deg);}