<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="table-responsive">
                    <table class="table mt-0 b-rad-2">
                        <thead class="thead-light">
                            <tr>
                                <th scope="col">Order Number</th>
                                <th scope="col">Order Time</th>
                                <th scope="col">Status</th>
                                <th scope="col">Warehouse</th>
                                <th scope="col">Delivery</th>
                                <th scope="col">Action</th>
                            </tr>
                        </thead>
                        <tbody class="customtable">
                            <tr>
                                <td>00012558</td>
                                <td>11.01.2021</td>
                                <td>Fullfilled</td>
                                <td>Guang Zhou</td>
                                <td>Home</td>
                                <td>
                                    <button class="btn border-0 p-0 btn-sm btn-icon" type="button" id="dropdownMenuButton2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-three-dots" viewBox="0 0 16 16">
                                            <path d="M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z"/>
                                        </svg>
                                    </button>
                                    <div class="dropdown-menu" aria-labelledby="dropdownMenuButton2">
                                        <a class="dropdown-item" href="#">
                                            <i class="bx bxs-pencil mr-2"></i>More Details
                                        </a>
                                        <a class="dropdown-item text-danger" href="#">
                                            <i class="bx bxs-trash mr-2"></i>Enquiry
                                        </a>
                                    </div>
                                </td>
                            </tr>
                            </tr>
                            <tr>
                                <td>00012558</td>
                                <td>11.01.2021</td>
                                <td>Pending</td>
                                <td>Guang Zhou</td>
                                <td>Home</td>
                                <td>
                                    <button class="btn border-0 p-0 btn-sm btn-icon" type="button" id="dropdownMenuButton2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-three-dots" viewBox="0 0 16 16">
                                            <path d="M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z"/>
                                        </svg>
                                    </button>
                                    <div class="dropdown-menu" aria-labelledby="dropdownMenuButton2">
                                        <a class="dropdown-item" href="#">
                                            <i class="bx bxs-pencil mr-2"></i>More Details
                                        </a>
                                        <a class="dropdown-item text-danger" href="#">
                                            <i class="bx bxs-trash mr-2"></i>Enquiry
                                        </a>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>00012558</td>
                                <td>11.01.2021</td>
                                <td>Fullfilled</td>
                                <td>Guang Zhou</td>
                                <td>Home</td>
                                <td>
                                    <button class="btn border-0 p-0 btn-sm btn-icon" type="button" id="dropdownMenuButton2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-three-dots" viewBox="0 0 16 16">
                                            <path d="M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z"/>
                                        </svg>
                                    </button>
                                    <div class="dropdown-menu" aria-labelledby="dropdownMenuButton2">
                                        <a class="dropdown-item" href="#">
                                            <i class="bx bxs-pencil mr-2"></i>More Details
                                        </a>
                                        <a class="dropdown-item text-danger" href="#">
                                            <i class="bx bxs-trash mr-2"></i>Enquiry
                                        </a>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>00012558</td>
                                <td>11.01.2021</td>
                                <td>Cancelled</td>
                                <td>Guang Zhou</td>
                                <td>Home</td>
                                <td>
                                    <button class="btn border-0 p-0 btn-sm btn-icon" type="button" id="dropdownMenuButton2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-three-dots" viewBox="0 0 16 16">
                                            <path d="M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z"/>
                                        </svg>
                                    </button>
                                    <div class="dropdown-menu" aria-labelledby="dropdownMenuButton2">
                                        <a class="dropdown-item" href="#">
                                            <i class="bx bxs-pencil mr-2"></i>More Details
                                        </a>
                                        <a class="dropdown-item text-danger" href="#">
                                            <i class="bx bxs-trash mr-2"></i>Enquiry
                                        </a>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>00012558</td>
                                <td>11.01.2021</td>
                                <td>Pending</td>
                                <td>Guang Zhou</td>
                                <td>Home</td>
                                <td>
                                    <button class="btn border-0 p-0 btn-sm btn-icon" type="button" id="dropdownMenuButton2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-three-dots" viewBox="0 0 16 16">
                                            <path d="M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z"/>
                                        </svg>
                                    </button>
                                    <div class="dropdown-menu" aria-labelledby="dropdownMenuButton2">
                                        <a class="dropdown-item" href="#">
                                            <i class="bx bxs-pencil mr-2"></i>More Details
                                        </a>
                                        <a class="dropdown-item text-danger" href="#">
                                            <i class="bx bxs-trash mr-2"></i>Enquiry
                                        </a>
                                    </div>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                    <div class="w-100 py-3 px-4 d-flex flex-row justify-content-between align-items-center">
                        <ul class="pagination d-flex m-b-0 justify-content-between" style="width: 300px;">
                            <div class="pointer">
                                <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentColor" class="bi bi-chevron-double-left" viewBox="0 0 16 16">
                                    <path fill-rule="evenodd" d="M8.354 1.646a.5.5 0 0 1 0 .708L2.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z"/>
                                    <path fill-rule="evenodd" d="M12.354 1.646a.5.5 0 0 1 0 .708L6.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z"/>
                                </svg>
                            </div>
                            <div class="pointer">
                                <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentColor" class="bi bi-chevron-left" viewBox="0 0 16 16">
                                    <path fill-rule="evenodd" d="M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z"/>
                                </svg>
                            </div>
                            <li>
                                <a href="#" class="fs-12 bold" style="color: #5c5c5c;">1</a>
                            </li>
                            <li>
                                <a href="#" class="fs-12 bold" style="color: #5c5c5c;">2</a>
                            </li>
                            <li>
                                <a href="#" class="fs-12 bold" style="color: #5c5c5c;">3</a>
                            </li>
                            <li>
                                <a href="#" class="fs-12 bold" style="color: #5c5c5c;">4</a>
                            </li>
                            <li>
                                <a href="#" class="fs-12 bold" style="color: #5c5c5c;">5</a>
                            </li>
                            <div class="pointer">
                                <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentColor" class="bi bi-chevron-right" viewBox="0 0 16 16">
                                    <path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"/>
                                </svg>
                            </div>
                            <div class="pointer">
                                <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentColor" class="bi bi-chevron-double-right" viewBox="0 0 16 16">
                                    <path fill-rule="evenodd" d="M3.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L9.293 8 3.646 2.354a.5.5 0 0 1 0-.708z"/>
                                    <path fill-rule="evenodd" d="M7.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L13.293 8 7.646 2.354a.5.5 0 0 1 0-.708z"/>
                                </svg>
                            </div>
                        </ul>
                        <div>Showing 1 - 10 of 50</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>