Step 1: Pick a template

Start with a template from HTML5 UP or another site you like. Look at the live demo, choose something that matches the kind of site you want, and remember that you can always simplify it later.

Browse templates

Step 2: Download and open it

Download the ZIP file, unzip it into a useful folder, and open the index.html file in Visual Studio Code. The homepage is the main file you will edit first.

Read the course guide

Step 3: Add your content

Replace the placeholder text with your own bio, links, and images. You can change the title, update the menu, and make the template fit your work or project.

See what to change

Step 4: Publish with GitHub Pages

Once your site looks right locally, create a GitHub repository, upload the files, and turn on GitHub Pages in the repository settings. After that, your site will be live at your GitHub Pages URL.

Prepare your content

Think ahead about your photos, short bio, publications, or project summary so you can add them without losing momentum.

Plan your site

Copy the template carefully

Keep the full folder structure, including the assets and images folders, so the site still loads correctly after you move it.

Keep it organized

Use links and images

Add links to your school, research group, social media, or publications, and replace any demo images with your own.

Add your links

Commit, sync, and update

After publishing, return to VS Code to make changes, commit them, and sync to GitHub whenever you want to update the live site.

Publish the update