jashimgit

const orders = [
    { orderId: '123', customerId: '123', deliveryDate: '01-01-2020', delivered: true, items: [
        { productId: '123', price: 55 },
        { productId: '234', price: 30 },
    ]},
    { orderId: '234', customerId: '234', deliveryDate: '01-02-2020', delivered: false, items: [
        { productId: '234', price: 30 },
    ]},
    { orderId: '345', customerId: '234', deliveryDate: '05-01-2020', delivered: true, items: [
        { productId: '567', price: 30 },

jashimgit

## Navbar class
.navbar
.navbar-expand{-sm|-md|-lg|-xl|-xxl }  ## use this for expanding navbar as per your requirement
.navbar-brand
.navbar-toggler
.navbar-toggler-icon
.collapse.navbar-collapse
## use this class for nav item
.navbar-nav
.nav-item

jashimgit

 body {
    font-family: tahoma;
    color:#282828;
    margin: 0px;
  }
  
  .nav-bar {
    background: linear-gradient(-90deg, #84CF6A, #16C0B0);
    height: 60px;
    margin-bottom: 15px;