Welcome to Hackathon Entertainment No Code Academy

Explore

Learn by Watching

Notion
Notion

Build websites and productivity tools for businesses and teams.

⁠

Lesson 1: Introduction to Notion

⁠

⁠

Lesson 2: Adding a title

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

⁠

⁠

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

⁠

⁠

Lesson 4: Adding a line break

Underneath your subheading press “/” again

This time select divider

⁠

⁠

Lesson 5: Adding a cover image

Hover over the blank space above your title and select “add cover”

Select “Unsplash”

Select a cover image

⁠

⁠

⁠

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.

⁠

⁠

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

⁠

⁠

⁠

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

⁠

⁠

⁠

⁠

Lesson 9: Creating a footer

Underneath the tweets create another breakline

Below the breakline type your name

⁠

⁠

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

⁠

⁠

⁠

Lesson 11: Publishing your page

In the top right of the page, select share to web

Toggle allow duplicate as template

⁠

⁠

⁠

Want to print your doc?
This is not the way.

Try clicking the ⋯ next to your doc name or using a keyboard shortcut (

CtrlP

) instead.

NotionNotion