shortcodes

[social]

[phonenumber] 123-456-7890
[email] info@theme.sonder.dev
[address] Main Office3519 Checknita Point SW
Edmonton, AB
T6W 4W6, Canada

SVG Icons

<?php echo sonder_svg($name); ?>

<?php echo do_shortcode('[icon name='name']'); ?>

icon-arrow-down

icon-arrow-down2

icon-arrow-left

icon-arrow-left2

icon-arrow-right

icon-arrow-right2

icon-arrow-up-2

icon-backspace

icon-close

icon-contrastHigh

icon-contrastReg

icon-download

icon-envelope

icon-envelope2

icon-eye

icon-facebook

icon-file-text2

icon-google

icon-homestars

icon-instagram

icon-linkedin

icon-mappin

icon-pinterest

icon-reset

icon-search

icon-search1

icon-search2

icon-textBigger

icon-textSmaller

icon-trending-neutral

icon-trustedpros

icon-twitter

icon-yelp

icon-youtube

.section

h1 Heading 1

h2 Heading 2

h3 Heading 3

h4 Heading 4

h5 Heading 5

h6 Heading 6

Lead text sample Lorem ipsum dolor sit amet consectetur adipisicing elit. Porro, vero nostrum obcaecati omnis quos ea cumque facilis et voluptate minima? Reprehenderit dicta omnis provident aspernatur nostrum, distinctio dolorem quae quos.

all caps text test

standard page text

.container.is-bg-primary

h1 Heading 1

h2 Heading 2

h3 Heading 3

h4 Heading 4

h5 Heading 5

h6 Heading 6

Lead text sample Lorem ipsum dolor sit amet consectetur adipisicing elit. Porro, vero nostrum obcaecati omnis quos ea cumque facilis et voluptate minima? Reprehenderit dicta omnis provident aspernatur nostrum, distinctio dolorem quae quos.

all caps text test

standard page text

.section.is-bg-primary

h1 Heading 1

h2 Heading 2

h3 Heading 3

h4 Heading 4

h5 Heading 5

h6 Heading 6

Lead text sample: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut...

all caps text test

standard page text

.container.is-bg-primary.is-right-aligned

h1 Heading 1

h2 Heading 2

h3 Heading 3

h4 Heading 4

h5 Heading 5

h6 Heading 6

Lead text sample: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut...

all caps text test

standard page text

Buttons/Links

*funky bg color is to test transparency

Arrow Link

Cross Button

Chevron Button

Forms

Colors

pcBgShade2

pcBgShade1

pcBg

pcBgTint1

pcBgTint2

pcBgDarkest

pcBgDarker

pcBg

pcBgLighter

pcBgLightest

scBgShade2

scBgShade1

scBg

scBgTint1

scBgTint2

scBgDarkest

scBgDarker

scBg

scBgLighter

scBgLightest

tcBgShade2

tcBgShade1

tcBg

tcBgTint1

tcBgTint2

tcBgDarkest

tcBgDarker

tcBg

tcBgLighter

tcBgLightest

qcBgShade2

qcBgShade1

qcBg

qcBgTint1

qcBgTint2

qcBgDarkest

qcBgDarker

qcBg

qcBgLighter

qcBgLightest

Forms

Left Content

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut...

Right Content

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...

Some Generic Block Editor content done in the editor.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint...

End of Block Editor Content