Tooltips Popover

[vc_row speed=”0.20″ row_seperator=”no-seperator” top=”70px” bottom=”0px”][vc_column width=”1/1″][vc_column_text]Hover over the logos for pop-up[/vc_column_text][/vc_column][/vc_row][vc_row speed=”0.20″ row_seperator=”no-seperator” textalign=”center” top=”100px” bottom=”100px” bg_color=”#fcfefc”][vc_column width=”1/4″][vc_tooltip width=”auto” height=”auto” placement=”auto” trigger=”hover” style=”inverse” popover_content=”Fusce sed risus mi. Cras faucibus nulla porta lacinia blandit. “][vc_single_image image=”2720″ border_color=”grey” img_link_target=”_self” img_size=”122×138″ alignment=”center” link=”#”][/vc_tooltip][/vc_column][vc_column width=”1/4″][vc_tooltip width=”auto” height=”auto” placement=”auto” trigger=”hover” style=”inverse” popover_content=”Mauris mauris felis, fermentum a turpis in, feugiat semper odio.”][vc_single_image image=”2720″ border_color=”grey” img_link_target=”_self” img_size=”122×138″ alignment=”center” link=”#”][/vc_tooltip][/vc_column][vc_column width=”1/4″][vc_tooltip width=”auto” height=”auto” placement=”auto” trigger=”hover” style=”inverse” popover_content=”Fusce sed risus mi. Cras faucibus nulla porta lacinia blandit. “][vc_single_image image=”2720″ border_color=”grey” img_link_target=”_self” img_size=”122×138″ alignment=”center” link=”#”][/vc_tooltip][/vc_column][vc_column width=”1/4″][vc_tooltip width=”auto” height=”auto” placement=”auto” trigger=”hover” style=”inverse” popover_content=”Fusce sed risus mi. Cras faucibus nulla porta lacinia blandit. “][vc_single_image image=”2720″ border_color=”grey” img_link_target=”_self” img_size=”122×138″ alignment=”center” link=”#”][/vc_tooltip][/vc_column][/vc_row][vc_row bg_color=”#f7f7f7″ speed=”0.20″ row_seperator=”row-line-seperator” top=”70px” bottom=”70px” textalign=”right” row_show_on=”hide_tablet_portrait,hide_mobile_landscape,hide_mobile_portrait”][vc_column width=”2/3″][vc_empty_space height=”5px”][vc_column_text]

Click the button to see the popover tooltip.

[/vc_column_text][/vc_column][vc_column width=”1/3″][vc_tooltip width=”auto” height=”auto” placement=”auto” trigger=”click” title=”Before you proceed” popover_content=”Aliquam interdum tellus ut imperdiet varius. Nunc erat nulla, tincidunt elit non, imperdiet imperdiet augue.”][vc_button title=”Bring The pop-up” size=”btn-large” color=”btn_themecolor” link=”||” icon_name=”fa-long-arrow-right”][/vc_tooltip][/vc_column][/vc_row][vc_row bg_color=”#f7f7f7″ speed=”0.20″ row_seperator=”no-seperator” top=”70px” bottom=”60px” textalign=”center” row_mobile_style=”ipad_full_width” row_show_on=”hide_on_normal_screen,hide_tablet_landscape”][vc_column width=”2/3″][vc_column_text]Tap the button to see the popover tooltip![/vc_column_text][/vc_column][vc_column width=”1/3″][vc_tooltip width=”auto” height=”auto” placement=”auto” trigger=”hover” title=”Before you proceed” popover_content=”Aliquam interdum tellus ut imperdiet varius. Nunc erat nulla, tincidunt elit non, imperdiet imperdiet augue.”][vc_button title=”Bring The pop-up” size=”btn-large” color=”btn_themecolor” link=”||” icon_name=”fa-long-arrow-right”][/vc_tooltip][/vc_column][/vc_row][vc_row bg_color=”#3498db” speed=”0.20″ row_seperator=”no-seperator” top=”70px” bottom=”70px” font_color=”#ffffff” textalign=”right” row_show_on=”hide_tablet_portrait,hide_mobile_landscape,hide_mobile_portrait”][vc_column width=”2/3″][vc_empty_space height=”5px”][vc_column_text]

Hover over the button to see the popover tooltip.

[/vc_column_text][/vc_column][vc_column width=”1/3″][vc_tooltip width=”auto” height=”auto” placement=”auto” trigger=”hover” title=”Before you proceed” popover_content=”Aliquam interdum tellus ut imperdiet varius. Nunc erat nulla, tincidunt elit non, imperdiet imperdiet augue.”][vc_button title=”Start Free Trial” size=”btn-large” color=”btn_white” button_style=”minimal_style” link=”||” icon_name=”fa-long-arrow-right”][/vc_tooltip][/vc_column][/vc_row][vc_row bg_color=”#3498db” speed=”0.20″ row_seperator=”no-seperator” top=”70px” bottom=”60px” font_color=”#ffffff” textalign=”center” row_mobile_style=”ipad_full_width” row_show_on=”hide_on_normal_screen,hide_tablet_landscape”][vc_column width=”2/3″][vc_column_text]Tap the button to see the popover tooltip![/vc_column_text][/vc_column][vc_column width=”1/3″][vc_tooltip width=”auto” height=”auto” placement=”auto” trigger=”hover” title=”Before you proceed” popover_content=”Aliquam interdum tellus ut imperdiet varius. Nunc erat nulla, tincidunt elit non, imperdiet imperdiet augue.”][vc_button title=”Start Free Trial” size=”btn-large” color=”btn_white” button_style=”minimal_style” link=”||” icon_name=”fa-long-arrow-right”][/vc_tooltip][/vc_column][/vc_row]
Yorum Yapın

Avatar

Onur Aydoğdu

Rehber Öğretmen - Kişisel Gelişim Uzmanı - Öğrenci Koçu - Eğitim Uzmanı -

Onur AYDOĞDU

Kırıkkale Üniversitesinde lisansını tamamlandı. Psikolojik Danışmanlık ve Rehberlik yüksek lisans eğitimine başladı. Yüksek lisansını başarı ile tamamladı ve uzman psikolojik danışman ünvanını alarak çeşitli kurumlarda uzman psikolojik danışman olarak çalışmış ergen ve yetişkinlere yönelik danışmanlık ve aile danışmanlığı hizmeti vermiştir.