This is an example of the Accordion block, which can have an unlimited number of sections. Format the content within each accordion by using additional blocks such as lists, icons, images and more.
Curious about all the different ways you can add and format content on an Airy theme website? See the flexibility of this design option with our examples below. Colors shown below can be adapted to match your brand. It’s also possible to embed a variety of third-party tools and services using specific blocks on website pages.
Formatting Text
Heading 2
Heading 3
Heading 4
Heading 5
Normal Text
“This is what quote styling looks like. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat”
Quote Citation
This is an example of adding text in columns. Use the Column Block to create different layouts with varying numbers of columns and include text, images, icons and more.
This is an example of adding text in columns. Use the Column Block to create different layouts with varying numbers of columns and include text, images, icons and more.
This is an example of adding text in columns. Use the Column Block to create different layouts with varying numbers of columns and include text, images, icons and more.
Organize Information
- Format your copy into bulleted or numbered lists.
- Format your copy into bulleted or numbered lists.
- Format your copy into bulleted or numbered lists.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
This is an example of the Tabs block, which can have up to 5 tabs. Format the content within each tab by using additional blocks. On mobile devices, tabs transform into accordions for easy viewing.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Table |
---|
Example |
Example |
Example |
Example |
Table |
Example |
Example |
Example |
Example |
Add Visual Elements
Gallery
![Junior Naturalist](https://airy.wiredwebsites.org/wp-content/uploads/sites/10/2017/06/junior-naturalist-1024x350.jpg)
![Students working](https://airy.wiredwebsites.org/wp-content/uploads/sites/10/2018/09/students-planting.jpg)
![Sebastian](https://airy.wiredwebsites.org/wp-content/uploads/sites/10/2017/01/blog-1-1024x576.jpg)
Progress Bar
Horizontal Section
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Person Block
![Terry Teacher Terry](https://airy.wiredwebsites.org/wp-content/uploads/sites/10/2017/06/terry-450-2.jpg)
Example Name
Position/Titleemail@yournonprofit.org123-456-7789Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Example Name
Position/Titleemail@yournonprofit.org123-456-7789Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Logo Block
![LNT](https://airy.wiredwebsites.org/wp-content/uploads/sites/10/2017/07/LNT.png)
![Kanteen](https://airy.wiredwebsites.org/wp-content/uploads/sites/10/2017/07/Kanteen.png)
![foundation-logo](https://airy.wiredwebsites.org/wp-content/uploads/sites/10/2020/06/foundation-logo.png)
![university-logo](https://airy.wiredwebsites.org/wp-content/uploads/sites/10/2020/06/university-logo.png)
Icon Block
Small Icon
Medium Icon
Large Icon
Promote Important Actions
Call to Action Block
Embed Multimedia
Video Embed
Audio Embed
Latest Blog Posts
- Client Story: A Hopeful New BeginningLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
- Volunteer Highlight: Victor VolunteerLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ultrices vitae auctor eu augue ut lectus. Sed adipiscing diam donec adipiscing tristique.
- Annual Gala is a Huge SuccessLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.