Content and Callout Boxes

[fancyheading heading=”h4″]Fancy Box with Multiple Usage[/fancyheading]
[demo_space height=”10px”]
[fancy_box title=”Donec fermentum justo”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer eu viverra felis, id aliquam purus. Quisque et neque faucibus, varius est id, molestie purus. Fusce lacinia neque vel accumsan scelerisque. Vestibulum molestie felis vel purus pretium gravida. Phasellus pretium dapibus leo ullamcorper convallis. Cras scelerisque magna diam, dignissim rutrum lectus lacinia et. Cras gravida arcu vitae nunc vulputate, at ullamcorper lacus condimentum. Cras eros ipsum, viverra vel tellus nec, congue bibendum augue. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam consequat purus aliquet tortor rutrum, id sagittis eros sollicitudin. Donec in varius magna. Nullam eget elit odio. Integer hendrerit libero at dignissim imperdiet. In eget lorem id magna varius eleifend. Etiam cursus nisl nec orci dapibus, ut rhoncus quam aliquet.
[/fancy_box]
[demo_space height=”30px”]
[one_half]
[fancy_box title=”Donec fermentum justo” titlebgcolor=”#1abc9c” titlecolor=”#ffffff”]orem ipsum dolor sit amet, consectetur adipiscing elit. Integer eu viverra felis, id aliquam purus. Quisque et neque faucibus, varius est id, molestie purus. Fusce lacinia neque vel accumsan scelerisque. Vestibulum molestie felis vel purus pretium gravida. Phasellus pretium dapibus leo ullamcorper convallis. Cras scelerisque magna diam, dignissim rutrum lectus lacinia et.[/fancy_box]
[/one_half]
[one_half_last]

[fancy_box title=”Donec fermentum justo” titlebgcolor=”#1abc9c” titlecolor=”#ffffff” textcolor=”#ffffff” boxbgcolor=”#2c3e50″ ribbon=”03″]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer eu viverra felis, id aliquam purus. Quisque et neque faucibus, varius est id, molestie purus. Fusce lacinia neque vel accumsan scelerisque. Vestibulum molestie felis vel purus pretium gravida. Phasellus pretium dapibus leo ullamcorper convallis. Cras scelerisque magna diam, dignissim rutrum lectus lacinia et.[/fancy_box]

[/one_half_last]
[divider style=”thin” margin=”60px 0 40px 0″]
Get The Code:
[demo_space height=”20px”]
[fancy_box title="Title Here" titlebgcolor="#1abc9c" titlecolor="#ffffff" textcolor="#ffffff" boxbgcolor="#2c3e50" ribbon="03"]Content Here...[/fancy_box]

[divider style=”thin” margin=”40px 0 40px 0″]
Customization Options and Features:
[demo_space height=”20px”]
[list style=”square” color=”black”]

  • Box Title: Title text for Accordion.
  • Box Content: Type the content for Accordion.
  • Title Color: Choose the color for title.
  • Title BG Color: Choose the color for title background.
  • Text Color: Choose the color for content.
  • Box BG Color: Choose the color for Box Background.
  • Corner Ribbon: Corner Ribbon (Range from 01 – 64) for more details of the names you can check the ribbons bolder within the images folder.

[/list]
[divider style=”thin” margin=”60px 0 60px 0″]
[fancyheading heading=”h4″]Framed Box with Multiple Usage[/fancyheading]
[demo_space height=”20px”]

[frame_box bgcolor=”#1abc9c” bordercolor=”#1abc9c” textcolor=”#ffffff”]
[googlefont font=”Roboto” style=”300″ size=”14px”]Vestibulum molestie felis vel purus pretium gravida. Phasellus pretium dapibus leo ullamcorper convallis. Cras scelerisque magna diam, dignissim rutrum lectus lacinia et. Cras gravida arcu vitae nunc vulputate, at ullamcorper lacus condimentum. Cras eros ipsum, viverra vel tellus nec, congue bibendum augue. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.[/googlefont]
[/frame_box]

[demo_space height=”30px”]
[one_half]
[frame_box bgcolor=”#2c3e50″ textcolor=”#ffffff” bordercolor=”#2c3e50″]
[googlefont font=”Roboto” style=”100″ size=”30px” margin=”20px”]49,564,546,554 [/googlefont]
[/frame_box]
[/one_half]

[one_half_last]
[frame_box textcolor=”#333333″ bordercolor=”#2c3e50″]
[googlefont font=”Roboto” style=”100″ size=”30px” margin=”20px”]49,564,546,554 [/googlefont]
[/frame_box]
[/one_half_last]

[divider style=”thin” margin=”60px 0 40px 0″]
Get The Code:
[demo_space height=”20px”]
[frame_box bgcolor="#1abc9c" bordercolor="#1abc9c" textcolor="#ffffff"]
Content Here...
[/frame_box]

[divider style=”thin” margin=”40px 0 40px 0″]
Customization Options and Features:
[demo_space height=”20px”]
[list style=”square” color=”black”]

  • Box Content: Type the content for box.
  • BG Color: Box Background color default state.
  • Text Color: Box Text color default state.
  • Border Color: Box Border color default state.

[/list]
[divider style=”thin” margin=”60px 0 60px 0″]
[fancyheading heading=”h4″]Callout Box[/fancyheading]
[demo_space height=”20px”]

[callout bgcolor=”#e6e6e6″ buttonlink=”#” linktarget=”_blank” color=”greensea” buttontext=”Purchase!” buttonsize=”medium” style=”border”]

Try HostMe V2 for only 45$ bucks!

Loaded with awesome features & much more![/callout]

[divider style=”thin” margin=”60px 0 40px 0″]
Get The Code:
[demo_space height=”20px”]
[callout bgcolor="#e6e6e6" buttonlink="#" linktarget="_blank" color="greensea" buttontext="Purchase!" buttonsize="medium" style="border"]Content Here...[/callout]
[divider style=”thin” margin=”40px 0 40px 0″]
Customization Options and Features:
[demo_space height=”20px”]
[list style=”square” color=”black”]

  • Accordion Title: Title text for Accordion
  • Accordion Content: Type the content for Accordion
  • Font-awesome Icon: Enter the class of Font-awesome Icon
  • Accordion Tab Active: Set “true” if you wish to Active Tab.

[/list]