This is how all of Notion’s blocks will appear on your website when you use this template.
Toggles
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur quis porttitor diam. Sed nec arcu non urna pretium congue vel sit amet quam. Phasellus quis nibh nunc. Sed lectus nunc, tincidunt ac velit non, porttitor consequat odio. Proin non tincidunt nisi. Donec eu vestibulum sem. Fusce non quam elementum, ornare.
Heading 3 toggle
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur quis porttitor diam. Sed nec arcu non urna pretium congue vel sit amet quam. Phasellus quis nibh nunc. Sed lectus nunc, tincidunt ac velit non, porttitor consequat odio. Proin non tincidunt nisi. Donec eu vestibulum sem. Fusce non quam elementum, ornare.
Heading 2 toggle
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur quis porttitor diam. Sed nec arcu non urna pretium congue vel sit amet quam. Phasellus quis nibh nunc. Sed lectus nunc, tincidunt ac velit non, porttitor consequat odio. Proin non tincidunt nisi. Donec eu vestibulum sem. Fusce non quam elementum, ornare.
Heading 1 toggle
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur quis porttitor diam. Sed nec arcu non urna pretium congue vel sit amet quam. Phasellus quis nibh nunc. Sed lectus nunc, tincidunt ac velit non, porttitor consequat odio. Proin non tincidunt nisi. Donec eu vestibulum sem. Fusce non quam elementum, ornare.
Divider
Todo list
Quote
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Callouts
Code
.notion-callout {
flex-direction: column!important;
border-radius: 8px!important;
.notion-callout__icon {
span {
width: 32px!important;
height: 32px!important;
}
}
.notion-callout__content {
margin-left: 0px!important;
}
}