Quick Personal Website For GitHub Pages

Here is a quick and easy template you can spin up for your GitHub Pages site.

Features include a working navbar with a dropdown menu, links to Github, LinkedIn, Instagram, Twitter, your email and résumé.

By default the text is centered and the background image is static as you scroll.

Setting Up GitHub Pages

1. Head over to GitHub and create a new repository named username.github.io, where username is your username (or organization name) on GitHub.

2. Clone the repository.

3. After changing the template to your liking, add the project files into the repository.

4. Push, and you're done! Check out username.github.io to see your new site!

Tools I Used

Flickr

Easily find commercially usable images.

Bootstrap Nav Bar

Inspect the page to see how it was used. Copy the Javascript in order for the navbar to work.

Font Awesome

All you need is their Javascript to start using.

Find icons here.

How to size icons.

Reference lines 27-40 in index.html if you still need help. This is where you will add your personal information as well.

Google Fonts

All you need is to click + on fonts you like, open the tab - on the bottom of the page then copy and add the css and Javascript to your file.

Reference line 9 in index.html if you still need help.