Typography

Colors

bg-green-bord #009b3e

bg-nude-orange #fe9931

bg-light-blue #39f

bg-light-grey #6d6864f

bg-nude-yello #FFD200

pego-gray #878787

bg-shadow-black #222222

bg-icon-gray #7f7f7f

bg-okrr #6f4400

bl-label #31708f

bg-mess-inf #d9edf7

bg-mess-green #e5efe5

bg-mess-red #fae5e5

bg-primme-blue #1979c3

bg-prime-gren #006400

bg-border-gray #d4d3d3

Titles & Paragraphs

H1 title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed scelerisque cursus orci, id lobortis ex feugiat eu. Maecenas nec ex et neque congue vestibulum. Proin dui mauris, laoreet quis sapien nec, dictum tincidunt odio. Etiam in metus eu erat congue aliquam. In maximus tortor augue. Cras in leo accumsan, condimentum nisi a, sagittis nisl. Sed lacus nibh, ultrices nec interdum eget, porta id eros. Aliquam erat volutpat. Sed auctor, enim facilisis consequat accumsan, orci ipsum ornare dui, et luctus enim tellus ac nibh.

text-24px

H2 title

text-20px

H3 title

text-20px

H4 title

text-16px

H5 title

text-16px

H6 title

text-14px

This is P-tag TEXT-14PX : Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries

This is link tag - Hover me

Buttons

This is Btn Buttons

Primary Buttons

Secondary Buttons

Banner Buttons

Forms

Checkbox

Radio type

Icons

$heroicons->heartHtml

$heroicons->userHtml

$heroicons->checkHtml

$heroicons->shoppingCartHtml

$heroicons->phoneHtml

$heroicons->clipboardCheckHtml

$heroicons->creditCardHtml

$heroicons->usersHtml

$heroicons->mailHtml

$heroicons->clockHtml

$hyvaicons->socialFacebookHtml

$hyvaicons->socialTwitterHtml

$hyvaicons->linkedinHtml

Accordions

Wanneer heb ik mijn bestelling in huis?

Wij versturen uw bestelling via PostNL pakketservice. Ons magazijn bevat een ruime voorraad aan producten.

Wij doen ons uiterste best om uw bestelling nog dezelfde dag te versturen. Toch komt het wel eens voor dat er een product tijdelijk niet op voorraad is. Mocht dit zo zijn, laten wij u dit direct weten en zullen wij het product meteen bestellen.

Kan ik mijn bestelling ook afhalen?

You can also have your order delivered to a PostNL collection point near you. This allows you to choose where and when you want to collect your package. You must collect your order within 7 days, otherwise it will be returned to sender. During the ordering process, you'll automatically be given the option to collect your order from a PostNL collection point. The system selects the nearest collection points based on the postcode of your specified delivery address. Don't forget your ID when collecting your order; the service desk employee may ask for it. Most products can be collected within two days.

Messages

Information message

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.

Warning message

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.

Error message

Invalid Form Key. Please refresh the page.

Success message

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.

Tables

Naam product	Perskindol active fluid 250 ml - ACTIE
Prijs	€ 16,80
Artikelcode	219061
EAN	8711744036041
Levertijd	1 - 2 werkdagen

public function getCurrentDateTime(){ $now = $this->_date->gmtDate(); return $now; } public function getProductLabel($product){ $html = ''; $newLabel = $this->getStoreConfig('mpanel/catalog/new_label'); $saleLabel = $this->getStoreConfig('mpanel/catalog/sale_label'); $soldLabel = __('Out of Stock'); // Out of stock label if (!$product->isSaleable()){ $html .= ''.$soldLabel.''; }else { // New label $numberLabel = 0; $now = $this->getCurrentDateTime(); $dateTimeFormat = \Magento\Framework\Stdlib\DateTime::DATETIME_PHP_FORMAT; $newFromDate = $product->getNewsFromDate(); if($newFromDate) { $newFromDate = date($dateTimeFormat, strtotime($newFromDate)); } $newToDate = $product->getNewsToDate(); if($newToDate) { $newToDate = date($dateTimeFormat, strtotime($newToDate)); } if($newLabel != ''){ if(!(empty($newToDate))){ if(!(empty($newFromDate)) && ($newFromDate < $now) && ($newToDate > $now)){ $html.=''.$newLabel.''; $numberLabel = 1; } } } // Sale label $price = $product->getOrigData('price'); $finalPrice = $product->getFinalPrice(); $fiPrice = $product->getPriceInfo()->getPrice('final_price')->getValue(); if($this->getStoreConfig('mpanel/catalog/sale_label_discount') == 1){ if(($finalPrice-'.$percent.'%'; }else{ $html .= '-'.$percent.'%'; } } }else { if($saleLabel!=''){ if(($finalPrice'.$saleLabel.''; }else{ $html .= ''.$saleLabel.''; } } } } }

Contained

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently

Typography

Colors

Titles & Paragraphs

H1 title

H2 title

H3 title

H4 title

H5 title

H6 title

Buttons

Forms

Icons

Accordions

Messages

Tables

Contained

Full Width

Full Bleed

Over ons

Vind ons online

Klantenservice

Assortiment

Speciaal voor