Typography

This is a Heading 2

Pellentesque et aliquet ipsum, vitae luctus urna. Sed mollis massa a porttitor iaculis. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

This is a Heading 3

Pellentesque et aliquet ipsum, vitae luctus urna. Sed mollis massa a porttitor iaculis. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

This is a Heading 4

Pellentesque et aliquet ipsum, vitae luctus urna. Sed mollis massa a porttitor iaculis. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

This is a Heading 5

Pellentesque et aliquet ipsum, vitae luctus urna. Sed mollis massa a porttitor iaculis. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

This is a Heading 6

Pellentesque et aliquet ipsum, vitae luctus urna. Sed mollis massa a porttitor iaculis. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Paragraph One – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse rhoncus gravida neque, quis convallis libero sollicitudin vitae. Morbi et lacus metus. Maecenas tincidunt suscipit nulla, ac egestas ligula luctus vitae. In hac habitasse platea dictumst.

Paragraph Two – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse rhoncus gravida neque, quis convallis libero sollicitudin vitae. Morbi et lacus metus. Maecenas tincidunt suscipit nulla, ac egestas ligula luctus vitae. In hac habitasse platea dictumst.

  • Unordered Lists.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  1. Numeric List.
  2. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  3. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
DL list
Lorem ipsum dolor sit amet, consectetur adipiscing elit
DL list
Lorem ipsum dolor sit amet, consectetur adipiscing elit
Lorem ipsum dolor sit amet, consectetur adipiscing elit

This is a blockquote. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse rhoncus gravida neque, quis convallis libero sollicitudin vitae. Morbi et lacus metus.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse rhoncus gravida neque.

pre {  
  background-color: $dark;
  white-space: pre-wrap; 
}

Highlight text by using the mark tag

This text type should be treated as deleted

This text type should be treated as inaccurate or updated

This text type should be considered an addition to the document

This text will be displayed as underlined

This text type should be treated as fine print for contracts

This text will be displayed as bold

This text will be displayed in italics

You can easily add extra styling table to your content by selecting the right element from the Formats menu of the WYSIWYG editor toolbar.

By default all tables look like:

#DateCityCountry
1October 29th, 2017RamilliesFrance
2September 20th, 2018DufftownJapan
3October 15th, 2018KircudbrightAntarctica
4March 1st, 2019South BurlingtonVirgin Islands

with .table-bordered class added:

#DateCityCountry
1October 29th, 2017RamilliesFrance
2September 20th, 2018DufftownJapan
3October 15th, 2018KircudbrightAntarctica
4March 1st, 2019South BurlingtonVirgin Islands

with .table-striped class added:

#DateCityCountry
1October 29th, 2017RamilliesFrance
2September 20th, 2018DufftownJapan
3October 15th, 2018KircudbrightAntarctica
4March 1st, 2019South BurlingtonVirgin Islands

with .table-title class added:

#DateCityCountry
1October 29th, 2017RamilliesFrance
2September 20th, 2018DufftownJapan
3October 15th, 2018KircudbrightAntarctica
4March 1st, 2019South BurlingtonVirgin Islands

You can easily mix the table styles but adding two classes e.g.: .table-bordered .table-striped

#DateCityCountry
1October 29th, 2017RamilliesFrance
2September 20th, 2018DufftownJapan
3October 15th, 2018KircudbrightAntarctica
4March 1st, 2019South BurlingtonVirgin Islands