Text Styles

Headings- Start with this size, H2

Headings should be used in numerical order, starting with H2. Only one H1 should be used, and that is pre-formatted as your Page Title. So do not use H1 in the content area. Start with H2 and use them in order. That is, do not jump from H2 to H4, or start the page with an H4. 

Heading 2 (Large)

Here is some large opening text. To add this, select the paragraph text you wish to enlarge. Now click the Feather Icon and select Large Text. 

Here is some medium sized text. To add this, select the paragraph text you wish to enlarge. Now click the Feather Icon and select Medium Text.  

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.  

You can also add some text shadow to your text. To add this, select the paragraph text you wish to give some text shadow to. Now click the Feather Icon and select Text Shadow. This would normally look best used on a dark background.

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 resource tellus sodales eu.

Nam id neque est, sed luctus urna. Nunc dolor quam, another external link, malesuada et orci. Nunc dignissim adipiscing semper. Donec invalid link vitae rhoncus tellus sodales eu. 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.

H2 Heading (Large) With Underline

To give a heading a larger size, select the heading text you wish to make larger. Now click the Feather Icon and select Large Heading. If you want to add an underline to a heading, select the heading text you wish to add an underline for. Now click the Feather Icon and select Heading w/ Underline.  

H2 Heading (Default) Without Underline

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: This is a Header

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: This is a Header

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.

H5: This is a Header

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.

H6: This is a Header

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.

** Remember to use the Headers in order, and don't use the H1 in the content area. ** 

This is a Link  Bold Text, Italic Text

Stanrdard Lists

  • Unorderd List Item One
  • Unorderd List Item Two
  • Unorderd List Item Three
  • Unorderd List Item Four

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.

  1. Ordered List Item One
  2. Ordered List Item Two
  3. Ordered List Item Three

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.

 

List With Images

This is a Heading

Nullam sodales elit luctus venenatis euismod. Quisque augue tortor, commodo eu luctus et, sagittis vitae turpis. Proin id tellus tempus, ullamcorper elit id, placerat orci. Fusce quis placerat turpis, at venenatis diam. Nulla mattis venenatis elit, sit amet euismod enim dapibus in morbi sagittis gravida nunc.

This is a Heading

Nullam sodales elit luctus venenatis euismod. Quisque augue tortor, commodo eu luctus et, sagittis vitae turpis. Proin id tellus tempus, ullamcorper elit id, placerat orci. Fusce quis placerat turpis, at venenatis diam. Nulla mattis venenatis elit, sit amet euismod enim dapibus in morbi sagittis gravida nunc.

Nullam sodales elit luctus venenatis euismod. Quisque augue tortor, commodo eu luctus et, sagittis vitae turpis. Proin id tellus tempus, ullamcorper elit id, placerat orci. Fusce quis placerat turpis, at venenatis diam. Nulla mattis venenatis elit, sit amet euismod enim dapibus in morbi sagittis gravida nunc.

Nullam sodales elit luctus venenatis euismod. Quisque augue tortor, commodo eu luctus et, sagittis vitae turpis. Proin id tellus tempus, ullamcorper elit id, placerat orci. Fusce quis placerat turpis, at venenatis diam. Nulla mattis venenatis elit, sit amet euismod enim dapibus in morbi sagittis gravida nunc.

This is a Heading

Nullam sodales elit luctus venenatis euismod. Quisque augue tortor, commodo eu luctus et, sagittis vitae turpis. Proin id tellus tempus, ullamcorper elit id, placerat orci. Fusce quis placerat turpis, at venenatis diam. Nulla mattis venenatis elit, sit amet euismod enim dapibus in morbi sagittis gravida nunc.

 

Highlighted Text Elements

Quote (Short, Solid Background)

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.

People read quotes just like you did now. Use it to your advantage.

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, Solid Background)

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.

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.

A 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 (Short, No Solid Background)

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.

This is a Block Quote with No Background Color. 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 No Background Quote.

A human who said this

 

Highlighted Text Block

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse fringilla lectus ac leo auctor, eget egestas dui con sequat. Pellentesque porttitor mollis arcu nec tristique.

This is the default (or primary color) Highlighted Text Block. Add this version of the Highlighted Text Block by clicking the + icon in the toolbar and select Snippets. Select Highlighted Text Block.

To add this version of the Highlighted Text Block, click the + icon in the toolbar and select Snippets. Select Highlighted Text Block. After the Highlighted Text Block has been added and is selected, click the Feather icon and select Highlighted Text - 2

 

Highlighted Text Box

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse fringilla lectus ac leo auctor, eget egestas dui con sequat. Pellentesque porttitor mollis arcu nec tristique.

This is the default (or primary color) Highlighted Text Box. Add this version of the Highlighted Text Box by clicking the + icon in the toolbar and select Snippets. Select Highlighted Text Box - 1.

To add this version of the Highlighted Text Box, clicking the + icon in the toolbar and select Snippets. Select Highlighted Text Box. After the Highlighted Text Box has been added and is selected, click the Feather icon and select Highlighted Text Box - 2.

To add this version of the Highlighted Text Box, clicking the + icon in the toolbar and select Snippets. Select Highlighted Text Box. After the Highlighted Text Box has been added and is selected, click the Feather icon and select Highlighted Text Box - 3.

 

Images

Lorem Ipsum Dolor Sit Amet
Image Floating Right

To add this gray background, click the + icon in the toolbar and select Layer. After the Layer has been added, you should now see a Feather Icon in the toolbar. Click the Feather Icon and select Gray Background Container. Phasellus quam metus, dignissim at tincidunt at, sollicitudin eu mauris. Vivamus posuere, tortor vitae volutpat accumsan, mauris urna vehicula nisi, nec pretium felis ligula in velit. In facilisis, ex eget congue porttitor, justo nulla dignissim mauris, vel euismod urna erat ac turpis. Morbi non sem ut mi dictum sodales. Morbi cursus laoreet lorem.

Nullam sodales elit luctus venenatis euismod. Quisque augue tortor, commodo eu luctus et, sagittis vitae turpis. Proin id tellus tempus, ullamcorper elit id, placerat orci. Fusce quis placerat turpis, at venenatis diam. Nulla mattis venenatis elit, sit amet euismod enim dapibus in. Morbi sagittis gravida nunc, ullamcorper rhoncus lectus commodo id. Mauris vel venenatis ipsum mauris mattis sagittis lacus.

Nullam sodales elit luctus venenatis euismod. Quisque augue tortor, commodo eu luctus et, sagittis vitae turpis. Proin id tellus tempus, ullamcorper elit id, placerat orci. Fusce quis placerat turpis, at venenatis diam. Nulla mattis venenatis elit, sit amet euismod enim dapibus in. Morbi sagittis gravida nunc, ullamcorper rhoncus lectus commodo id. Mauris vel venenatis ipsum mauris mattis sagittis lacus.

 

Columns  

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 adi piscing elit. Suspendisse fringilla lectus ac Leo auctor, eget egestas dui con se quat. Pellentesque portti tor fringilla.

3 Column

Lorem ipsum dolor sit amet, con sectetur adi piscing elit. Suspendisse fringilla lectus ac Leo auctor, eget egestas dui con se quat. Pellentesque portti tor fringilla.

3 Column

Lorem ipsum dolor sit amet, con sectetur adi piscing elit. Suspendisse fringilla lectus ac Leo auctor, eget egestas dui con se quat. Pellentesque portti tor fringilla.

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.