
    <div class="col-12 px-0 floating-menu">
        <div class="d-flex justify-content-center">
            <a href="<!--[#SITE_URL;]-->/p/water/hub/hub.html" class="col-3 btn btn-block  text__black--cus btn-fixed-bottom rounded-0 btn-nava" id="LI_SIDE_HUB_SALE_ORDER">
                <i class="far fa-chart-bar"></i><br>
                <small class="smallest">Sales Order</small>
            </a>
            <a href="<!--[#SITE_URL;]-->/p/water/hub/mas.html" class="col-3 btn btn-block text__black--cus mt-0 btn-fixed-bottom btn-nava rounded-0" id="LI_SIDE_HUB_MAS_ORDER">
                <i class="fas fa-chart-area"></i><br>
                <small class="smallest">MAS Order</small>
            </a>
            <a href="<!--[#SITE_URL;]-->/p/water/hub/job-order.html" class="col-3 btn btn-block text__black--cus mt-0 btn-fixed-bottom btn-nava rounded-0" id="LI_SIDE_HUB_JOB_ORDER">
                <i class="fas fa-suitcase"></i><br>
                <small class="smallest">Job Order</small>
            </a>
            <a  data-toggle="collapse" data-target="#sidebar-left" aria-controls="sidebar-left" aria-expanded="false" aria-label="Toggle navigation" class="col-3 btn btn-block text__black--cus mt-0 btn-fixed-bottom btn-nava rounded-0" id="ACCOUNT_MODAL_OPEN">
                <i class="fas fa-cogs"></i><br>
                <small class="smallest">Settings</small>
            </a>
        </div>
    </div>