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

unable to add to bag

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

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

14 October 2024
October is here, meaning it’s officially spooky season! Whether your clients are die-hard Halloween enthusiasts, or like to add a subtle spooky nod to the season, we’ve rounded up the ultimate list of Halloween nail trends that add fun yet sophistication to your client's next mani. So, if your clients are stuck on what to go for this Halloween, here’s all the inspiration you need!
Read More
10 October 2024
Clients feeling uninspired this gift-giving season? Leave it to us! Our ultimate gift guide has everything from complete sets to stocking fillers to add fun and festivity to your salon while helping your clients solve their last-minute Christmas shopping dilemmas. Let’s dive into the perfect holiday gifts for hair enthusiasts!
Read More
08 October 2024
This year, it’s all about autumnal prints, deep shades, and sophisticated neutrals, and with the recent launch of the professional nail brand Glossify, achieving these looks with your clients has never been easier. Including a variety of luxurious gel polishes, you’ll find everything you need to embrace the season’s most wanted styles, ensuring your client's nails stay flawless throughout autumn. Let's dive into the top autumnal nail trends with Glossify…
Read More
03 October 2024
Wella Professional’s Color Touch delivers uncompromised vibrancy & shine. This demi-permanent colour is Wella’s broadest palette within the demi-permanent category offering +90 shades and up to 70%* grey coverage with soft regrowth*. Intense vibrancy can be achieved in just 15 minutes* fading beautifully over 28 washes. So, what’s new?
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