[spb_row element_name=»Row» wrap_type=»content-width» row_bg_type=»color» color_row_height=»content-height» bg_type=»cover» parallax_image_height=»content-height» parallax_image_movement=»fixed» parallax_image_speed=»0.5″ bg_video_loop=»yes» parallax_video_height=»window-height» row_top_style=»none» row_bottom_style=»none» parallax_video_overlay=»none» row_overlay_opacity=»0″ row_padding_vertical=»0″ row_padding_horizontal=»0″ row_margin_vertical=»0″ remove_element_spacing=»no» vertical_center=»true» inner_column_height=»col-natural» row_expanding=»no» row_animation=»none» row_animation_delay=»0″ row_el_class=»no-shadow» width=»1/1″ el_position=»first last»] [spb_text_block title=»Modals» animation=»none» animation_delay=»0″ padding_vertical=»0″ padding_horizontal=»0″ simplified_controls=»yes» border_styling_global=»default» width=»1/1″ el_position=»first last»]

They may not be the most exciting shortcode we have to offer, but they can be very useful. Below is an example of what you can do with them.

[sf_modal header=»Modal Example» btn_colour=»accent» btn_type=»standard» btn_size=»standard» btn_text=»See modal in action»]

[spb_video title=»Watch this video» link=»http://vimeo.com/36176127″ size=»630 x 347″ full_width=»no» width=»1/1″ el_position=»first last»]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse viverra mauris eget tortor imperdiet vehicula. Proin egestas diam ac mauris molestie hendrerit. Quisque nec nisi tortor. Etiam at mauris sit amet magna suscipit hend merit non sed ligula. Vivamus purus odio. Quisque nec nisi tortor. Etiam at mauris sit amet magna suscipit hend merit non sed ligula. Vivamus purus odio.

Suspendisse viverra mauris eget tortor imperdiet vehicula. Proin egestas diam ac mauris molestie hendrerit. Quisque nec nisi tortor. Etiam at mauris sit amet magna suscipit hend merit non sed ligula. Vivamus purus odio. Quisque nec nisi tortor. Etiam at mauris sit amet magna suscipit hend merit non sed ligula. Vivamus purus odio.

[/sf_modal]

[/spb_text_block] [spb_divider type=»thin» text=»Go to top» top_margin=»30px» bottom_margin=»30px» fullwidth=»no» width=»1/1″ el_position=»first last»] [/spb_row] [spb_row element_name=»Row» wrap_type=»content-width» parallax_image_height=»content-height» parallax_image_movement=»fixed» parallax_image_speed=»0.5″ bg_video_loop=»yes» parallax_video_height=»window-height» parallax_video_overlay=»none» row_overlay_opacity=»0″ vertical_center=»true» width=»1/1″ el_position=»first last»] [spb_text_block animation=»none» animation_delay=»0″ padding_vertical=»0″ padding_horizontal=»0″ el_class=»mt0″ simplified_controls=»yes» border_styling_global=»default» width=»1/1″ el_position=»first last»]

Lists

[/spb_text_block] [spb_text_block animation=»none» animation_delay=»0″ padding_vertical=»0″ padding_horizontal=»0″ el_class=»ml0″ simplified_controls=»yes» border_styling_global=»default» width=»1/3″ el_position=»first»]

[list]

[list_item icon=»nucleo-icon-link»]Vestibulum ante ipsum[/list_item]
[list_item icon=»nucleo-icon-link»]Curae; Integer in enim[/list_item]
[list_item icon=»nucleo-icon-link»]Morbi aliquet nulla at[/list_item]
[list_item icon=»nucleo-icon-link»]Aliquam augue elit[/list_item]
[list_item icon=»nucleo-icon-link»]Maecenas blandit[/list_item]
[list_item icon=»nucleo-icon-link»]Nunc ut dolor nibh[/list_item]
[list_item icon=»nucleo-icon-link»]Proin laoreet iaculis[/list_item]
[list_item icon=»nucleo-icon-link»]Sed dapibus malesuada[/list_item]
[/list]

[/spb_text_block] [spb_text_block animation=»none» animation_delay=»0″ padding_vertical=»0″ padding_horizontal=»0″ el_class=»ml0″ simplified_controls=»yes» border_styling_global=»default» width=»1/3″]

[list]

[list_item icon=»fa-dribbble»]Vestibulum ante ipsum[/list_item]
[list_item icon=»fa-flickr»]Curae; Integer in enim[/list_item]

[list_item icon=»fa-html5″]Morbi aliquet nulla at[/list_item]
[list_item icon=»fa-twitter»]Aliquam augue elit[/list_item]
[list_item icon=»fa-android»]Maecenas blandit[/list_item]
[list_item icon=»fa-youtube»]Nunc ut dolor nibh[/list_item]
[list_item icon=»fa-tumblr»]Proin laoreet iaculis[/list_item]
[list_item icon=»fa-skype»]Sed dapibus malesuada[/list_item]
[/list]

[/spb_text_block] [spb_text_block animation=»none» animation_delay=»0″ padding_vertical=»0″ padding_horizontal=»0″ el_class=»ml0″ simplified_controls=»yes» border_styling_global=»default» width=»1/3″ el_position=»last»]

[list]

[list_item icon=»fa-long-arrow-right»]Vestibulum ante ipsum[/list_item]
[list_item icon=»fa-long-arrow-right»]Curae; Integer in enim[/list_item]
[list_item icon=»fa-long-arrow-right»]Morbi aliquet nulla at[/list_item]
[list_item icon=»fa-long-arrow-right»]Aliquam augue elit[/list_item]
[list_item icon=»fa-long-arrow-right»]Maecenas blandit[/list_item]
[list_item icon=»fa-long-arrow-right»]Nunc ut dolor nibh[/list_item]
[list_item icon=»fa-long-arrow-right»]Proin laoreet iaculis[/list_item]
[list_item icon=»fa-long-arrow-right»]Sed dapibus malesuada[/list_item]
[/list]

[/spb_text_block] [/spb_row]

Lukk meny