Difference between revisions of "Web Elements"


Line 14: Line 14:
 
<html>
 
<html>
 
<div class="steps">
 
<div class="steps">
   <div class="step-item is-completed is-success">
+
   <div class="step-item">
     <div class="step-marker">
+
     <div class="step-marker">1</div>
      <span class="icon">
 
        <i class="fa fa-check"></i>
 
      </span>
 
    </div>
 
 
     <div class="step-details">
 
     <div class="step-details">
 
       <p class="step-title">Step 1</p>
 
       <p class="step-title">Step 1</p>
Line 25: Line 21:
 
     </div>
 
     </div>
 
   </div>
 
   </div>
   <div class="step-item is-active">
+
   <div class="step-item">
     <div class="step-marker"></div>
+
     <div class="step-marker">2</div>
 
     <div class="step-details">
 
     <div class="step-details">
 
       <p class="step-title">Step 2</p>
 
       <p class="step-title">Step 2</p>
Line 37: Line 33:
 
       <p class="step-title">Step 3</p>
 
       <p class="step-title">Step 3</p>
 
       <p>This is the third step. One more step before the end.</p>
 
       <p>This is the third step. One more step before the end.</p>
    </div>
 
  </div>
 
  <div class="step-item">
 
    <div class="step-marker">
 
      <span class="icon">
 
        <i class="fa fa-flag"></i>
 
      </span>
 
    </div>
 
    <div class="step-details">
 
      <p class="step-title">Step 4</p>
 
      <p>Final step. You have completed all the previous steps and end the process.</p>
 
 
     </div>
 
     </div>
 
   </div>
 
   </div>

Revision as of 13:54, 14 August 2019

Download Box

spectre-docs.pdf
14MB•Public•1 Jan, 2017

Steps

1

Step 1

This is the first step of the process.

2

Step 2

This is the second step. You get here once you have completed the first step.

3

Step 3

This is the third step. One more step before the end.

Templates