{"id":2245,"date":"2016-03-13T12:36:01","date_gmt":"2016-03-13T12:36:01","guid":{"rendered":"http:\/\/stopdesign.cn\/demo\/?page_id=2245"},"modified":"2019-10-24T03:43:39","modified_gmt":"2019-10-24T03:43:39","slug":"hover-card","status":"publish","type":"page","link":"https:\/\/stopdesign.cn\/demo\/hover-card\/","title":{"rendered":"Hover Card"},"content":{"rendered":"

[vc_row full_width=”stretch_row” css=”.vc_custom_1457888013787{padding-top: 40px !important;padding-bottom: 80px !important;background-color: #ccd1d9 !important;}”][vc_column width=”1\/2″]

\"\"
Open lightbox with same image<\/div>
support different image too<\/div><\/i><\/div><\/a><\/div>[\/vc_column][vc_column width=”1\/2″][vc_column_text]<\/p>\n

Hello lightbox demo<\/h4>\n

Aliquam efficitur, eros rutrum sagittis tempor, mauris odio interdum tellus, eu placerat nisl urna quis justo. Sed eleifend, lacus nec bibendum pulvinar, nibh mauris vehicula augue, sit amet mattis ligula lorem eu nisl<\/p>\n

I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.[\/vc_column_text][\/vc_column][\/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1457888020908{padding-top: 100px !important;padding-bottom: 140px !important;background-color: #f5f7fa !important;}”][vc_column width=”1\/2″][vc_column_text]<\/p>\n

Hello video lightbox demo<\/h4>\n

Mauris odio interdum tellus, eu placerat nisl urna quis justo. Sed eleifend, lacus nec bibendum pulvinar, nibh mauris vehicula augue, sit amet mattis ligula lorem eu nisl<\/p>\n

Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.[\/vc_column_text][\/vc_column][vc_column width=”1\/2″]

\"\"
Open a YouTube video<\/div>
and autoplay, support Vimeo too<\/div><\/i><\/div><\/a><\/div>[\/vc_column][\/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1458281615731{padding-top: 140px !important;padding-bottom: 180px !important;background-color: #aab2bd !important;}”][vc_column width=”1\/2″]
\"\"
Lightbox with different image<\/div>
Aliquam efficitur eros rutrum <\/div><\/i><\/div><\/a><\/div>[\/vc_column][vc_column width=”1\/2″][vc_column_text]<\/p>\n

Different lightbox image demo<\/h4>\n

I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p>\n

Aliquam efficitur, eros rutrum sagittis tempor, mauris odio interdum tellus, eu placerat nisl urna quis justo. Sed eleifend, lacus nec bibendum pulvinar, nibh mauris vehicula augue, sit amet mattis ligula lorem eu nisl[\/vc_column_text][\/vc_column][\/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1458289949548{padding-top: 140px !important;padding-bottom: 180px !important;background-color: #f2f6fd !important;}”][vc_column width=”1\/2″][vc_column_text]<\/p>\n

Background without image demo<\/h4>\n

I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p>\n

Aliquam efficitur, eros rutrum sagittis tempor, mauris odio interdum tellus, eu placerat nisl urna quis justo. Sed eleifend, lacus nec bibendum pulvinar, nibh mauris vehicula augue, sit amet mattis ligula lorem eu nisl[\/vc_column_text][\/vc_column][vc_column width=”1\/2″]

Gradient color without image<\/div>
Also can open a lightbox image<\/div><\/i><\/div><\/a><\/div>[\/vc_column][\/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1457875875872{padding-top: 100px !important;padding-bottom: 100px !important;background-color: #656d78 !important;}”][vc_column width=”1\/3″]
Background support solid color too<\/div>
also support gradient color<\/div><\/i><\/div><\/a><\/div>[\/vc_column][vc_column width=”1\/3″]
Download this plugin<\/div>
This is the radial gradient<\/div><\/i><\/div><\/a><\/div>[\/vc_column][vc_column width=”1\/3″]
This is the linear gradient<\/div>
Open a Vimeo Video<\/div><\/i><\/div><\/a><\/div>[\/vc_column][\/vc_row]<\/p>\n<\/section>","protected":false},"excerpt":{"rendered":"

[vc_row full_width=”stretch_row” css=”.vc_custom_1457888013787{padding-top: 40px !important;padding-bottom: 80px !important;background-color: #ccd1d9 !important;}”][vc_column width=”1\/2″][\/vc_column][vc_column width=”1\/2″][vc_column_text] Hello lightbox demo Aliquam efficitur, eros rutrum sagittis tempor, mauris odio interdum tellus, eu placerat nisl urna quis justo. Sed eleifend, lacus nec bibendum pulvinar, nibh mauris vehicula augue, sit amet mattis ligula lorem eu nisl I am text block. Click edit button to […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/stopdesign.cn\/demo\/wp-json\/wp\/v2\/pages\/2245"}],"collection":[{"href":"https:\/\/stopdesign.cn\/demo\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stopdesign.cn\/demo\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stopdesign.cn\/demo\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/stopdesign.cn\/demo\/wp-json\/wp\/v2\/comments?post=2245"}],"version-history":[{"count":32,"href":"https:\/\/stopdesign.cn\/demo\/wp-json\/wp\/v2\/pages\/2245\/revisions"}],"predecessor-version":[{"id":3707,"href":"https:\/\/stopdesign.cn\/demo\/wp-json\/wp\/v2\/pages\/2245\/revisions\/3707"}],"wp:attachment":[{"href":"https:\/\/stopdesign.cn\/demo\/wp-json\/wp\/v2\/media?parent=2245"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}