## 200+ shortcodes & items
with 2 unique styles for unlimited possibilities

# Boxes & Infographics

### Choose global style for all shortcodes: Classic Simple

#### Icon box

Example Code

With this Item you can create an awesome Icon box featuring a hover effect. Choose your own icon positioned on top or left and set an optional link.

Example top icon:

####

                                                                                Aenean fermen

                                                                                    Vitae adipiscing turpis. Aenean ligula nibo molestie id vivide.

Example left icon:

####

                                                                                Curabitur ipsum

                                                                                    Vitae adipiscing turpis. Aenean ligula nibo molestie id vivide.

#### Aenean fermen

Vitae adipiscing turpis. Aenean ligula nibo molestie id vivide.

#### Quisque lorem

Vitae adipiscing turpis. Aenean ligula nibo molestie id vivide.

#### Gravida vitae

Vitae adipiscing turpis. Aenean ligula nibo molestie id vivide.

#### Sapien massa

Vitae adipiscing turpis. Aenean ligula nibo molestie id vivide.

#### Curabitur ipsum

Vitae adipiscing turpis. Aenean ligula nibo molestie id vivide.

#### Aliquam eratur

Vitae adipiscing turpis. Aenean ligula nibo molestie id vivide.

#### Integer aliquam

Vitae adipiscing turpis. Aenean ligula nibo molestie id vivide.

#### Icon box with image

Can be used as:

#### Aenean fermen

Vitae adipiscing turpis. Aenean ligula nibo molestie id vivide.

#### Quisque lorem

Vitae adipiscing turpis. Aenean ligula nibo molestie id vivide.

#### Gravida vitae

Vitae adipiscing turpis. Aenean ligula nibo molestie id vivide.

#### Sapien massa

Vitae adipiscing turpis. Aenean ligula nibo molestie id vivide.

#### Curabitur ipsum

Vitae adipiscing turpis. Aenean ligula nibo molestie id vivide.

#### Aliquam eratur

Vitae adipiscing turpis. Aenean ligula nibo molestie id vivide.

#### Integer aliquam

Vitae adipiscing turpis. Aenean ligula nibo molestie id vivide.

#### Feature Box

Example Code

Feature Box is a great way to bring attention to a chunk of text and an image.

Example code:

####

                                                                            Nulla imperdiet

                                                                                Vitae adipiscing turpis. Aenean ligula nibh in, molestie id viverra dapibus.

#### Nulla imperdiet

Vitae adipiscing turpis. Aenean ligula nibh in, molestie id viverra dapibus.

#### Integer aliquam

Vitae adipiscing turpis. Aenean ligula nibh in, molestie id viverra dapibus.

#### Flat box

Example Code

Flat Box features an icon on the left and an image on the right with a nice hover effect.

Example code:

####

                                                                            Beauty centre

                                                                                Duis sed odio ligula. Suspendisse tempor consequat felis tempor lacinia. Nam porttitor, massa eget blandit mollis

#### Beauty centre

Duis sed odio ligula. Suspendisse tempor consequat felis tempor lacinia. Nam porttitor, massa eget blandit mollis

#### Geotermal centre

Duis sed odio ligula. Suspendisse tempor consequat felis tempor lacinia. Nam porttitor, massa eget blandit mollis

#### Massage centre

Duis sed odio ligula. Suspendisse tempor consequat felis tempor lacinia. Nam porttitor, massa eget blandit mollis

#### Hover box

Example Code

Hover Box displays one image and switches to a second image on hover for a nice effect.

Example code:

>
>
>

#### Photo box

Example Code

Photo box - attractive box with title, text and image, with a nice hover effect.

Example code:

####

                                                                    Nulla imperdiet

                                                                        Vitae adipiscing turpis. Aenean ligula nibh in, molestie id viverra a, dapibus at dolor.

#### Nulla imperdiet

Vitae adipiscing turpis. Aenean ligula nibh in, molestie id viverra a, dapibus at dolor.

#### Integer aliquam

Vitae adipiscing turpis. Aenean ligula nibh in, molestie id viverra a, dapibus at dolor.

#### Quisque cursus

Vitae adipiscing turpis. Aenean ligula nibh in, molestie id viverra a, dapibus at dolor.

#### Sliding box

Example Code

Sliding Box allows you to create a photo box with a nice sliding effect. This box can contain a link if desired.

Example code:

####

                                                                            Aenean ligula

#### Aenean ligula

#### Commodo volutpat

#### Quisque cursus

#### Article box

Example Code

Article Box is a box with an image and text. The box can be linked if desired.

Example code:

####

                                                                                Aliqu tincid mauris

                                                                            Aenean ferme ntum elit eget

Aliqu tincid mauris

#### Aenean ferme ntum elit eget

Nec malesuada fames

#### Vitae adipiscing turpis aen

Lorem ipsum primi

#### Nulla imperdiet sit amet

#### Promo box

Example Code

The Promo Box with has text, image and a button with a link. You can select left or right style.

Example code:

##

                                                                            Eleifend ante lobortis

                                                                                    Vitae adipiscing turpis. Aenean ligula nibh, molest ie id viverra a, dapibus at dolor. In iaculis viverra ne que, ac eleifend ante lobortis.

                                                                            Button with icon

## Eleifend ante lobortis

Vitae adipiscing turpis. Aenean ligula nibh, molest ie id viverra a, dapibus at dolor. In iaculis viverra ne que, ac eleifend ante lobortis.

Button with icon

## Ante laculis viverra

Vitae adipiscing turpis. Aenean ligula nibh, molest ie id viverra a, dapibus at dolor. In iaculis viverra ne que, ac eleifend ante lobortis.

Button with icon

#### Trailer box

Example Code

The Trailer Box item features a slogan, a photo, and has a nice hover effect.

Example code:

##

                                                                                Vitae adipis

                                                                            Vitae adipiscing turpis aenea

Vitae adipis

## Vitae adipiscing turpis aenea

Vitae adipis

## Vestibul commodo volpat

Vitae adipis

## Nulla imperdiet sit amet magna

Vitae adipis

## Quisque lorem tortor fringilla

#### Zoom box

Example Code

Zoom Box show an image with additional content on hover with a nice effect.

Example code:

                                                                                    SMALL BUSINESS WEBSITES

SMALL BUSINESS WEBSITES
PORTALS FOR LARGE SCALE
BRAND IDENTITY

#### Story box

Example Code

Story Box show a great way to show article style content.

Example code:

###

                                                                            Praesent felis volutpat curabitur sitam porttitor donec facilisis

                                                                                Curabitur sit amet porttitor orci. Donec a mollis diam, facilisis convallis sem. Lorem ipsum dolor sit amet, consectetur adipi scing elit. Nulla semper a nullam.

### Praesent felis volutpat curabitur sitam porttitor donec facilisis

Curabitur sit amet porttitor orci. Donec a mollis diam, facilisis convallis sem. Lorem ipsum dolor sit amet, consectetur adipi scing elit. Nulla semper a nullam.

### Nunc magna rhoncus velporta commodo nec libero maecenas

Maecenas congue massa nec odio cursus finibus. In quis dapibus lectus. Integer neque metus, laoreet sed posuere vitae, hendrerit et diam fusce.

#### Before After

Example Code

Before After items are a great way to visually show changes or work made.

Example code:

#### Quick fact

Example Code

Create Quick Fact, a nice item for presenting facts with short descriptions.

Example code:

###

                                                                        35

                                                                    countries

                                                                        Donec vestibulum justo a diam ultricies pel lentesque. Quisque mattis diam vel lac.

35

### countries

Donec vestibulum justo a diam ultricies pel lentesque. Quisque mattis diam vel lac.
142

### articles

Donec vestibulum justo a diam ultricies pel lentesque. Quisque mattis diam vel lac.
89

### projects

Donec vestibulum justo a diam ultricies pel lentesque. Quisque mattis diam vel lac.
9

### years of experience

Donec vestibulum justo a diam ultricies pel lentesque. Quisque mattis diam vel lac.

#### Counter

Example Code

This Item creates a Counter with icons or images.

Example code:

                                                                            1452

                                                                            Tincidunt mauris

1452

Tincidunt mauris

958

Integer aliquam

744

Malesuada fames

295

Bibendum sapien

367

Vestibulum commodo

630

Integer aliquam

118

Quisque lorem

#### Chart

Example Code

Chart use this item to put charts on your page.

Example code:

                                                                            42%

                                                                        Curabitur ipsum

42%

Curabitur ipsum

67%

Aliquam eratur

Tincidunt mauris

Tincidunt mauris

#### Progress bars

Example Code

Progress bars - present your skills using this feature.

Example code:

- ######

- ######

- ######

                                                                            Aenean fermen60%

                                                                            Quisque lorem47%

                                                                            Tincidunt mauris75%

- ###### Aenean fermen60%

- ###### Quisque lorem47%

- ###### Tincidunt mauris75%

- ###### Gravida vitae85%

- ###### Sapien massa54%

- ###### Aliquam eratur62%

- ###### Curabitur ipsum75%

- ###### Aliquam eratur65%

- ###### Quisque lorem37%

#### Countdown

Example Code

Countdown - this feature will place a time countdown in any location you specify.

Example code:

###

###

###

###

                                                                                        00

                                                                                days

                                                                                        00

                                                                                hours

                                                                                        00

                                                                                minutes

                                                                                        00

                                                                                seconds

00

### days

00

### hours

00

### minutes

00

### seconds