Skip to main content

Select an address

Your Bag

To view your bag, please sign in or register an account

Call Centre

Choose a store

Website Content Guide

Welcome to the Alan Howard content hub, here you will find all of the available content types and their required sizes. These can be used across the whole site. 

Full width image slider

Small (for mobile and small tablets):
Width: 767px | Height: 533px

Large (for laptop and desktop screens):
Width: 2000px | Height: 751px

Image Slider Component

Small (for mobile and small tablets):
Width: 737px | Height: 512px

Large (for laptop and desktop screens):
Width: 1140px | Height: 428px

Banner Component

Small (for mobile and small tablets):
Width: 737px | Height: 258px

Large (for laptop and desktop screens):
Width: 1140px | Height: 160px

Product Carousel Component

For product images the the ratio is always 1:1 (square). The minimum size we can accept is:
Width: 737px Height: 737px

Ideal size (for image zoom):
Width: 1200px Height: 1200px

Two Column Three Images Component

Large image to the left:
Width: 750px | Height: 503px

Small images to the right:
Width: 361px | Height: 236px

WYSIWYG Component

Lorem ipsum dolor sit amet, consectetur adipiscing 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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Three Column Component

Width: 737px | Height: 275px

Four Column Component

Width: 737px | Height: 737px

Two Column Component

Width: 737px | Height: 737px

Recommendations Component

Image Carousel Component

Width: 200px | Height: 200px

Content Highlight Two Column Component

Width: 737px | Height: 737px

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Diam ut venenatis tellus in metus vulputate eu scelerisque. Adipiscing enim eu turpis egestas pretium.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Diam ut venenatis tellus in metus vulputate eu scelerisque. Adipiscing enim eu turpis egestas pretium.

Content Highlight Four Column Component

Width: 390px | Height: 390px

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Diam ut venenatis tellus in metus vulputate eu scelerisque. Adipiscing enim eu turpis egestas pretium. EXAMPLE ARTICLE TITLE 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Diam ut venenatis tellus in metus vulputate eu scelerisque. Adipiscing enim eu turpis egestas pretium. EXAMPLE ARTICLE TITLE 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Diam ut venenatis tellus in metus vulputate eu scelerisque. Adipiscing enim eu turpis egestas pretium. EXAMPLE ARTICLE TITLE 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Diam ut venenatis tellus in metus vulputate eu scelerisque. Adipiscing enim eu turpis egestas pretium. EXAMPLE ARTICLE TITLE 1

Headers

h1 Heading

h2 Heading

h3 Heading

h4 Heading

h5 Heading
h6 Heading

Section Headers

h1 Section heading

h2 Section heading

h3 Section heading

h4 Section heading

h5 Section heading
h6 Section heading

Paragraphs

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc posuere mauris quis congue vehicula. Ut luctus commodo luctus. Duis gravida tortor nisi, eget varius velit varius quis. Aliquam bibendum euismod libero vel luctus. Nunc condimentum, augue nec auctor porttitor, eros lectus molestie lorem, a blandit nisl libero eget nisi. Aenean auctor tincidunt magna nec congue. Vestibulum vestibulum turpis et felis varius aliquam. In luctus a leo eu accumsan.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc posuere mauris quis congue vehicula. Ut luctus commodo luctus. Duis gravida tortor nisi, eget varius velit varius quis. Aliquam bibendum euismod libero vel luctus. Nunc condimentum, augue nec auctor porttitor, eros lectus molestie lorem, a blandit nisl libero eget nisi. Aenean auctor tincidunt magna nec congue. Vestibulum vestibulum turpis et felis varius aliquam. In luctus a leo eu accumsan.

Free text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc posuere mauris quis congue vehicula. Ut luctus commodo luctus. Duis gravida tortor nisi, eget varius velit varius quis. Aliquam bibendum euismod libero vel luctus. Nunc condimentum, augue nec auctor porttitor, eros lectus molestie lorem, a blandit nisl libero eget nisi. Aenean auctor tincidunt magna nec congue. Vestibulum vestibulum turpis et felis varius aliquam. In luctus a leo eu accumsan.

Lists

  • Un-ordered list item
  • Un-ordered list item
  • Un-ordered list item
  • Un-ordered list item
  1. Ordered list item
  2. Ordered list item
  3. Ordered list item
  4. Ordered list item

Boxes

Default box

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc posuere mauris quis congue vehicula. Ut luctus commodo luctus. Duis gravida tortor nisi, eget varius velit varius quis. Aliquam bibendum euismod libero vel luctus. Nunc condimentum, augue nec auctor porttitor, eros lectus molestie lorem, a blandit nisl libero eget nisi. Aenean auctor tincidunt magna nec congue. Vestibulum vestibulum turpis et felis varius aliquam. In luctus a leo eu accumsan.

Secondary box

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc posuere mauris quis congue vehicula. Ut luctus commodo luctus. Duis gravida tortor nisi, eget varius velit varius quis. Aliquam bibendum euismod libero vel luctus. Nunc condimentum, augue nec auctor porttitor, eros lectus molestie lorem, a blandit nisl libero eget nisi. Aenean auctor tincidunt magna nec congue. Vestibulum vestibulum turpis et felis varius aliquam. In luctus a leo eu accumsan.

Alerts

This is a success messsage.

This is a info messsage.

This is a warning messsage.

This is a error messsage.

Forms

* Required fields are marked with an asterisk.

This is an error message

-
+

Basket Popup

-
+

Product Display Box

Special Offer
From £19.99
Click view details to view delivery information
Special Offer
Now £19.99 was £25.00 excl VAT
RRP £33.99 excl VAT
-
+
Courier delivery is not available to Address1, OX29 4AG
Local van delivery is not available to Address1, OX29 4AG
Collection is not available from Belfast
Direct Shipment
Delivery is only available to the following locations

Product Line Box

Item Description
Item Price excl VAT
Quantity
Line Total excl VAT
Product code
This is the product description. This is the product description. This is the product description. This is the product description.
Item Price
£27.99
Quantity
2
Line Total excl VAT
£55.98
£50.00

Options:

Product line should be used for all product boxes so it uses the same styles and is consistent.

Popup Box

Click here to open an example popup.
                                
                            

HTML Table

Column 1 Column 2 Column 3
Column 1 Content Column 2 Content Column 3 Content
Column 1 Content Column 2 Content Column 3 Content
Column 1 Content Column 2 Content Column 3 Content
Column 1 Content Column 2 Content Column 3 Content

Div Table

Column 1
Column 2 alt title
Column 3
Column 4
Column 5
Column 1
Column 1 Content
Column 2
Column 2 Content
Column 3
Column 3 Content
Column 4
Column 4 Content
Column 5
Column 5 Content
Column 1
Column 1 Content
Column 2
Column 2 Content
Column 3
Column 3 Content
Column 4
Column 4 Content
Column 5
Column 5 Content

Column 1
Column 2 alt title
Column 3
Column 4
Column 5
Column 1
Column 1 Content
Column 2
Column 2 Content
Column 3
Column 3 Content
Column 4
Column 4 Content
Column 5
Column 5 Content

Options:

cell-5 through to cell-100 to determine the width of the columns

table-div-fixed is used for table-layout: fixed instead of table-layout: auto

table-divided is used for the divider of the rows. Place on the table-div div.

cell-center & cell-right. Place on the cell-div div.

Tabs

Tab 1 content

Tab 2 content

Tab 3 content

                
                

Accordion

Accordion 1

Content 1

Accordion 2

Content 2

Accordion 3

Content 3

Accordion 4

Content 4

Latest News Component

Main image:
Width: 1140px | Height: 590px

13 June 2024
Summer is here, so it's only time to dive into our top summer nail trends of 2024. We've got all the inspo for your clients that will create the perfect accessory to complete every summer look. We’ve curated the hottest summer nail trends that will keep your client's nails looking vibrant and fresh. Let’s dive into the season’s fabulous styles.
Read More
10 June 2024
At Alan Howard, we understand the importance of keeping you informed about changes that may impact your business. We want to bring to your attention crucial new legislation set to take effect in late 2024 concerning managing the collection and distribution of tips. This legislation ensures that all salon, barbers and spa employees receive their fair share of tips, with the important tax implications to consider.
Read More
06 June 2024
Summer is upon us, and it’s the perfect time for a hair colour refresh that can take your client's look to the next level. As a professional hairdresser, staying ahead of the trends is crucial when suggesting certain looks to your clients, or if your clients want to achieve a particular trend they have seen online. This summer, we are seeing a diverse array of vibrant and subtle shades that cater to every personality and style, so let’s jump into the hottest hair colour trends for summer 2024.
Read More
03 June 2024
Whether you’re a remote hairdresser, a freelancer, or a student, having the right tools in your kit bag can make all the difference when on the go. If you’re looking to refresh your kit bag and start anew, here’s a guide to the essential items you should always have packed. This will ensure you’re prepared for any styling situation without having to pack your entire salon! Let’s dive in.
Read More

Form Component

Get in Touch with Us

You need to enter a name.
Please check the size of the value you provided for Name, the maximum size for this field is 4000 characters.
You need to enter your email address.
Please check the size of the value you provided for Email, the maximum size for this field is 4000 characters.
Please enter valid email address.
Please check the size of the value you provided for Reason for Contacting, the maximum size for this field is 4000 characters.
You need to enter a message
Please check the size of the value you provided for Message, the maximum size for this field is 4000 characters.
Please confirm you are not a robot.
We have been unable to verify your identity, please confirm you are not a robot.

Video Component

Call Centre Product Compare