Before and After

Show the final result and compare it to the initial outline of work.

It is very simple with the Artee Theme!
You can use a special comparison plugin. Just use the html code.

Sample code (one line html block)

In Ghost markdown editor it is recommended to use html block in one line.

<div class="twentytwenty-container"><img src="/content/images/2014/Mar/1-2.jpg" alt=""><img src="/content/images/2014/Mar/1c-1.jpg" alt=""></div>

Other uses.

You can also use it with the Foundation 5 grid system. Just write some html blocks like:

Sample code 2 (one line html block)

In Ghost markdown editor it is recommended to use html block in one line.

<div class="row"><div class="small-12 medium-6 columns"><div class="twentytwenty-container"><img src="/content/images/2014/Mar/1-2.jpg" alt=""><img src="/content/images/2014/Mar/1c-1.jpg" alt=""></div></div><div class="small-12 medium-6 columns"><div class="twentytwenty-container"><img src="/content/images/2014/Mar/1-2.jpg" alt=""><img src="/content/images/2014/Mar/1c-1.jpg" alt=""></div></div></div>

You will find more in the Artee Theme Documentation files.