<div id="wrapper">
    <nav class="navbar navbar-expand navbar-light bg-light" style="margin-bottom: 0px;">
        <div class="container-fluid">
            <div class="d-flex align-items-center">
                <a id="view.main.apptitle" class="navbar-brand" href="index.html">Koehler-Gibson Orders</a>
                <span id="view.main.version" class="small text-muted ms-2"></span>
            </div>
            <ul class="navbar-nav ml-auto">
                <li class="nav-item">
                    <a class="dropdown-item" id="lblorders" href="#"><i class="fa fa-tags fa-fw"></i><span> Orders</span></a>
                </li>
                <li class="nav-item">
                    <a class="dropdown-item" id="lblcustomers" href="#"><i class="fa fa-tags fa-fw"></i><span> Customers</span></a>
                </li>
                <li class="nav-item">
                    <a class="dropdown-item" id="dropdown.menu.itemlist" href="#"><i class="fa fa-cubes fa-fw"></i><span> Items</span></a>
                </li>
                <li class="nav-item">
                    <a class="dropdown-item" id="lblquickbooks" href="#"><i class="fa fa-tags fa-fw"></i><span> QuickBooks</span></a>
                </li>
            </ul>
            <div class="collapse navbar-collapse show" id="navbarNavDropdown">
                <ul class="navbar-nav ms-auto">
                    <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle" id="navbarDropdownMenuLink" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                            <i class="fa fa-user fa-fw"></i><span class="panel-title" id="view.main.username"> Username </span>
                        </a>
                        <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdownMenuLink">
                            <li>
                                <a class="dropdown-item" id="dropdown.menu.home" href="#"><i class="fa fa-home fa-fw"></i><span> Home</span></a>
                            </li>
                            <li>
                                <a class="dropdown-item" id="dropdown.menu.userprofile" href="#"><i class="fa fa-user fa-fw"></i><span> User Profile</span></a>
                            </li>
                            <li>
                                <a class="dropdown-item" id="dropdown.menu.users" href="#"><i class="fas fa-address-book fa-fw"></i><span> Users</span></abbr></a>
                            </li>
                            <li>
                                <hr class="dropdown-divider">
                            </li>
                            <li>
                                <a class="dropdown-item" id="dropdown.menu.logout" href="#"><i class="fa fa-sign-out fa-fw"></i><span> Logout</span></a>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </nav>

    <div class="container-fluid">
        <div class="row">
            <div id="main.webpanel" class="col-12"></div>
        </div>
        <div class="row">
            <div class="col-12">
                <div class="form-outline">
                    <textarea class="form-control" id="main.debugmemo" rows="4"></textarea>
                </div>
            </div>
        </div>
    </div>
</div>