بلوکهای متنی

  • بلوکهای متنی

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″ /]

GET SETTINGS

[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.

GET SETTINGS

[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.

GET SETTINGS

[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.

GET SETTINGS

[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.

GET SETTINGS

[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.

GET SETTINGS

[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.

GET SETTINGS

[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.

GET SETTINGS

[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.

GET SETTINGS

[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.

GET SETTINGS

[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.

GET SETTINGS

[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.

GET SETTINGS

[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″ /]

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.

GET SETTINGS

[dt_gap height=”10″ /]VC Element: “Message box”

Message box type: Informational

Style: Rounded

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

Warning 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.

GET SETTINGS

[dt_gap height=”10″ /]VC Element: “Message box”

Message box type: Warning

Style: Outlined

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

Success 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.

GET SETTINGS

[dt_gap height=”10″ /]VC Element: “Message box”

Message box type: Success

Style: Square

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

Error 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.

GET SETTINGS

[dt_gap height=”10″ /]VC Element: “Message box”

Message box type: Error

Style: Square Outlined

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

Reghz

FREE
VIEW