Explore UAB

Grid Stack provides an easy way to achive a layout with image and content stacked side-by-side. Grid stack items can include an image, content, and a button. More complex designs can be created through the use of advanced html in the content area or embedded modules.

Grid is also another option for achieving grid and card style layouts.

Positions such as full1, full2, middle1, middle2, lower1, lower2 were eliminated to simplify the number of template positions and because the layouts accomplished using these positions can be accomplished easily using Grid or Grid Stack. Learn more about template position changes

Example

Left Aligned

Item 1

Item 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin varius nunc mollis, laoreet orci id, feugiat ex. Quisque varius, sem at finibus accumsan, enim purus aliquam eros, nec cursus eros metus ut quam. Aliquam aliquam, elit vitae molestie facilisis, nisi elit sodales felis, eget facilisis mauris erat sed ante. Pellentesque pellentesque odio tortor, a aliquet lectus eleifend at. Phasellus vel vehicula dolor. Ut metus ligula, gravida in felis et, egestas vestibulum nibh. Duis sapien ipsum, pulvinar scelerisque dictum in, placerat eget nulla. Vestibulum ut dapibus ante, ut aliquam augue. Morbi luctus massa sit amet leo imperdiet porta. Proin condimentum purus sit amet ligula maximus, sed sagittis augue pretium. In in congue nibh, nec condimentum augue. Sed ligula ligula, vehicula quis facilisis sit amet, faucibus a nulla. Etiam augue justo, porttitor eu ex non, fringilla accumsan urna. Fusce pulvinar, urna ac convallis iaculis, velit turpis elementum nulla, at malesuada ligula nibh eu magna.

Read more

Item 2

Item 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin varius nunc mollis, laoreet orci id, feugiat ex. Quisque varius, sem at finibus accumsan, enim purus aliquam eros, nec cursus eros metus ut quam. Aliquam aliquam, elit vitae molestie facilisis, nisi elit sodales felis, eget facilisis mauris erat sed ante. Pellentesque pellentesque odio tortor, a aliquet lectus eleifend at. Phasellus vel vehicula dolor. Ut metus ligula, gravida in felis et, egestas vestibulum nibh. Duis sapien ipsum, pulvinar scelerisque dictum in, placerat eget nulla. Vestibulum ut dapibus ante, ut aliquam augue. Morbi luctus massa sit amet leo imperdiet porta. Proin condimentum purus sit amet ligula maximus, sed sagittis augue pretium. In in congue nibh, nec condimentum augue. Sed ligula ligula, vehicula quis facilisis sit amet, faucibus a nulla. Etiam augue justo, porttitor eu ex non, fringilla accumsan urna. Fusce pulvinar, urna ac convallis iaculis, velit turpis elementum nulla, at malesuada ligula nibh eu magna.

Item 3

Item 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin varius nunc mollis, laoreet orci id, feugiat ex. Quisque varius, sem at finibus accumsan, enim purus aliquam eros, nec cursus eros metus ut quam. Aliquam aliquam, elit vitae molestie facilisis, nisi elit sodales felis, eget facilisis mauris erat sed ante. Pellentesque pellentesque odio tortor, a aliquet lectus eleifend at. Phasellus vel vehicula dolor. Ut metus ligula, gravida in felis et, egestas vestibulum nibh. Duis sapien ipsum, pulvinar scelerisque dictum in, placerat eget nulla. Vestibulum ut dapibus ante, ut aliquam augue. Morbi luctus massa sit amet leo imperdiet porta. Proin condimentum purus sit amet ligula maximus, sed sagittis augue pretium. In in congue nibh, nec condimentum augue. Sed ligula ligula, vehicula quis facilisis sit amet, faucibus a nulla. Etiam augue justo, porttitor eu ex non, fringilla accumsan urna. Fusce pulvinar, urna ac convallis iaculis, velit turpis elementum nulla, at malesuada ligula nibh eu magna.

Alternating

Item 1

Item 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin varius nunc mollis, laoreet orci id, feugiat ex. Quisque varius, sem at finibus accumsan, enim purus aliquam eros, nec cursus eros metus ut quam. Aliquam aliquam, elit vitae molestie facilisis, nisi elit sodales felis, eget facilisis mauris erat sed ante. Pellentesque pellentesque odio tortor, a aliquet lectus eleifend at. Phasellus vel vehicula dolor. Ut metus ligula, gravida in felis et, egestas vestibulum nibh. Duis sapien ipsum, pulvinar scelerisque dictum in, placerat eget nulla. Vestibulum ut dapibus ante, ut aliquam augue. Morbi luctus massa sit amet leo imperdiet porta. Proin condimentum purus sit amet ligula maximus, sed sagittis augue pretium. In in congue nibh, nec condimentum augue. Sed ligula ligula, vehicula quis facilisis sit amet, faucibus a nulla. Etiam augue justo, porttitor eu ex non, fringilla accumsan urna. Fusce pulvinar, urna ac convallis iaculis, velit turpis elementum nulla, at malesuada ligula nibh eu magna.

Read more

Item 2

Item 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin varius nunc mollis, laoreet orci id, feugiat ex. Quisque varius, sem at finibus accumsan, enim purus aliquam eros, nec cursus eros metus ut quam. Aliquam aliquam, elit vitae molestie facilisis, nisi elit sodales felis, eget facilisis mauris erat sed ante. Pellentesque pellentesque odio tortor, a aliquet lectus eleifend at. Phasellus vel vehicula dolor. Ut metus ligula, gravida in felis et, egestas vestibulum nibh. Duis sapien ipsum, pulvinar scelerisque dictum in, placerat eget nulla. Vestibulum ut dapibus ante, ut aliquam augue. Morbi luctus massa sit amet leo imperdiet porta. Proin condimentum purus sit amet ligula maximus, sed sagittis augue pretium. In in congue nibh, nec condimentum augue. Sed ligula ligula, vehicula quis facilisis sit amet, faucibus a nulla. Etiam augue justo, porttitor eu ex non, fringilla accumsan urna. Fusce pulvinar, urna ac convallis iaculis, velit turpis elementum nulla, at malesuada ligula nibh eu magna.

Item 3

Item 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin varius nunc mollis, laoreet orci id, feugiat ex. Quisque varius, sem at finibus accumsan, enim purus aliquam eros, nec cursus eros metus ut quam. Aliquam aliquam, elit vitae molestie facilisis, nisi elit sodales felis, eget facilisis mauris erat sed ante. Pellentesque pellentesque odio tortor, a aliquet lectus eleifend at. Phasellus vel vehicula dolor. Ut metus ligula, gravida in felis et, egestas vestibulum nibh. Duis sapien ipsum, pulvinar scelerisque dictum in, placerat eget nulla. Vestibulum ut dapibus ante, ut aliquam augue. Morbi luctus massa sit amet leo imperdiet porta. Proin condimentum purus sit amet ligula maximus, sed sagittis augue pretium. In in congue nibh, nec condimentum augue. Sed ligula ligula, vehicula quis facilisis sit amet, faucibus a nulla. Etiam augue justo, porttitor eu ex non, fringilla accumsan urna. Fusce pulvinar, urna ac convallis iaculis, velit turpis elementum nulla, at malesuada ligula nibh eu magna.