Navbar

Add, customize, and reuse a navbar.

1

Getting started

Coming soon

1

Intro to HTML
5:17
Intro to HTML
Coming soon

1

HTML structure
1:55
HTML structure
Coming soon

2

Web structure

Coming soon

2

Intro to the box model
3:04
Intro to the box model
Coming soon

2

Intro to Webflow
1:51
Intro to Webflow
Coming soon

2

Navigator panel
2:45
Navigator panel
Coming soon

3

Buttons & links

Coming soon

3

Navbar menu button
4:51
Navbar menu button
Coming soon

3

Link block
9:35
Link block
Coming soon

3

Text link
1:16
Text link
Coming soon

4

Elements

Coming soon

4

Use text columns in Webflow
2:22
Use text columns in Webflow
Coming soon

5

Typography

Coming soon

5

Heading
2:02
Heading
Coming soon

5

Paragraph
4:42
Paragraph
Coming soon

5

Rich text
3:52
Rich text
Coming soon

5

Use text blocks in Webflow
0:56
Use text blocks in Webflow
Coming soon

6

Media

Coming soon

6

Image file types
2:22
Image file types
Coming soon

6

Image resolution
3:28
Image resolution
Coming soon

6

Video field
0:39
Video field
Coming soon

7

Components

Coming soon

7

Forms
12:17
Forms
Coming soon

7

Style forms
2:55
Style forms
Coming soon

7

Navbar
9:39
Navbar
Coming soon

7

Slider
6:49
Slider
Coming soon

7

Tabs
4:38
Tabs
Coming soon

7

Lightbox
3:44
Lightbox
Coming soon

7

Map
2:58
Map
Coming soon

7

Social media
2:49
Social media
Coming soon

8

Styling basics

Coming soon

8

Style panel overview
3:15
Style panel overview
Coming soon

8

HTML tags
8:43
HTML tags
Coming soon

8

Text style inheritance overview
3:18
Text style inheritance overview
Coming soon

8

Style Manager
1:56
Style Manager
Coming soon

8

States
2:47
States
Coming soon

8

Transitions
2:40
Transitions
Coming soon

8

Color values
3:22
Color values
Coming soon

9

Layout basics

Coming soon

9

Spacing
6:28
Spacing
Coming soon

9

Size
17:35
Size
Coming soon

9

Position
16:51
Position
Coming soon

10

Flexbox & grid

Coming soon

10

Flexbox
9:00
Flexbox
Coming soon

10

Grid
21:17
Grid
Coming soon

11

Advanced layout

Coming soon

11

Enable relative position
1:43
Enable relative position
Coming soon

11

Apply a z-index value
1:49
Apply a z-index value
Coming soon

11

Hide overflowing content
1:49
Hide overflowing content
Coming soon

12

Styling typography

Coming soon

12

Typography
21:28
Typography
Coming soon

12

Add Google Fonts
1:18
Add Google Fonts
Coming soon

12

Text shadow
2:36
Text shadow
Coming soon

13

Background & border styles

Coming soon

13

Backgrounds
8:15
Backgrounds
Coming soon

13

Borders
7:14
Borders
Coming soon

14

3D styles

Coming soon

14

Parallax movement on scroll
3:10
Parallax movement on scroll
Coming soon

14

3D perspective
4:01
3D perspective
Coming soon

14

Transforms
4:53
Transforms
Coming soon

15

Effects

Coming soon

15

Opacity
1:44
Opacity
Coming soon

16

Responsive design

Coming soon

16

Intro to responsive design
2:21
Intro to responsive design
Coming soon

16

Breakpoints
16:00
Breakpoints
Coming soon

17

Interactions core concepts

Coming soon

17

Intro to Interactions
1:22
Intro to Interactions
Coming soon

17

Triggers and animations
4:31
Triggers and animations
Coming soon

17

Interpolation, easing, and smoothing
2:58
Interpolation, easing, and smoothing
Coming soon

18

CMS & dynamic content

Coming soon

18

Intro to dynamic content
1:36
Intro to dynamic content
Coming soon

18

Intro to the Webflow CMS
2:02
Intro to the Webflow CMS
Coming soon

18

Intro to the CMS Editor
2:22
Intro to the CMS Editor
Coming soon

18

Import/export CMS content
1:48
Import/export CMS content
Coming soon

18

Modify a Collection
2:05
Modify a Collection
Coming soon

19

CMS Collection fields

Coming soon

19

Plain text field overview
0:52
Plain text field overview
Coming soon

19

Rich text field
1:16
Rich text field
Coming soon

19

Image field
1:24
Image field
Coming soon

19

YouTube video
1:20
YouTube video
Coming soon

19

Link field
1:26
Link field
Coming soon

19

Number field overview
1:27
Number field overview
Coming soon

19

Switch field
0:58
Switch field
Coming soon

19

Option field overview
1:25
Option field overview
Coming soon

19

Reference field
1:11
Reference field
Coming soon

19

Multi-reference field
2:31
Multi-reference field
Coming soon

20

Advanced dynamic content

Coming soon

20

Advanced CMS filtering
13:13
Advanced CMS filtering
Coming soon

20

Google site verification
2:59
Google site verification
Coming soon

20

Google Analytics
5:33
Google Analytics
Coming soon

20

Paid vs. organic search
1:34
Paid vs. organic search
Coming soon

20

301 redirects
2:39
301 redirects
Coming soon

Course progress

0%

Up next

Slider

Add and style a slider to your project — one of the simplest and most powerful components in the Webflow Designer.
Next lesson