<div class="cm-padding-bottom-36">
<div class="title-box text-center" data-appear-animation="fadeInDown">
  <h1 class="title">Workflow</h1>
</div>

<div class="steps" data-appear-animation="fadeIn">
  <div class="step text-center border-warning bg-warning white">
    <div class="step-wrapper">
      <span class="livicon" data-n="star-empty" data-s="48" data-c="#fff" data-hc="#f6f5f5"></span>
      <div class="title-box text-center title-white">
        <h4 class="title">Idea</h4>
      </div>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quia sapiente pariatur dolores neque corporis adipisci.</p>
    </div>
  </div>
  
  <div class="step text-center border-grey bg-grey white">
    <div class="step-wrapper">
      <span class="livicon" data-n="pencil" data-s="48" data-c="#fff" data-hc="#f6f5f5"></span>
      <div class="title-box text-center title-white">
        <h4 class="title">Design</h4>
      </div>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quia sapiente pariatur dolores neque corporis adipisci.</p>
    </div>
  </div>
  
  <div class="step text-center border-info bg-info white">
    <div class="step-wrapper">
      <span class="livicon" data-n="hammer" data-s="62" data-c="#fff" data-hc="#f6f5f5"></span>
      <div class="title-box text-center title-white">
        <h4 class="title">Development</h4>
      </div>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quia sapiente pariatur dolores neque corporis adipisci.</p>
    </div>
  </div>
  
  <div class="step text-center border-success bg-success white">
    <div class="step-wrapper">
      <span class="livicon" data-n="bug" data-c="#fff" data-hc="#f6f5f5" data-s="64"></span>
      <div class="title-box text-center title-white">
        <h4 class="title">Test</h4>
      </div>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quia sapiente pariatur dolores neque corporis adipisci.</p>
    </div>
  </div>
  
  <div class="step text-center border-error bg-error white">
    <div class="step-wrapper">
      <span class="livicon" data-n="rocket" data-s="48" data-c="#fff" data-hc="#f6f5f5"></span>
      <div class="title-box text-center title-white">
        <h4 class="title">Result</h4>
      </div>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quia sapiente pariatur dolores neque corporis adipisci.</p>
    </div>
  </div>
</div>
<div class="clearfix"></div>
</div>