{"id":556,"date":"2014-09-03T13:23:59","date_gmt":"2014-09-03T13:23:59","guid":{"rendered":"http:\/\/stopdesign.cn\/codecanyon\/vc-extensions\/?page_id=556"},"modified":"2016-03-13T16:13:39","modified_gmt":"2016-03-13T16:13:39","slug":"to-do-list","status":"publish","type":"page","link":"https:\/\/stopdesign.cn\/demo\/to-do-list\/","title":{"rendered":"To Do List"},"content":{"rendered":"<section class=\"wpb-content-wrapper\"><p>[vc_row css=&#8221;.vc_custom_1457885604409{padding-bottom: 120px !important;}&#8221;][vc_column width=&#8221;1\/3&#8243;]<div class=\"cqlist-container \" data-isclickable=\"yes\" data-clickedicon=\"fa fa-check-square-o\" style=\"width:;\"><div class=\"cqlist \"><h3 style=\"color:#ffffff;background-color:#663399;\">Default Example<\/h3><ul><\/p>\n<div class=\"cqlist-item\">You have to wrap each item text in a div with class <strong>cqlist-item<\/strong>. Something like:<br \/>\n&lt;div class=&#8217;cqlist-item&#8217;&gt;Buy plane tickets&lt;\/div&gt;<\/div>\n<div class=\"cqlist-item\">Buy plane tickets<\/div>\n<div class=\"cqlist-item\">Plan Birthday Party<\/div>\n<div class=\"cqlist-item\">Water the plants, <a href=\"http:\/\/codecanyon.net\/user\/sike?ref=sike\">Visit my profile<\/a> for more works.<\/div>\n<div class=\"cqlist-item\">Make dinner reservation<\/div>\n<div class=\"cqlist-item\">Pay electricity bill<\/div>\n<p><\/ul><\/div><\/div>[\/vc_column][vc_column width=&#8221;1\/3&#8243;]<div class=\"cqlist-container \" data-isclickable=\"yes\" data-clickedicon=\"fa fa-check-square-o\" style=\"width:;\"><div class=\"cqlist \"><h3 style=\"color:#5e5e5e;background-color:#663399;background-image:url(https:\/\/stopdesign.cn\/demo\/wp-content\/uploads\/2014\/06\/purty_wood.png);\">Front-end Interactive<\/h3><ul><\/p>\n<div class=\"cqlist-item\">The to do list here is interactive. The data will not be saved, which means the list will be reset every time the page reload<\/div>\n<div class=\"cqlist-item\">Buy plane tickets<\/div>\n<div class=\"cqlist-item\"><del>Plan Birthday Party<\/del><\/div>\n<div class=\"cqlist-item\">Water the plants, <a href=\"http:\/\/codecanyon.net\/user\/sike?ref=sike\">Visit my profile<\/a> for more works.<\/div>\n<div class=\"cqlist-item\">Make dinner reservation<\/div>\n<div class=\"cqlist-item\">Pay electricity bill<\/div>\n<p><\/ul><\/div><\/div>[\/vc_column][vc_column width=&#8221;1\/3&#8243;]<div class=\"cqlist-container \" data-isclickable=\"no\" data-clickedicon=\"fa fa-check-square-o\" style=\"width:;\"><div class=\"cqlist border\"><h3 style=\"color:#ffffff;background-color:#663399;\">To Do List<\/h3><ul><\/p>\n<div class=\"cqlist-item\"><del>Buy plane tickets<\/del><\/div>\n<div class=\"cqlist-item\">Visit the shores store<\/div>\n<div class=\"cqlist-item\">Plan Birthday Party<\/div>\n<div class=\"cqlist-item\">Choose a luxury spa hotel<\/div>\n<div class=\"cqlist-item\">Touring the ruins at Pompeii<\/div>\n<div class=\"cqlist-item\">Visit the city of Rome<\/div>\n<p><\/ul><\/div><\/div>[\/vc_column][\/vc_row][vc_row][vc_column][vc_text_separator title=&#8221;Price Table Example&#8221;][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1457885613571{padding-bottom: 120px !important;}&#8221;][vc_column width=&#8221;1\/3&#8243;]<div class=\"cqlist-container \" data-isclickable=\"no\" data-clickedicon=\"fa fa-check-square-o\" style=\"width:;\"><div class=\"cqlist border\"><h3 style=\"color:#ffffff;background-color:#484900;\">Basic Setup<\/h3><ul><\/p>\n<div class=\"cqlist-item\">CSS3 transition.<\/div>\n<div class=\"cqlist-item\">Buy plane tickets<\/div>\n<div class=\"cqlist-item\">Plan Birthday Party<\/div>\n<div class=\"cqlist-item\">Water the plants, <a href=\"http:\/\/codecanyon.net\/user\/sike?ref=sike\">Visit my profile<\/a> for more works.<\/div>\n<div class=\"cqlist-item\">Make dinner reservation<\/div>\n<div class=\"cqlist-item\">Pay electricity bill<\/div>\n<p><\/ul><\/div><\/div><div class=\"cqlist-signup\"><a href=\"\" target=\"\" title=\"\" style=\"padding:;max-width:120px;color:#ffffff;background:#21a1a5;\" data-signupbackground=\"#21a1a5\" data-signuphoverbackground=\"#6495ed\">Sign Up<\/a><\/div>[\/vc_column][vc_column width=&#8221;1\/3&#8243;]<div class=\"cqlist-container \" data-isclickable=\"no\" data-clickedicon=\"fa fa-check-square-o\" style=\"width:;\"><div class=\"cqlist border\"><h3 style=\"color:#ffffff;background-color:#663399;\">Best Selling<\/h3><ul><\/p>\n<div class=\"cqlist-item\">CSS3 transition.<\/div>\n<div class=\"cqlist-item\">Buy plane tickets<\/div>\n<div class=\"cqlist-item\">Plan Birthday Party<\/div>\n<div class=\"cqlist-item\">Water the plants, <a href=\"http:\/\/codecanyon.net\/user\/sike?ref=sike\">Visit my profile<\/a> for more works.<\/div>\n<div class=\"cqlist-item\">Make dinner reservation<\/div>\n<div class=\"cqlist-item\">Extra features<\/div>\n<p><\/ul><\/div><\/div><div class=\"cqlist-signup\"><a href=\"\" target=\"\" title=\"\" style=\"padding:;max-width:120px;color:#ffffff;background:#1e73be;\" data-signupbackground=\"#1e73be\" data-signuphoverbackground=\"#6495ed\">Download<\/a><\/div>[\/vc_column][vc_column width=&#8221;1\/3&#8243;]<div class=\"cqlist-container \" data-isclickable=\"no\" data-clickedicon=\"fa fa-check-square-o\" style=\"width:;\"><div class=\"cqlist border\"><h3 style=\"color:#ffffff;background-color:#1f6270;\">Premium Setup<\/h3><ul><\/p>\n<div class=\"cqlist-item\">CSS3 transition.<\/div>\n<div class=\"cqlist-item\">Buy plane tickets<\/div>\n<div class=\"cqlist-item\">Make dinner reservation<\/div>\n<div class=\"cqlist-item\">Pay electricity bill<\/div>\n<div class=\"cqlist-item\">Yet another cool feature<\/div>\n<div class=\"cqlist-item\">Pay more you get more<\/div>\n<p><\/ul><\/div><\/div><div class=\"cqlist-signup\"><a href=\"\" target=\"\" title=\"\" style=\"padding:;max-width:120px;color:#ffffff;background:#639918;\" data-signupbackground=\"#639918\" data-signuphoverbackground=\"#8224e3\">Sign Up<\/a><\/div>[\/vc_column][\/vc_row][vc_row][vc_column][vc_text_separator title=&#8221;Put it in a tab&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_tabs interval=&#8221;0&#8243;][vc_tab title=&#8221;Plan A&#8221; tab_id=&#8221;1409753014-1-80&#8243;]<div class=\"cqlist-container \" data-isclickable=\"yes\" data-clickedicon=\"fa fa-check-square-o\" style=\"width:;\"><div class=\"cqlist \"><h3 style=\"color:#ffffff;background-color:#663399;\">To Do List<\/h3><ul><\/p>\n<div class=\"cqlist-item\">You have to wrap each item text in a div with class <strong>cqlist-item<\/strong>. Something like:<br \/>\n&lt;div class=&#8217;cqlist-item&#8217;&gt;Buy plane tickets&lt;\/div&gt;<\/div>\n<div class=\"cqlist-item\">Buy plane tickets<\/div>\n<div class=\"cqlist-item\">Plan Birthday Party<\/div>\n<div class=\"cqlist-item\">Water the plants, <a href=\"http:\/\/codecanyon.net\/user\/sike?ref=sike\">Visit my profile<\/a> for more works.<\/div>\n<div class=\"cqlist-item\">Make dinner reservation<\/div>\n<div class=\"cqlist-item\">Pay electricity bill<\/div>\n<p><\/ul><\/div><\/div>[\/vc_tab][vc_tab title=&#8221;Plan B&#8221; tab_id=&#8221;1409753014-2-41&#8243;]<div class=\"cqlist-container \" data-isclickable=\"yes\" data-clickedicon=\"fa fa-check-square-o\" style=\"width:;\"><div class=\"cqlist \"><h3 style=\"color:#ffffff;background-color:#663399;\">To Do List<\/h3><ul><\/p>\n<div class=\"cqlist-item\">Buy plane tickets<\/div>\n<div class=\"cqlist-item\">Plan Birthday Party<\/div>\n<div class=\"cqlist-item\">Water the plants, <a href=\"http:\/\/codecanyon.net\/user\/sike?ref=sike\">Visit my profile<\/a> for more works.<\/div>\n<div class=\"cqlist-item\">Make dinner reservation<\/div>\n<div class=\"cqlist-item\">Pay electricity bill<\/div>\n<p><\/ul><\/div><\/div>[\/vc_tab][\/vc_tabs][\/vc_column][\/vc_row]<\/p>\n<\/section>","protected":false},"excerpt":{"rendered":"<p>[vc_row css=&#8221;.vc_custom_1457885604409{padding-bottom: 120px !important;}&#8221;][vc_column width=&#8221;1\/3&#8243;][\/vc_column][vc_column width=&#8221;1\/3&#8243;][\/vc_column][vc_column width=&#8221;1\/3&#8243;][\/vc_column][\/vc_row][vc_row][vc_column][vc_text_separator title=&#8221;Price Table Example&#8221;][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1457885613571{padding-bottom: 120px !important;}&#8221;][vc_column width=&#8221;1\/3&#8243;][\/vc_column][vc_column width=&#8221;1\/3&#8243;][\/vc_column][vc_column width=&#8221;1\/3&#8243;][\/vc_column][\/vc_row][vc_row][vc_column][vc_text_separator title=&#8221;Put it in a tab&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_tabs interval=&#8221;0&#8243;][vc_tab title=&#8221;Plan A&#8221; tab_id=&#8221;1409753014-1-80&#8243;][\/vc_tab][vc_tab title=&#8221;Plan B&#8221; tab_id=&#8221;1409753014-2-41&#8243;][\/vc_tab][\/vc_tabs][\/vc_column][\/vc_row]<\/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\/556"}],"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=556"}],"version-history":[{"count":1,"href":"https:\/\/stopdesign.cn\/demo\/wp-json\/wp\/v2\/pages\/556\/revisions"}],"predecessor-version":[{"id":2338,"href":"https:\/\/stopdesign.cn\/demo\/wp-json\/wp\/v2\/pages\/556\/revisions\/2338"}],"wp:attachment":[{"href":"https:\/\/stopdesign.cn\/demo\/wp-json\/wp\/v2\/media?parent=556"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}