If you want to secure your static HTML website with some kind of credentials, you need to be able to execute code on the server-side of your website.
Microsoft offers this great Azure storage feature of hosting a static HTML website. This is a real low-cost solution for public-facing websites.
But if you need up to date security, eg. with a name/password, we need to check out Azure WebApps. This is just a selection of possible pricing tiers:

I recommend at least the Basic tier if you are building a commercial site. The F1 and D1 run on a shared infrastructure and are great for makers.
Do not forget to enable SSL, we are going to pass on secrets between browser and server:

So now we have the Web app set up, create a DevOps environment which we will use to deploy our website to build. Just follow my previous blog and you are good to go.
Did I mention already you do not have to program for this trick? Just follow this tutorial, drop some extra files and use your own secret password.
Doorgaan met het lezen van “Securing your static HTML website without backend coding”