<body>
<div class="box">
<div class="ln ln0"></div>
<div class="ln ln1"></div>
<div class="ln ln0"></div>
<div class="ln ln1"></div>
<div class="ln ln0"></div>
</div>
<div class="box box2">
<div class="ln ln0"></div>
<div class="ln ln1"></div>
<div class="ln ln0"></div>
<div class="ln ln1"></div>
<div class="ln ln0"></div>
</div>
</body>
<style>
body {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100%;
width: 100%;
margin: 0;
background: #F0F0F0;
}
.box {width: 100px; height: 100px}
.box2 {transform: rotate(90deg)}
.ln {width: 100%; height: 20%}
.ln0 {background: #E05947}
.box2 > .ln0 {background: #EAC049}
</style>