Skip to content

mahfuzurrah/Fixing_demo

Repository files navigation

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="assets/css/style.css" />
    <title>trailers</title>
</head>

<body>
    <main>
        <!--++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    ======================+++++++++++++ Top Navigation +++++++++++++++=============================
   +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-->
   <!--======================Top Navigation============================-->
   <nav class="navbar navbar-expand-lg navbar-dark bg-light header">
    <div class="container-fluid">
      <a class="side-appbar-icon " type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasScrolling"
        aria-controls="offcanvasScrolling">
        <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor"
          class="bi bi-text-paragraph" viewBox="0 0 16 16">
          <path fill-rule="evenodd"
            d="M2 12.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5zm0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5zm4-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5z" />
        </svg>
      </a>
      <a class="navbar-brand" href="index.html">
        <img src="assets/images/logo.png" alt=""><span>LYNX Console</span></a>
      <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarText"
        aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse" id="navbarText">
        <ul class="navbar-nav  me-auto ms-auto ">
          <li class="nav-item pe-5">
            <a class="nav-link active" aria-current="page" href="index.html">Insights</a>
          </li>
          <li class="nav-item pe-5">
            <a class="nav-link" href="submit_order.html">Submit Orders</a>
          </li>
          <li class="nav-item pe-5">
            <a class="nav-link" href="order_status.html">Order Status</a>
          </li>
          <li class="nav-item position-relative ">
            <a class="nav-link " href="order-management.html">Order Management</a>
            <div class="custrom-badge">2 <span>New</span> </div>
            </span>
          </li>
        </ul>

        <ul class="navbar-nav me-6">
          <li class="nav-item hide-lg">
            <div class="circuler-avater">
              <span>FH</span>
            </div>
          </li>

          <li class="nav-item dropdown navbarDropdown-btn position-relative" style="cursor: pointer;">
            <a class="nav-link dropdown-toggle user_id" onclick="showNavRight()">
                Flint Hill
              </a>
            <!-- ?cus-nav-right-side top_user_nav -->
            <div class="cus-nav-right-side top_user_nav">
              <div class="side-appbar d-block">
                <div class="navbar">
                  <ul class="navbar-nav">
                    <li class="nav-item">
                      <a class="nav-link" aria-current="page" href="profile_setting.html">Profile Settings</a>
                    </li>
                    <!--!+++++++++++++++ Sub Menu +++++++++++++++++++++-->
                    <li class="nav-item dropdown side-dropdown">
                      <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
                        data-bs-toggle="dropdown" aria-expanded="false">
                        Billing
                      </a>
                      <ul class="dropdown-menu  cus-nav-right-dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
                        <li><a class="dropdown-item" href="purchase-services.html">Purchase services</a></li>
                        <li><a class="dropdown-item" href="products-licenses.html">Your products and licenses</a></li>
                        <li><a class="dropdown-item" href="payment-history.html">Payment history</a></li>
                        <li><a class="dropdown-item" href="payment-methods.html">Payment methods</a></li>
                        <li><a class="dropdown-item" href="billing-notifications.html">Billing notificatin</a></li>
                        
                      </ul>
                    </li>
                    <li class="nav-item">
                      <a class="nav-link" aria-current="page" href="login-pass.html">Log out</a>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </li>

        </ul>

  </nav>
        <!--++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    ======================+++++++++++++  Mobail Side Menu  +++++++++++++++==========================   +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-->
        <div class="offcanvas offcanvas-side-appbar offcanvas-start" data-bs-scroll="true" data-bs-backdrop="false"
            tabindex="-1" id="offcanvasScrolling" aria-labelledby="offcanvasScrollingLabel">
            <div class="offcanvas-header">

                <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas"
                    aria-label="Close"></button>
            </div>
            <div class="offcanvas-body">
                <div class="side-appbar toggle_hide">
                    <div class="navbar">
                        <ul class="navbar-nav">
                            <li class="nav-item">
                                <a class="nav-link " aria-current="page" href="terminals.html">Terminals</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="suppliers.html">Suppliers</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="customers.html">Customers</a>
                            </li>
                            <!-- Sub Menu -->
                            <li class="nav-item dropdown side-dropdown">
                                <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
                                    data-bs-toggle="dropdown" aria-expanded="false">
                                    Carriers
                                </a>
                                <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
                                    <li><a class="dropdown-item" href="drivers.html">Drivers</a></li>
                                    <li><a class="dropdown-item" href="entities.html">Entities </a></li>
                                    <li><a class="dropdown-item" href="trailers.html">Trailers</a></li>
                                </ul>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link " href="products.html">Products</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link " href="destinations.html">Destinations</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link " href="contacts.html">Contacts</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <!--+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    ======================+++++++++++++  Main Body  +++++++++++++++==========================   +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-->
        <div class="main-body">
            <div class="toggle_icon">
                <button class="toggle_btn">
          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="#4D4D4D" class="bi bi-list" viewBox="0 0 16 16">
            <path fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"/>
          </svg>
        </button>
              </div>
            <!-- side appbar -->
            <div class="side-appbar toggle_hide">
                <div class="navbar">
                    <ul class="navbar-nav">
                        <li class="nav-item">
                            <a class="nav-link " aria-current="page" href="terminals.html">Terminals</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="suppliers.html">Suppliers</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="contacts.html">Customers</a>
                        </li>
                        <!--!+++++++++++++++ Sub Menu +++++++++++++++++++++-->
                        <li class="nav-item dropdown side-dropdown">
                            <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
                                data-bs-toggle="dropdown" aria-expanded="false">
                                Carriers
                            </a>
                            <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
                                <li><a class="dropdown-item" href="drivers.html">Drivers</a></li>
                                <li><a class="dropdown-item" href="entities.html">Entities </a></li>
                                <li><a class="dropdown-item" href="trailers.html">Trailers </a></li>
                            </ul>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link " href="products.html">Products</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link " href="destinations.html">Destinations</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link " href="contacts.html">Contacts</a>
                        </li>
                    </ul>
                </div>
            </div>
            <!-- !++++++++++++++  body contant ++++++++++++++++++++++++-->
            <div class="body-content">
                <div class="pp-header-area pt-3 pb-4">
                    <h2>Your products and licenses</h2>
                    <div class="pp-header-text">
                        <p>These are products owned by your organization that were bought from Dearman. Select a product to manage product and billing setting or assign licenses.</p>
                    </div>
                </div>
                <div class="products-licenses-body mt-4">
                    <h5 class="mb-2">Dearman products (4)</h5>
                    <!-- table -->
                    <div class="Security-info-table hover-able">
                        <div class="security-info-area">
                            <!-- header-->
                            <div class="row item header">
                                <div class="col">
                                    Product name
                                </div>
                                <div class="col">
                                    Available licenses
                                </div>
                                <div class="col">Assigned licenses</div>
                                <div class="col">Account type</div>
                            </div>
                            <!-- item -->
                            <a href="#"><div class="row item">
                                <div class="col">
                                    <img class="lynx-img" src="assets/images/icons/lynx.png" alt="lynx">
                                    <b>Order Status</b>
                                </div>
                                <div class="col">0</div>
                                <div class="col">
                                    <div class="d-flex">
                                        <div class="dearman-product-progress">
                                            <div class="progress">
                                                <div class="progress-bar w-100" role="progressbar" aria-label="Basic example" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
                                            </div>
                                        </div>
                                        
                                        <span class="ms-3">1/1</span>
                                    </div>
                                </div>
                                <div class="col">Position Holder</div>
                            </div></a>
                            <!-- item -->
                            <a href="#">
                                <div class="row item">
                                    <div class="col">
                                        <img class="lynx-img" src="assets/images/icons/lynx.png" alt="lynx">
                                        <b>Order Status (for other entities)</b>
                                    </div>
                                    <div class="col">99</div>
                                    <div class="col">
                                        <div class="d-flex">
                                            <div class="dearman-product-progress">
                                                <div class="progress">
                                                    <div class="progress-bar bg-purple w-100" role="progressbar" aria-label="Basic example" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
                                                </div>
                                            </div>
                                            
                                            <span class="ms-3">1/100</span>
                                        </div>
                                    </div>
                                    <div class="col">Connecting parties</div>
                                </div>
                            </a>
                            <!-- item -->
                          <a href="#">
                            <div class="row item">
                                <div class="col">
                                    <img class="lynx-img" src="assets/images/icons/lynx.png" alt="lynx">
                                    <b>Carrier Insights</b>
                                </div>
                                <div class="col">0</div>
                                <div class="col">
                                    <div class="d-flex">
                                        <div class="dearman-product-progress">
                                            <div class="progress">
                                                <div class="progress-bar w-100 " role="progressbar" aria-label="Basic example" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
                                            </div>
                                        </div>
                                        
                                        <span class="ms-3">1/1</span>
                                    </div>
                                </div>
                                <div class="col">Position Holder</div>
                            </div>
                          </a>
                            <!-- item -->
                            <a href="#">
                                <div class="row item">
                                    <div class="col">
                                        <img class="lynx-img" src="assets/images/icons/lynx.png" alt="lynx">
                                        <b>Order Status</b>
                                    </div>
                                    <div class="col">0</div>
                                    <div class="col">
                                        <div class="d-flex">
                                            <div class="dearman-product-progress">
                                                <div class="progress">
                                                    <div class="progress-bar w-100" role="progressbar" aria-label="Basic example" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
                                                </div>
                                            </div>
                                            
                                            <span class="ms-3">1/1</span>
                                        </div>
                                    </div>
                                    <div class="col">Error Insights</div>
                                </div>
                            </a>


                        </div>
                    </div>
                </div>
            </div>

        </div>
    </main>

    <!-- script -->
    <script src="assets/js/jquery.min.js"></script>

    <script src="assets/js/bootstrap.min.js"></script>
    <script src="assets/js/main.js"></script>
</body>

</html>

About

No description, website, or topics provided.

Stars

Watchers

Forks

Releases

No releases published

Packages