Shortcodes & Typography

This is a sample of the typographic styles used in our theme. This introductory text is emphasized using the [lead] shortcode tag. In the journalism industry, particularly in the United States the term “lead” is spelled “lede”. Journalistic ledes emphasize grabbing the attention of the reader. In journalism, the failure to mention the most important, interesting or attention-grabbing elements of a story in the first paragraph is sometimes called burying the lede, which is discouraged with the catch phrase “Don’t bury the lede”.

Heading 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam suscipit est et risus vulputate suscipit. Pellentesque vel lacus sit amet felis placerat laoreet ac quis augue. Praesent ut placerat sem.Maecenas ac lacus arcu. Vestibulum varius feugiat lectus, ut tincidunt quam placerat quis. Morbi sit amet urna a sapien commodo dictum. Nunc congue magna quis eleifend suscipit.Praesent efficitur placerat lacus. Nam quis quam id ex commodo dictum.  Maecenas vitae eros a diam tincidunt varius a vel sapien. Nullam vitae dui eu nisi luctus malesuada.

This is a quote inserted using the [blockquote] shortcode. Besides controlling the quote text and byline you can also control the size and aligment.- Boost Developers
Phasellus semper venenatis odio, quis ultricies erat accumsan sit amet. Vestibulum dictum iaculis accumsan.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam suscipit est et risus vulputate suscipit.

Pellentesque vel lacus sit amet felis placerat laoreet ac quis augue. Praesent ut placerat sem.Maecenas ac lacus arcu. Vestibulum varius feugiat lectus, ut tincidunt quam placerat quis. Morbi sit amet urna a sapien commodo dictum. Nunc congue magna quis eleifend suscipit. Praesent efficitur placerat lacus. Nam quis quam id ex commodo dictum. Maecenas vitae eros a diam tincidunt varius a vel sapien. Nullam vitae dui eu nisi luctus malesuada. Phasellus semper venenatis odio, quis ultricies erat accumsan sit amet. Vestibulum dictum iaculis accumsan.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam suscipit est et risus vulputate suscipit. Pellentesque vel lacus sit amet felis placerat laoreet ac quis augue. Praesent ut placerat sem.Maecenas ac lacus arcu. Vestibulum varius feugiat lectus, ut tincidunt quam placerat quis.

Morbi sit amet urna a sapien commodo dictum. Nunc congue magna quis eleifend suscipit.Praesent efficitur placerat lacus. Nam quis quam id ex commodo dictum.  Maecenas vitae eros a diam tincidunt varius a vel sapien. Nullam vitae dui eu nisi luctus malesuada. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam suscipit est et risus vulputate suscipit.

Heading 3

Use the [highlight] shortcode tag to highlight text like this. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam suscipit est et risus vulputate suscipit. Pellentesque vel lacus sit amet felis placerat laoreet ac quis augue. Praesent ut placerat sem. Maecenas ac lacus arcu. Vestibulum varius feugiat lectus, ut tincidunt quam placerat quis. Morbi sit amet urna a sapien commodo dictum. Nunc congue magna quis eleifend suscipit. Praesent efficitur placerat lacus. Nam quis quam id ex commodo dictum. Maecenas vitae eros a diam tincidunt varius a vel sapien. Nullam vitae dui eu nisi luctus malesuada. Phasellus semper venenatis odio, quis ultricies erat accumsan sit amet. Vestibulum dictum iaculis accumsan.

Heading 4

This is a link. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam suscipit est et risus vulputate suscipit. Pellentesque vel lacus sit amet felis placerat laoreet ac quis augue. Praesent ut placerat sem. Maecenas ac lacus arcu. Vestibulum varius feugiat lectus, ut tincidunt quam placerat quis. Morbi sit amet urna a sapien commodo dictum. Nunc congue magna quis eleifend suscipit. Praesent efficitur placerat lacus. Nam quis quam id ex commodo dictum. Maecenas vitae eros a diam tincidunt varius a vel sapien. Nullam vitae dui eu nisi luctus malesuada. Phasellus semper venenatis odio, quis ultricies erat accumsan sit amet. Vestibulum dictum iaculis accumsan.

Heading 5

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam suscipit est et risus vulputate suscipit. Pellentesque vel lacus sit amet felis placerat laoreet ac quis augue. Praesent ut placerat sem. Maecenas ac lacus arcu. Vestibulum varius feugiat lectus, ut tincidunt quam placerat quis. Morbi sit amet urna a sapien commodo dictum. Nunc congue magna quis eleifend suscipit. Praesent efficitur placerat lacus. Nam quis quam id ex commodo dictum. Maecenas vitae eros a diam tincidunt varius a vel sapien. Nullam vitae dui eu nisi luctus malesuada. Phasellus semper venenatis odio, quis ultricies erat accumsan sit amet. Vestibulum dictum iaculis accumsan.

Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam suscipit est et risus vulputate suscipit. Pellentesque vel lacus sit amet felis placerat laoreet ac quis augue. Praesent ut placerat sem. Maecenas ac lacus arcu. Vestibulum varius feugiat lectus, ut tincidunt quam placerat quis. Morbi sit amet urna a sapien commodo dictum. Nunc congue magna quis eleifend suscipit. Praesent efficitur placerat lacus. Nam quis quam id ex commodo dictum. Maecenas vitae eros a diam tincidunt varius a vel sapien. Nullam vitae dui eu nisi luctus malesuada. Phasellus semper venenatis odio, quis ultricies erat accumsan sit amet. Vestibulum dictum iaculis accumsan.


 

Unordered list

  • Unordered item
  • Unordered item
    • Unordered item
    • Unordered item
      • Unordered item
      • Unordered item
  • Unordered item
  • Unordered item

Ordered list

  1. Ordered item
  2. Ordered item
    1. Ordered item
    2. Ordered item
      1. Ordered item
      2. Ordered item
  3. Ordered item
  4. Ordered item

Message boxes

Succes message
Error message
Info message
Notice message

 


 

Column  examples

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam suscipit est et risus vulputate suscipit. Pellentesque vel lacus sit amet felis placerat laoreet ac quis augue. Praesent ut placerat sem. Maecenas ac lacus arcu. Vestibulum varius feugiat lectus, ut tincidunt quam placerat quis. Morbi sit amet urna a sapien commodo dictum. Nunc congue magna quis eleifend suscipit. Praesent efficitur placerat lacus. Nam quis quam id ex commodo dictum. Maecenas vitae eros a diam tincidunt varius a vel sapien. Nullam vitae dui eu nisi luctus malesuada. Phasellus semper venenatis odio, quis ultricies erat accumsan sit amet. Vestibulum dictum iaculis accumsan.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam suscipit est et risus vulputate suscipit. Pellentesque vel lacus sit amet felis placerat laoreet ac quis augue. Praesent ut placerat sem. Maecenas ac lacus arcu. Vestibulum varius feugiat lectus, ut tincidunt quam placerat quis. Morbi sit amet urna a sapien commodo dictum. Nunc congue magna quis eleifend suscipit. Praesent efficitur placerat lacus. Nam quis quam id ex commodo dictum. Maecenas vitae eros a diam tincidunt varius a vel sapien. Nullam vitae dui eu nisi luctus malesuada. Phasellus semper venenatis odio, quis ultricies erat accumsan sit amet. Vestibulum dictum iaculis accumsan.

 

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam suscipit est et risus vulputate suscipit. Pellentesque vel lacus sit amet felis placerat laoreet ac quis augue. Praesent ut placerat sem. Maecenas ac lacus arcu. Vestibulum varius feugiat lectus, ut tincidunt quam placerat quis. Morbi sit amet urna a sapien commodo dictum. Nunc congue magna quis eleifend suscipit. Praesent efficitur placerat lacus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam suscipit est et risus vulputate suscipit. Pellentesque vel lacus sit amet felis placerat laoreet ac quis augue. Praesent ut placerat sem. Maecenas ac lacus arcu. Vestibulum varius feugiat lectus, ut tincidunt quam placerat quis. Morbi sit amet urna a sapien commodo dictum. Nunc congue magna quis eleifend suscipit. Praesent efficitur placerat lacus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam suscipit est et risus vulputate suscipit. Pellentesque vel lacus sit amet felis placerat laoreet ac quis augue. Praesent ut placerat sem. Maecenas ac lacus arcu. Vestibulum varius feugiat lectus, ut tincidunt quam placerat quis. Morbi sit amet urna a sapien commodo dictum. Nunc congue magna quis eleifend suscipit. Praesent efficitur placerat lacus.

 

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam suscipit est et risus vulputate suscipit. Pellentesque vel lacus sit amet felis placerat laoreet ac quis augue. Praesent ut placerat sem. Maecenas ac lacus arcu.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam suscipit est et risus vulputate suscipit. Pellentesque vel lacus sit amet felis placerat laoreet ac quis augue. Praesent ut placerat sem. Maecenas ac lacus arcu. Vestibulum varius feugiat lectus, ut tincidunt quam placerat quis. Morbi sit amet urna a sapien commodo dictum. Nunc congue magna quis eleifend suscipit. Nunc congue magna quis eleifend suscipit. Praesent efficitur placerat lacus. Nam quis quam id ex commodo dictum. Maecenas vitae eros a diam tincidunt varius a vel sapien. Nullam vitae dui eu nisi luctus malesuada. Phasellus semper venenatis odio, quis ultricies erat accumsan sit amet. Vestibulum dictum iaculis accumsan.Nullam vitae dui eu nisi luctus malesuada. Phasellus semper venenatis odio, quis ultricies erat accumsan sit amet. Vestibulum dictum iaculis accumsan.

 


Code styling using <PRE> tag

	.wp-caption {
		margin: 0;
		border: none;
		max-width: 100%;
	}

Toggles & Buttons

  • Toggle Button 1
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam suscipit est et risus vulputate suscipit. Pellentesque vel lacus sit amet felis placerat laoreet ac quis augue. Praesent ut placerat sem. Maecenas ac lacus arcu. Vestibulum varius feugiat lectus, ut tincidunt quam placerat quis. Morbi sit amet urna a sapien commodo dictum. Nunc congue magna quis eleifend suscipit. Praesent efficitur placerat lacus. Nam quis quam id ex commodo dictum. Maecenas vitae eros a diam tincidunt varius a vel sapien.
  • Toggle Button 2
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam suscipit est et risus vulputate suscipit. Pellentesque vel lacus sit amet felis placerat laoreet ac quis augue. Praesent ut placerat sem. Maecenas ac lacus arcu. Vestibulum varius feugiat lectus, ut tincidunt quam placerat quis. Morbi sit amet urna a sapien commodo dictum. Nunc congue magna quis eleifend suscipit. Praesent efficitur placerat lacus. Nam quis quam id ex commodo dictum. Maecenas vitae eros a diam tincidunt varius a vel sapien.
  • Toggle Button 3
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam suscipit est et risus vulputate suscipit. Pellentesque vel lacus sit amet felis placerat laoreet ac quis augue. Praesent ut placerat sem. Maecenas ac lacus arcu. Vestibulum varius feugiat lectus, ut tincidunt quam placerat quis. Morbi sit amet urna a sapien commodo dictum. Nunc congue magna quis eleifend suscipit. Praesent efficitur placerat lacus. Nam quis quam id ex commodo dictum. Maecenas vitae eros a diam tincidunt varius a vel sapien.

 

  • Accordion Button 1
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam suscipit est et risus vulputate suscipit. Pellentesque vel lacus sit amet felis placerat laoreet ac quis augue. Praesent ut placerat sem. Maecenas ac lacus arcu. Vestibulum varius feugiat lectus, ut tincidunt quam placerat quis. Morbi sit amet urna a sapien commodo dictum. Nunc congue magna quis eleifend suscipit. Praesent efficitur placerat lacus. Nam quis quam id ex commodo dictum. Maecenas vitae eros a diam tincidunt varius a vel sapien.
  • Accordion Button 2
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam suscipit est et risus vulputate suscipit. Pellentesque vel lacus sit amet felis placerat laoreet ac quis augue. Praesent ut placerat sem. Maecenas ac lacus arcu. Vestibulum varius feugiat lectus, ut tincidunt quam placerat quis. Morbi sit amet urna a sapien commodo dictum. Nunc congue magna quis eleifend suscipit. Praesent efficitur placerat lacus. Nam quis quam id ex commodo dictum. Maecenas vitae eros a diam tincidunt varius a vel sapien.
  • Accordion Button 3
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam suscipit est et risus vulputate suscipit. Pellentesque vel lacus sit amet felis placerat laoreet ac quis augue. Praesent ut placerat sem. Maecenas ac lacus arcu. Vestibulum varius feugiat lectus, ut tincidunt quam placerat quis. Morbi sit amet urna a sapien commodo dictum. Nunc congue magna quis eleifend suscipit. Praesent efficitur placerat lacus. Nam quis quam id ex commodo dictum. Maecenas vitae eros a diam tincidunt varius a vel sapien.

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam suscipit est et risus vulputate suscipit.Someone Famous
  • Nam suscipit est et risus vulputate suscipit. Pellentesque vel lacus sit amet felis placerat laoreet ac quis augue.Someone Else

Graphs

  1. Style 30%
  2. Colour 50%
  3. Trend 70%