Marketing Master Track
All Levels & Exercises. From Zero to Landing Page.
Level 1: The First Screen
Focus: Header, Hero, Basic Layouts.
Exercise 1: Header
CompletedCreate a navigation bar that contains:
1. A Logo (left)
2. Navigation Links (center)
3. "Log in" and "Sign up" buttons (right)
Exercise 2: Hero Section
CompletedBuild a Hero section with:
1. A big bold Headline (H1)
2. Descriptive subtext
3. Two CTA buttons ("Get Started", "Learn More")
Data to enrich your online business
Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat commodo.
Level 2: Content & Trust
Focus: Grids, Responsive Layouts, Social Proof.
Exercise 1: Feature Grid
CompletedBuild a 3-column grid showing product features. Each item should have an Icon, a Title, and a Description.
Push to Deploy
Commodo nec sagittis tortor mauris sed. Turpis tortor quis.
SSL Certificates
Pellentesque enim a commodo malesuada facilisis bibendum.
Simple Queues
Hac orci donec eget in sem. Quisque non tellus orci ac.
Exercise 2: Logo Cloud
CompletedCreate a row of logos (use text placeholders like "Google", "Facebook" etc.) to show social proof. Ensure they wrap nicely on mobile.
Exercise 3: Testimonials
CompletedBuild a nice card with a user quote, their avatar image, and name.
“Tailwind CSS is the only framework that I've seen scale on large teams. It’s easy to customize, and the build size is tiny.”
Level 3: The Finale
Focus: Pricing Tables, Footers, Completing the Page.
Exercise 1: Pricing Cards
CompletedBuild a 3-tier pricing table. Make the middle card "featured" (pop out).
Exercise 2: Footer
CompletedCreate a multi-column footer with a newsletter subscription form.