Grids
Grid without Gap
The Grid without Gap, also called "Flush Grid" refers to a grid layout where there is no space between card elements. This layout can be used with Overlay and People Cards. The Masonry Grid is a variation of this layout which extends edge to edge on browser screen.


Feature Card
Flush Grid
Lorem ipsum dolor sit amet consectetur adipiscing

Eleifend litora lobortis commodo
Donec vestibulum a lacinia pretium tortor

Pharetra fringilla condimentum
Habitasse convallis turpis sociosqu erat purus penatibus id

Semper sociis leo ad feugiat rutrum
Vehicula lacinia tempus sapien rhoncus mauris volutpat praesent

In suspendisse magnis placerat lectus mi
Diam cum proin fusce semper primis praesent consequat, rutrum pulvinar cubilia

Ornare netus sociosqu praesent
Fames hac condimentum proin suspendisse lacinia dictum sapien turpis porttitor, mi ante

Dignissim etiam massa purus primis
Condimentum volutpat faucibus fusce aliquet hendrerit sociis sociosqu

2 span
Primis neque himenaeos eleifend aliquam sapien lobortis nec, cursus massa

Habitasse penatibus fames sagittis rutrum mattis cubilia eget eleifend

Euismod facilisi eget ullamcorper quis metus volutpat gravida
Overlay Cards with and without Images
Porttitor gravida justo torquent porta nulla scelerisque augue, curabitur mus nibh
Porta ante ligula platea neque consequat nulla posuere, habitasse eleifend pellentesque id semper feugiat venenatis interdum, duis vivamus magnis tristique lectus scelerisque

Quis tempor cursus duis dis justo non mollis, sociosqu

Accumsan vulputate lobortis id phasellus vehicula nostra aliquam

Lindsay Campbell
Lorem Ipsum Specialist
Non Luctus Felis Dapibus

Joseph West
Manager, Lorem Ipsum Dolor
Feugiat Conubia Cum Mollis

Bradley Fossett
Assistant to the Director, Lorem
Luctus Felis Dapibus

Melissa Dunning-McGraw
Executive Director, Dorem Ipsum
Non Luctus Felis Dapibus

Anine Zingerman
Administrative Assistant
Tempor Duis ad Ligula

Derrick Johnson
Executive Director, Lorem Ipsum
Euismod Tempor Duis ad Ligula