Styles

This post is a showcase of the way elements look when you use Boo, every element style has been carefully tested on the major web browsers with different devices and screen sizes.

Headings

Let's start with one of the most obvious and important elements, the headings. Below is a list of the 6 headings you can use in your posts, ordered from less important to more important:

Header H6
Header H5

Header H4

Header H3

Header H2

Header H1

Note: The heading used for the post title is H1, and the heading used for the titles inside this post are H2.

Text

This paragraph contains normal text, as well as demonstrations of highlighted text, bold text, emphasized text, inline code, strikethrough text, and a hyperlink.

Quotes

Below is a demonstration of a quote:

“Try not to become a man of success, but a man of value. Look around at how people want to get more out of life than they put in. A man of value will give more than he receives. Be creative, but make sure that what you create is not a curse for mankind.” Albert Einstein

Code

Below is a block of JavaScript code:

// Hello Ghost
alert('Hello Ghost');

Lists

Below is a demonstration of ordered lists and unordered lists:

  1. First item
  2. Second item
  3. Third item
  • Red
  • Green
  • Blue

Images

These are some examples of random images with different sizes:


Videos

Below is an example of embedded Vimeo and YouTube videos:


Music

These are examples of embedded music from SoundCloud and Spotify:


Social Media

Below are some examples of embedded content from Twitter and Instagram:


Get this Theme

This is a demo of the Boo theme for Ghost

Buy now

Get this theme now and pay what you want for it!


Web developer? Check out our GitHub