Column example

by Hugo Carneiro

HTML

<div style="position: relative; background-color: #E6E6E6; padding: 25px 20px 30px 20px; margin-top: 0px; color: #fff; min-height: 20em; height: 300px; padding-top: 23px; text-align: center; overflow: hidden;">
  <div style="display: flex; margin-bottom: 10px; justify-content: center;">
    <div style="margin-right:5px; line-height: 50px;">
      <img src="http://test.fliplet.com/files/2016/05/SalesIcon.png" alt="SalesIcon" width="30" height="auto" />
    </div>
    <div>
      <p style="font-family:dosis;color:#555555;font-size:30px;margin:0; line-height: 50px;">Sales</p>
    </div>
  </div>
  <img class="aligncenter size-medium wp-image-37485" src="http://test.fliplet.com/files/2016/05/Sales.png" alt="Sales" width="180" height="auto" />
  <div style="position:absolute; bottom: 0; left: 0; right: 0; padding: 25px 20px 30px 20px; margin-bottom: 0px; background-color:#00abd2; min-height: 5em; height:30px">
    <p>lorem ipsum......</p>
  </div>
</div>