Testing page.

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
  1. Ordered item 1
  2. Ordered item 2
  3. Ordered item 3
  4. 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)

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
  1. Ordered item 1
  2. Ordered item 2
  3. Ordered item 3
  4. Ordered item 4

<hr/> Horizontal separation line html code

Button styling

Primary Buttons

Secondary buttons

Default buttons = Tertiary buttons

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

Icons

Social Media icons

Tables

Tables global styling

Order #DateShip ToOrder TotalStatusAction
0000000726/26/19Baldwin Customer€5,229.33ProcessingView Order
0000000603/15/19Baldwin Customer€196.62CompleteView Order Reorder
0000000593/15/19Baldwin Customer€196.62PendingView Order Reorder

Tables using the prose utility class

Order #DateShip ToOrder TotalStatusAction
0000000726/26/19Baldwin Customer€5,229.33ProcessingView Order
0000000603/15/19Baldwin Customer€196.62CompleteView Order Reorder
0000000593/15/19Baldwin Customer€196.62PendingView Order Reorder

Form elements
Tooltip example on heading/text/label element

CMS Widgets

Tile widget - Tile type contained

test content

btn label

Tile widget - Tile type Floating

test content goes here

btn label

Tile widget - Tile - Contained (no bg image)

content goes here

btn label

Tiles widget - Type Contained

No link, no btn - content goes here

title + text only

no bg image was selected

btn label

Tiles widget - type Floating (title only)

Tile widget - Tile type Plain

Een nieuwe locatie een nieuwe website!

Zoals steeds staat ons team paraat voor u.

Wat is er zoal nieuw?

Vanaf nu kan u voor zowat alles bij ons terecht.

Bestelt u iets voor 16 uur dan kan u dit nog dezelfde dag bij ons afhalen.

Met onze 8 nachtkluisjes kan u dit ook na de openingsuren afhalen.

De prijzen zijn interessant daar u geen transport hoeft te betalen.

U kan ook steeds voorschriften via de website doorsturen.

Ons assortiment thuiszorg is ook sterk uitgebreid.

btn label

Medische hulp in Ruisbroek

Huisartsen
  • Dr De Geyseleer L. : 0495 / 22 17 25
  • Dr D’hont H. : 02 / 378 38 56
  • Dr Vandekerkhove J. : 02 / 378 02 72
Kinesisten
  • Breda L. : 02 / 378 32 15
  • Kinepraktijk Ruisbroek - Devillé A.: 02 / 377 46 76 www.kineruisbroek.be
  • Ghysens H. : 02 / 377 25 61

maandag

08:30 - 12:15

13:30 - 19:00

dinsdag

08:30 - 12:15

13:30 - 19:00

woensdag

08:30 - 12:15

13:30 - 19:00

donderdag

08:30 - 12:15

13:30 - 19:00

vrijdag

08:30 - 12:15

13:30 - 19:00

zaterdag

08:30 - 12:30

zondag

gesloten

maandag

08:30 - 12:15

13:30 - 19:00

dinsdag

08:30 - 12:15

13:30 - 19:00

woensdag

08:30 - 12:15

13:30 - 19:00

donderdag

08:30 - 12:15

13:30 - 19:00

vrijdag

08:30 - 12:15

13:30 - 19:00

zaterdag

08:30 - 12:30

zondag

gesloten