Table of Contents

1. Introduction
   • Welcome! Here's What This Course Is All About 00:02:16
   • Here's What We'll Create in this Course 00:01:26
2. Chapter 1: From Wireframe to Design
   • Determining the Design's Message 00:05:16
   • Choosing Your Design's Colour Palette 00:06:39
   • Tools for Selecting Typefaces 00:05:18
   • Choosing Imagery and Design Elements 00:04:46
3. Chapter 2: Getting the Design Underway
   • Getting Started by Styling the Header 00:05:15
   • Formatting Call-To-Action Buttons with CSS 00:08:41
   • Adding Additional Shadow Effects to the Buttons 00:03:11
   • Finishing Up the Button Formatting 00:05:40
   • Typographic Treatments with Google Font API 00:07:42
   • Beginning the Features Section Styling 00:05:29
   • Finishing the Features Section 00:04:08
   • Formatting the Organize Section 00:04:48
   • Wrapping Up the Layout's Design 00:05:57
4. Chapter 3: Inserting And Formatting Graphics
   • Inserting And Adjusting the Logo 00:02:49
   • Setting Up the Hero Section Graphics 00:04:53
   • Getting the Feature Section Images Inserted 00:03:04
   • Placing the Organize And Share Images 00:02:52
   • Using a Graphic As A Button Label 00:03:53
5. Chapter 4: Cross-Browser Testing
   • Online Testing Tools 00:08:07
   • Running Virtual Operating Systems for Testing 00:09:17
   • Making Minor Adjustments for Browser Compatibility 00:05:25
6. Chapter 5: Wrapping Up
   • Where to Go From Here 00:02:54