Standard Content Module
Single Column Row
Background: Color
Container width: Widest with L/R padding
We’re able to apply the <header> & <footer> tags to the standard content module for SEO benefits.
Vestibulum eu finibus orci, a condimentum mauris. Nulla vel tristique metus, in cursus tortor. Ut placerat fermentum tincidunt. Vivamus commodo urna sit amet erat viverra pretium. Donec tristique sapien non erat porta sollicitudin. Pellentesque pharetra, ligula id dignissim faucibus, quam risus vulputate dolor, eu euismod eros arcu id nisl. Duis vulputate eleifend orci, sed viverra eros efficitur vel. Ut a augue eu lectus sodales vestibulum id nec arcu. Sed dignissim consequat velit, ac iaculis orci ultrices sit amet. Aliquam fermentum mollis magna in pulvinar. Fusce nibh lectus, luctus vel faucibus egestas, maximus ut tellus. Sed quis elit quis sem posuere varius ut et nibh. Quisque rhoncus eleifend pretium. In volutpat rhoncus dolor.
Standard Content Module
2 Column Row (equal widths, 50-50)
Background: Image w/ Overlay
Container width: Slim
Phasellus ullamcorper euismod gravida. Duis vitae accumsan ex. Nulla maximus erat id urna blandit vehicula. Phasellus eu maximus tellus, non convallis tortor.
3 Column Row
Container width: Wide
Cras eu eleifend lacus, eget imperdiet leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper enim in quam ultrices condimentum.
Fusce at enim eleifend, suscipit nibh vitae, sodales augue. Donec dapibus felis urna, eleifend egestas erat tincidunt in. Donec at posuere eros. Cras semper, odio pretium aliquam dignissim, nisi ante sagittis erat, at aliquam lacus diam lacinia dolor. Aenean et urna eget eros suscipit facilisis. Sed ac leo lectus.
Donec nibh enim, ultrices ut urna at, dictum accumsan purus. Sed vitae dolor augue. Pellentesque vitae varius justo, nec malesuada purus. Sed ornare diam ut quam mollis pulvinar. Fusce volutpat nec nulla non molestie. Suspendisse euismod dignissim mi in volutpat.
4 Column Row
Container width: Standard
Donec sed urna a erat malesuada ultrices. Praesent nec elit ut augue porttitor lacinia eget vitae velit.
Cras viverra sollicitudin purus. Nullam lacinia viverra eros. Duis porta ac elit eu eleifend. Aliquam ultricies nunc eget magna dapibus sodales.
Donec posuere odio sed urna tempus, et aliquet libero hendrerit. Suspendisse dapibus purus ut eleifend ornare. Nulla ultricies leo sed elit pharetra vulputate et suscipit leo.
Duis vitae velit scelerisque, vehicula augue a, mollis lorem. Sed quis sollicitudin massa. Sed suscipit orci vitae tortor posuere aliquet.
Praesent at quam sit amet felis fermentum posuere ut id nunc. Nunc metus velit, suscipit nec felis vitae, porttitor hendrerit libero. Mauris ac eros non velit luctus vestibulum. Morbi euismod, dui id aliquet blandit, lectus nibh pulvinar justo, eget consectetur tellus sapien a ligula. Nullam in euismod nibh. Nullam in eleifend metus. Morbi ultrices magna eu magna pulvinar, eget porta augue porta.
Standard Content Module
2 Column Row, variable width (33 – 66)
Background: Transparent
Container width: Standard
There’s an option to reverse the order of the columns, so on mobile this column will be on top of the other
2 Column Row, variable width (25 – 75)
Praesent at quam sit amet felis fermentum posuere ut id nunc. Nunc metus velit, suscipit nec felis vitae, porttitor hendrerit libero. Mauris ac eros non velit luctus vestibulum. Morbi euismod, dui id aliquet blandit, lectus nibh pulvinar justo, eget consectetur tellus sapien a ligula. Nullam in euismod nibh. Nullam in eleifend metus. Morbi ultrices magna eu magna pulvinar, eget porta augue porta.
2 Column Row, variable width (40 – 60)
Praesent at quam sit amet felis fermentum posuere ut id nunc. Nunc metus velit, suscipit nec felis vitae, porttitor hendrerit libero. Mauris ac eros non velit luctus vestibulum. Morbi euismod, dui id aliquet blandit, lectus nibh pulvinar justo, eget consectetur tellus sapien a ligula. Nullam in euismod nibh. Nullam in eleifend metus. Morbi ultrices magna eu magna pulvinar, eget porta augue porta.
2 Column Row, variable width (20 – 80)
Praesent at quam sit amet felis fermentum posuere ut id nunc. Nunc metus velit, suscipit nec felis vitae, porttitor hendrerit libero. Mauris ac eros non velit luctus vestibulum. Morbi euismod, dui id aliquet blandit, lectus nibh pulvinar justo, eget consectetur tellus sapien a ligula. Nullam in euismod nibh. Nullam in eleifend metus. Morbi ultrices magna eu magna pulvinar, eget porta augue porta.
Standard Callout Module
Background options for both outer module & inner container
FAQs Module - 'Cards' Layout
settings-
Container width: standard
Sed at neque eu tellus sagittis placerat non et tellus. Curabitur risus augue, tristique ultricies lobortis a, malesuada quis ipsum. Cras faucibus sodales lorem ut aliquam. Duis hendrerit odio lacus, eget aliquet tellus feugiat in.
-
Background type: solid color
Sed at neque eu tellus sagittis placerat non et tellus. Curabitur risus augue, tristique ultricies lobortis a, malesuada quis ipsum. Cras faucibus sodales lorem ut aliquam. Duis hendrerit odio lacus, eget aliquet tellus feugiat in.
-
In this example, I'll omit the 'all FAQs' button
Sed at neque eu tellus sagittis placerat non et tellus. Curabitur risus augue, tristique ultricies lobortis a, malesuada quis ipsum. Cras faucibus sodales lorem ut aliquam. Duis hendrerit odio lacus, eget aliquet tellus feugiat in.
-
The benefits of this module over 'standard content':
We’re using semantic HTML, so there’s added SEO value from that. Just like the standard content module, you have column count options 1 – 4.
Full-Width 2 Columns Module
Each column can either be ‘Mixed Content’ like this column, or ‘Image Only’ like the other column. ‘Mixed Content’ columns can also use an image for a background. In this case, we’re using the background color option.
The width of each column can vary, so long as the sum of both widths is 100. In this case, we’re doing 40 – 60.
You also have the option to reverse the order of the columns on mobile, to control the order in which they stack.
Media Gallery Module - Carousel Layout
settingsYou have an option to include ‘intro content’
As it goes for our other modules, you have options here for the background type. We’re omitting it in this example.
Each item in the gallery can be either an image or video. For videos, YouTube or Vimeo can be used. If you do not set a ‘poster image’ for the video, the default thumbnail will be pulled from the platform.
settings
Media Gallery Module - Masonry Layout
settings
Optional ‘Intro Content’ area
Cras laoreet fermentum magna tempor pulvinar. Sed varius scelerisque arcu. Donec fringilla ante dapibus felis consectetur pharetra. Nullam mollis nec lacus vel tempor. Nulla nunc dolor, feugiat eu tristique sed, pharetra eget odio. Aliquam eget magna et magna aliquam feugiat.
settingsTestimonials Module - Columns/Cards Layout
settingsSed quis quam imperdiet quam mattis commodo. Duis semper risus arcu, ut molestie massa sagittis posuere. Aliquam et libero eu nibh finibus accumsan. Maecenas rutrum lorem at laoreet ultrices. Pellentesque nulla dui, condimentum laoreet bibendum vitae, rutrum in risus.
Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus tincidunt ac quam eget varius. Vestibulum quis ornare lorem. Integer vitae blandit urna. Donec posuere, quam id accumsan pellentesque, leo elit sodales mi, ac elementum dolor orci non dui.
Curabitur venenatis felis sem, eu semper urna gravida eget. Curabitur nec iaculis risus. Pellentesque vitae molestie massa. Ut aliquam volutpat gravida. Integer scelerisque porta justo rutrum imperdiet. Donec vestibulum, massa rutrum feugiat cursus, neque massa molestie massa, at efficitur turpis neque in tellus.
Optional intro content area
Donec ultricies in risus in porttitor. Donec nec enim elementum, tincidunt dolor ac, consequat sem. Sed sed lacinia sapien. Suspendisse diam est, ornare et tincidunt a, vulputate sed sem. Nunc ligula felis, bibendum a nunc nec, aliquam iaculis neque. Mauris tristique orci vitae nisl sodales, id sodales neque cursus. Aenean augue lacus, interdum in congue ac, ultricies id arcu. Ut eget odio lacinia, tristique massa non, tempor felis. Aenean sit amet neque ac lorem bibendum interdum a ut dui. Proin porttitor velit orci, sed viverra justo finibus at. Suspendisse interdum malesuada pellentesque. Mauris vel sapien orci. In at leo vitae sapien venenatis rhoncus. Vestibulum id sagittis quam.
settings-
Watch VideoOptional description area for each video
-
Watch Video
-
Watch Video