Unit 1: Introduction to HTML

Wind Energy Page

Pathname project

Unit 2: Pathnames & Hyperlinks

Resources web page

Koala site images

Website designs I like

Unit 3: Adding Images & Media

Cocoa Site

Unit 5: Cascading Style Sheets

Apply various selectors to Koala Site

Unit 6: Intro to CSS - Adding Color

Apply CSS and add color to Koala site

Apply CSS and add color to Cocoa site

Unit 7: Fonts & Text

Apply CSS and add color to Koala site

7-2 Layout Koala FAQ Page

Unit 8: Box Model, Borders & More!

8-1: Apply box model to Koala Site

8-2: Style your Home Page and Homework Page

Unit 9: Fixed and Fluid Elements

9-1: Apply single column layout to Koala site

9-2: HTML & CSS Web Project: Cocoa Site

Unit 11: Flexbox Multi-column Layouts

11-1: Three Column Flexbox web page layout

11-2: Koala Gallery Page

Unit 12: Responsive Design - Media Queries

12-1: Add media Query to Koala Flex Pages

12-2: Make Three Column Flexbox Web page Responsive

CSS Web Project: Summit Farms Rescue

Unit 13: Bootstrap Framework

13-1: Bootstrap 3 Column Layout

Unit 14: HTML Forms

14-1: Create and style contact form to Koala site

14-2: Process Your Koala Contact Form!

Unit 15: Flexbox Forms

15-1: Koala Adopt Page/Form Assignment

Final

Adventure Travel