Call Us: 855-868-3954

Style Guide

Regular Typo

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

 

This is a regular paragraph: Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos blanditiis eligendi corrupti aperiam vitae assumenda harum vero rem earum porro perferendis corporis maxime labore, illo facere odio mollitia, quis laudantium... and here we have a simple hyperlink

Here we have a quote: Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos blanditiis eligendi corrupti aperiam vitae assumenda harum vero rem earum porro perferendis corporis maxime labore

 

Custom Typo - 2 columns

This is a paragraph with 2 columns: Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos blanditiis eligendi corrupti aperiam vitae assumenda harum vero rem earum porro perferendis corporis maxime labore, illo facere odio mollitia, quis laudantium. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos blanditiis eligendi corrupti aperiam vitae assumenda harum vero rem earum porro perferendis corporis maxime labore, illo facere odio mollitia, quis laudantium. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos blanditiis eligendi corrupti aperiam vitae assumenda harum vero rem earum porro perferendis corporis maxime labore, illo facere odio mollitia, quis laudantium.

How is made: <p class="cols-2">text here</p> - or - just add the classname "cols-2" on the Widget Styles > Attributes > Widget Class

Custom Typo - 3 columns

This is a paragraph with 3 columns: Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos blanditiis eligendi corrupti aperiam vitae assumenda harum vero rem earum porro perferendis corporis maxime labore, illo facere odio mollitia, quis laudantium. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos blanditiis eligendi corrupti aperiam vitae assumenda harum vero rem earum porro perferendis corporis maxime labore, illo facere odio mollitia, quis laudantium. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos blanditiis eligendi corrupti aperiam vitae assumenda harum vero rem earum porro perferendis corporis maxime labore, illo facere odio mollitia, quis laudantium.

How is made: <p class="cols-3">text here</p> - or - just add the classname "cols-3" on the Widget Styles > Attributes > Widget Class

Default Button

Button title here
How is made: <a href="url-here" class="button"><span>Button title here</span></a>
Note: you can add target="_blank" if you want to open the file in a new tab. It will look like this <a href="url-here" target="_blank" class="button"><span>Button title here</span></a>

Download Button

Button title here
How is made: <a href="url-here" class="button download"><span>Button title here</span></a>

Button with white text

How is made: <a href="url-here" class="button white"><span>Button title here</span></a>