Typography.
h6 Heading 6
h5 Heading 5
h4 Heading 4
h3 Heading 3
h2 Heading 2
h1 Heading 1
Lead text - 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.
intro - Lorem ipsum dolor sit amet.
body - 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.
Buttons.
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-calendar
icon-close
icon-contrastHigh
icon-contrastReg
icon-download
icon-easy
icon-envelope
icon-envelope2
icon-facebook
icon-file-text2
icon-google-logo
icon-google
icon-instagram
icon-linkedin
icon-mappin
icon-moon-filled
icon-phone
icon-pinterest
icon-reset
icon-search
icon-search1
icon-search2
icon-sun-filled
icon-textBigger
icon-textSmaller
icon-trending-neutral
icon-twitter
icon-warranty
icon-yelp
icon-youtube
Modals.
Font Icons.
<button class="licon-(name)">content</button> //left icon
<button class="icon-(name)">content</button>
<button class="icon-(name)">content</button>
Shortcodes.
[social]
[phonenumber] or [phonenumber hide-icon]
[email] or [email hide-icon]
[address]
18304 105 Ave NW #103
Edmonton, AB T5S 0C6
[copyright]
© 2024 Mode Built
[footer-logo]
[locations]
Gravity Forms.
Gravity Forms Dark.
Full-Width Slider
Full-Width Slider (Static Text)
Card Slider
Expand examples
Basic
Basic