Columns
Columns
Columns is a versatile content editor component that allows you to seamlessly add text, images, banners, videos, buttons, quotes, lists, tables, social media feeds, and more. With 9 layout options and advanced styling features—including customizable background colors, images, rounded corners, and component width—Columns offers endless design possibilities!
Two-Column Layout w/ Intro
Instead of stacking multiple single-column layouts, consider whether a multi-column layout would better support your content. Multi-column layouts help reduce the repetition of one-column sections while also shortening text line lengths, making content easier to read and scan. As a best practice, try to keep content balanced between columns so one column does not become significantly longer than the others.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Est ullamcorper eget nulla facilisi. Viverra ipsum nunc aliquet bibendum enim. Nulla aliquet porttitor lacus luctus accumsan. Metus vulputate eu scelerisque felis imperdiet. Scelerisque eu ultrices vitae auctor eu augue.
Metus vulputate eu scelerisque felis imperdiet. Scelerisque eu ultrices vitae auctor eu augue. Cursus vitae congue mauris rhoncus. Non pulvinar neque laoreet suspendisse interdum consectetur libero.
- Lacus laoreet non curabitur gravida
- Aenean sed adipiscing diam
- Onec adipiscing tristique risus nec
Three-Column Layout w/ Intro
When images are linked within a Columns component, they automatically display an attractive hover effect for added visual engagement. You can also use the Image Corner Radius option to give your images smooth, rounded corners.
Student of the Month
Emma Jones, Middle School Student
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Est ullamcorper eget nulla facilisi. Viverra ipsum nunc aliquet bibendum enim. Nulla aliquet porttitor lacus luctus accumsan. Metus vulputate eu scelerisque felis imperdiet.
Scelerisque eu ultrices vitae auctor eu augue. Cursus vitae congue mauris rhoncus. Non pulvinar neque laoreet suspendisse interdum consectetur libero. Lacus laoreet non curabitur gravida. Aenean sed adipiscing diam donec adipiscing tristique risus nec. Eget nullam non nisi est sit amet facilisis magna etiam."
Student of the Month Archives
Heading
Sed faucibus turpis in eu mi bibendum neque egestas congue. Commodo elit at imperdiet dui accumsan sit amet. Orci nulla pellentesque dignissim enim sit amet.
Lorem ipsum dolor sit amet
Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Est ullamcorper eget nulla facilisi. Viverra ipsum nunc aliquet bibendum enim. Nulla aliquet porttitor lacus luctus accumsan. Metus vulputate eu scelerisque felis imperdiet. Scelerisque eu ultrices vitae auctor eu augue.
Cursus vitae congue
Non pulvinar neque laoreet suspendisse interdum consectetur libero. Lacus laoreet non curabitur gravida. Aenean sed adipiscing diam donec adipiscing tristique risus nec. Eget nullam non nisi est sit amet facilisis magna etiam.
Montes nascetur ridiculus mus mauris vitae ultricies leo. Sed id semper risus in hendrerit gravida rutrum quisque non. Id velit ut tortor pretium. Lectus vestibulum mattis ullamcorper velit sed. Leo a diam sollicitudin tempor id eu. Sodales ut eu sem integer vitae justo eget.
Call to Action Buttons
Wide-Narrow-Narrow
Parent Resources
Item One
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Item Two
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Item Three
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.