21.SitePointLogo.md

Target #21 SitePoint Logo)

<div class="box-2"></div>
<div class="box"></div>
<div class="box-3"></div>
<div class="box-4"></div>
<style>
  body{
    background:#222;
  }
  .box {
    width: 30px;
    height: 100px;
    background: #F2994A;
    position:absolute;
    left:155px;
    top:58px;
    border-bottom-left-radius:10px;
    transform:rotate(45deg);
  }
  .box-2{
    width: 30px;
    height: 55px;
    background: #F2994A;
    position:absolute;
    left:157px;
    top:132px;
    border-bottom-right-radius:5px;
    transform:rotate(-45deg);
  }
  .box-3{
    width: 30px;
    height: 55px;
    background:#2D9CDB;
    position:absolute;
    right:160px;
    top:110px;
    border-top-left-radius:5px;
    transform:rotate(-45deg);
  }
  .box-4{
    width: 30px;
    height:100px;
    background:#2D9CDB;
    position:absolute;
    left:212px;
    top:140px;
    border-top-right-radius:10px;
    transform:rotate(45deg);
  }
</style>