Modal Popup
[vc_row][vc_column width=»1/2″][it_heading heading_style=»simple»]Gallery Popup Window[/it_heading][vc_column_text]In this modal popup you can add the Gallery Images and then you can navigate between them within this modal content.[/vc_column_text][vc_empty_space height=»30px»][it_modal button_size=»lg» block_btn=»1″ size=»lg» shape=»round» color=»turquoise» button_text=»Open Modal» modal_title=»Gallery Popup Window» close_button_text=»Close» el_class=»m-t-3″][it_camera_slideshow height=»400px» align=»center» pagination=»1″ navigation=»1″][it_camera_slide image=»13177″][it_camera_slide image=»13188″][it_camera_slide image=»13190″][it_camera_slide image=»13198″][/it_camera_slideshow][/it_modal][/vc_column][vc_column width=»1/2″][it_heading heading_style=»simple»]Google Map Popup Window[/it_heading][vc_column_text]In this modal popup you can add the login form and then perform your login functionality code within this modal content.[/vc_column_text][vc_empty_space height=»30px»][it_modal button_size=»lg» block_btn=»1″ size=»lg» shape=»round» color=»turquoise» button_text=»Open Modal» modal_title=»Google Map Popup Window» close_button_text=»Close» el_class=»m-t-3″][it_gmap gmap_height=»400px» gmap_latitude=»-2.206″ gmap_longitude=»-79.897″ gmap_address=»Guayaquil, Ecuador» gmap_key=»AIzaSyDS0xMdE2r-3TK8_XKlDrLXA1Of08InVhA»][/it_modal][/vc_column][/vc_row][vc_row row_padd=»no-padding»][vc_column][it_divider divider_class=»wide» icon_fontawesome=»fa fa-heart-o» icon_align=»center»][/vc_column][/vc_row][vc_row][vc_column width=»1/2″][it_heading heading_style=»simple»]Large Popup Window[/it_heading][vc_column_text]Large modal popup for extra large content, you can do this by choosing the large modal size from shortcode features, this will apply a wider larger popup style for the modal content.[/vc_column_text][vc_empty_space height=»30px»][it_modal modal_style=»success» modal_size=»modal-lg» button_size=»lg» block_btn=»1″ size=»lg» shape=»round» color=»turquoise» button_text=»Open Modal» modal_title=»Large Popup Window» close_button_text=»Close» el_class=»m-t-3″][vc_column_text]
Text in a modal
Duis mollis, est non commodo luctus, nisi erat porttitor ligula.
Overflowing text to show scroll behavior
Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.
Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.
Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla.
Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.
Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.
Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla.
Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.
Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.
Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla.[/vc_column_text][/it_modal][/vc_column][vc_column width=»1/2″][it_heading heading_style=»simple»]Small Popup Window[/it_heading][vc_column_text]Large modal popup for extra small content, you can do this by choosing the small modal size from shortcode features, this will apply a wider smaller popup style for the modal content.[/vc_column_text][vc_empty_space height=»30px»][it_modal modal_size=»modal-sm» button_size=»lg» block_btn=»1″ size=»lg» shape=»round» color=»turquoise» button_text=»Open Modal» modal_title=»Small Popup Window» close_button_text=»Close» el_class=»m-t-3″][vc_column_text]Mauris in quam tristique, dignissim urna in, molestie felis. Fusce tristique, elit nec vehicula imperdiet, eros est egestas odio, at aliquet elit nulla sed massa.[/vc_column_text][/it_modal][/vc_column][/vc_row][vc_row row_padd=»no-padding»][vc_column][it_divider divider_class=»wide» icon_fontawesome=»fa fa-heart-o» icon_align=»center»][/vc_column][/vc_row][vc_row][vc_column width=»1/2″][it_heading heading_style=»simple»]Youtube Video Popup Window[/it_heading][vc_column_text]Youtube video modal popup has some setup to be done, add the modal shortcode, then add a new video shortcode inside it and add the video URL Ex: http://www.youtube.com/embed/loFtozxZG0s", this will add the link to the youtube video iframe source.[/vc_column_text][vc_empty_space height=»30px»][it_modal button_size=»lg» block_btn=»1″ size=»lg» shape=»round» color=»turquoise» button_text=»Open Modal» modal_title=»Youtube Video Popup Window» close_button_text=»Close» el_class=»m-t-3″][vc_video link=»https://www.youtube.com/watch?v=lMJXxhRFO1k»][/it_modal][/vc_column][vc_column width=»1/2″][it_heading heading_style=»simple»]Vimeo Video Popup Window[/it_heading][vc_column_text]Vimeo video modal popup has some setup to be done, add the modal shortcode, then add a new video shortcode inside it and add the video URL Ex: «//player.vimeo.com/video/71876963", this will add the link to the Vimeo video iframe source.[/vc_column_text][vc_empty_space height=»30px»][it_modal button_size=»lg» block_btn=»1″ size=»lg» shape=»round» color=»turquoise» button_text=»Open Modal» modal_title=»Vimeo Video Popup Window» close_button_text=»Close» el_class=»m-t-3″][vc_video][/it_modal][/vc_column][/vc_row]