Week 1 Day 4 - Weekend - Mock Portfolio -

[mdewey]

A Portfolio

For your first weekend project, we're going to be starting work on a portfolio website that you can improve over the rest of your career.

You can find image assets you'll need here:

https://github.com/tiy-tpa-fee/assignments/tree/master/portfolio/assets

The font used is Roboto.

Objectives

• Build on your knowledge of HTML & CSS
• Implement, from scratch, a given design
• Use flexbox techniques layout pages.

Requirements

• Initially, you should implement the design as close as possible to the mockup. Later, you might choose to fit your own personality/style.

• Note: You should complete at least the tasks given for explorer mode as listed below before turning in the assignment, as well as before attempting adventure or epic modes.

Explorer Mode

• [ ] Recreate the page as closely as you possibly can. Use the same fonts, sizes, and colors.

Adventure Mode

• [ ] Take the time to personalize the site.
• [ ] Keep it professional, but make it your own.

Turning In

Your homework will be assigned to you via issues on your assignments repository. Once you are

These steps will be followed for almost every assignment going forward. Once you've completed at least explorer mode and you're satisfied with your work, let's get it published. First let's get it up on GitHub.

• First, let's add all our work to git, and ask it to commit it:

  git add .
  git commit -m "My first webpage"

  Feel free to replace "My first webpage" with a more meaningful message.

• Push our local commits to GitHub:

  git push -u origin master

  The -u option tells git we want to making pushing the master branch to origin the default, so next time, we can just type git push.

• Now that our source code is up on GitHub, let's publish our page to Surge. The command to do this has already been setup for you:

  yarn deploy

Once you are completely, go to the issue on our assignments repository, leave the link the repo of your work, and close the issue. I will not know you are down until you close the issue.

[JamesEnoch89]

https://github.com/JamesEnoch89

need practice with css, flexing. going to play some zombies.

[mdewey]

make sure to paste the actual repo here, not just your github profile.

[mdewey]