{"id":3156,"date":"2017-02-19T08:05:29","date_gmt":"2017-02-19T08:05:29","guid":{"rendered":"http:\/\/stopdesign.cn\/demo\/?page_id=3156"},"modified":"2017-02-21T04:06:46","modified_gmt":"2017-02-21T04:06:46","slug":"video-card","status":"publish","type":"page","link":"https:\/\/stopdesign.cn\/demo\/video-card\/","title":{"rendered":"Video Card"},"content":{"rendered":"<section class=\"wpb-content-wrapper\"><p>[vc_row full_width=&#8221;stretch_row&#8221; css=&#8221;.vc_custom_1487492113125{padding-top: 80px !important;padding-bottom: 80px !important;background-color: #656d78 !important;}&#8221;][vc_column width=&#8221;1\/2&#8243;]<div class=\"cq-videocard cq-bordertype-solid cq-videocard-hidetextbydefault  \" data-tolerance=\"14\" data-elementheight=\"320\"  data-labelsize=\"\" data-labelcolor=\"\" data-namecolor=\"\" data-namesize=\"\" data-overlaycolor=\"\" data-lightboxmargin=\"\" data-bordercolor=\"\" data-videourl=\"https:\/\/www.youtube.com\/watch?v=nrJtHemSPW4\" data-autoplay=\"true\" data-showbar=\"true\" data-mute=\"false\"  data-isloop=\"false\" data-startat=\"0\" data-stopat=\"\" data-videoquality=\n        \"default\" data-opacity=\"\" data-videovolume=\"50\" data-avatarsize=\"\" data-iconcolor=\"\" data-iconbgcolor=\"\" data-extrainfosize=\"\" data-extrainfocolor=\"\"><div class=\"cq-videocard-card\"><div class=\"cq-videocard-video\" class=\"player\"><\/div><div class=\"cq-videocard-content\"><div class=\"cq-videocard-header\"><div class=\"cq-videocard-avatar\"><i class=\"cq-videocard-icon typcn typcn-social-youtube\"><\/i><\/div><div class=\"cq-videocard-avatartext\"><div class=\"cq-videocard-avatarname\">Avatar name<\/div><div class=\"cq-videocard-avatarlabel\">Avatar label<\/div><\/div><\/div><div class=\"cq-videocard-text\">Optional text and the avatar. Avatar support both image or icon.\u00a0mauris 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<\/div><div class=\"cq-videocard-extra\">Extra info under the text<\/div><\/div><\/div><\/div>[\/vc_column][vc_column width=&#8221;1\/2&#8243;][vc_column_text]<\/p>\n<h4 style=\"font-size: 2em;\"><span style=\"color: #ffffff;\">Video Card demo<\/span><\/h4>\n<p><span style=\"color: #ffffff;\">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<\/span><\/p>\n<p><span style=\"color: #ffffff;\">Sed eleifend, lacus nec bibendum pulvinar, nibh mauris vehicula augue, sit amet mattis ligula lorem eu nisl.<\/span><\/p>\n<p><span style=\"color: #ffffff;\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/span>[\/vc_column_text][\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row&#8221; css=&#8221;.vc_custom_1487492312314{padding-top: 80px !important;padding-bottom: 80px !important;background-color: #967adc !important;}&#8221;][vc_column width=&#8221;1\/2&#8243;][vc_column_text]<\/p>\n<h4 style=\"font-size: 2em;\"><span style=\"color: #ffffff;\">Video Card demo<\/span><\/h4>\n<p><span style=\"color: #ffffff;\">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<\/span><\/p>\n<p><span style=\"color: #ffffff;\">Sed eleifend, lacus nec bibendum pulvinar, nibh mauris vehicula augue, sit amet mattis ligula lorem eu nisl.<\/span><\/p>\n<p><span style=\"color: #ffffff;\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/span>[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/2&#8243;]<div class=\"cq-videocard cq-bordertype-solid cq-videocard-hidetextbydefault  \" data-tolerance=\"14\" data-elementheight=\"\"  data-labelsize=\"\" data-labelcolor=\"\" data-namecolor=\"\" data-namesize=\"\" data-overlaycolor=\"\" data-lightboxmargin=\"\" data-bordercolor=\"\" data-videourl=\"https:\/\/www.youtube.com\/watch?v=Jc8VaMQ5aOo\" data-autoplay=\"false\" data-showbar=\"true\" data-mute=\"false\"  data-isloop=\"false\" data-startat=\"0\" data-stopat=\"\" data-videoquality=\n        \"default\" data-opacity=\"\" data-videovolume=\"50\" data-avatarsize=\"\" data-iconcolor=\"\" data-iconbgcolor=\"\" data-extrainfosize=\"\" data-extrainfocolor=\"\"><div class=\"cq-videocard-card\"><div class=\"cq-videocard-video\" class=\"player\"><\/div><div class=\"cq-videocard-content\"><div class=\"cq-videocard-header\"><div class=\"cq-videocard-avatar\" style=\"background-image:url(https:\/\/stopdesign.cn\/demo\/wp-content\/uploads\/2016\/03\/photo-1457449205106-d0aad138e99b-1.jpg)\"><\/div><div class=\"cq-videocard-avatartext\"><div class=\"cq-videocard-avatarname\">Avatar name<\/div><div class=\"cq-videocard-avatarlabel\">Avatar label<\/div><\/div><\/div><div class=\"cq-videocard-text\"><\/p>\n<h3>GoPro: Best of 2016 &#8211; A Year in Review<\/h3>\n<p>Rewind through the best of 2016 as GoPro captures the most epic moments around the world. Follow along through the GoPro lens as Matt Mingay takes the track on two wheels<\/div><div class=\"cq-videocard-extra\">GoPro<\/div><\/div><\/div><\/div>[\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row&#8221; css=&#8221;.vc_custom_1487493795301{padding-top: 80px !important;padding-bottom: 80px !important;background-color: #3d284b !important;}&#8221;][vc_column width=&#8221;1\/3&#8243;]<div class=\"cq-videocard cq-bordertype-solid cq-videocard-hidetextbydefault  \" data-tolerance=\"14\" data-elementheight=\"360\"  data-labelsize=\"\" data-labelcolor=\"\" data-namecolor=\"\" data-namesize=\"\" data-overlaycolor=\"\" data-lightboxmargin=\"\" data-bordercolor=\"\" data-videourl=\"https:\/\/www.youtube.com\/watch?v=PjGkVCAo8Fw\" data-autoplay=\"false\" data-showbar=\"true\" data-mute=\"false\"  data-isloop=\"false\" data-startat=\"0\" data-stopat=\"\" data-videoquality=\n        \"default\" data-opacity=\"\" data-videovolume=\"50\" data-avatarsize=\"\" data-iconcolor=\"\" data-iconbgcolor=\"\" data-extrainfosize=\"\" data-extrainfocolor=\"\"><a href=\"http:\/\/stopdesign.cn\/demo\/video-card\/\" title=\"\" target=\"\" rel=\"\"><div class=\"cq-videocard-card\"><div class=\"cq-videocard-video\" class=\"player\"><\/div><div class=\"cq-videocard-content\"><div class=\"cq-videocard-header\"><div class=\"cq-videocard-avatar\" style=\"background-image:url(https:\/\/stopdesign.cn\/demo\/wp-content\/uploads\/2014\/04\/photo-1478070531059-3db579c041d5.jpg)\"><\/div><div class=\"cq-videocard-avatartext\"><div class=\"cq-videocard-avatarname\">Avatar name<\/div><div class=\"cq-videocard-avatarlabel\">Avatar label<\/div><\/div><\/div><div class=\"cq-videocard-text\"><\/p>\n<h3>Whole element as a link<\/h3>\n<p>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.<\/div><\/div><\/div><\/a><\/div>[\/vc_column][vc_column width=&#8221;1\/3&#8243;]<div class=\"cq-videocard cq-bordertype-solid cq-videocard-hidetextbydefault  \" data-tolerance=\"14\" data-elementheight=\"360\"  data-labelsize=\"\" data-labelcolor=\"#81d742\" data-namecolor=\"#dd3333\" data-namesize=\"\" data-overlaycolor=\"\" data-lightboxmargin=\"\" data-bordercolor=\"\" data-videourl=\"https:\/\/www.youtube.com\/watch?v=5iimxAJPPLY\" data-autoplay=\"false\" data-showbar=\"true\" data-mute=\"false\"  data-isloop=\"false\" data-startat=\"0\" data-stopat=\"\" data-videoquality=\n        \"default\" data-opacity=\"\" data-videovolume=\"50\" data-avatarsize=\"\" data-iconcolor=\"\" data-iconbgcolor=\"\" data-extrainfosize=\"\" data-extrainfocolor=\"\"><a href=\"http:\/\/codecanyon.net\/item\/visual-composer-extensions-all-in-one\/7731868?ref=sike\" title=\"download\" target=\"_blank\" rel=\"\"><div class=\"cq-videocard-card\"><div class=\"cq-videocard-video\" class=\"player\"><\/div><div class=\"cq-videocard-content\"><div class=\"cq-videocard-header\"><div class=\"cq-videocard-avatar\"><i class=\"cq-videocard-icon fa fa-camera-retro\"><\/i><\/div><div class=\"cq-videocard-avatartext\"><div class=\"cq-videocard-avatarname\">Different color<\/div><div class=\"cq-videocard-avatarlabel\">Different label<\/div><\/div><\/div><div class=\"cq-videocard-text\"><\/p>\n<h3>Click to download this plugin<\/h3>\n<p>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.<\/div><\/div><\/div><\/a><\/div>[\/vc_column][vc_column width=&#8221;1\/3&#8243;]<div class=\"cq-videocard cq-bordertype-solid cq-videocard-hidetextbydefault  \" data-tolerance=\"14\" data-elementheight=\"360\"  data-labelsize=\"\" data-labelcolor=\"\" data-namecolor=\"\" data-namesize=\"\" data-overlaycolor=\"\" data-lightboxmargin=\"\" data-bordercolor=\"\" data-videourl=\"https:\/\/www.youtube.com\/watch?v=vlDzYIIOYmM\" data-autoplay=\"false\" data-showbar=\"true\" data-mute=\"false\"  data-isloop=\"false\" data-startat=\"0\" data-stopat=\"\" data-videoquality=\n        \"default\" data-opacity=\"\" data-videovolume=\"50\" data-avatarsize=\"\" data-iconcolor=\"\" data-iconbgcolor=\"\" data-extrainfosize=\"\" data-extrainfocolor=\"\"><a href=\"http:\/\/codecanyon.net\/item\/visual-composer-extensions-all-in-one\/7731868?ref=sike\" title=\"download\" target=\"_blank\" rel=\"\"><div class=\"cq-videocard-card\"><div class=\"cq-videocard-video\" class=\"player\"><\/div><div class=\"cq-videocard-content\"><div class=\"cq-videocard-header\"><div class=\"cq-videocard-avatartext\"><\/div><\/div><div class=\"cq-videocard-text\"><\/p>\n<h3>Click to download this plugin<\/h3>\n<p>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.<\/div><\/div><\/div><\/a><\/div>[\/vc_column][\/vc_row]<\/p>\n<\/section>","protected":false},"excerpt":{"rendered":"<p>[vc_row full_width=&#8221;stretch_row&#8221; css=&#8221;.vc_custom_1487492113125{padding-top: 80px !important;padding-bottom: 80px !important;background-color: #656d78 !important;}&#8221;][vc_column width=&#8221;1\/2&#8243;][\/vc_column][vc_column width=&#8221;1\/2&#8243;][vc_column_text] Video Card 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 Sed eleifend, lacus nec bibendum pulvinar, nibh mauris [&hellip;]<\/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\/3156"}],"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=3156"}],"version-history":[{"count":13,"href":"https:\/\/stopdesign.cn\/demo\/wp-json\/wp\/v2\/pages\/3156\/revisions"}],"predecessor-version":[{"id":3170,"href":"https:\/\/stopdesign.cn\/demo\/wp-json\/wp\/v2\/pages\/3156\/revisions\/3170"}],"wp:attachment":[{"href":"https:\/\/stopdesign.cn\/demo\/wp-json\/wp\/v2\/media?parent=3156"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}