Colors

bg-charcoal #444444
bg-light-grey #D3D3D3
bg-color-border #DDDDDD
bg-ghost-white #F6F6F8
bg-primary-color #F7F6F4
bg-button-hover #EDEBE5
bg-button-color #3BB29F
bg-salem #21844A
bg-icon-color #DA2F37
bg-deep-sky-blue #00BFFF
bg-tutu #FAE5E5
bg-aqua-spring #E5EFE5
bg-varden #FDF0D5
bg-alice-blue #E5F3FD
bg-mineral-green #42594F

Fonts

Poppins - Regular

  • ABCDEFGHIJKLMNOPQRSTUVWXYZĆĐŽŠ
  • abcdefghijklmnopqrstuvwxyz
  • 1234567890@#$%^&*()?

Poppins - Medium

  • ABCDEFGHIJKLMNOPQRSTUVWXYZĆĐŽŠ
  • abcdefghijklmnopqrstuvwxyz
  • 1234567890@#$%^&*()?

Poppins - SemiBold

  • ABCDEFGHIJKLMNOPQRSTUVWXYZĆĐŽŠ
  • abcdefghijklmnopqrstuvwxyz
  • 1234567890@#$%^&*()?

Headings

H1 Headline

font-size: 28px, text-2.5xl

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.

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.

H2 Title

font-size: 24px, text-2xl

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.

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.

H3 SubTitle

font-size: 20px, text-xl

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.

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.

H4 SubTitle

font-size: 18px, text-lg

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.

H5 SubTitle
font-size: 16px, text-base

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.

H6 SubTitle
font-size: 16px, text-base

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.

Paragraphs

Body text

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.

  • Fusce hendrerit mauris ut ex semper, vitae consectetur est scelerisque
  • Curabitur eu faucibus velit.
  • Nam iaculis convallis luctus
  • Pellentesque quis metus tortor

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.

  1. Fusce hendrerit mauris ut ex semper, vitae consectetur est scelerisque
  2. Curabitur eu faucibus velit.
  3. Nam iaculis convallis luctus
  4. Pellentesque quis metus tortor

Hero Icons

$icons->basketHtml()
$icons->AddressCardHtml()
$icons->basketShoppingHtml()
$icons->basketAddToCartHtml()
$icons->buildingHtml()
$icons->cashRegisterHtml()
Svg Vector Icons : http://www.onlinewebfonts.com/icon
$icons->gearsHtml()
$icons->phoneServiceHtml()
$icons->retweetHtml()
$icons->truckSolidHtml()
$icons->circleChevronRightHtml()
$icons->circleChevronLeftHtml()
$heroicons->heartHtml()
$heroicons->heartHtml()
$heroicons->chevronLeftHtml()
$heroicons->chevronRightHtml()
$heroicons->adjustmentsHtml()
$heroicons->xHtml()
$heroicons->checkHtml()
$heroicons->exclamationHtml()
$heroicons->informationCircleHtml()
$heroicons->chevronDownHtml()
$heroicons->chevronUpHtml()
$heroicons->mailHtml()
$icons->instagramHtml()
$icons->facebookHtml()
$icons->pinterestHtml()
$icons->checkSolidHtml()
$icons->accountSolidHtml()
$icons->locationHtml()
$icons->circleCheckHtml()
$icons->circleXHtml()
$icons->infoCircleHtml()
$icons->trashHtml()
$icons->pencilHtml()
$icons->slidersSolidHtml()
$icons->menuHtml()
$icons->redoHtml()
$icons->boxHtml()
$icons->gridGapHtml()
$icons->listHtml()
$heroicons->phoneHtml()
$heroicons->homeHtml()
$heroicons->arrowNarrowDownHtml()
$heroicons->arrowNarrowUpHtml()
$heroicons->chevronDoubleRightHtml()
$heroicons->chevronDoubleLeftHtml()
$heroicons->plusHtml()
$heroicons->minusHtml()
$heroicons->arrowNarrowRightHtml()

Messages

Buttons

Categories Buttons

Primary Buttons

Secondary Buttons

Home page Buttons

Accordions

How do I add a new question & answer?

To add a new FAQ follow these steps:

  • 1. Click “Manage FAQs” button
  • 2. From your site’s dashboard you can add, edit and manage all your questions and answers
  • 3. Each question and answer should be added to a category
  • 4. Save and publish.
Can I insert an image, video, or gif in my FAQ?

Yes. To add media follow these steps:

  • 1. Enter the app’s Settings
  • 2. Click on the “Manage FAQs” button
  • 3. Select the question you would like to add media to
  • 4. When editing your answer click on the camera, video, or GIF icon
  • 5. Add media from your library.

Accordions Product page

Product Info

To add a new FAQ follow these steps:

  • 1. Click “Manage FAQs” button
  • 2. From your site’s dashboard you can add, edit and manage all your questions and answers
  • 3. Each question and answer should be added to a category
  • 4. Save and publish.
Return & Refund policy

Yes. To add media follow these steps:

  • 1. Enter the app’s Settings
  • 2. Click on the “Manage FAQs” button
  • 3. Select the question you would like to add media to
  • 4. When editing your answer click on the camera, video, or GIF icon
  • 5. Add media from your library.

Tooltips

Op werkdagen voor 16.00 uur besteld, de volgende werkdag in huis.

Popup Modals

Tables

Naam productHome sweet home hanglamp Borax 40 - roest bruin metaal
SKUF582040-00
CollectieHome sweet home - Borax
Breedte40 cm
Hoogte125 cm

Table CMS Page

BestellingLandLevertijdKosten
Onder de 49,95€Boven de 49,95€Onder de 49,95€Boven de 49,95€
NederlandNederlandBelgiëBelgië
1 werkdag1 werkdag1-2 werkdagen1-2 werkdagen
Vanaf 5.95€Gratis5.95€Gratis

Forms




Loading

Page loader

Loading...

Block loader

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer vel hendrerit nisi. Nulla quis mattis est, eu placerat sapien. Aenean lacus ante, blandit quis tincidunt luctus, consectetur eu ante. Praesent venenatis consequat mattis. Nulla felis nibh, laoreet quis porta at, vestibulum ut turpis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse finibus enim id justo pharetra, quis venenatis libero feugiat. Suspendisse non blandit massa. Phasellus a convallis leo. Praesent dignissim ornare eros, sit amet tristique lorem tristique at. Nunc a turpis enim. Loading

Cookies notification

Wij gebruiken cookies om uw ervaring beter te maken.

Om te voldoen aan de cookie wetgeving, vragen we uw toestemming om de cookies te plaatsen.

Read our policy