Skip to content
Learn by Watching

icon picker

Build websites and productivity tools for businesses and teams.

Lesson 1: Introduction to Notion

Screenshot 2021-02-11 at 09.31.53.png

Lesson 2: Adding a title

At the top of the screen, below the header banner, write a title for your website

Screenshot 2021-02-11 at 09.35.13.png

Lesson 3: Adding a subtitle

Below your title, press “/” where it says “Press Enter to continue with an...”
Select “Heading 2” and write your subheading

Screenshot 2021-02-11 at 09.36.30.png

Lesson 4: Adding a line break

Underneath your subheading press “/” again
This time select divider

Screenshot 2021-02-11 at 09.37.38.png

Lesson 5: Adding a cover image

Hover over the blank space above your title and select “add cover”
Select “Unsplash”
Select a cover image

Screenshot 2021-02-11 at 09.37.47.png
Screenshot 2021-02-11 at 09.37.59.png

Lesson 6: Adding an image

Underneath the breakline press “/” on your keyboard
This time select image
Select Unsplash
Choose an image
Underneath your image create another subtitle, this time using “Heading 3”
When you hover over the subtitle you’ll see six dots appear. This allows you to drag the element. Drag the new subtitle you’ve created to the left of the image. This will create two columns and resize the image
Underneath the subtitle in the column to the left, type a paragraph.

Screenshot 2021-02-11 at 10.25.42.png

Lesson 7: Embedding a video

Underneath the elements created in lesson 7, create a new subtitle
To embed a YouTube video copy and paste the URL into your notion page
Select embed video
Screenshot 2021-02-11 at 09.44.35.png
Screenshot 2021-02-11 at 09.45.34.png

Lesson 8: Embedding a tweet

Underneath the video create a new subtitle
Copy and paste the tweet URL into the Notion page
Repeat this two more times and drag the tweets into the same row, the number of rows created depend on the size of the tweets
Screenshot 2021-02-11 at 09.47.30.png
Screenshot 2021-02-11 at 09.47.15.png

Screenshot 2021-02-11 at 09.51.49.png

Lesson 9: Creating a footer

Underneath the tweets create another breakline
Below the breakline type your name

Screenshot 2021-02-11 at 09.53.32.png

Lesson 10: Customising your page style

At the top right of the Notion page you’ll find three horizontal dots. Select that icon.
Change the font
Change the size of the text

Screenshot 2021-02-11 at 09.53.58.png
Screenshot 2021-02-11 at 09.54.16.png

Lesson 11: Publishing your page

In the top right of the page, select share to web
Toggle allow duplicate as template

Screenshot 2021-02-11 at 09.54.54.png
Screenshot 2021-02-11 at 09.55.05.png

Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
) instead.