Full Project Builds

Building a full business website — Layout (Part 1 of 6)

This lesson starts from square zero and progresses through layout and styling for a homepage and contact page.

Building a full business website — CMS (Part 2 of 6)

For our business website, we'll cover setting up CMS Collections, including item creation and CSV import.

Building a full business website — Collection Pages (Part 3 of 6)

Collection Pages are automatically generated for each CMS Collection. We'll go through the steps of designing each Collection Page.

Building a full business website — Collection Lists (Part 4 of 6)

Collection Lists can reference dynamic content from any CMS Collection. We'll cover using Collection Lists to link us to Collection Pages.

Building a full business website — Organization (Part 5 of 6)

This lesson includes the step-by-step process for linking together pages in our project, as well as setting up SEO titles and meta descriptions.

Building a full business website — Interactions & Conclusion (Part 6 of 6)

We'll create a rotational parallax effect based on our pointer position by using a div block to position multiple elements at varying levels of depth.

Creating a custom portfolio — Intro (Part 1 of 8)

Creating a custom portfolio — Designing the homepage hero section (Part 2 of 8)

Creating a custom portfolio — Creating the database for client projects (Part 3 of 8)

Creating a custom portfolio — Designing the client project section (Part 4 of 8)

Creating a custom portfolio — Designing the client project detail pages (Part 5 of 8)

Creating a custom portfolio — Adding social proof with client logos (Part 6 of 8)

Creating a custom portfolio — Building the contact form (Part 7 of 8)

Creating a custom portfolio — Animating the fixed navigation menu & outro (Part 8 of 8)