Personal Portfolio Website

Personal portfolio website using HTML5 and CSS3 for INFR3120 Assignment 1.

Pages

• home.html - Home page
• about.html - About Me with photo and video
• projects.html - Projects list
• contact.html - Contact form

Viewport Sizes

Desktop/Laptop (full.css): 960px and above

Tablet (tablet.css): 481px to 960px

Mobile/Phone (phone.css): 480px and below

Why These Sizes:

• 960px: Standard desktop width, easy to divide into columns
• 481-960px: Most tablets in portrait and landscape
• 480px and below: Smartphones, single column layout

Gradients

Linear Gradient (body background):

• Direction: top to bottom
• Colors: #411505 (dark brown) to #751500 (brown) background: linear-gradient(to bottom, #411505 0%, #751500 100%);

Angle Gradient (header):

• Direction: 45 degrees
• Colors: #b98a87 (light brown) to #502620 (medium brown) background: linear-gradient(45deg, #b98a87 0%, #502620 100%);

Color Scheme

• #411505 - Dark brown (background start)
• #751500 - Brown (background end)
• #b98a87 - Light brown (header start)
• #502620 - Medium brown (header end)
• #220b03 - Very dark brown (footer/accents)

Files

• home.html
• about.html
• projects.html
• contact.html
• full.css
• tablet.css
• phone.css
• me.jpg
• thumbnail.jpg
• intro-video.mp4
• intro-video.ogv
• README.md