This page demonstrate some basic elements and typography which you will use frequently within your blog.

Headings

Following is the demonstration of headings depth of h1 - h6

Heading one

Heading two

Heading three

Heading four

Heading five

Heading six

Image Example

In ghost there are three option to choose from for the size of image. Those are normal, wide and full. Here are the example for all three sizes.

Gallery

In ghost you can add image in a gallery. gallery supports up to 9 image, each row containing maximum 3 image. Below is an example of gallery with 5 image

Bookmark

Ghost (@ghost) • Instagram photos and videos

Fiercely independent publishing 🍸

Instagram

Ghost(Pro) Pricing - Hosting from the creators of Ghost

Reliable, competitive Ghost hosting from the creators of the open source publishing platform. Spend less time on your server and more time building your site!

Ghost

Unordered list

• Felis ut ultricies lacinia.
• Mauris nec eros at ex luctus.
• kdfj dikiiani aiia
• Suspendisse fringilla.
• Lacinia porta vel eget erat.

Ordered list

1. Felis ut ultricies lacinia.
2. Felis ut ultricies lacinia.
3. Mauris nec eros at ex luctus.
4. Suspendisse fringilla.

Block quotes

All the great things are simple, and many can be expressed in a single word: freedom, justice, honor, duty, mercy, hope. - Winston Churchill

Table

Code Highlighting

HTML

<!-- start widget -->
<div class="widget">
	<h4 class="widget-title"><span>Facebook</span></h4>
	<div class="widget-content fb"></div>
</div>
<!-- end widget -->

CSS

.comment-wrap {
    background: #fff;
	padding: 1.5em 2em;
	box-sizing: border-box;
	margin-bottom: 1.5em;
}

javaScript

var x = 5;
var y = 2;
var z = x + y;
document.getElementById("demo").innerHTML = z;

Embed Card examples

Some other styles

• Bold Text: This text is bolded my default markup.
• Emphasize: This text is emphasize.
• Highlight: Highlighted text
• Strike-through: I am A strike-through text.
• Link: I am a link
• Inline Code: Its an Inline code example