Cohesion UI Kit logo

What's included

A library of working website styles and components.

Components

Header and footer.

Website header and footer components with integrated menu systems that will link to a Drupal menu.

View live demo

Website header with navigation component
Website footer with navigation component

Components

Page heros.

A selection of high impact hero's for the top of pages. Each includes optional sub text and link. 

View live demo

Hero - center aligned text with background image Hero - center aligned text with background video Hero - center aligned text with card container Hero - left aligned text with background image
Hero - left aligned text with background video Hero - left aligned text with foreground image Hero - left aligned text with foreground video Hero---center-aligned-text-with-image

Components

Page headers.

Simple shallow page headers. These can be used directly on the page or used within content templates.

View live demo

Header with center aligned text Header with center aligned text and background image
Header with left aligned text Header with left aligned text and background image

Components

Text and media sections.

A selection of common text and media components with integrated layout controls for positioning the media in relation to the text.

View live demo

Text component Image component Video component Section heading component Text and image component Text and video component
Text and text component Testimonial component Text and image component Text and video component Text panel over background image component Text panel over background video component Text and cards component

Components

Cards.

A selection of common card layouts. These can be dropped into layouts and their width can be set for different screen resolutions.

View live demo

Feature card left aligned Feature card center aligned Feature card with large image Feature card horizontal Image card Video card
Button card Team member card Vertical price card Horizontal price card Text card

Components

Sliders.

Interactive sliders (or carousels) including a number of different slide types.

View live demo

Slider
Text and slider

Components

Accordions.

Interactive accordion components.

View live demo

Accordion
Text and accordion

Components

Tabs.

Interactive tabbed components. These display as tabs on desktop devices and accordions on mobile devices.

View live demo

Tabs
Vertical tabs

Components

Google maps.

Google map components with options for one or multiple map markers.

View live demo

Google map
Text and Google map