@extends('layouts.new-layout')
@section('title', 'Financing')

@section('content')
<a id="button"></a>
<section class="bg-bb1 pb-5">
<div class="container">
<div class="text-center"><h1 class="text-white">Track</h1></div></div>
</section>


     
      <!-- ============================================-->




      <!-- ============================================-->
      <section>

      <div class="container">
        <div class="order-tracking text-center">
            ORDER TRACKING: ORDER NO
        </div>
        <div class="col-12 tracking-status">
        <div class="row">
            <div class="col-md-4 text-center">
                <div><strong>Shipping Via:</strong> Ipsum Dolor</div>
            </div>
            <div class="col-md-4 text-center">
                <div><strong>Status:</strong> Processing Order</div>
            </div>
            <div class="col-md-4 text-center">
                <div><strong>Expected Date:</strong> 12-DEC-2017</div>
            </div>
        </div>
        </div>
        <div class="tracking-step mt-4">
            <div class="step active">
                <div class="icon">
                <i class="fa fa-shopping-cart" aria-hidden="true"></i>
                </div>
                <div class="step-text">Confirmed Order</div>
            </div>
            <div class="step active">
                <div class="icon">
                <i class="fa fa-refresh" aria-hidden="true"></i>
                </div>
                <div class="step-text">Processing Order</div>
            </div>
            <div class="step inactive">
                <div class="icon">
                <i class="fa fa-search" aria-hidden="true"></i>
                </div>
                <div class="step-text">Quality Check</div>
            </div>
            <div class="step inactive">
                <div class="icon">
                <i class="fa fa-truck" aria-hidden="true"></i>
                </div>
                <div class="step-text">Dispatched Item</div>
            </div>
            <div class="step inactive">
                <div class="icon">
                <i class="fa fa-archive" aria-hidden="true"></i>
                </div>
                <div class="step-text">Product Delivered</div>
            </div>
        </div>
    </div>
        <!-- end of .container-->

      </section>
      <!-- ============================================-->

    
@endsection