{"id":11179,"date":"2013-11-06T17:33:10","date_gmt":"2013-11-06T17:33:10","guid":{"rendered":"http:\/\/dante.swiftideas.net\/?page_id=11179"},"modified":"2013-11-06T17:33:10","modified_gmt":"2013-11-06T17:33:10","slug":"modals-and-lists","status":"publish","type":"page","link":"https:\/\/www.bridiproducoes.com.br\/site\/elements\/modals-and-lists\/","title":{"rendered":"Modals &amp; Lists"},"content":{"rendered":"[spb_row element_name=&#8221;Row&#8221; wrap_type=&#8221;content-width&#8221; row_bg_type=&#8221;color&#8221; color_row_height=&#8221;content-height&#8221; bg_type=&#8221;cover&#8221; parallax_image_height=&#8221;content-height&#8221; parallax_image_movement=&#8221;fixed&#8221; parallax_image_speed=&#8221;0.5&#8243; bg_video_loop=&#8221;yes&#8221; parallax_video_height=&#8221;window-height&#8221; row_top_style=&#8221;none&#8221; row_bottom_style=&#8221;none&#8221; parallax_video_overlay=&#8221;none&#8221; row_overlay_opacity=&#8221;0&#8243; row_padding_vertical=&#8221;0&#8243; row_padding_horizontal=&#8221;0&#8243; row_margin_vertical=&#8221;0&#8243; remove_element_spacing=&#8221;no&#8221; vertical_center=&#8221;true&#8221; inner_column_height=&#8221;col-natural&#8221; row_expanding=&#8221;no&#8221; row_animation=&#8221;none&#8221; row_animation_delay=&#8221;0&#8243; row_el_class=&#8221;no-shadow&#8221; width=&#8221;1\/1&#8243; el_position=&#8221;first last&#8221;] [spb_text_block title=&#8221;Modals&#8221; animation=&#8221;none&#8221; animation_delay=&#8221;0&#8243; padding_vertical=&#8221;0&#8243; padding_horizontal=&#8221;0&#8243; simplified_controls=&#8221;yes&#8221; border_styling_global=&#8221;default&#8221; width=&#8221;1\/1&#8243; el_position=&#8221;first last&#8221;]\n<h2>They may not be the most exciting shortcode we have to offer, but they can be very useful. Below is an\u00a0example of what you can do with them.<\/h2>\n<a class=\"sf-button standard accent standard\" href=\"#modal-1\" role=\"button\" data-toggle=\"modal\"><span class=\"text\">See modal in action<\/span><\/a><div class=\"modal fade\" id=\"modal-1\" tabindex=\"-1\" aria-labelledby=\"Modal Example\" aria-hidden=\"true\"><div class=\"modal-dialog\"><div class=\"modal-content\"><div class=\"modal-header\"><button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-hidden=\"true\"><i class=\"ss-delete\"><\/i><\/button><h3 id=\"modal-label\">Modal Example<\/h3><\/div><div class=\"modal-body\"><\/p>\n[spb_video title=&#8221;Watch this video&#8221; link=&#8221;http:\/\/vimeo.com\/36176127&#8243; size=&#8221;630 x 347&#8243; full_width=&#8221;no&#8221; width=&#8221;1\/1&#8243; el_position=&#8221;first last&#8221;]\n<p>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.\u00a0Quisque nec nisi tortor. Etiam at mauris sit amet magna suscipit hend merit non sed ligula. Vivamus purus odio.<\/p>\n<p>Suspendisse viverra mauris eget tortor imperdiet vehicula. Proin egestas diam ac mauris molestie\u00a0hendrerit. Quisque nec nisi tortor. Etiam at mauris sit amet magna suscipit hend merit non sed ligula. Vivamus purus odio.\u00a0Quisque nec nisi tortor. Etiam at mauris sit amet magna suscipit hend merit non sed ligula. Vivamus purus odio.<\/p>\n<p><\/div><\/div><\/div><\/div>\n[\/spb_text_block] [spb_divider type=&#8221;thin&#8221; text=&#8221;Go to top&#8221; top_margin=&#8221;30px&#8221; bottom_margin=&#8221;30px&#8221; fullwidth=&#8221;no&#8221; width=&#8221;1\/1&#8243; el_position=&#8221;first last&#8221;] [\/spb_row] [spb_row element_name=&#8221;Row&#8221; wrap_type=&#8221;content-width&#8221; parallax_image_height=&#8221;content-height&#8221; parallax_image_movement=&#8221;fixed&#8221; parallax_image_speed=&#8221;0.5&#8243; bg_video_loop=&#8221;yes&#8221; parallax_video_height=&#8221;window-height&#8221; parallax_video_overlay=&#8221;none&#8221; row_overlay_opacity=&#8221;0&#8243; vertical_center=&#8221;true&#8221; width=&#8221;1\/1&#8243; el_position=&#8221;first last&#8221;] [spb_text_block animation=&#8221;none&#8221; animation_delay=&#8221;0&#8243; padding_vertical=&#8221;0&#8243; padding_horizontal=&#8221;0&#8243; el_class=&#8221;mt0&#8243; simplified_controls=&#8221;yes&#8221; border_styling_global=&#8221;default&#8221; width=&#8221;1\/1&#8243; el_position=&#8221;first last&#8221;]\n<h3 class=\"mt0\">Lists<\/h3>\n[\/spb_text_block] [spb_text_block animation=&#8221;none&#8221; animation_delay=&#8221;0&#8243; padding_vertical=&#8221;0&#8243; padding_horizontal=&#8221;0&#8243; el_class=&#8221;ml0&#8243; simplified_controls=&#8221;yes&#8221; border_styling_global=&#8221;default&#8221; width=&#8221;1\/3&#8243; el_position=&#8221;first&#8221;]\n<ul class=\"sf-list \">\n<li><i class=\"nucleo-icon-link\"><\/i><span>Vestibulum ante ipsum<\/span><\/li>\n<li><i class=\"nucleo-icon-link\"><\/i><span>Curae; Integer in enim<\/span><\/li>\n<li><i class=\"nucleo-icon-link\"><\/i><span>Morbi aliquet nulla at<\/span><\/li>\n<li><i class=\"nucleo-icon-link\"><\/i><span>Aliquam augue elit<\/span><\/li>\n<li><i class=\"nucleo-icon-link\"><\/i><span>Maecenas blandit<\/span><\/li>\n<li><i class=\"nucleo-icon-link\"><\/i><span>Nunc ut dolor nibh<\/span><\/li>\n<li><i class=\"nucleo-icon-link\"><\/i><span>Proin laoreet iaculis<\/span><\/li>\n<li><i class=\"nucleo-icon-link\"><\/i><span>Sed dapibus malesuada<\/span><\/li>\n<\/ul>\n[\/spb_text_block] [spb_text_block animation=&#8221;none&#8221; animation_delay=&#8221;0&#8243; padding_vertical=&#8221;0&#8243; padding_horizontal=&#8221;0&#8243; el_class=&#8221;ml0&#8243; simplified_controls=&#8221;yes&#8221; border_styling_global=&#8221;default&#8221; width=&#8221;1\/3&#8243;]\n<ul class=\"sf-list \">\n<li><i class=\"fa-dribbble\"><\/i><span>Vestibulum ante ipsum<\/span><\/li>\n<li><i class=\"fa-flickr\"><\/i><span>Curae; Integer in enim<\/span><\/li>\n<li><i class=\"fa-html5\"><\/i><span>Morbi aliquet nulla at<\/span><\/li>\n<li><i class=\"fa-twitter\"><\/i><span>Aliquam augue elit<\/span><\/li>\n<li><i class=\"fa-android\"><\/i><span>Maecenas blandit<\/span><\/li>\n<li><i class=\"fa-youtube\"><\/i><span>Nunc ut dolor nibh<\/span><\/li>\n<li><i class=\"fa-tumblr\"><\/i><span>Proin laoreet iaculis<\/span><\/li>\n<li><i class=\"fa-skype\"><\/i><span>Sed dapibus malesuada<\/span><\/li>\n<\/ul>\n[\/spb_text_block] [spb_text_block animation=&#8221;none&#8221; animation_delay=&#8221;0&#8243; padding_vertical=&#8221;0&#8243; padding_horizontal=&#8221;0&#8243; el_class=&#8221;ml0&#8243; simplified_controls=&#8221;yes&#8221; border_styling_global=&#8221;default&#8221; width=&#8221;1\/3&#8243; el_position=&#8221;last&#8221;]\n<ul class=\"sf-list \">\n<li><i class=\"fa-long-arrow-right\"><\/i><span>Vestibulum ante ipsum<\/span><\/li>\n<li><i class=\"fa-long-arrow-right\"><\/i><span>Curae; Integer in enim<\/span><\/li>\n<li><i class=\"fa-long-arrow-right\"><\/i><span>Morbi aliquet nulla at<\/span><\/li>\n<li><i class=\"fa-long-arrow-right\"><\/i><span>Aliquam augue elit<\/span><\/li>\n<li><i class=\"fa-long-arrow-right\"><\/i><span>Maecenas blandit<\/span><\/li>\n<li><i class=\"fa-long-arrow-right\"><\/i><span>Nunc ut dolor nibh<\/span><\/li>\n<li><i class=\"fa-long-arrow-right\"><\/i><span>Proin laoreet iaculis<\/span><\/li>\n<li><i class=\"fa-long-arrow-right\"><\/i><span>Sed dapibus malesuada<\/span><\/li>\n<\/ul>\n[\/spb_text_block] [\/spb_row]\n","protected":false},"excerpt":{"rendered":"<p>[spb_row element_name=&#8221;Row&#8221; wrap_type=&#8221;content-width&#8221; row_bg_type=&#8221;color&#8221; color_row_height=&#8221;content-height&#8221; bg_type=&#8221;cover&#8221; parallax_image_height=&#8221;content-height&#8221; parallax_image_movement=&#8221;fixed&#8221; parallax_image_speed=&#8221;0.5&#8243; bg_video_loop=&#8221;yes&#8221; parallax_video_height=&#8221;window-height&#8221; row_top_style=&#8221;none&#8221; row_bottom_style=&#8221;none&#8221; parallax_video_overlay=&#8221;none&#8221; row_overlay_opacity=&#8221;0&#8243; row_padding_vertical=&#8221;0&#8243; row_padding_horizontal=&#8221;0&#8243; row_margin_vertical=&#8221;0&#8243; remove_element_spacing=&#8221;no&#8221; vertical_center=&#8221;true&#8221; inner_column_height=&#8221;col-natural&#8221; row_expanding=&#8221;no&#8221; row_animation=&#8221;none&#8221; row_animation_delay=&#8221;0&#8243; row_el_class=&#8221;no-shadow&#8221; width=&#8221;1\/1&#8243; el_position=&#8221;first last&#8221;] [spb_text_block title=&#8221;Modals&#8221; animation=&#8221;none&#8221; animation_delay=&#8221;0&#8243; padding_vertical=&#8221;0&#8243; padding_horizontal=&#8221;0&#8243; simplified_controls=&#8221;yes&#8221; border_styling_global=&#8221;default&#8221; width=&#8221;1\/1&#8243; el_position=&#8221;first last&#8221;] They may not be the most exciting shortcode we have to offer, but they can be very useful. Below is an\u00a0example [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":13089,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/www.bridiproducoes.com.br\/site\/wp-json\/wp\/v2\/pages\/11179"}],"collection":[{"href":"https:\/\/www.bridiproducoes.com.br\/site\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.bridiproducoes.com.br\/site\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.bridiproducoes.com.br\/site\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bridiproducoes.com.br\/site\/wp-json\/wp\/v2\/comments?post=11179"}],"version-history":[{"count":0,"href":"https:\/\/www.bridiproducoes.com.br\/site\/wp-json\/wp\/v2\/pages\/11179\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/www.bridiproducoes.com.br\/site\/wp-json\/wp\/v2\/pages\/13089"}],"wp:attachment":[{"href":"https:\/\/www.bridiproducoes.com.br\/site\/wp-json\/wp\/v2\/media?parent=11179"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}