Untitled

<html>
  <head>
    <meta charset="utf-8" />
    <title>Test</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="css/mdb.min.css">
    <script type="text/javascript" src="js/mdb.min.js"></script>
  </head>
  <body>
    <header>
      <nav id="sidenav-1" class="sidenav" data-mdb-hidden="false">
        <ul class="sidenav-menu">
          <li class="sidenav-item">
            <a class="sidenav-link">
              <i class="far fa-smile fa-fw me-3"></i><span>Link 1</span></a>
          </li>
          <li class="sidenav-item">
            <a class="sidenav-link"><i class="fas fa-grin fa-fw me-3"></i><span>Category 1</span></a>
            <ul class="sidenav-collapse show">
              <li class="sidenav-item">
                <a class="sidenav-link">Link 2</a>
              </li>
              <li class="sidenav-item">
                <a class="sidenav-link">Link 3</a>
              </li>
            </ul>
          </li>
          <li class="sidenav-item">
            <a class="sidenav-link"><i class="fas fa-grin-wink fa-fw me-3"></i><span>Category 2</span></a>
            <ul class="sidenav-collapse">
              <li class="sidenav-item">
                <a class="sidenav-link">Link 4</a>
              </li>
              <li class="sidenav-item">
                <a class="sidenav-link">Link 5</a>
              </li>
            </ul>
          </li>
        </ul>
      </nav>
    </header>
  </body>
</html>