Module Guide

Factoid

1st
factoid
2nd
factoid
3rd
factoid
4th
factoid

Text Block Module - Full Width

Full width text block module uses a pre-styled WYSIWYG, that allows for text formatting, lists, links, tables, and images. The row can have either a white, gray, black, or patterned background.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Commodo elit at imperdiet dui accumsan sit amet. Tincidunt arcu non sodales neque sodales ut etiam sit amet. Mauris a diam maecenas sed. Quam adipiscing vitae proin sagittis nisl rhoncus mattis rhoncus urna. Ac feugiat sed lectus vestibulum. Sed sed risus pretium quam vulputate dignissim suspendisse in. Volutpat est velit egestas dui id ornare.

Text Block Module - 50% Columns

Text block module uses a pre-styled WYSIWYG, that allows for text formatting, lists, links, tables, and images. The row can have either a white, gray, black, or patterned background.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Rhoncus mattis rhoncus urna neque viverra justo nec ultrices dui. Tempor nec feugiat nisl pretium fusce id velit. Semper risus in hendrerit gravida rutrum quisque non tellus. Arcu dictum varius duis at consectetur lorem donec. Sed blandit libero volutpat sed cras ornare arcu. Cras sed felis eget velit aliquet sagittis. Lorem dolor sed viverra ipsum. Sed felis eget velit aliquet sagittis id. Odio ut enim blandit volutpat maecenas volutpat blandit aliquam. Etiam dignissim diam quis enim lobortis. Duis convallis convallis tellus id interdum velit laoreet id.

Text Block Module - 1/3 - 2/3 Columns

Pre-styled WYSIWYG allows:

  • Lists
  • Links
  • Tables
  • Images

Text block module uses a pre-styled WYSIWYG, that allows for text formatting, lists, links, tables, and images. The row can have either a white, gray, black, or patterned background.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Rhoncus mattis rhoncus urna neque viverra justo nec ultrices dui. Tempor nec feugiat nisl pretium fusce id velit. Semper risus in hendrerit gravida rutrum quisque non tellus. Arcu dictum varius duis at consectetur lorem donec.

Text Block Module - 1/4 Columns

Text block module uses a pre-styled WYSIWYG, that allows for text formatting, lists, links, tables, and images. The row can have either a white, gray, black, or patterned background.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Rhoncus mattis rhoncus urna neque viverra justo nec ultrices dui. Tempor nec feugiat nisl pretium fusce id velit.

Sed blandit libero volutpat sed cras ornare arcu. Cras sed felis eget velit aliquet sagittis. Lorem dolor sed viverra ipsum. Sed felis eget velit aliquet sagittis id. Odio ut enim blandit volutpat maecenas volutpat blandit aliquam. Etiam dignissim diam quis enim lobortis.

Pre-styled WYSIWYG allows:

  • Lists
  • Links
  • Tables
  • Images

Text Block Module - 1/3 - 2/3 Columns

Text block module uses a pre-styled WYSIWYG, that allows for text formatting, lists, links, tables, and images. The row can have either a white, gray, black, or patterned background.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Rhoncus mattis rhoncus urna neque viverra justo nec ultrices dui. Tempor nec feugiat nisl pretium fusce id velit. Semper risus in hendrerit gravida rutrum quisque non tellus. Arcu dictum varius duis at consectetur lorem donec. Sed blandit libero volutpat sed cras ornare arcu. Cras sed felis eget velit aliquet sagittis. Lorem dolor sed viverra ipsum. Sed felis eget velit aliquet sagittis id. Odio ut enim blandit volutpat maecenas volutpat blandit aliquam. Etiam dignissim diam quis enim lobortis. Duis convallis convallis tellus id interdum velit laoreet id. Turpis massa sed elementum tempus egestas sed sed. Eget felis eget nunc lobortis. Ut tristique et egestas quis ipsum. Condimentum mattis pellentesque id nibh tortor id aliquet lectus. Ut tellus elementum sagittis vitae et leo duis. Vel quam elementum pulvinar etiam non quam lacus.

Text Block Module - 2/3 - 1/3 Columns

Text block module uses a pre-styled WYSIWYG, that allows for text formatting, lists, links, tables, and images. The row can have either a white, gray, black, or patterned background.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Rhoncus mattis rhoncus urna neque viverra justo nec ultrices dui. Tempor nec feugiat nisl pretium fusce id velit. Semper risus in hendrerit gravida rutrum quisque non tellus. Arcu dictum varius duis at consectetur lorem donec. Sed blandit libero volutpat sed cras ornare arcu. Cras sed felis eget velit aliquet sagittis. Lorem dolor sed viverra ipsum. Sed felis eget velit aliquet sagittis id. Odio ut enim blandit volutpat maecenas volutpat blandit aliquam. Etiam dignissim diam quis enim lobortis. Duis convallis convallis tellus id interdum velit laoreet id. Turpis massa sed elementum tempus egestas sed sed. Eget felis eget nunc lobortis. Ut tristique et egestas quis ipsum. Condimentum mattis pellentesque id nibh tortor id aliquet lectus. Ut tellus elementum sagittis vitae et leo duis. Vel quam elementum pulvinar etiam non quam lacus.

Accordion

Contains information about "Accordion Item One."

Contains information about "Accordion Item Two."

Cards with Call to Action Option

Hawaiian Learning

Heading

Cards have the option of adding an image at the top with text below it. The optional call to action button is featured at the bottom of the card. You can choose a color for your call to action button. This card has an image and a call to action button.

Example Button

Heading

This card features just text. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Commodo elit at imperdiet dui accumsan sit amet. Tincidunt arcu non sodales neque sodales ut etiam sit amet. Mauris a diam maecenas sed. Quam adipiscing vitae proin sagittis nisl rhoncus mattis rhoncus urna. Ac feugiat sed lectus vestibulum. Sed sed risus pretium quam vulputate dignissim suspendisse in. Volutpat est velit egestas dui id ornare.

Heading

This card has no image, but features a call to action button at the bottom. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Commodo elit at imperdiet dui accumsan sit amet. Tincidunt arcu non sodales neque sodales ut etiam sit amet. Mauris a diam maecenas sed. Quam adipiscing vitae proin sagittis nisl rhoncus mattis rhoncus urna. Ac feugiat sed lectus vestibulum.

Example Button

Image Card with Link Option (No Text)

Form

Looks good!
Looks good!
@
Please choose a username.
Please provide a valid city.
Please provide a valid state.
Please provide a valid zip.
You must agree before submitting.

Basic Table

# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Striped Table

# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Dark Header Table

# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Light Header Table

# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Bordered Table

# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter