Content Manager Documentation
This documentation showcases each component and the varieties that it’s able to achieve. Every component has its settings (colours, themes, font size, etc) that could be adjusted according to your needs.
P.S. Any theme that are not mentioned in this documentation is currently unused, unless they’re needed for future improvements. Choosing these themes won’t break the page - just produces plain style.
Headings
The UK's number one retailer, servicer and calibrator of Audiological Equipment
Call us on: 01384 890600 or enquire about any product here.
Heading Small Height - Theme 1
The UK's number one retailer, servicer and calibrator of Audiological Equipment
Call us on: 01384 890600 or enquire about any product here.
Heading Medium Height - Theme 1
The UK's number one retailer, servicer and calibrator of Audiological Equipment
Call us on: 01384 890600 or enquire about any product here.
Heading Large Height - Theme 1
Buttons
Buttons - Small Size
Buttons - Medium Size
Buttons - Large Size
Typography
Primary Color
Heading Extra Small
Heading Small
Heading Medium
Heading Large
Heading Extra Large
Secondary Color
Heading Extra Small
Heading Small
Heading Medium
Heading Large
Heading Extra Large
Accent Color
Heading Extra Small
Heading Small
Heading Medium
Heading Large
Heading Extra Large
And this is how a regular paragraph looks like. You can also adjust the sizing and the colors too, just like the heading ones.
This is extra small size, accent color
This is small size, primary color
This is medium size, secondary color
This is large size, accent color
This is extra large size, primary color
Product Cards Section
Product Cards - Theme 1
View allAccordion
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
- 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
Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur
- Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.
- 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.
Collection Cards (for Employees)

Paul Balmer
General Manager

Robert York
Operations Manager

Samantha Walker
Finance Manager

Adrian Sewell
Technical Manager
Banners
Everything Audiology First Large
Our manufacturer trained engineers offer repairs on all makes and models of equipment. Our manufacturer trained engineers offer repairs on all makes and models of equipment. Our manufacturer trained engineers offer repairs on all makes and models of equipment. Our manufacturer trained engineers offer repairs on all makes and models of equipment.
Everything Audiology First Medium
Our manufacturer trained engineers offer repairs on all makes and models of equipment. Our manufacturer trained engineers offer repairs on all makes and models of equipment. Our manufacturer trained engineers offer repairs on all makes and models of equipment. Our manufacturer trained engineers offer repairs on all makes and models of equipment.
Everything Audiology First Small
Our manufacturer trained engineers offer repairs on all makes and models of equipment. Our manufacturer trained engineers offer repairs on all makes and models of equipment. Our manufacturer trained engineers offer repairs on all makes and models of equipment. Our manufacturer trained engineers offer repairs on all makes and models of equipment.
Everything Audiology Second Large
Our manufacturer trained engineers offer repairs on all makes and models of equipment. Our manufacturer trained engineers offer repairs on all makes and models of equipment. Our manufacturer trained engineers offer repairs on all makes and models of equipment. Our manufacturer trained engineers offer repairs on all makes and models of equipment.
Everything Audiology Second Medium
Our manufacturer trained engineers offer repairs on all makes and models of equipment. Our manufacturer trained engineers offer repairs on all makes and models of equipment. Our manufacturer trained engineers offer repairs on all makes and models of equipment. Our manufacturer trained engineers offer repairs on all makes and models of equipment.
Everything Audiology Second Small
Our manufacturer trained engineers offer repairs on all makes and models of equipment. Our manufacturer trained engineers offer repairs on all makes and models of equipment. Our manufacturer trained engineers offer repairs on all makes and models of equipment. Our manufacturer trained engineers offer repairs on all makes and models of equipment.

Everything Audiology With Image
Our manufacturer trained engineers offer repairs on all makes and models of equipment. Our manufacturer trained engineers offer repairs on all makes and models of equipment. Our manufacturer trained engineers offer repairs on all makes and models of equipment. Our manufacturer trained engineers offer repairs on all makes and models of equipment.
Content Block
Content Block First Theme
- Content is aligned vertically middle

Content Block Second Theme
- Content is aligned vertically at top


Content Block Third Theme
- Columns with outline
- Has gap between columns
- NOTE: Extra small image is dedicated for icon size (60px*60px); Extra large image will always have 100% width

Content Block Third Theme
- Columns with secondary color outline
- Has gap between columns
- NOTE: Extra small image is dedicated for icon size (60px*60px); Extra large image will always have 100% width

Content Block Third Theme
- Columns with outline
- Has gap between columns
- NOTE: Extra small image is dedicated for icon size (60px*60px); Extra large image will always have 100% width

Content Block Fourth Theme
- Columns with primary color outline
- Has gap between columns
- Has inner horizontal padding
- Background color set for this theme will not overflow until the side (compare with theme 2)

Content Block Fourth Theme
- Columns with primary color outline
- Has gap between columns
- Has inner horizontal padding
- Background color set for this theme will not overflow until the side (compare with theme 2)

Content Block Fourth Theme
- Columns with primary color outline
- Has gap between columns
- Has inner horizontal padding
- Background color set for this theme will not overflow until the side (compare with theme 2)
Testing text in textblock
- List 1
- List 2
- List 3
- Numbered list 1
- Numbered list 2
- Numbered list 3
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam tincidunt laoreet mattis. Morbi cursus tellus eu lorem lacinia, eu lobortis neque eleifend. Etiam in sapien quis massa lobortis ornare sit amet sit amet lectus.
Nullam at sagittis diam. Phasellus rhoncus urna non orci maximus, eget egestas ipsum hendrerit
Donec mattis congue nunc vestibulum volutpat. Donec fringilla, nisl ac ullamcorper hendrerit, est dolor scelerisque diam, eu faucibus arcu odio fermentum tortor.
Testing text in textblock
- List 1
- List 2
- List 3
- Numbered list 1
- Numbered list 2
- Numbered list 3
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam tincidunt laoreet mattis. Morbi cursus tellus eu lorem lacinia, eu lobortis neque eleifend. Etiam in sapien quis massa lobortis ornare sit amet sit amet lectus.
Nullam at sagittis diam. Phasellus rhoncus urna non orci maximus, eget egestas ipsum hendrerit
Donec mattis congue nunc vestibulum volutpat. Donec fringilla, nisl ac ullamcorper hendrerit, est dolor scelerisque diam, eu faucibus arcu odio fermentum tortor.