{"id":6421,"date":"2016-04-26T13:18:29","date_gmt":"2016-04-26T13:18:29","guid":{"rendered":"http:\/\/themes.zozothemes.com\/hyd\/?page_id=6421"},"modified":"2022-07-18T12:36:39","modified_gmt":"2022-07-18T12:36:39","slug":"popover-tooltip","status":"publish","type":"page","link":"https:\/\/themes.zozothemes.com\/hydd\/elements\/popover-tooltip\/","title":{"rendered":"Popover &#038; Tooltip"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row center_row=&#8221;yes&#8221; bg_overlay=&#8221;yes&#8221; typo_style=&#8221;light&#8221; css=&#8221;.vc_custom_1466421423708{padding-top: 280px !important;padding-bottom: 80px !important;background-image: url(https:\/\/themes.zozothemes.com\/hydd\/wp-content\/uploads\/2016\/04\/elements19-1.jpg?id=6962) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}&#8221;][vc_column][vc_custom_heading text=&#8221;Popover &amp; Tooltip&#8221; font_container=&#8221;tag:h1|font_size:60px|text_align:left|line_height:64px&#8221; google_fonts=&#8221;font_family:Playfair%20Display%3Aregular%2Citalic%2C700%2C700italic%2C900%2C900italic|font_style:400%20regular%3A400%3Anormal&#8221;][\/vc_column][\/vc_row][vc_row bg_style=&#8221;light-wrapper&#8221; center_row=&#8221;yes&#8221;][vc_column]<div class=\"zozo-parallax-header\"><div class=\"parallax-header content-style-default\"><h4 class=\"parallax-title\">Popover Button<\/h4><\/div><\/div>[vc_row_inner css=&#8221;.vc_custom_1462774130712{padding-top: 30px !important;}&#8221;][vc_column_inner width=&#8221;1\/2&#8243; offset=&#8221;vc_col-lg-3 vc_col-md-3&#8243;]<div class=\"zozo-parallax-header\"><div class=\"parallax-header content-style-default\"><h5 class=\"parallax-title text-left text-uppercase\" style=\"margin:0 0 15px 0;\">Popover Top<\/h5><div class=\"parallax-desc default-style text-left\" style=\"margin:0 0 5px 0;\"><p>Architecto beatae vitae dicta sunt exple cabo. Nemo enim ipsam voluptatem qa voluptas sit aspernatur aut odiu aut fut, sed quia consequuntur magni dolore.<\/p>\n<\/div><\/div><\/div>[vc_column_text]<button type=\"button\" class=\"zozo-popover zozo-popover-button-1 btn \" title=\"REDEFINING THE WEB\" data-container=\"body\" data-toggle=\"popover\" data-placement=\"top\" data-trigger=\"click\" data-html=\"true\" data-content=\"Aenean commodo ligula eget dolor. Aenean massa. Lorem ipsum dolor sit amet, consec tetuer adipis elit, aliquam eget nibh etlibura. Aenean commodo ligula eget dolor Aenean massa. Portals seize data-driven.\">Click Me<\/button>[\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/2&#8243; offset=&#8221;vc_col-lg-3 vc_col-md-3&#8243;]<div class=\"zozo-parallax-header\"><div class=\"parallax-header content-style-default\"><h5 class=\"parallax-title text-left text-uppercase\" style=\"margin:0 0 15px 0;\">Popover Left<\/h5><div class=\"parallax-desc default-style text-left\" style=\"margin:0 0 5px 0;\"><p>Architecto beatae vitae dicta sunt exple cabo. Nemo enim ipsam voluptatem qa voluptas sit aspernatur aut odiu aut fut, sed quia consequuntur magni dolore.<\/p>\n<\/div><\/div><\/div>[vc_column_text]<button type=\"button\" class=\"zozo-popover zozo-popover-button-2 btn \" title=\"REDEFINING THE WEB\" data-container=\"body\" data-toggle=\"popover\" data-placement=\"left\" data-trigger=\"click\" data-html=\"true\" data-content=\"Aenean commodo ligula eget dolor. Aenean massa. Lorem ipsum dolor sit amet, consec tetuer adipis elit, aliquam eget nibh etlibura. Aenean commodo ligula eget dolor Aenean massa. Portals seize data-driven.\">Click Me<\/button>[\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/2&#8243; offset=&#8221;vc_col-lg-3 vc_col-md-3&#8243;]<div class=\"zozo-parallax-header\"><div class=\"parallax-header content-style-default\"><h5 class=\"parallax-title text-left text-uppercase\" style=\"margin:0 0 15px 0;\">Popover Right<\/h5><div class=\"parallax-desc default-style text-left\" style=\"margin:0 0 5px 0;\"><p>Architecto beatae vitae dicta sunt exple cabo. Nemo enim ipsam voluptatem qa voluptas sit aspernatur aut odiu aut fut, sed quia consequuntur magni dolore.<\/p>\n<\/div><\/div><\/div>[vc_column_text]<button type=\"button\" class=\"zozo-popover zozo-popover-button-3 btn \" title=\"REDEFINING THE WEB\" data-container=\"body\" data-toggle=\"popover\" data-placement=\"right\" data-trigger=\"click\" data-html=\"true\" data-content=\"Aenean commodo ligula eget dolor. Aenean massa. Lorem ipsum dolor sit amet, consec tetuer adipis elit, aliquam eget nibh etlibura. Aenean commodo ligula eget dolor Aenean massa. Portals seize data-driven.\">Click Me<\/button>[\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/2&#8243; offset=&#8221;vc_col-lg-3 vc_col-md-3&#8243;]<div class=\"zozo-parallax-header\"><div class=\"parallax-header content-style-default\"><h5 class=\"parallax-title text-left text-uppercase\" style=\"margin:0 0 15px 0;\">Popover Bottom<\/h5><div class=\"parallax-desc default-style text-left\" style=\"margin:0 0 5px 0;\"><p>Architecto beatae vitae dicta sunt exple cabo. Nemo enim ipsam voluptatem qa voluptas sit aspernatur aut odiu aut fut, sed quia consequuntur magni dolore.<\/p>\n<\/div><\/div><\/div>[vc_column_text]<button type=\"button\" class=\"zozo-popover zozo-popover-button-4 btn \" title=\"REDEFINING THE WEB\" data-container=\"body\" data-toggle=\"popover\" data-placement=\"bottom\" data-trigger=\"click\" data-html=\"true\" data-content=\"Aenean commodo ligula eget dolor. Aenean massa. Lorem ipsum dolor sit amet, consec tetuer adipis elit, aliquam eget nibh etlibura. Aenean commodo ligula eget dolor Aenean massa. Portals seize data-driven.\">Click Me<\/button>[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row center_row=&#8221;yes&#8221;][vc_column]<div class=\"zozo-parallax-header\"><div class=\"parallax-header content-style-default\"><h4 class=\"parallax-title\">Popover Link<\/h4><\/div><\/div>[vc_row_inner css=&#8221;.vc_custom_1462774130712{padding-top: 30px !important;}&#8221;][vc_column_inner width=&#8221;1\/2&#8243; offset=&#8221;vc_col-lg-3 vc_col-md-3&#8243;]<div class=\"zozo-parallax-header\"><div class=\"parallax-header content-style-default\"><h5 class=\"parallax-title text-left text-uppercase\" style=\"margin:0 0 15px 0;\">Popover Top<\/h5><div class=\"parallax-desc default-style text-left\" style=\"margin:0 0 5px 0;\"><p>Architecto beatae vitae dicta sunt exple cabo. Nemo enim ipsam voluptatem qa voluptas sit aspernatur aut odiu aut fut, sed quia consequuntur magni dolore.<\/p>\n<\/div><\/div><\/div>[vc_column_text]<a href=\"#\" class=\"zozo-popover zozo-popover-link-5\" target=\"_self\" title=\"Popover Link\" data-container=\"body\" data-toggle=\"popover\" data-placement=\"top\" data-trigger=\"hover\" data-html=\"true\" data-content=\"Architecto beatae vitae dicta sunt exple cabo. Nemo enim ipsam voluptatem qa voluptas sit aspernatur aut odiu aut fut, sed quia consequuntur magni dolore.\">Hover Me<\/a>[\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/2&#8243; offset=&#8221;vc_col-lg-3 vc_col-md-3&#8243;]<div class=\"zozo-parallax-header\"><div class=\"parallax-header content-style-default\"><h5 class=\"parallax-title text-left text-uppercase\" style=\"margin:0 0 15px 0;\">Popover Left<\/h5><div class=\"parallax-desc default-style text-left\" style=\"margin:0 0 5px 0;\"><p>Architecto beatae vitae dicta sunt exple cabo. Nemo enim ipsam voluptatem qa voluptas sit aspernatur aut odiu aut fut, sed quia consequuntur magni dolore.<\/p>\n<\/div><\/div><\/div>[vc_column_text]<a href=\"#\" class=\"zozo-popover zozo-popover-link-6\" target=\"_self\" title=\"Popover Link\" data-container=\"body\" data-toggle=\"popover\" data-placement=\"left\" data-trigger=\"hover\" data-html=\"true\" data-content=\"Architecto beatae vitae dicta sunt exple cabo. Nemo enim ipsam voluptatem qa voluptas sit aspernatur aut odiu aut fut, sed quia consequuntur magni dolore.\">Hover Me<\/a>[\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/2&#8243; offset=&#8221;vc_col-lg-3 vc_col-md-3&#8243;]<div class=\"zozo-parallax-header\"><div class=\"parallax-header content-style-default\"><h5 class=\"parallax-title text-left text-uppercase\" style=\"margin:0 0 15px 0;\">Popover Right<\/h5><div class=\"parallax-desc default-style text-left\" style=\"margin:0 0 5px 0;\"><p>Architecto beatae vitae dicta sunt exple cabo. Nemo enim ipsam voluptatem qa voluptas sit aspernatur aut odiu aut fut, sed quia consequuntur magni dolore.<\/p>\n<\/div><\/div><\/div>[vc_column_text]<a href=\"#\" class=\"zozo-popover zozo-popover-link-7\" target=\"_self\" title=\"Popover Link\" data-container=\"body\" data-toggle=\"popover\" data-placement=\"right\" data-trigger=\"hover\" data-html=\"true\" data-content=\"Architecto beatae vitae dicta sunt exple cabo. Nemo enim ipsam voluptatem qa voluptas sit aspernatur aut odiu aut fut, sed quia consequuntur magni dolore.\">Hover Me<\/a>[\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/2&#8243; offset=&#8221;vc_col-lg-3 vc_col-md-3&#8243;]<div class=\"zozo-parallax-header\"><div class=\"parallax-header content-style-default\"><h5 class=\"parallax-title text-left text-uppercase\" style=\"margin:0 0 15px 0;\">Popover Bottom<\/h5><div class=\"parallax-desc default-style text-left\" style=\"margin:0 0 5px 0;\"><p>Architecto beatae vitae dicta sunt exple cabo. Nemo enim ipsam voluptatem qa voluptas sit aspernatur aut odiu aut fut, sed quia consequuntur magni dolore.<\/p>\n<\/div><\/div><\/div>[vc_column_text]<a href=\"#\" class=\"zozo-popover zozo-popover-link-8\" target=\"_self\" title=\"Popover Link\" data-container=\"body\" data-toggle=\"popover\" data-placement=\"bottom\" data-trigger=\"hover\" data-html=\"true\" data-content=\"Architecto beatae vitae dicta sunt exple cabo. Nemo enim ipsam voluptatem qa voluptas sit aspernatur aut odiu aut fut, sed quia consequuntur magni dolore.\">Hover Me<\/a>[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row bg_style=&#8221;light-wrapper&#8221; center_row=&#8221;yes&#8221;][vc_column]<div class=\"zozo-parallax-header\"><div class=\"parallax-header content-style-default\"><h4 class=\"parallax-title\">Tooltip Button<\/h4><\/div><\/div>[vc_row_inner css=&#8221;.vc_custom_1462776241370{padding-top: 30px !important;}&#8221;][vc_column_inner width=&#8221;1\/2&#8243; offset=&#8221;vc_col-lg-3 vc_col-md-3&#8243;]<div class=\"zozo-parallax-header\"><div class=\"parallax-header content-style-default\"><h5 class=\"parallax-title text-left text-uppercase\" style=\"margin:0 0 10px 0;\">Tooltip Top<\/h5><div class=\"parallax-desc default-style text-left\" style=\"margin:0 0 5px 0;\"><p>Architecto beatae vitae dicta sunt exple cabo. Nemo enim ipsam voluptatem qa voluptas sit aspernatur aut odiu aut fut, sed quia consequuntur magni dolore.<\/p>\n<\/div><\/div><\/div>[vc_column_text]<span class=\"zozo-tooltip btn btn-custom\" data-toggle=\"tooltip\" data-placement=\"top\" title=\"Tooltip Top\">Hover Me<\/span>[\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/2&#8243; offset=&#8221;vc_col-lg-3 vc_col-md-3&#8243;]<div class=\"zozo-parallax-header\"><div class=\"parallax-header content-style-default\"><h5 class=\"parallax-title text-left text-uppercase\" style=\"margin:0 0 10px 0;\">Tooltip Left<\/h5><div class=\"parallax-desc default-style text-left\" style=\"margin:0 0 5px 0;\"><p>Architecto beatae vitae dicta sunt exple cabo. Nemo enim ipsam voluptatem qa voluptas sit aspernatur aut odiu aut fut, sed quia consequuntur magni dolore.<\/p>\n<\/div><\/div><\/div>[vc_column_text]<span class=\"zozo-tooltip btn btn-custom\" data-toggle=\"tooltip\" data-placement=\"left\" title=\"Tooltip Left\">Hover Me<\/span>[\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/2&#8243; offset=&#8221;vc_col-lg-3 vc_col-md-3&#8243;]<div class=\"zozo-parallax-header\"><div class=\"parallax-header content-style-default\"><h5 class=\"parallax-title text-left text-uppercase\" style=\"margin:0 0 10px 0;\">Tooltip Top<\/h5><div class=\"parallax-desc default-style text-left\" style=\"margin:0 0 5px 0;\"><p>Architecto beatae vitae dicta sunt exple cabo. Nemo enim ipsam voluptatem qa voluptas sit aspernatur aut odiu aut fut, sed quia consequuntur magni dolore.<\/p>\n<\/div><\/div><\/div>[vc_column_text]<span class=\"zozo-tooltip btn btn-custom\" data-toggle=\"tooltip\" data-placement=\"right\" title=\"Tooltip Right\">Hover Me<\/span>[\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/2&#8243; offset=&#8221;vc_col-lg-3 vc_col-md-3&#8243;]<div class=\"zozo-parallax-header\"><div class=\"parallax-header content-style-default\"><h5 class=\"parallax-title text-left text-uppercase\" style=\"margin:0 0 10px 0;\">Tooltip Top<\/h5><div class=\"parallax-desc default-style text-left\" style=\"margin:0 0 5px 0;\"><p>Architecto beatae vitae dicta sunt exple cabo. Nemo enim ipsam voluptatem qa voluptas sit aspernatur aut odiu aut fut, sed quia consequuntur magni dolore.<\/p>\n<\/div><\/div><\/div>[vc_column_text]<span class=\"zozo-tooltip btn btn-custom\" data-toggle=\"tooltip\" data-placement=\"bottom\" title=\"Tooltip Bottom\">Hover Me<\/span>[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row bg_style=&#8221;grey-wrapper&#8221; center_row=&#8221;yes&#8221;][vc_column]<div class=\"zozo-parallax-header\"><div class=\"parallax-header content-style-default\"><h4 class=\"parallax-title\">Tooltip Text<\/h4><\/div><\/div>[vc_column_text]<\/p>\n<p style=\"text-align: center;\">Architecto beatae vitae dicta sunt explicabo.<span class=\"zozo-tooltip\" data-toggle=\"tooltip\" data-placement=\"top\" title=\"Tooltip Top Text\"><strong><span class=\"color\">Tooltip Top Text<\/span><\/strong><\/span> Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos. voluptatem quia volu voluptanv. <span class=\"zozo-tooltip\" data-toggle=\"tooltip\" data-placement=\"bottom\" title=\"Tooltip Bottom Text\"><strong><span class=\"color\">Tooltip Bottom Text<\/span><\/strong><\/span>. Sed ut perspiciatis unde omnis iste natus error sit voluptatem sed qu conseq untur magni dolores. Lorem ipsum dolor sit amet, consec tetur adipiscni. <span class=\"zozo-tooltip\" data-toggle=\"tooltip\" data-placement=\"left\" title=\"Tooltip Left Text\"><strong><span class=\"color\">Tooltip Left Text<\/span><\/strong><\/span> Vestibulum nec odio ipsum suspendisse cursus malesuada facilisis. voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia conseqiuntur ma. <span class=\"zozo-tooltip\" data-toggle=\"tooltip\" data-placement=\"right\" title=\"Tooltip Right Text\"><strong><span class=\"color\">Tooltip Right Text<\/span><\/strong><\/span>.<\/p>\n<p>[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row center_row=&#8221;yes&#8221; bg_overlay=&#8221;yes&#8221; typo_style=&#8221;light&#8221; css=&#8221;.vc_custom_1466421423708{padding-top: 280px !important;padding-bottom: 80px !important;background-image: url(https:\/\/themes.zozothemes.com\/hydd\/wp-content\/uploads\/2016\/04\/elements19-1.jpg?id=6962) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}&#8221;][vc_column][vc_custom_heading text=&#8221;Popover &amp; Tooltip&#8221; font_container=&#8221;tag:h1|font_size:60px|text_align:left|line_height:64px&#8221; google_fonts=&#8221;font_family:Playfair%20Display%3Aregular%2Citalic%2C700%2C700italic%2C900%2C900italic|font_style:400%20regular%3A400%3Anormal&#8221;][\/vc_column][\/vc_row][vc_row bg_style=&#8221;light-wrapper&#8221; center_row=&#8221;yes&#8221;][vc_column][vc_row_inner css=&#8221;.vc_custom_1462774130712{padding-top: 30px !important;}&#8221;][vc_column_inner width=&#8221;1\/2&#8243; offset=&#8221;vc_col-lg-3 vc_col-md-3&#8243;][vc_column_text][\/vc_column_text][\/vc_column_inner][vc_column_inner&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":6355,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-fullwidth.php","meta":{"footnotes":""},"class_list":["post-6421","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/themes.zozothemes.com\/hydd\/wp-json\/wp\/v2\/pages\/6421","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themes.zozothemes.com\/hydd\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/themes.zozothemes.com\/hydd\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/themes.zozothemes.com\/hydd\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themes.zozothemes.com\/hydd\/wp-json\/wp\/v2\/comments?post=6421"}],"version-history":[{"count":0,"href":"https:\/\/themes.zozothemes.com\/hydd\/wp-json\/wp\/v2\/pages\/6421\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/themes.zozothemes.com\/hydd\/wp-json\/wp\/v2\/pages\/6355"}],"wp:attachment":[{"href":"https:\/\/themes.zozothemes.com\/hydd\/wp-json\/wp\/v2\/media?parent=6421"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}