Testing page.

Woohoow, very great succes!

Meh, something went wrong…

Don’t worry, this is just a message.

Colors

Primary colors

Contrast Primary Darker

Primary Dark

Contrast Primary

Primary

Contrast Primary Lighter

Primary Lighter

Secondary colors

Contrast Secondary Darker

Secondary Darker

Contrast Secondary

Secondary

Contrast Secondary Lighter

Secondary Lighter

Grays

Contrast Gray 100

Gray 100

Contrast Gray 200

Gray 200

Contrast Gray 300

Gray 300

Contrast Gray 400

Gray 400

Contrast Gray 500

Gray 500

Contrast Gray 600

Gray 600

Messages colors

Error Txt

Error message

Info Txt

Info message

Success Txt

Success message

Typography (Base elements styling)

Heading 1 (h1)

Heading 2 (h2)

Heading 3 (h3)

Heading 4 (h4)

Heading 5 (h5)

Heading 6 (h6)

Normal paragraph Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam tincidunt, nibh ac commodo euismod, ante nisi laoreet justo, ac dictum velit felis sed justo. Sed egestas diam quis pulvinar convallis. Integer ac sagittis augue, in blandit orci. Ut volutpat, lorem non ultricies iaculis, massa tortor dictum eros, et placerat nisl dolor nec urna.

<p>Normal paragraph Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>

Paragraph with class 'small'. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam tincidunt, nibh ac commodo euismod, ante nisi laoreet justo, ac dictum velit felis sed justo. Sed egestas diam quis pulvinar convallis. Integer ac sagittis augue, in blandit orci. Ut volutpat, lorem non ultricies iaculis, massa tortor dictum eros, et placerat nisl dolor nec urna.

<p class="small">Paragraph with class 'small' Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>

Bold paragraph Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam tincidunt, nibh ac commodo euismod, ante nisi laoreet justo, ac dictum velit felis sed justo. Sed egestas diam quis pulvinar convallis. Integer ac sagittis augue, in blandit orci. Ut volutpat, lorem non ultricies iaculis, massa tortor dictum eros, et placerat nisl dolor nec urna.

<strong>Bold paragraph Lorem ipsum dolor sit amet, consectetur adipiscing elit.</strong>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam tincidunt, nibh ac commodo euismod, ante nisi laoreet justo, ac dictum velit felis sed justo. Sed egestas diam quis pulvinar convallis. Integer ac sagittis augue, in blandit orci. Ut volutpat, lorem non ultricies iaculis, massa tortor dictum eros, et placerat nisl dolor nec urna.

Unordered item 1
Unordered item 2
Unordered item 3
Unordered item 4

Ordered item 1
Ordered item 2
Ordered item 3
Ordered item 4

Typography (CMS Content - using Tailwind Typography Plugin (prose utility class)

Heading 1 (h1)

Heading 2 (h2)

Heading 3 (h3)

Heading 4 (h4)

Heading 5 (h5)

Heading 6 (h6)

<p>Normal paragraph Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>

<p class="small">Paragraph with class 'small' Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>

<strong>Bold paragraph Lorem ipsum dolor sit amet, consectetur adipiscing elit.</strong>

Unordered item 1
Unordered item 2
Unordered item 3
Unordered item 4

Ordered item 1
Ordered item 2
Ordered item 3
Ordered item 4

<hr/> Horizontal separation line html code

Button styling

Primary Buttons

Secondary buttons

Default buttons = Tertiary buttons

Special buttons styling

A-tag with primary button styling

A-tag with secondary button styling

A-tag with tertiary button styling

Product Labels

Label in stock

Label out of stock

Label new

Label sales

Label drug

Label prescription

Label written request

Product Labels with icons

Label new

Label sales

Label drug

Label prescription

Label written request

Custom loader

Tabs

Beschrijving

Onze Curl Worshiping Shine Oil bevat een heerlijke mix van plantaardige oliÃ«n en houdt vocht vast en beschermt het haar tegen barre weersomstandigheden en wrijving. Met een cocktail van avocado-, kokos-, cupuaÃ§u- en druivenpitolie fungeert deze olie ook als een nachtelijke traktatie om de soepelheid en glans te vergroten wanneer het haar wat TLC nodig heeft.

De laatste stap in je stylingroutine, het werkt om vocht vast te houden, het haar glad te maken en te beschermen tegen dagelijkse stress.

Gebruik

Samenstelling

Indicatie

Details

Bijsluiter

Onze Curl Worshiping Shine Oil bevat een heerlijke mix van plantaardige oliÃ«n en houdt vocht vast en beschermt het haar tegen barre weersomstandigheden en wrijving.Met een cocktail van avocado-, kokos-, cupuaÃ§u- en druivenpitolie fungeert deze olie ook als een nachtelijke traktatie om de soepelheid en glans te vergroten wanneer het haar wat TLC nodig heeft.

De laatste stap in je stylingroutine, het werkt om vocht vast te houden, het haar glad te maken en te beschermen tegen dagelijkse stress.

Voeg een paar druppels toe aan de handpalmen, wrijf samen om op te warmen en strijk glad over vochtige of droge lengtes met extra aandacht voor de punten. Je kunt zelfs krullen gladstrijken als een intensieve nacht- of pre-shampoobehandeling.

Canola Oil/Huile de Colza, Helianthus Annuus Hybrid Oil, Caprylyl Caprylate/Caprate, C21-28 Alkaan, Diheptyl Succinaat, Persea Gratissima (Avocado) Olie, Parfum (Fragrance), Vitis Vinifera (Druiven) Zaadolie, Butyrospermum Parkii (Shea) Boter, Tocopheryl Acetaat, Theobroma Cacao (Cacao) Zaad Boter, Theobroma Grandiflorum Zaad Boter, Tocoferol, Helianthus Annuus (Zonnebloem) Zaad Olie, Cocos Nucifera (Kokos) Olie, Capryloyl Glycerine/Sebacinezuur Copolymeer, Alpha Linaloolyl, Cimonenne, Cilindrische -Isomethylionon, citronellol, benzylalcohol, geraniol.

Orders
Order #	Date	Ship To	Order Total	Status	Action
000000072	6/26/19	Baldwin Customer	â‚¬5,229.33	Processing	View Order
000000060	3/15/19	Baldwin Customer	€196.62	Complete	View Order Reorder
000000059	3/15/19	Baldwin Customer	€196.62	Pending	View Order Reorder

Orders
Order #	Date	Ship To	Order Total	Status	Action
000000072	6/26/19	Baldwin Customer	€5,229.33	Processing	View Order
000000060	3/15/19	Baldwin Customer	€196.62	Complete	View Order Reorder
000000059	3/15/19	Baldwin Customer	€196.62	Pending	View Order Reorder

Testing page.

Current colorset:

Colors

Primary colors

Secondary colors

Grays

Messages colors

Typography (Base elements styling)

Heading 1 (h1)

Heading 2 (h2)

Heading 3 (h3)

Heading 4 (h4)

Heading 5 (h5)

Heading 6 (h6)

Typography (CMS Content - using Tailwind Typography Plugin (prose utility class)

Heading 1 (h1)

Heading 2 (h2)

Heading 3 (h3)

Heading 4 (h4)

Heading 5 (h5)

Heading 6 (h6)

Button styling

Primary Buttons

Secondary buttons

Default buttons = Tertiary buttons

Special buttons styling

Product Labels

Product Labels with icons

Custom loader

Tabs

Icons

Social Media icons

Tables

Tables global styling

Tables using the prose utility class

Form elements question-circle Tooltip example on heading/text/label element

CMS Widgets

Tiles Carousel widget - Tile type Contained

2 Tiles Carousel widget - Tile type Floating

3 Tiles Carousel widget - Tile type Contained (no bg image)

3 Tiles Carousel widget - Tile type Floating (no bg image, link, no btn label)

Tiles Carousel widget - Tile type Contained

2 Tiles Carousel widget - Tile type Floating

3 Tiles Carousel widget - Tile type Contained (no bg image)

3 Tiles Carousel widget - Tile type Floating (no bg image, link, no btn label)

Tile widget - Tile type contained

Tile widget - Tile type Floating

Tile widget - Tile - Contained (no bg image)

Tile widget - Tile - Floating (no bg image, link not btn label)

Tiles widget - Type Contained

Tiles widget - type Contained

title + text only

Tiles widget - type Floating (title only)

Tile widget - type Floating (with link, no button)

Tile widget - Tile type Plain

Medische hulp in Ruisbroek

Huisartsen

Kinesisten

Product list

Informations personnelles

Adresse

Prescription

Form elements

Tooltip example on heading/text/label element