Code Snippets

Custom code solutions that have been developed and thoroughly tested by the UX/UI Design Dept. Examples include responsive data tables, icon menus, tab directories, and more. Easily adapted in rich text.

Centered buttons full width 

Centered call-to-action buttons laid out horizontally across a section blade that is spread on a full width page.

Clickable tiles 

A series of tile cards laid out horizontally across a section blade that allow to stack multiple rows.

CSS Nav menu 

A secondary navigation option that allows the use of emblems, seals and symbols spread across a blade.

Full width CTA button 

A call to action item that contains a title, brief description and a CTA button spread across a section blade.

Logo gallery 

A graphic gallery with clickable images (primarily used for logos or simple images) that spread horizontally across a section blade.

Responsive table 

Standardized tables, between 1 to 4 columns, used for listed information with clickable and non-clickable elements.

Swipe icon menu 

A slideshow secondary navigation menu that allows the user to scroll across different options using simple icons and text.

Tab directory - CSS only 

A css-functionality based table that allows category based listed itemization such in the case of a directory or glossary.