https://blog.diglife.com/ghost/#/settings/design/
GHOST STYLE GUIDE

This is an H2 with a font-awesome icon

<h2><i class='fa fa-fw fa-trophy'></i> This is an H2 with a font-awesome icon</h2>

This is an H3 with a font-awesome icon

<h3><i class='fa fa-fw fa-envelope'></i> This is an H3 with a font-awesome icon</h3>

More font-awesome icons here.
[this is the visible text for an inline link](http://your-link-here)

Inline links open in the same tab by default.
Here is an inline link that opens in a new tab.

<a href="https://diglife.com/ghost-style-guide/" target="_blank">Here is an inline link that opens in a new tab</a>.


H4 with a paragraph and a font-awesome icon at the end (let's do more!)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent rutrum dui in ultrices mollis. Nullam at quam nec lorem feugiat aliquam eget vitae orci. Ut vel nunc in nisl rutrum maximus. Nunc a ipsum nunc. Integer vulputate nisi sit amet faucibus rutrum. Nullam non ante non sem tincidunt suscipit sit amet ut ipsum. Maecenas pretium faucibus diam eu ullamcorper.

<h4>H4 with a paragraph and a font-awesome icon at the end (let's do more!)</h4>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent rutrum dui in ultrices mollis. Nullam at quam nec lorem feugiat aliquam eget vitae orci. Ut vel nunc in nisl rutrum maximus. Nunc a ipsum nunc. Integer vulputate nisi sit amet faucibus rutrum. Nullam non ante non sem tincidunt suscipit sit amet ut ipsum. Maecenas pretium faucibus diam eu ullamcorper.<i class='fa fa-fw fa-leaf'></i>


<aside>This is an aside outside the flow of text.</aside>


--- creates a line


“This is a quote”

> &ldquo;This is a quote&rdquo;

Glossary links to words we use show up automagically. Centralization, decentralization, redecentralization, centralize, decentralize, redecentralize, distributed network... If you'd like to modify the glossary, ask in Editing Content.

This is a mark

<mark>This is a mark</mark>


Presentations

<embed src="https://diglife.com/files/principles_091717.pdf" width="80%" height="560" alt="pdf" pluginspage="http://www.adobe.com/products/acrobat/readstep2.html">

Open Fullscreen*

*For direct downloads, right-click on the button and select Save link as..


Videos

<video width="100%" height="100%" controls>
<source src="/files/diglife001.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>


Lists

  • This
  • Is
  • An Unnumbered
  • List

* This
* Is
* An Unnumbered
* List

  1. This
  2. Is
  3. A Numbered
  4. List

1. This
2. Is
3. A Numbered
4. List


Buttons

<h2><i class='fa fa-fw fa-check-square'></i>Buttons</h2>

Please use no more than 12 characters.

please press

<a href="link goes here" class="button" >please press</a>

please press

<a href="javascript:void(0);" class="button highlight" >please press</a>

please press

<a href="javascript:void(0);" class="button dark" >please press</a>

Comments