Highlight boxes - without images
Use the Highlight boxes - without images component to display concise content inside a highlight box.
Either 1, 2, or 3 boxes may be used. At large window sizes, all boxes will display on a single row. For small displays such a phone in portrait mode, the boxes will stack vertically.
Each box may optionally have:
- A headline.
- Content, typically one or two short paragraphs. If a list of short items is included, list items may be displayed in multiple columns.
- A call to action button.
- A URL that is linked from the headline and button.
Typical Usage
The component is typically used with one or two boxes.
Lorem ipsum dolor sit amet
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.
Lorem ipsum dolor sit amet
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
More lorem ipsum...
Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur?
Buildings at K-State
- Anderson Hall
- Call Hall
- Cardwell Hall
- Dole Hall
- Eisenhower Hall
- Hale Library
- K-State Student Union
- McCain Auditorium
- Rathbone Hall
- Regnier Hall
- Trotter Hall
- Waters Hall
However, the component may be also be used:
- with 1, 2, or 3 boxes
- with or without headlines, text, and buttons
- with or without a list of short items that will be displayed in multiple columns
- with either a white or gray background
To view these alternatives, see the examples page.