New users: get 7 free days of No Code MBA Unlimited

00
D
00
H
00
M
00
S

Invest in yourself with No Code MBA Unlimited ➞

00
D
00
H
00
M
00
S
Current project
Build a job board site like Indeed in Webflow

2

.

Build out the structure of your job board site
15:22
Current project
Build a job board site like Indeed in Webflow

3

.

Add global styles to your Webflow site
3:05
Current project
Build a job board site like Indeed in Webflow

4

.

Set up images so they scale proportionally
5:05
Current project
Build a job board site like Indeed in Webflow

5

.

Integrate Jetboost into Webflow to add real time search and filtering
12:20
Current project
Build a job board site like Indeed in Webflow

6

.

Add styling to your job board
16:05
Part of course

The Complete Guide to Webflow

Webflow Development Essentials: From Design to Fully Functional Website

1

.

Intro
1:50
Webflow Development Essentials: From Design to Fully Functional Website

2

.

Setting up your workspace
2:31
Webflow Development Essentials: From Design to Fully Functional Website

3

.

Getting to know the web
6:31
Webflow Development Essentials: From Design to Fully Functional Website

4

.

The box model
2:32
Webflow Development Essentials: From Design to Fully Functional Website

5

.

Dev prep from Figma
11:22
Webflow Development Essentials: From Design to Fully Functional Website

6

.

New UI overview
3:32
Webflow Development Essentials: From Design to Fully Functional Website

7

.

Setting up a style guide
16:18
Webflow Development Essentials: From Design to Fully Functional Website

8

.

Navigation
20:27
Webflow Development Essentials: From Design to Fully Functional Website

9

.

Navigation animation
10:19
Webflow Development Essentials: From Design to Fully Functional Website

10

.

Hero section
10:56
Webflow Development Essentials: From Design to Fully Functional Website

11

.

Creating a logo carousel
11:19
Webflow Development Essentials: From Design to Fully Functional Website

12

.

Building out sections
16:02
Webflow Development Essentials: From Design to Fully Functional Website

13

.

Testimonial slider
21:28
Webflow Development Essentials: From Design to Fully Functional Website

14

.

Form building and responsive clean up
28:05
Webflow Development Essentials: From Design to Fully Functional Website

15

.

Footer
9:38
Webflow Development Essentials: From Design to Fully Functional Website

16

.

Interactions
20:54
Webflow Development Essentials: From Design to Fully Functional Website

17

.

Final project settings
11:33
Webflow Development Essentials: From Design to Fully Functional Website

18

.

SEO and accessibility
08:10
Webflow Development Essentials: From Design to Fully Functional Website

19

.

Quality assurance
15:49
Webflow Development Essentials: From Design to Fully Functional Website

20

.

Publishing
05:07
Webflow Development Essentials: From Design to Fully Functional Website

21

.

Time to review
01:10
Build a paid membership site in Webflow and Memberstack

1

.

Set up your sign up page in Webflow
7:18
Build a paid membership site in Webflow and Memberstack

2

.

Add login/logout buttons to nav bar
3:52
Build a paid membership site in Webflow and Memberstack

3

.

Set up membership and add sign up link to Webflow
4:49
Build a job board site like Indeed in Webflow

2

.

Build out the structure of your job board site
15:22
Build a job board site like Indeed in Webflow

3

.

Add global styles to your Webflow site
3:05
Build a job board site like Indeed in Webflow

4

.

Set up images so they scale proportionally
5:05
Build a job board site like Indeed in Webflow

6

.

Add styling to your job board
16:05
Build an upvote site like Product Hunt in Webflow

1

.

Set up the CMS and build initial page
8:05
Build an upvote site like Product Hunt in Webflow

2

.

Add Upvote Buttons using Jetboost + set up Memberstack
15:10
Build an upvote site like Product Hunt in Webflow

3

.

Configure Memberstack so only signed in users can upvote.
4:46
Build an upvote site like Product Hunt in Webflow

4

.

Design a product page with an upvote button
5:38
Build an upvote site like Product Hunt in Webflow

5

.

Create a navbar as a symbol in Webflow
2:43
Build an upvote site like Product Hunt in Webflow

6

.

Create a login/logout button using Memberstack
1:59
Build an upvote site like Product Hunt in Webflow

8

.

Styling the home page and product page
22:23
Build an upvote site like Product Hunt in Webflow

10

.

Add a my upvotes page on Webflow using Jetboost
6:03
Build an upvote site like Product Hunt in Webflow

11

.

Update zap in Zapier after adding Airtable fields
6:55
Build a Substack clone in Webflow and Memberstack

1

.

Build a landing page to collect emails
12:30
Build a Substack clone in Webflow and Memberstack

2

.

Connect your landing page to Mailchimp
3:44
Build a Substack clone in Webflow and Memberstack

3

.

Create a blog in the Webflow CMS and build blog home page
18:35
Build a Substack clone in Webflow and Memberstack

4

.

Create blog post page
7:43
Build a Substack clone in Webflow and Memberstack

5

.

Add nav bar as a symbol on all pages
6:36
Build a Substack clone in Webflow and Memberstack

6

.

Summary of our progress so far
2:19
Build a Substack clone in Webflow and Memberstack

7

.

Add Memberstack and create first membership
4:47
Build a Substack clone in Webflow and Memberstack

9

.

Make the subscribe email form a symbol on all pages
3:15
Build a Substack clone in Webflow and Memberstack

10

.

Hide and show blog content based on if user has premium membership
8:23
Build a Substack clone in Webflow and Memberstack

12

.

Review of our progress so far
2:08
Webflow Design Fundamentals

2

.

Create a Design Guide page
9:36
Build a Substack clone in Webflow and Memberstack

13

.

Optimize your site''s design for all screen sizes
6:26
Build a Substack clone in Webflow and Memberstack

14

.

Use Memberstack to add login/logout buttons
1:49
Real Time Search Bar on Webflow

2

.

Set up Jetboost account
6:18
Real Time Search Bar on Webflow

3

.

Set up a basic search using Jetboost
7:26
Real Time Search Bar on Webflow

4

.

Makes search work on the nav bar
3:01
Real Time Search Bar on Webflow

5

.

Add a no search results found section
1:31
Real Time Search Bar on Webflow

6

.

Search on multiple collections at once
8:16
Build a client dashboard in Webflow

3

.

Build the dashboard in Webflow
9:33

Learn how to add custom style to checkboxes, add reusable symbols, and finish your site!

15:20
)
Lesson 7

Member Discussion

Upgrade to No Code MBA Unlimited to unlock member discussion