This repository contains an assortment of student works for the PIB Web Portfolio Project for Summer 2017.

Web Portfolio PIB Outline

CHALLENGE #0: INTRODUCE YOURSELF

Add the following to a .txt file.

1. Generate base content to work with

   • "About me" header section
   • "About me" paragraph
   • "Resume" Section: Education, Skills, and Experience lists
   • "Project" list
   • "Contact" section (through different mediums)

2. Pick 3 websites (portfolio or otherwise) of your liking

   • Steal color schemes and fonts (ctrl+shift+i - elements/sources)
   • Note interesting components and schemes (e.g. hover components, animations, menu styles)

CHALLENGE #1: ADD STRUCTURE

Learning Objectives:

1. Generate basic HTML tutorial
   • Outline basic necessary tags (h, p, ul, li, a, div etc.)
   • Explain basic components of an HTML doc

CHALLENGE #1: ADD STYLING

Learning Objectives:

• Block Elements (force a new line) vs. Inline Elements
• Classes and IDs
• Font, Text, and Color Properties
• Working with the Box Element (Content, Padding, Border, Margin)
• Positioning (Liquid, Fixed, Absolute, Relative)