Reference an HTML page in .md

Hello Hugo-naughts

I have an html and css file in my static folder and I would like to reference them from my main menu. What would be the best way to do this?

For example I have an existing portfolio.md that I would like to point to the html and corresponding css.

static/
└── other/
    └── foo/
        ├── foo.css
        └── index.html

static/other/foo/index.html

<!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">
  <title>Foo</title>
  <link rel="stylesheet" href="foo.css">
</head>
<body>
<p>This is static/other/foo/index.html</p>
</body>
</html>

config.toml

[menu]
[[menu.main]]
  name = 'Foo'
  url = '/other/foo/'

See https://gohugo.io/content-management/menus/#add-non-content-entries-to-a-menu