Back to all tracks

Marketing

0/25 challenges

Learn how to build marketing pages so that you can launch your own SaaS in future

1

Testimonial Card

Build a simple user testimonial card with key testimonial elements

2

Build a simple blog card displaying details of a blog article

3

Build a simple profile card featuring a user's basic information and links to their social media profiles

4

Hero Section (Simple)

Build a responsive, minimal hero section that includes an image

5

Hero Section (Feature bullets)

Build a responsive, minimal hero section which includes an image and a few bullet points for key features

6

Features Section (Side image)

Build a responsive 2-column features section component that can show an image on either the left or right column

7

Features Section (Grid)

Build a responsive features section with a 3-column grid of features and their descriptions

8

Pricing Section (Single)

Build a responsive single-tier pricing section

9

Pricing Section (Tiers)

Build a responsive three-tier pricing section with toggle for monthly / annual prices

10

Statistics Section

Build a responsive statistics section to display key metrics in real-time

11

Newsletter Section

Build a responsive newsletter subscription section with both client-side and server-side validation

12

Contact SectionPremium

Build a responsive contact section with form validation and submission functionality

13

Team SectionPremium

Build a responsive team section showcasing profiles of your team members

14

Build a responsive and minimal 404 section to indicate that a requested page was not found

15

FAQ SectionPremium

Build a responsive accordion-style "Frequently Asked Questions" (FAQ) section

16

Testimonials Section

Build a responsive wall of user testimonials that uses a masonry layout

17

Logo Marquee Section

Build a responsive marquee that displays customer logos in a constant looping fashion

18

Cookie ConsentPremium

Build a responsive cookie banner and preferences dialog backed by a cookie consent management system

19

Footer Section (Simple)

Build a basic footer containing a few navigation links, social media links, and copyright information

20

Marketing Landing Page

Build a marketing landing page containing typical key sections and elements

21

Build a typical features page

22

Build a typical pricing page

23

About Us PagePremium

Build a page to display information about a company

24

Contact Us PagePremium

Build a contact page for users to ask questions and communicate with the company

25

Marketing WebsitePremium

Build a fully functional marketing website for a SaaS product