First-time hosting your website may appear intimidating and complicated but it can be quickly done if we segment the whole process of publishing your site online.

After you have created your project you will need to find a domain and hosting service, we will use Hostinger since it is super easy to use.
Hostinger maybe is simple to use but that does not mean it lacks the complexity to serve the severe site with a bunch of managing options from Cpanel.

Hostinger except hosting and one free domain provides excellent tools for domain managing, email servers, SEO tools, SSL managing, files manager, cronjobs for automation, ssh access, database managing tools, and far more. 

Let's not forget it offers even a couple of site builders so you do not need to worry about making your own setup. If shared hosting is not enough for you they offer virtual private servers aka. VPS. For cheap money, we can get free SSL for all our sites, a free domain, and depending on the hosting plan up to 100 websites to host.

You can use this hosting link to get a great discount on plans for 12 months or more.  Ok, let's start publishing our site.
 

Project itself.

It really does not matter how your project will be organized until you have one index.html file to serve as an interface. Generally, all files that should be public and accessible to users should be placed into the public_html folder or you should create a symbolic link to that public folder for them.

We will create just one pager index.html file with no other dependencies or files, but if you have other files and do not want users to be able to see them just leave them outside public_html and change all source paths in index.php to ../folderx/file.php, two dots are telling to file system that it should look for the file in the parent folder and then look-up in the folderx folder for sourced files.

Website

After you have logged into your panel go to https://hpanel.hostinger.com/websites and press Create or migrate website button.

There you can select a builder or any other platform but for our purposes of hosting just one static file, we will use Skip and create an empty website.

Domain

After that, you will be offered to create a domain. Later you can create more domains on your https://hpanel.hostinger.com/domains panel, just click the button Get New Domain and follow the steps, they are very straightforward.

Your domain should be catchy, short, and related to your project. Finish the website set-up until the end.
 

Cpanel
 

Now go to your https://hpanel.hostinger.com/websites and select your website, press the button to manage.

Once you are on the panel of your website press the File manager button, and it will open your root folder.

Simply drag and drop your files in public_html and the site is ready. If your files are too big you can compress them and then unpack them once they have been uploaded, you will find this File manager very resourceful.

SSL

On top of the panel you will see an SSL link, after redirecting to its page just follow the steps to add SSL to your website, and from there on all HTTP requests will be redirected to HTTPS.

There is a lot to show what Hostinger can offer but from this point on you will find the whole service easy to understand and manage your way to set-up anything you need.