Andy Adams

Skate Trip

27 June 2018

Demo content

This page is a demo that shows everything you can do inside blog posts. We’ve included everything you need to create engaging posts and show off your work in a beautiful way.

We’ve styled up all the basic text formatting options available in markdown.

You can create lists:

And:

  1. Numbered lists
  2. Like this other one
  3. Are great too

You can also add blockquotes, which are shown at a larger width to help break up the layout and draw attention to key parts of your content:

“Simple can be harder than complex: You have to work hard to get your thinking clean to make it simple. But it’s worth it in the end because once you get there, you can move mountains.”

You can throw in some horizontal rules to break up your content too:


Videos

Embedding videos is super easy – just paste an embed code from YouTube or Vimeo, and Popcorn makes sure it displays perfectly:


Image galleries

You can use some simple HTML code to create image galleries:

Popcorn makes it easy to create grid layouts for your images. Just use a bit of simple HTML in your post to create a masonry grid image layout:

<div class="gallery" data-columns="3">
    <img src="/images/demo/square-01.jpg">
    <img src="/images/demo/portrait-02.jpg">
    <img src="/images/demo/square-04.jpg">
    <img src="/images/demo/square-03.jpg">
    <img src="/images/demo/square-05.jpg">
    <img src="/images/demo/landscape-05.jpg">
</div>

Change the number inside the ‘columns’ setting to create different types of gallery for all kinds of purposes. You can even click on each image to seamlessly enlarge it on the page.


Image carousels

Here’s another gallery with only one column, which creates a carousel slide-show instead. A nice little feature: the carousel only advances when it is in view, so your visitors won’t scroll down to find it half way through your images.

That’s about it for blog posts, enjoy!

Read Next