Want to know how to make a website like this?

Using GitHub pages combined with a template from html5up.net makes setting up a website super quick and simple. I'll run through the process that got me set up with the basics here. (For complete disclosure...I'm learning how to use html, css, etc. myself while making this tutorial)

Step 1.

Log into or set up your Github account.

Step 2.

Create a new repository. Name it username.github.io, where username is your GitHub username.

Step 3.

Head over to html5up.net. Pick a theme you like and download it. I used the "Twenty" theme. You'll be able to customise the images and a lot of the look, so focus more on the general layout of the theme.

Step 4.

Unzip the downloaded theme. Upload these files to the repository you created. There are two ways to do this depending on how comfortable you are with GitHub. The fancy way, and one which you'll eventually want to learn involves cloning your repository so you have a copy of it on your desktop, moving the files into there, then using git add -A, git commit, then git push. If that sounds like nonsense to you, then going to https://github.com/username/username.github.io (again, swap your username in), clicking add file, upload files allows you to use the GitHub website user interface, which is pretty simple.

Step 5.

You should now have a working website, albeit a prety generic one. Visit username.github.io (once again, change username to your username) to check it out. If it's not there yet then sometimes it helps to wait a minute or two and try again.

Step 6.

You've done the hard part. Now you just have to learn html, css etc. etc. so you can tweak the website to be a bit more personal. I'll leave those very minor details for someone else to cover. My one tip is that using right click->inspect will allow you to see the code behind various features in your own or other people's websites, which makes tweaking your own features or borrowing someone else's a little easier. Good luck and have fun :)