Text blocks

Image Background

[dt_gap height=”10″ /]

Nunc id viverra dui. Nullam tincidunt sapien nisl blandit fringilla purus, at suscipit diam suscipit id felis.

[dt_gap height=”75″ /]

[dt_gap height=”10″ /]VC Element: “Text Block”

Border: #515151, Solid

Background color: rgba(214,214,214,0.5)

Background image: armada286.jpg, cover

Margin: 0

Border: 0

Padding: 40px 50px 140px 50px

CSS Animation: fadeIn[dt_gap height=”10″ /]

Image Background

[dt_gap height=”10″ /]

Nullam tincidunt sapien nisl, vel vulputate metus lorem ipsum dolor commodo vitae. Aenean idopa felis.

[dt_gap height=”10″ /]VC Element: “Text Block”

Border: #515151, Solid

Background color: rgba(214,214,214,0.5)

Background image: armada286.jpg, cover

Margin: 0

Border: 0

Padding: 40px 50px 140px 50px

CSS Animation: fadeIn[dt_gap height=”10″ /]

Double Border

[dt_gap height=”10″ /]

Nunc id viverra dui. Nullam tincidunt sapien nisl, vel metus commodo vitae. Aenean blandit fringilla purus, at suscipit diam suscipit id felis.

[dt_gap height=”10″ /]VC Element: “Text Block”

Border: #b28df4, Ridge

Background color: rgba(255,255,255,0.01)

Background image: [none]

Margin: 0

Border: 10px

Padding: 30px

CSS Animation: fadeIn
[dt_gap height=”10″ /]

Double Border

[dt_gap height=”10″ /]

Nunc id viverra dui. Nullam tincidunt sapien nisl, vel metus commodo vitae. Aenean blandit fringilla purus, at suscipit diam suscipit id felis.

[dt_gap height=”10″ /]VC Element: “Text Block”

Border: #0896e1, Double

Background color: #ffffff

Background image: [none]

Margin: 0

Border: 10px

Padding: 30px

CSS Animation: fadeIn
[dt_gap height=”10″ /]

Groove Border

[dt_gap height=”10″ /]

Nunc id viverra dui. Nullam tincidunt sapien nisl, vel vulputate metus commodo vitae. Aenean blandit fringilla purus, at suscipit diam suscipit id felis.

[dt_gap height=”10″ /]VC Element: “Text Block”

Border: #5df1f9, Groove

Background color: #00d3df

Background image: [none]

Margin: 0

Border: 15px

Padding: 30px

CSS Animation: fadeIn
[dt_gap height=”10″ /]

Inset Border

[dt_gap height=”10″ /]

Nunc id viverra dui. Nullam tincidunt sapien nisl, vel vulputate metus commodo vitae. Aenean blandit fringilla purus, at suscipit diam suscipit id felis.

[dt_gap height=”10″ /]VC Element: “Text Block”

Border: #b28df4, Inset

Background color: #9067db

Background image: [none]

Margin: 0

Border: 15px

Padding: 30px

CSS Animation: fadeIn
[dt_gap height=”10″ /]

Solid Border

[dt_gap height=”10″ /]

Nunc id viverra dui. Nullam tincidunt sapien nisl, vel vulputate metus commodo vitae. Aenean blandit fringilla purus, at suscipit diam suscipit id felis.

[dt_gap height=”10″ /]VC Element: “Text Block”

Border: #0896e1, Solid

Background color: #ffffff

Background image: [none]

Margin: 0

Border: 5px

Padding: 30px

CSS Animation: fadeIn
[dt_gap height=”10″ /]

Dotted Border

[dt_gap height=”10″ /]

Nunc id viverra dui. Nullam tincidunt sapien nisl, vel vulputate metus commodo vitae. Aenean blandit fringilla purus, at suscipit diam suscipit id felis.

[dt_gap height=”10″ /]VC Element: “Text Block”

Border: #00d3df, Dotted

Background color: #ffffff

Background image: [none]

Margin: 0

Border: 2px

Padding: 32px

CSS Animation: fadeIn
[dt_gap height=”10″ /]

Initial Border

[dt_gap height=”10″ /]

Nunc id viverra dui. Nullam tincidunt sapien nisl, vel vulputate metus commodo vitae. Aenean blandit fringilla purus, at suscipit diam suscipit id felis.

[dt_gap height=”10″ /]VC Element: “Text Block”

Border: #b28df4, Initial

Background color: #9067db

Background image: [none]

Margin: 0

Border: 8px

Padding: 30px

CSS Animation: fadeIn
[dt_gap height=”10″ /]

Inherit Border

[dt_gap height=”10″ /]

Nunc id viverra dui. Nullam tincidunt sapien nisl, vel vulputate metus commodo vitae. Aenean blandit fringilla purus, at suscipit diam suscipit id felis.

[dt_gap height=”10″ /]VC Element: “Text Block”

Border: #52bef7, Inherit

Background color: #0896e1

Background image: [none]

Margin: 0

Border: 5px

Padding: 30px

CSS Animation: fadeIn
[dt_gap height=”10″ /]

Outset Border

[dt_gap height=”10″ /]

Nunc id viverra dui. Nullam tincidunt commodo vitae. Aenean blandit fringilla purus at suscipit id felis.

[dt_gap height=”10″ /]VC Element: “Text Block”

Border: #52bef7, Outset

Background color: #0896e1

Background image: [none]

Margin: 0

Border: 8px

Padding: 30px

CSS Animation: fadeIn
[dt_gap height=”10″ /]

Dashed Border

[dt_gap height=”10″ /]

Nunc id viverra dui. Nullam tincidunt sapien nisl, vel vulputate metus commodo vitae. Aenean blandit fringilla purus.

[dt_gap height=”10″ /]VC Element: “Text Block”

Border: #5df1f9, Dashed

Background color: #00d3df

Background image: [none]

Margin: 0

Border: 5px

Padding: 30px

CSS Animation: fadeIn
[dt_gap height=”10″ /]

[vc_message message_box_style=”solid-icon” message_box_color=”blue” icon_type=”linecons” css_animation=”fadeIn” icon_linecons=”vc_li vc_li-bulb”]Informational message box

Praesent vitae hendrerit neque. Cras pulvinar feugiat malesuada. Etiam posuere leo eu massa volutpat scelerisque. Donec id blandit nunc. Integer pellentesque consequat ante, eget condimentum enim vehicula eget. Morbi sagittis tempor eleifend. Curabitur sed sem nec erat tincidunt tempor. Quisque sagittis condimentum consequat.[/vc_message]

[vc_message message_box_style=”3d” style=”square” message_box_color=”green” icon_type=”linecons” css_animation=”fadeIn” icon_linecons=”vc_li vc_li-settings”]Nice message box

Praesent vitae hendrerit neque. Cras pulvinar feugiat malesuada. Etiam posuere leo eu massa volutpat scelerisque. Donec id blandit nunc. Integer pellentesque consequat ante, eget condimentum enim vehicula eget. Morbi sagittis tempor eleifend. Curabitur sed sem nec erat tincidunt tempor. Quisque sagittis condimentum consequat.[/vc_message]

[vc_message message_box_style=”outline” style=”square” message_box_color=”danger” icon_type=”linecons” css_animation=”fadeIn” icon_linecons=”vc_li vc_li-heart”]Nice message box

Praesent vitae hendrerit neque. Cras pulvinar feugiat malesuada. Etiam posuere leo eu massa volutpat scelerisque. Donec id blandit nunc. Integer pellentesque consequat ante, eget condimentum enim vehicula eget. Morbi sagittis tempor eleifend. Curabitur sed sem nec erat tincidunt tempor. Quisque sagittis condimentum consequat.[/vc_message]

[vc_message style=”square” message_box_color=”alert-warning” icon_type=”linecons” css_animation=”fadeIn” icon_linecons=”vc_li vc_li-like”]Nice message box

Praesent vitae hendrerit neque. Cras pulvinar feugiat malesuada. Etiam posuere leo eu massa volutpat scelerisque. Donec id blandit nunc. Integer pellentesque consequat ante, eget condimentum enim vehicula eget. Morbi sagittis tempor eleifend. Curabitur sed sem nec erat tincidunt tempor. Quisque sagittis condimentum consequat.[/vc_message]