Difference between revisions of "Web Elements"
(→Download Box) |
|||
Line 7: | Line 7: | ||
<div class="" style="margin-left: 30px;"><span class="tk-futura-pt">spectre-docs.pdf</span></div> | <div class="" style="margin-left: 30px;"><span class="tk-futura-pt">spectre-docs.pdf</span></div> | ||
<div class="" style="margin-left: 30px;color:#999;font-size:80%;margin-top:-7px;"><span class="is-small tk-futura-pt">14MB•Public•1 Jan, 2017</span></div> | <div class="" style="margin-left: 30px;color:#999;font-size:80%;margin-top:-7px;"><span class="is-small tk-futura-pt">14MB•Public•1 Jan, 2017</span></div> | ||
+ | </div> | ||
+ | </html> | ||
+ | |||
+ | ===Steps=== | ||
+ | |||
+ | <html> | ||
+ | <div class="steps"> | ||
+ | <div class="step-item is-completed is-success"> | ||
+ | <div class="step-marker"> | ||
+ | <span class="icon"> | ||
+ | <i class="fa fa-check"></i> | ||
+ | </span> | ||
+ | </div> | ||
+ | <div class="step-details"> | ||
+ | <p class="step-title">Step 1</p> | ||
+ | <p>This is the first step of the process.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="step-item is-active"> | ||
+ | <div class="step-marker"></div> | ||
+ | <div class="step-details"> | ||
+ | <p class="step-title">Step 2</p> | ||
+ | <p>This is the second step. You get here once you have completed the first step.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="step-item"> | ||
+ | <div class="step-marker">3</div> | ||
+ | <div class="step-details"> | ||
+ | <p class="step-title">Step 3</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> | ||
</html> | </html> |
Step 1
This is the first step of the process.
Step 2
This is the second step. You get here once you have completed the first step.
Step 3
This is the third step. One more step before the end.
Step 4
Final step. You have completed all the previous steps and end the process.
hkilter.com by H. K. Ilter is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License
© 2020 H. K. Ilter