Modal Popup

[vc_row][vc_column][it_heading heading_style=”style2″ font_weight=”” size=”25″ weight=”” margin_bottom=”40″]Modal Animations[/it_heading][vc_column_text]Modal popup for text content, you can do this by choosing the modal from shortcode features, this will apply a popup for the modal content.[/vc_column_text][vc_empty_space height=”30px”][it_modal mod_btn_text=”Fade in & Scale” mod_btn_size=”btn-sm” mod_btn_full_width=”1″ 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” mod_btn_color=”#ffffff” mod_btn_bg_color=”#ef2674″ content_background=”#ffffff” conent_padd_top=”30″ conent_padd_right=”30″ conent_padd_bottom=”30″ conent_padd_left=”30″][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.[/vc_column_text][/it_modal][it_modal modal_anim=”md-effect-2″ mod_btn_text=”Slide in (Right)” mod_btn_size=”btn-sm” mod_btn_full_width=”1″ 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” mod_btn_color=”#ffffff” mod_btn_bg_color=”#ef2674″][vc_gallery interval=”3″ images=”3609,3611,3613″ img_size=”full”][/it_modal][it_modal modal_anim=”md-effect-3″ mod_btn_text=”Slide in (bottom)” mod_btn_size=”btn-sm” mod_btn_full_width=”1″ 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” mod_btn_color=”#ffffff” mod_btn_bg_color=”#ef2674″ content_background=”#ffffff” conent_padd_top=”30″ conent_padd_right=”30″ conent_padd_bottom=”30″ conent_padd_left=”30″][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.[/vc_column_text][/it_modal][it_modal modal_anim=”md-effect-4″ mod_btn_text=”Newspaper” mod_btn_size=”btn-sm” mod_btn_full_width=”1″ 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” mod_btn_color=”#ffffff” mod_btn_bg_color=”#ef2674″ content_background=”#ffffff” conent_padd_top=”30″ conent_padd_right=”30″ conent_padd_bottom=”30″ conent_padd_left=”30″][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.[/vc_column_text][/it_modal][it_modal modal_anim=”md-effect-5″ mod_btn_text=”FALL” mod_btn_size=”btn-sm” mod_btn_full_width=”1″ 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” mod_btn_color=”#ffffff” mod_btn_bg_color=”#ef2674″ content_background=”#ffffff” conent_padd_top=”30″ conent_padd_right=”30″ conent_padd_bottom=”30″ conent_padd_left=”30″][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.[/vc_column_text][/it_modal][it_modal modal_anim=”md-effect-6″ mod_btn_text=”Side Fall” mod_btn_size=”btn-sm” mod_btn_full_width=”1″ 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” mod_btn_color=”#ffffff” mod_btn_bg_color=”#ef2674″ content_background=”#ffffff” conent_padd_top=”30″ conent_padd_right=”30″ conent_padd_bottom=”30″ conent_padd_left=”30″][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.[/vc_column_text][/it_modal][it_modal modal_anim=”md-effect-7″ mod_btn_text=”Sticky Up” mod_btn_size=”btn-sm” mod_btn_full_width=”1″ 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” mod_btn_color=”#ffffff” mod_btn_bg_color=”#ef2674″ content_background=”#ffffff” conent_padd_top=”30″ conent_padd_right=”30″ conent_padd_bottom=”30″ conent_padd_left=”30″][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.[/vc_column_text][/it_modal][it_modal modal_anim=”md-effect-8″ mod_btn_text=”3D Flip (horizontal)” mod_btn_size=”btn-sm” mod_btn_full_width=”1″ 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” mod_btn_color=”#ffffff” mod_btn_bg_color=”#ef2674″ content_background=”#ffffff” conent_padd_top=”30″ conent_padd_right=”30″ conent_padd_bottom=”30″ conent_padd_left=”30″][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.[/vc_column_text][/it_modal][it_modal modal_anim=”md-effect-9″ mod_btn_text=”3D Flip (vertical)” mod_btn_size=”btn-sm” mod_btn_full_width=”1″ 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” mod_btn_color=”#ffffff” mod_btn_bg_color=”#ef2674″ content_background=”#ffffff” conent_padd_top=”30″ conent_padd_right=”30″ conent_padd_bottom=”30″ conent_padd_left=”30″][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.[/vc_column_text][/it_modal][it_modal modal_anim=”md-effect-10″ mod_btn_text=”3D Sign” mod_btn_size=”btn-sm” mod_btn_full_width=”1″ 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” mod_btn_color=”#ffffff” mod_btn_bg_color=”#ef2674″ content_background=”#ffffff” conent_padd_top=”30″ conent_padd_right=”30″ conent_padd_bottom=”30″ conent_padd_left=”30″][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.[/vc_column_text][/it_modal][it_modal modal_anim=”md-effect-11″ mod_btn_text=”Super Scaled” mod_btn_size=”btn-sm” mod_btn_full_width=”1″ 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” mod_btn_color=”#ffffff” mod_btn_bg_color=”#ef2674″ content_background=”#ffffff” conent_padd_top=”30″ conent_padd_right=”30″ conent_padd_bottom=”30″ conent_padd_left=”30″][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.[/vc_column_text][/it_modal][it_modal modal_anim=”md-effect-13″ mod_btn_text=”3D Slit” mod_btn_size=”btn-sm” mod_btn_full_width=”1″ 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” mod_btn_color=”#ffffff” mod_btn_bg_color=”#ef2674″ content_background=”#ffffff” conent_padd_top=”30″ conent_padd_right=”30″ conent_padd_bottom=”30″ conent_padd_left=”30″][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.[/vc_column_text][/it_modal][it_modal modal_anim=”md-effect-14″ mod_btn_text=”3D Rotate Bottom” mod_btn_size=”btn-sm” mod_btn_full_width=”1″ 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” mod_btn_color=”#ffffff” mod_btn_bg_color=”#ef2674″ content_background=”#ffffff” conent_padd_top=”30″ conent_padd_right=”30″ conent_padd_bottom=”30″ conent_padd_left=”30″][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.[/vc_column_text][/it_modal][it_modal modal_anim=”md-effect-15″ mod_btn_text=”3D Rotate Left” mod_btn_size=”btn-sm” mod_btn_full_width=”1″ 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” mod_btn_color=”#ffffff” mod_btn_bg_color=”#ef2674″ content_background=”#ffffff” conent_padd_top=”30″ conent_padd_right=”30″ conent_padd_bottom=”30″ conent_padd_left=”30″][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.[/vc_column_text][/it_modal][/vc_column][/vc_row][vc_row bg_main=”color” section_bg_color=”#f9f9f9″][vc_column css=”.vc_custom_1525485729878{background-position: 0 0 !important;background-repeat: no-repeat !important;}”][it_heading heading_style=”simple” heading_align=”centered” font_weight=”” weight=””]Find Out What We Present!!![/it_heading][it_modal modal_element=”icon” icon_align=”center” icon_shape=”circle” icon_size=”box-lg-icon” hover_anim=”” modal_size=”modal-lg” hide_header=”1″ hide_footer=”1″ icon_fontawesome=”fa fa-play” icon_color=”#d82950″ conent_padd_top=”0″ conent_padd_right=”0″ conent_padd_bottom=”0″ conent_padd_left=”0″ icon_font_size=”22″ icon_border_width=”4″ icon_border_color=”#d82950″ icon_border_hover_color=”#d82950″ icon_param=”stline-arrow-button-right-2″][vc_video link=”https://vimeo.com/74923476″][/it_modal][/vc_column][/vc_row][vc_row][vc_column css=”.vc_custom_1525485729878{background-position: 0 0 !important;background-repeat: no-repeat !important;}”][it_heading heading_style=”simple” heading_align=”centered” font_weight=”” weight=””]Find Out What We Present!!![/it_heading][it_modal modal_element=”icon” icon_align=”center” icon_shape=”circle” icon_size=”box-lg-icon” hover_anim=”zoomin” modal_size=”modal-lg” hide_header=”1″ hide_footer=”1″ icon_fontawesome=”fa fa-play” icon_color=”#ffffff” conent_padd_top=”0″ conent_padd_right=”0″ conent_padd_bottom=”0″ conent_padd_left=”0″ icon_font_size=”22″ icon_bg_color=”#dd9933″ icon_border_width=”4″ icon_border_color=”#dd9933″ icon_border_hover_color=”#dd9933″ icon_param=”stline-arrow-button-right-2″ icon_hover_color=”#dd9933″ icon_bg_hover_color=”rgba(255,255,255,0.01)”][vc_video link=”https://vimeo.com/74923476″][/it_modal][/vc_column][/vc_row][vc_row bg_main=”image” row_align=”text-center” bg_image_repeat=”no-repeat” bg_image_position=”50% 100%” parallax=”1″ section_bg_color=”#ef2674″ it_bg_img=”8453″ css=”.vc_custom_1551663654821{padding-bottom: 350px !important;}”][vc_column][it_heading heading_style=”simple” heading_align=”centered” font_weight=”” weight=”” margin_bottom=”40″]Youtube Video Modal[/it_heading][vc_column_text css=”.vc_custom_1525647324469{margin-bottom: 60px !important;}”]

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][it_modal modal_element=”icon” icon_align=”center” icon_shape=”circle” icon_size=”box-lg-icon” hover_anim=”mod-outline-out” hide_header=”1″ hide_footer=”1″ icon_fontawesome=”fa fa-heart-o” 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” conent_padd_top=”0″ conent_padd_right=”0″ conent_padd_bottom=”0″ conent_padd_left=”0″ icon_font_size=”22″ icon_color=”#ffffff” icon_border_color=”#ffffff” icon_border_width=”4″ icon_param=”stline-controls-play”][vc_video link=”https://www.youtube.com/watch?v=lMJXxhRFO1k”][/it_modal][/vc_column][/vc_row][vc_row][vc_column][it_heading heading_style=”style2″ heading_align=”centered” font_weight=”” weight=”” margin_bottom=”40″]Modal On Image[/it_heading][vc_row_inner css=”.vc_custom_1525647915444{margin-right: -30px !important;margin-left: -30px !important;padding-right: 0px !important;padding-left: 0px !important;}”][vc_column_inner width=”1/3″ css=”.vc_custom_1525647935764{padding-right: 5px !important;}”][it_modal modal_element=”mod_image” image=”3609″ img_size=”blog-small-image” modal_type=”image” hide_header=”1″ hide_footer=”1″ conent_padd_top=”0″ conent_padd_right=”0″ conent_padd_bottom=”0″ conent_padd_left=”0″][vc_single_image image=”3609″ img_size=”full” alignment=”center”][/it_modal][/vc_column_inner][vc_column_inner width=”1/3″ css=”.vc_custom_1525647941236{padding-left: 5px !important;}”][it_modal modal_element=”mod_image” image=”3611″ img_size=”blog-small-image” modal_type=”image” hide_header=”1″ hide_footer=”1″ conent_padd_top=”0″ conent_padd_right=”0″ conent_padd_bottom=”0″ conent_padd_left=”0″][vc_single_image image=”3611″ img_size=”full” alignment=”center”][/it_modal][/vc_column_inner][vc_column_inner width=”1/3″][it_modal modal_element=”mod_image” image=”3613″ img_size=”blog-small-image” modal_type=”image” hide_header=”1″ hide_footer=”1″ conent_padd_top=”0″ conent_padd_right=”0″ conent_padd_bottom=”0″ conent_padd_left=”0″][vc_single_image image=”3613″ img_size=”full” alignment=”center”][/it_modal][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row]