[vc_row columns=”1″][vc_column][us_text text=”Custom Sizes, Colors, and Content” tag=”h4″ css=”%7B%22default%22%3A%7B%22text-align%22%3A%22center%22%7D%7D”][vc_row_inner columns=”3″ content_placement=”middle”][vc_column_inner width=”1/3″][us_popup btn_label=”Simple Popup” align=”center” popup_padding=”40px” paddings=”” btn_style=”11″ closer_pos=”inside”]

This popup may have any size and colors

Etiam euismod lobortis iaculis. Fusce in nisi in enim facilisis pellentesque. Maecenas pulvinar lacus sed dui scelerisque pharetra. Praesent interdum velit pretium rutrum volutpat. Proin porttitor neque sapien.

Donec et urna in metus eleifend condimentum vel et lacus. Cras ac aliquam nulla. In luctus pretium ligula, et mollis velit laoreet rhoncus. Morbi at nibh ac ligula porta convallis. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

[/us_popup][/vc_column_inner][vc_column_inner width=”1/3″][us_popup btn_label=”Custom Popup” btn_style=”17″ align=”center” animation=”scaleDown” popup_padding=”12%” title_bgcolor=”” title_textcolor=”” content_bgcolor=”_content_primary” content_textcolor=”#ffffff” overlay_bgcolor=”” paddings=”” popup_width=”700px” closer_pos=”inside” popup_border_radius=”0 2.5em”]

This popup may have any size and colors

Etiam euismod lobortis iaculis. Fusce in nisi in enim facilisis pellentesque. Maecenas pulvinar lacus sed dui scelerisque pharetra. Praesent interdum velit pretium rutrum volutpat. Proin porttitor neque sapien.

Donec et urna in metus eleifend condimentum vel et lacus. Cras ac aliquam nulla. In luctus pretium ligula, et mollis velit laoreet rhoncus. Morbi at nibh ac ligula porta convallis. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

[/us_popup][/vc_column_inner][vc_column_inner width=”1/3″][us_popup btn_label=”Transparent Popup” btn_style=”15″ align=”center” animation=”flipVer” popup_padding=”1.5rem” title_bgcolor=”” title_textcolor=”” content_bgcolor=”” content_textcolor=”#ffffff” overlay_bgcolor=”rgba(61,49,82,0.95)” paddings=”” popup_width=”500px”]

This popup may have any size and colors

Etiam euismod lobortis iaculis. Fusce in nisi in enim facilisis pellentesque. Maecenas pulvinar lacus sed dui scelerisque pharetra. Praesent interdum velit pretium rutrum volutpat. Proin porttitor neque sapien.

Donec et urna in metus eleifend condimentum vel et lacus. Cras ac aliquam nulla. In luctus pretium ligula, et mollis velit laoreet rhoncus. Morbi at nibh ac ligula porta convallis. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

[/us_popup][/vc_column_inner][vc_column_inner width=”1/3″][us_popup btn_label=”Mixed Content” btn_style=”21″ align=”center” popup_padding=”8%” overlay_bgcolor=”” content_bgcolor=”_content_text” content_textcolor=”_content_bg” layout=”fullscreen” use_page_block=”8348″]

This content will appear inside a popup…

[/us_popup][/vc_column_inner][vc_column_inner width=”1/3″][us_popup btn_label=”Gallery” btn_style=”16″ align=”center” animation=”flipHor” popup_width=”1000px” popup_padding=”” title_bgcolor=”” title_textcolor=”” overlay_bgcolor=”rgba(228,13,117,0.90)” content_bgcolor=”_content_text” content_textcolor=”_content_bg”]

[/us_popup][/vc_column_inner][vc_column_inner width=”1/3″][us_popup btn_label=”Video” btn_style=”18″ align=”center” animation=”scaleUp” popup_width=”1000px” popup_padding=”” title_bgcolor=”” title_textcolor=”” content_bgcolor=”#000000″ content_textcolor=”#ffffff” overlay_bgcolor=”rgba(255,255,255,0.8)” closer_color=”#000000″]

[/us_popup][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row columns=”1″][vc_column][us_text text=”Popup Layout” tag=”h4″ css=”%7B%22default%22%3A%7B%22text-align%22%3A%22center%22%7D%7D”][vc_row_inner columns=”4″][vc_column_inner width=”1/4″][us_popup btn_label=”Default Layout” align=”center” paddings=”” use_page_block=”8348″ popup_width=”800px” popup_padding=”8%” animation=”slideTop”]

This popup may have any size

Etiam euismod lobortis iaculis. Fusce in nisi in enim facilisis pellentesque. Maecenas pulvinar lacus sed dui scelerisque pharetra. Praesent interdum velit pretium rutrum volutpat. Proin porttitor neque sapien. Donec et urna in metus eleifend condimentum vel et lacus. Cras ac aliquam nulla. In luctus pretium ligula, et mollis velit laoreet rhoncus. Morbi at nibh ac ligula porta convallis. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

[/us_popup][/vc_column_inner][vc_column_inner width=”1/4″][us_popup btn_label=”Full Screen” align=”center” popup_padding=”8%” paddings=”” use_page_block=”8348″ layout=”fullscreen” animation=”slideBottom”]

This popup may have any size

Etiam euismod lobortis iaculis. Fusce in nisi in enim facilisis pellentesque. Maecenas pulvinar lacus sed dui scelerisque pharetra. Praesent interdum velit pretium rutrum volutpat. Proin porttitor neque sapien. Donec et urna in metus eleifend condimentum vel et lacus. Cras ac aliquam nulla. In luctus pretium ligula, et mollis velit laoreet rhoncus. Morbi at nibh ac ligula porta convallis. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

[/us_popup][/vc_column_inner][vc_column_inner width=”1/4″][us_popup btn_label=”Left Panel” align=”center” popup_padding=”8%” paddings=”” use_page_block=”8348″ layout=”left_panel” animation=”slideLeft” popup_width=”400px”]

This popup may have any size

Etiam euismod lobortis iaculis. Fusce in nisi in enim facilisis pellentesque. Maecenas pulvinar lacus sed dui scelerisque pharetra. Praesent interdum velit pretium rutrum volutpat. Proin porttitor neque sapien. Donec et urna in metus eleifend condimentum vel et lacus. Cras ac aliquam nulla. In luctus pretium ligula, et mollis velit laoreet rhoncus. Morbi at nibh ac ligula porta convallis. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

[/us_popup][/vc_column_inner][vc_column_inner width=”1/4″][us_popup btn_label=”Right Panel” align=”center” popup_padding=”8%” paddings=”” use_page_block=”8348″ layout=”right_panel” animation=”slideRight” popup_width=”400px”]

This popup may have any size

Etiam euismod lobortis iaculis. Fusce in nisi in enim facilisis pellentesque. Maecenas pulvinar lacus sed dui scelerisque pharetra. Praesent interdum velit pretium rutrum volutpat. Proin porttitor neque sapien. Donec et urna in metus eleifend condimentum vel et lacus. Cras ac aliquam nulla. In luctus pretium ligula, et mollis velit laoreet rhoncus. Morbi at nibh ac ligula porta convallis. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

[/us_popup][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row columns=”2″ columns_gap=”6vh”][vc_column width=”1/2″][us_text text=”Open by Image click” tag=”h4″ css=”%7B%22default%22%3A%7B%22text-align%22%3A%22center%22%7D%7D”][us_popup show_on=”image” image=”8253″ align=”center” animation=”scaleUp” closer_pos=”inside” popup_padding=”0″ content_bgcolor=”#7049ba” content_textcolor=”#ffffff” overlay_bgcolor=”rgba(51,51,51,0.95)” paddings=”” use_page_block=”7718″ layout=”fullscreen”][/us_popup][/vc_column][vc_column width=”1/2″][us_text text=”Open by click on specific element” tag=”h4″ css=”%7B%22default%22%3A%7B%22text-align%22%3A%22center%22%7D%7D”][us_ibanner ratio=”3×2″ animation=”soter” image=”8254″ title=”Click to Open a Popup” el_class=”my-popup” title_tag=”h3″][us_popup show_on=”selector” closer_pos=”inside” popup_padding=”0″ paddings=”” use_page_block=”7718″ layout=”fullscreen” animation=”scaleUp” content_bgcolor=”” trigger_selector=”.my-popup” overlay_bgcolor=”_content_link_hover” content_textcolor=”_content_bg”][/us_popup][/vc_column][/vc_row]