Paragraphs and links
Are you familiar with our Helpcenter yet? Click here to browse topics that will answer FAQs on Impact Stack!
Headings
Headings break up your content and make it more readable. Remember that the headings hierarchy exists for a reason. Use the semantically correct heading at the right place so search engines, screen readers and users will understand the structure of your page (don't use an h5 heading in place of the h2 just because you like the size or color better).
Use h2 as a second-level heading
Use h3 as a third-level heading
Use h4 as a fourth-level heading
Use h5 as a fifth-level heading
Use h6 as a sixth-level heading
Lists
Ordered lists
- first list element
- second list element
- third list element
Unordered lists
- first list element
- second list element
- third list element
Blockquotes
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Famous person
Letter
Message heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Yours,
Firstname Lastname
Code snippets
Learn more about how to style your page and add some great additional features in our Helpcenter article.
Accordion
- Accordion 1
Panel 1. Lorem ipsum dolor
Starts in the open state due to using the
is-activestate class. - Accordion 2 has a very long and not very interesting title (but it wraps the line to see how it is wrapping)
Toggle element
This will show up on click and can’t be closed again, the link is gone.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Paragraph that can be toggled on and off.
You can put anything you want in here
It could be lots and lots of text, or only a few words.
Sticky button
A sticky button will appear when the user scrolls down the page, and allows them to jump back up to the form. This is useful if you have a lot of content on your page and you want the user to be able to get back to the form as soon as they're ready, without scrolling back up. It will only show up when the form isn't visible on screen, e.g. on mobile. You can add a sticky button to your page by adding the right code snippet.