Text Styles

H2 Heading With Underline

Here is some large opening text. To add this, select the paragraph text you wish to enlarge. Now click the Feather Iconand selectLarge Text. 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.

H2 Heading (Small) Without Underline

Here is some medium sized text. To add this, select the paragraph text you wish to enlarge. Now click the Feather Icon and selectMedium Text. 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

H3 Heading

Here is some small sized text. To add this, select the paragraph text you wish to shrink. Now click the Feather Icon and select Small Text. 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.

H4 Heading

This is your normal default paragraph text. Nam id, sed luctus urna. Nunc dolor quam, dignissim ut pellentesque in, malesuada et orci. Nunc dignissim adipiscing semper. Donec dapibus condimentum nunc,site resourcetellus sodales eu. Nam id neque est, sed luctus urna. Nunc dignissim adipiscing semper. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vel metus dignissim, laoreet nisi eget, finibus nisi. Pellentesque scelerisque sapien vitae est sodales, et pellentesque velit lacinia. Sed mollis, risus ac semper ornare.

H5 Heading

This is your normal default paragraph text. Nam id, sed luctus urna. Nunc dolor quam, dignissim ut pellentesque in, malesuada et orci. Nunc dignissim adipiscing semper. Donec dapibus condimentum nunc,site resourcetellus sodales eu. Nam id neque est, sed luctus urna. Nunc dignissim adipiscing semper. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vel metus dignissim, laoreet nisi eget, finibus nisi. Pellentesque scelerisque sapien vitae est sodales, et pellentesque velit lacinia. Sed mollis, risus ac semper ornare.

H6 Heading

This is your normal default paragraph text. Nam id, sed luctus urna. Nunc dolor quam, dignissim ut pellentesque in, malesuada et orci. Nunc dignissim adipiscing semper. Donec dapibus condimentum nunc,site resourcetellus sodales eu. Nam id neque est, sed luctus urna. Nunc dignissim adipiscing semper. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vel metus dignissim, laoreet nisi eget, finibus nisi. Pellentesque scelerisque sapien vitae est sodales, et pellentesque velit lacinia. Sed mollis, risus ac semper ornare.

This is a Body Copy Text Link

  • Bold Text
  • Italic Text
  • Small Text

List With Images

Content / Image Block

Lists with Images are part of your pack of Snippets. To locate this snippet, Click the + sign, Snippet, and List with Images.

Content / Image Block

Lists with Images are part of your pack of Snippets. To locate this snippet, Click the + sign, Snippet, and List with Images.

Highlighted Text Elements

Quote (Short)

Quotes are perfect for breaking up large amounts of text. You might think your content is so compelling that your visitors will surely read everything you write, but a typical visitor will usually just scan a page unless there is something compelling to make them stop and read.

This is a default Block Quote. To add this, click the + icon in the toolbar and select Quote.

The human who said this

Adding testimonials to your content is a great way to give a boost to what you’re selling. If the person you quote is someone your potential customers can identify with, the testimonial can help convince them that your product or service is what you are claiming.

Quote (Long)

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./p>

This is a longer Block Quote. To add this, click the + icon in the toolbar and select Quote. After the Quote has been added, you should now see a Feather Icon in the toolbar. Click the Feather Icon and select Long Quote. If I have a long testimonial that goes on and on, I’ll use this long quote so my testimonial doesn’t take up half the page. But then again, if I don’t have much page content then maybe the standard short quote will help fill out the space.

The human who likes to talk

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.

Quote (Alternate Style)

This is an alternative Block Quote style. To add this, click the + icon in the toolbar and select Quote. After the Quote has been added, you should now see a Feather Icon in the toolbar. Click the Feather Icon and select Alternative Quote.

A human who said this

Highlighted Text Block

Highlighted text blocks are another way to stylize unique or notable facts, quotes, or other information. Your text blocks may contain color options. Check this by selecting the text block and clicking the feather icon.

Important Info

This is a paragraph with a link inside it.

  • First bullet
  • Second bullet

Important Info

This is a paragraph with a link inside it.

  • First bullet
  • Second bullet

Highlighted Text Box - Solid

Important Info

This is a paragraph with a link inside it.

  • First bullet
  • Second bullet

Important Info

This is a paragraph with a link inside it.

  • First bullet
  • Second bullet

Images

Images are just as important than text when it comes to your website. Images can be the difference between a fast loading site and one that drives your users away.  Upload your images in the Resources module.

Image Floating Right and given rounded corners

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.

These image-editing sites can help you easily resize your image: 

Take a look at these blog post for more info:

How to Optimize Images

Guide to Designing Webpages

 

Columns & Grids

To add columns, click on the + icon in the toolbar and selectSnippets. Next, click the number of columnsyou'd like to use. By default, you'll be given one column which you can then duplicate.

To add grids, click on the + icon in the toolbar and selectGrid. Next, click whichgrid style layout you'd like to use.

2 Column

Lorem ipsum dolor sit amet con sectetur adipiscing elit. Suspendisse fringilla lec tus ac Leo auctor, eget egestas dui con sequat.

2 Column

Lorem ipsum dolor sit amet con sectetur adipiscing elit. Suspendisse fringilla lec tus ac Leo auctor, eget egestas dui con sequat.

3 Column

Lorem ipsum dolor sit amet con sectetur adipiscing elit. Suspendisse fringilla lec tus ac Leo auctor, eget egestas dui con sequat.

3 Column

Lorem ipsum dolor sit amet con sectetur adipiscing elit. Suspendisse fringilla lec tus ac Leo auctor, eget egestas dui con sequat.

3 Column

Lorem ipsum dolor sit amet con sectetur adipiscing elit. Suspendisse fringilla lec tus ac Leo auctor, eget egestas dui con sequat.

4 Column

Lorem ipsum dolor sit amet con sect etur adipiscing elit. Suspendisse fringilla lectus ac leo auctor, eget egestas dui con sequat. Pellentesque portti tor.

4 Column

Lorem ipsum dolor sit amet con sect etur adipiscing elit. Suspendisse fringilla lectus ac leo auctor, eget egestas dui con sequat. Pellentesque portti tor.

4 Column

Lorem ipsum dolor sit amet con sect etur adipiscing elit. Suspendisse fringilla lectus ac leo auctor, eget egestas dui con sequat. Pellentesque portti tor.

4 Column

Lorem ipsum dolor sit amet con sect etur adipiscing elit. Suspendisse fringilla lectus ac leo auctor, eget egestas dui con sequat. Pellentesque portti tor.

Column

Lorem ipsum dolor sit amet con sect etur adipiscing elit. Suspendisse fringilla lectus ac leo auctor, eget egestas dui con sequat. Pellentesque portti tor.

Column

Lorem ipsum dolor sit amet con sect etur adipiscing elit. Suspendisse fringilla lectus ac leo auctor, eget egestas dui con sequat. Pellentesque portti tor. Lorem ipsum dolor sit amet con sect etur adipiscing elit. Suspendisse fringilla lectus ac leo auctor, eget egestas dui con sequat. Pellentesque portti tor. Lorem ipsum dolor sit amet con sect etur adipiscing elit. Suspendisse fringilla lectus ac leo auctor, eget egestas dui con sequat. Pellentesque portti tor.