Here's some quick starter files you can use to build your personal website.
- Install the GitHub Desktop GUI (https://desktop.github.com/)
- Sign up / log in to your GitHub account (both on the web as well as in the GUI).
- Download the Atom text editor or use the editor of your choice.
- Fork this repository by clicking here and pressing 'Fork' in the top right corner of the screen.
- Clone it on to your computer with the GitHub GUI
- Open up the project folder in Atom
- Open up the website in your browser!
- Inside
index.html
you will see all the text you can change. Feel free to change this to whatever you want. - For help with headings, images, colors, and fonts, talk to the mentors!
- Inside
style.css
, you will be able to control all the colours, font sizes, etc!
- For a list of basic HTML tags, click here
- For a list of basic CSS tags, click here.
- For photos, check out unsplash.
- For fonts, check out google fonts!
- For generating different colour schemes, check out coolors or Neil Orange Peel!
- For emojis that you can use on your site, click here!
- From your personal GitHub profile, click on your newly created fork.
- Click on the Settings tab.
- Scroll down to 'GitHub Pages'
- Under the GitHub Pages subheading, where it says "Source", click
master branch
', then click save. - Your website should now be visible at https://YOUR-GITHUB-USERNAME.github.io/personal-portfolio/