Digital pattern library

Navbox

The navbox pattern is used to present featured navigation items with an optional background image and paragraph.

Rules for the navbox

Navbox sizes

Navboxes are available in three different sizes: small (⅓), medium (½) and large (⅔). Available combinations of these sizes can been found on the navbox-grid pattern page. If using an image, see the table below for image sizes.

Box size Image size
Small 360 × 240 pixels
Medium 555 × 240 pixels
Large 750 × 240 pixels

Options available


Navbox sizes

Code







Navbox with image

Code





Navbox without image

Code





Navbox with image and paragraph

The paragraph must not have more than 300 characters.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Code


Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.


Navbox without image and paragraph

The paragraph must not have more than 300 characters.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Code


Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.