Fundamentals
Live Build
First site: Part 3
First site: Part 3
11:52
11:52
ENROLL IN THIS MASTERCLASS TO VIEW THIS LESSON
The end-to-end ultimate Framer masterclass course.
In this live build, you’ll design a “Services” section with styled cards, layout tricks, and hover buttons, then hook up a CMS collection to display real project content dynamically. It’s a two-part layout with both static and CMS-driven sections.
What You’ll Learn:
Designing reusable service cards with layout, spacing, and buttons
Creating a responsive horizontal card layout
Using iconography and typography to polish content
Building a CMS “Selected Work” section with live data
Connecting CMS fields (title, image, description, link) to components
Overlaying gradients for better text readability on images
In this live build, you’ll design a “Services” section with styled cards, layout tricks, and hover buttons, then hook up a CMS collection to display real project content dynamically. It’s a two-part layout with both static and CMS-driven sections.
What You’ll Learn:
Designing reusable service cards with layout, spacing, and buttons
Creating a responsive horizontal card layout
Using iconography and typography to polish content
Building a CMS “Selected Work” section with live data
Connecting CMS fields (title, image, description, link) to components
Overlaying gradients for better text readability on images
ALL LESSONS
Change Playlist
Home
Lessons
Search
Plugin
Badges
class+
MASTER FRAMER AND BECOME A MORE VALUABLE DESIGNER
$299
$500
MASTER FRAMER AND BECOME A MORE VALUABLE DESIGNER
$299
$500
