Developer notes/rules




Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6 (copy h5)

Main banner heading (.introduction)


Brand color heading (.heading--brand-color / *--brand-color)



Buttons

.btn .btn--one .btn--two .btn--three .btn--four .btn--five .btn--six .btn--seven


The main CTA (.cta--hero)

John Ryan the most trusted bed retailer

Find out why

Primary CTAs (.cta--primary)

A primary CTA can have a background color or a background image

Mattresses (.cta--primary__description)




Boxes

Testimonial boxes

Neil Diamond

X star rating

I have joint and muscular problems and so we decided to buy a new mattress. I am so glad we did, it took no time at all to get used to it, in fact we both sleep so much better and definitely have much less pain on rising. The service was very good and although we had to wait a little while, it was worth it. Couriers helpful, and managed to bring the delivery forward a week as we had no mattress other than a spare which is not the most comfortable. We have recommended to relatives who will be purchasing one soon. Great company.


Book boxes (.book)

.book__title

Choosing a mattress

Choosing a mattress

Choosing a mattress

Choosing a mattress


Standard boxes (.box)

A standard box


Thin boxes (.box--thin)

A thin box


Extra thin boxes (.box--x-thin)

An extra thin box