Use where appropriate. They are already styled by default. Change heading level in Design>Title Text

This blurb expands the fullwidth of the page and would be useful for lists/bullet points. The icon is modifiable. Can be found in Divi library when adding a module.

Description here.

You can use this kind of text box for forms or to visually differentiate areas of a page. For example: the Code of Conduct page. Can be found in the Divi library when adding a new row. Use sparingly.

For letters or quotes. Used on the SOBP meeting page. This is the default style for "Testimonial" modules, so you can just add one and it'll look like this.

These were created for the past meetings page. You can duplicate as many boxes as you need inside the row and they will display dynamically. The flexbox code is in the column settings. Heading, text, and links are optional. Add from the Divi library when adding a row.

The "top" button is useful to put at the bottom of pages heavy with info (i.e. long pages) for navigation purposes. The dark blue and top buttons can also be found in the Divi library when you add a module.

The background color in these are assigned to the columns (row settings>column settings>background) to maintain equal heights if you are using more than one side by. However, these can be used as a single, wide column or multiple thinner ones, such as these. Can be found in the Divi library when adding a new row.

These only look good in rows with 4-6 columns. Edit top border in Design to change the color.

This is the default preset so any toggles you add will look like this. For an example on how to add images and buttons to the toggle text, check out the public outreach page.