Boxes

Styled Boxes

To create a alert boxes style like the one below all you need to do is select “Error, Info, Alert, Download, Success” from the Style tab in the Hostme WYSIWYG popup. Then enter the text for your alert boxes as seen below. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Let resat sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Message Boxes

Error

Insert your message or text here ……

[error]Insert your message or text here ...... [/error]

Info

Insert your message or text here …..

[info]Insert your message or text here ......[/info]

Alert

Insert your message or text here ……

[alert]Insert your message or text here ......[/alert]

Download

Insert your message or text here ……

[download]Insert your message or text here ......[/download]

Success

Insert your message or text here ……

[success]Insert your message or text here ......[/success]

Note

Notes :

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

[note title="Notes :"]
Insert your text here ......
[/note]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur luctus, leo in condimentum gravida, mi felis malesuada tortor, non molestie elit elit nec nulla. Nulla facilisi. Integer egestas sodales arcu, ac bibendum massa suscipit at. Phasellus eget nunc eu nunc laoreet ultrices.

Notes :

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Vestibulum vulputate ligula vulputate eros aliquet varius. Aliquam luctus aliquam sem quis malesuada. Mauris vitae est eu tortor placerat placerat rutrum sed elit. Maecenas auctor felis aliquet justo lobortis eleifend. Fusce vel arcu dolor. Quisque gravida semper mi, id pretium tellus rutrum vitae. Nulla tortor neque, volutpat et tempor sit amet, ullamcorper at risus.
Praesent vitae convallis arcu. Aliquam in justo non ligula sagittis accumsan sed nec ipsum. Praesent semper hendrerit massa, quis elementum risus rhoncus non. Sed ac rutrum augue. Vivamus nec ante ante. Duis at leo id nisi molestie pulvinar.

[note title="Notes :" align="right" width="200px"]
Insert your text here ......
[/note]

The Featured Boxes is especial shortcode which allow to create a customizable design elements.

Parameters
  • Type: Fancy Box, Minimal Box, Framed Box, Teaser Box, Message Box & Note Box.
  • Title
  • Large Heading
  • Title BG Color
  • Title Color
  • Corner Ribbon 01-65 Ribbons are Available
  • Box Content
  • Much More…..

Simple Box
[minimal_box]
Your content goes here...
[/minimal_box]
Your content goes here…
Fancy Box + Title
[fancy_box title="Box Heading"]
Your content goes here...
[/fancy_box]

Box Heading

Your content goes here…
Fancy Box + Title + Color Header
[fancy_box title="Box Heading" bgcolor="#ff8800"]
Your content goes here...
[/fancy_box]

Box Heading

Your content goes here…
Fancy Box + Title Color + Color Header
[fancy_box title="Box Heading" titlecolor="#000000" bgcolor="#ff8800"]
Your content goes here...
[/fancy_box]

Box Heading

Your content goes here…
Fancy Box + Title Color + Color Header
[fancy_box title="Box Heading" ribbon="o1"]
Your content goes here...
[/fancy_box]

Box Heading

Your content goes here…
Fancy Box + Pricing
[fancy_box title="Standard Plan" bgcolor="#3b8ed4" heading="$9.95/mo"]
[list style="check"]
<ul>
<li>Proin sed sem sem.</li>
<li>Sit amet pretium tortor.</li>
<li>Duis eu tellus ac lectus.</li>
<li>Mauris ultrices velit eget.</li>
</ul>
[/list]
[button url="#" target="_self" size="large full" align="center"  ] Get Started [/button]
[/fancy_box]

Standard Plan

$9.95/mo
  • Proin sed sem sem.
  • Sit amet pretium tortor.
  • Duis eu tellus ac lectus.
  • Mauris ultrices velit eget.

Get Started

Minimal Box + Pricing
[minimal_box title="Standard Plan" bgcolor="#3b8ed4" heading="$9.95/mo"]
[list style="check"]
<ul>
<li>Proin sed sem sem.</li>
<li>Sit amet pretium tortor.</li>
<li>Duis eu tellus ac lectus.</li>
<li>Mauris ultrices velit eget.</li>
</ul>
[/list]
[button url="#" target="_self" size="large full" align="center"  ] Get Started [/button]
[/minimal_box]

Standard Plan

your small subtitle
  • Proin sed sem sem.
  • Sit amet pretium tortor.
  • Duis eu tellus ac lectus.
  • Mauris ultrices velit eget.

Get Started

Framed Box
[framed_box]
Your content goes here...
[/framed_box]

Content Here

Your content goes here…