Divider

[divider] shortcode arguments
classes:
Variation -
[hidden|section|fitted|clearing|horizontal]
Divider

Paragraph

Paragraph

<p>Paragraph</p>
<divider>
<p>Paragraph</p>
Section divider

Paragraph

Paragraph

<p>Paragraph</p>
<divider section>
<p>Paragraph</p>
Notes
A section divider can provide greater margins to divide sections of content.
Fitted divider
Text before...
Text after...
Text before...
<divider fitted>
Text after...
Notes
A fitted divider creates a dividing line without additional spacing.
Horizontal divider
Web Design

We have the expertise to create just the right web presence for you, which will be up to date to the latest web standards. We will put together a detailed and specific style guide that covers all areas of your brand to ensure that anything produced in the future is on brand.

or
Graphic Design

Whether you require large banners and posters to promote your company or some more subtle letter heads and business cards, our highly skilled graphic designers will produce the perfect article for you. We can create a brand that stands out and truly reflects your business and the message you want to convey.

<header>Web Design</header>
<p>We have the expertise to create just the right web presence for you, which will be up to date to the latest web standards. We will put together a detailed and specific style guide that covers all areas of your brand to ensure that anything produced in the future is on brand.</p>
<divider horizontal>or</divider>
<header>Graphic Design</header>
<p>Whether you require large banners and posters to promote your company or some more subtle letter heads and business cards, our highly skilled graphic designers will produce the perfect article for you. We can create a brand that stands out and truly reflects your business and the message you want to convey.</p>
Vertical divider
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio.
Or
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio.
Or
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio.
<grid equal width center aligned padded>
  <column>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio.</column>
  <column one wide><divider vertical>Or</divider></column>
  <column>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio.</column>
  <column one wide><divider vertical>Or</divider></column>
  <column>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio.</column>
</grid>
Icon divider
Description

Doggie treats are good for all times of the year. Proven to be eaten by 99.9% of all dogs worldwide.

<divider horizontal header><icon tag>Description</divider>
<p>Doggie treats are good for all times of the year. Proven to be eaten by 99.9% of all dogs worldwide.</p>
Hidden divider
HelloWorld
Hello<divider hidden>World
Clearing divider
All clear, boss
<image small rounded right floated>...</image>
<divider clearing>
All clear, boss
Notes
A divider can clear the floating contents above it.

Leave a comment

Your email address will not be published. Required fields are marked *