<div class="card-header mb-md-3 bg-white shadow-sm no-border">
    <div class="nav nav-pills nav-fill" role="tablist">
        <div class="nav-item">
            <a class="nav-link active" href="#">To Ship</a>
        </div>
        <div class="nav-item">
            <a class="nav-link" data-toggle="tab" href="#" role="tab">In Transit</a>
        </div>
        <div class="nav-item">
            <a class="nav-link" data-toggle="tab" href="#" role="tab">To Receive</a>
        </div>
        <div class="nav-item">
            <a class="nav-link" data-toggle="tab" href="#" role="tab">Completed</a>
        </div>
    </div>
</div>