Regular Content

You can add an info block to any section within your web pages. This content will appear under the editable section so you can write any message above it to explain the important, provide a heading, or just leave it empty and let the content appear.

right col

left col

Starting Section

This content is written on the actual page. It is here to show you where the page content is in relation to the info block content that will appear below.

Starting the Info Block Content

The content you are reading here is written in an info block. It is useful if you need to extend your page with a few additional content blocks, or if you have a need to include this same information on multiple pages.

Add your own styles

The info blocks share nearly all of the same abilities with the regular web pages. They also have their own CSS section where you can add background styles, make accordions, or any of the other styles that you've used on your pages. Best of all its already setup in the info block so adding it to your page will bring all that style information with it.

Less is more for your content

Remember that working on the web is about short, easy to manage content.

While you can include lots of text inside an info block, we still want to remember that someone is going to be forced to read or scroll past that. If its too long, chances are they won't read it.

student looking at books on shelf

You can add in images, and buttons into your info blocks. Dynamic linking should update to make certain no matter where you are on the site the link will work.

Responsive design

The content will also degrade gracefully. When a user views the page in a mobile device or tablet the content will make sure that it maintains a good reading order. Still breaking down from 1 -> n.

Accordions

You can also place accordions inside your regular content and it will seem as if they were written on the page just like anything else would be.

Accordion Item 1

You write out the accordion data just like you would when creating it on your pages.

Accordion Item 2

Setup the css within the info block item to be accordion-1 and you'll get something like this added to your page.

Tabbed Content Small Spaces

When using tabs and putting them in smaller spaces they will automatically turn into accordions. Depending on your screen size you will see tabbed content appear here or accordions. Below we have basically the same content but in a larger space so you can see the difference.

Tab Item 1

You write out the tabbed data just like you would when creating it on your pages.

Tab Item 2

Setup the css within the info block item to be tabbed-1 and you'll get something like this added to your page.

Just Content

You can also place the same stuff inside your regular content and it will seem as if they were written on the page just like anything else would be.

Accordion Item 1

You write out the accordion data just like you would when creating it on your pages.

Accordion Item 2

This time just leave the css blank and you'll get something like this added to your page.

Tabbed Content

You can also place tabs inside your regular content and it will seem as if they were written on the page just like anything else would be.

Tab Item 1

You write out the tabbed data just like you would when creating it on your pages.

Tab Item 2

Setup the css within the info block item to be tabbed-1 and you'll get something like this added to your page.

right col

left col

Back to the page

And this is written again on the web page and not in the info block. The layout above was generated in the info block and not on the page where we use it. Any changes to that configuration will but automatically pushed to any page you use it on.

right col

left col

right col

left col

right col