Steps

<!-- Step Simple Variant -->
<div class="step">
  <div class="step-number">1</div>
  <h3 class="step-title">Gathering User Data</h3>
  <p class="step-text">Lorem ipsum dolor sit amet, consectetur adipisicing...</p>
  <a class="step-link" href="#">View more<i class="fe-icon-arrow-right"></i></a>
</div>

<!-- Step Simple Variant Light Skin -->
<div class="step step-light-skin">
  <div class="step-number">1</div>
  <h3 class="step-title">Gathering User Data</h3>
  <p class="step-text">Lorem ipsum dolor sit amet, consectetur adipisicing...</p>
  <a class="step-link" href="#">View more<i class="fe-icon-arrow-right"></i></a>
</div>

<!-- Step with Icon -->
<div class="step step-with-icon">
  <div class="step-number">1</div>
  <div class="step-icon">
    <img src="path-to-image" alt="Gathering User Data">
  </div>
  <h3 class="step-title">Gathering User Data</h3>
  <p class="step-text">Lorem ipsum dolor sit amet, consectetur adipisicing...</p>
  <a class="step-link" href="#">View more<i class="fe-icon-arrow-right"></i></a>
</div>

<!-- Step with Icon Light Skin -->
<div class="step step-with-icon step-light-skin">
  <div class="step-number">1</div>
  <div class="step-icon">
    <img src="path-to-image" alt="Gathering User Data">
  </div>
  <h3 class="step-title">Gathering User Data</h3>
  <p class="step-text">Lorem ipsum dolor sit amet, consectetur adipisicing...</p>
  <a class="step-link" href="#">View more<i class="fe-icon-arrow-right"></i></a>
</div>