39 lines
2.3 KiB
HTML
39 lines
2.3 KiB
HTML
<!-- RECENT WORK -->
|
|
<div class="editor">
|
|
<header class="text-center">
|
|
<h2 class="nomargin">訂購流程</h2>
|
|
<p class="size-20 nomargin">為您提供最優質的服務</p>
|
|
</header>
|
|
<div class="row process-wizard process-wizard-default margin-top-100">
|
|
|
|
<div class="col-xs-3 process-wizard-step complete">
|
|
<div class="text-center process-wizard-stepnum">Step 1</div>
|
|
<div class="progress"><div class="progress-bar"></div></div>
|
|
<a href="#" class="process-wizard-dot"></a>
|
|
<div class="process-wizard-info text-center">加入購物車</div>
|
|
</div>
|
|
|
|
<div class="col-xs-3 process-wizard-step complete"><!-- complete -->
|
|
<div class="text-center process-wizard-stepnum">Step 2</div>
|
|
<div class="progress"><div class="progress-bar"></div></div>
|
|
<a href="#" class="process-wizard-dot"></a>
|
|
<div class="process-wizard-info text-center">填寫訂單</div>
|
|
</div>
|
|
|
|
<div class="col-xs-3 process-wizard-step complete"><!-- complete -->
|
|
<div class="text-center process-wizard-stepnum">Step 3</div>
|
|
<div class="progress"><div class="progress-bar"></div></div>
|
|
<a href="#" class="process-wizard-dot"></a>
|
|
<div class="process-wizard-info text-center">前往結帳</div>
|
|
</div>
|
|
|
|
<div class="col-xs-3 process-wizard-step complete"><!-- active -->
|
|
<div class="text-center process-wizard-stepnum">Step 4</div>
|
|
<div class="progress"><div class="progress-bar"></div></div>
|
|
<a href="#" class="process-wizard-dot"></a>
|
|
<div class="process-wizard-info text-center">確認送出</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|