/portfolio-building-workshop

Primary LanguageHTML

Portfolio Building Workshop

Inspiration

  1. Start by looking at other people's portfolio. Click Here.
  2. Keep in mind that you are not trying to copy someone else's portfolio, but rather get inspiration from them.
  3. Think about what you like and don't like about each portfolio you look at.
  4. In this workshop, everyone will be building a similar portfolio, but you can always change it later.

Setting Up Your GitHub Repository

  1. Create a new repository on GitHub by clicking here.
  2. Name the repository '{your-username}.github.io' where '{your-username}' is your GitHub username. For example, my GitHub username is 'ethanlaj', so I would name my repository 'ethanlaj.github.io'.
  3. Click 'Create repository'.

Setting Up Your Local Repository

  1. On your repository page, click on the green "Code" button and click "Open with GitHub Desktop".
  2. Clone the repository to your local machine.
  3. Open the repository in your code editor.

Code Setup

  1. Create a new file called index.html.
  2. In the file, type 'html' and click on the "html:5" in the autocomplete dropdown.
  3. In the <title> tag, type your full name. This will be the title of the tab in your browser.
  4. In the <body> tag, type "Hello, world!".
  5. Save the file.
  6. Create a new file called styles.css.
  7. In the file, add the following css styles: 
    body {
	padding: 50px;
	background-color: #222222;
	color: white;
}
  8. Save the file.
  9. Go back to the index.html file and add a link to the styles.css file in the <head> tag: 
    <link rel="stylesheet" href="styles.css" />