{"id":410,"date":"2015-03-25T23:56:47","date_gmt":"2015-03-25T23:56:47","guid":{"rendered":"http:\/\/razonartificial.com\/themes\/reason-wp\/?page_id=410"},"modified":"2015-03-25T23:56:47","modified_gmt":"2015-03-25T23:56:47","slug":"charts-countdowns","status":"publish","type":"page","link":"https:\/\/test.innovative8.uk.com\/wp3\/charts-countdowns\/","title":{"rendered":"Charts &#038; CountDowns"},"content":{"rendered":"<section class=\"css-section\">\n<h2 class=\"section-title no-margin-top\">circle.js integrated<\/h2>\n<div class=\"alert alert-info\">Artificial reason contains the library <a href=\"https:\/\/github.com\/lugolabs\/circles\">circles.js<\/a> to create statistical circles. You can use all you need, here are some examples.<\/div>\n<hr class=\"dotted\">\n<div class=\"row\">\n<div class=\"col-sm-6 col-md-3\">\n<div class=\"text-center\">\n<div class=\"circle\" id=\"circles-1\"><\/div>\n<h4 class=\"text-center\">HTML 5<\/h4>\n<p class=\"small-font\">Lorem ipsum dolor sit amet consectetur adipisicing.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"col-sm-6 col-md-3\">\n<div class=\"text-center\">\n<div class=\"circle\" id=\"circles-2\"><\/div>\n<h4 class=\"text-center\">CSS 3<\/h4>\n<p class=\"small-font\">Lorem ipsum dolor sit amet consectetur adipisicing.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"col-sm-6 col-md-3\">\n<div class=\"text-center\">\n<div class=\"circle\" id=\"circles-3\"><\/div>\n<h4 class=\"text-center\">Jquery<\/h4>\n<p class=\"small-font\">Lorem ipsum dolor sit amet consectetur adipisicing.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"col-sm-6 col-md-3\">\n<div class=\"text-center\">\n<div class=\"circle\" id=\"circles-4\"><\/div>\n<h4 class=\"text-center\">Bootstrap 3<\/h4>\n<p class=\"small-font\">Lorem ipsum dolor sit amet consectetur adipisicing.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<h2 class=\"section-title\">Diferent Size<\/h2>\n<div class=\"row\">\n<div class=\"col-sm-6 col-md-3\">\n<div class=\"text-center\">\n<div class=\"circle\" id=\"circles-5\"><\/div>\n<h4 class=\"text-center\">HTML 5<\/h4>\n<p class=\"small-font\">Lorem ipsum dolor sit amet consectetur adipisicing.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"col-sm-6 col-md-3\">\n<div class=\"text-center\">\n<div class=\"circle\" id=\"circles-6\"><\/div>\n<h4 class=\"text-center\">CSS 3<\/h4>\n<p class=\"small-font\">Lorem ipsum dolor sit amet consectetur adipisicing.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"col-sm-6 col-md-3\">\n<div class=\"text-center\">\n<div class=\"circle\" id=\"circles-7\"><\/div>\n<h4 class=\"text-center\">Jquery<\/h4>\n<p class=\"small-font\">Lorem ipsum dolor sit amet consectetur adipisicing.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"col-sm-6 col-md-3\">\n<div class=\"text-center\">\n<div class=\"circle\" id=\"circles-8\"><\/div>\n<h4 class=\"text-center\">Bootstrap 3<\/h4>\n<p class=\"small-font\">Lorem ipsum dolor sit amet consectetur adipisicing.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<h2 class=\"section-title\">Diferent colors<\/h2>\n<div class=\"row\">\n<div class=\"col-sm-6 col-md-3\">\n<div class=\"text-center\">\n<div class=\"circle\" id=\"circles-9\"><\/div>\n<h4 class=\"text-center\">HTML 5<\/h4>\n<p class=\"small-font\">Lorem ipsum dolor sit amet consectetur adipisicing.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"col-sm-6 col-md-3\">\n<div class=\"text-center\">\n<div class=\"circle\" id=\"circles-10\"><\/div>\n<h4 class=\"text-center\">CSS 3<\/h4>\n<p class=\"small-font\">Lorem ipsum dolor sit amet consectetur adipisicing.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"col-sm-6 col-md-3\">\n<div class=\"text-center\">\n<div class=\"circle\" id=\"circles-11\"><\/div>\n<h4 class=\"text-center\">Jquery<\/h4>\n<p class=\"small-font\">Lorem ipsum dolor sit amet consectetur adipisicing.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"col-sm-6 col-md-3\">\n<div class=\"text-center\">\n<div class=\"circle\" id=\"circles-12\"><\/div>\n<h4 class=\"text-center\">Bootstrap 3<\/h4>\n<p class=\"small-font\">Lorem ipsum dolor sit amet consectetur adipisicing.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<h2 class=\"section-title\">More sizes and colors<\/h2>\n<div class=\"alert alert-info\">\n                    You can combine all colors and thickness you need. And give the values \u200b\u200band manipulate them through their api with javascript.\n                <\/div>\n<hr class=\"dotted\">\n<div class=\"row\">\n<div class=\"col-sm-6 col-md-3\">\n<div class=\"text-center\">\n<div class=\"circle\" id=\"circles-13\"><\/div>\n<h4 class=\"text-center\">HTML 5<\/h4>\n<p class=\"small-font\">Lorem ipsum dolor sit amet consectetur adipisicing.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"col-sm-6 col-md-3\">\n<div class=\"text-center\">\n<div class=\"circle\" id=\"circles-14\"><\/div>\n<h4 class=\"text-center\">CSS 3<\/h4>\n<p class=\"small-font\">Lorem ipsum dolor sit amet consectetur adipisicing.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"col-sm-6 col-md-3\">\n<div class=\"text-center\">\n<div class=\"circle\" id=\"circles-15\"><\/div>\n<h4 class=\"text-center\">Jquery<\/h4>\n<p class=\"small-font\">Lorem ipsum dolor sit amet consectetur adipisicing.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"col-sm-6 col-md-3\">\n<div class=\"text-center\">\n<div class=\"circle\" id=\"circles-16\"><\/div>\n<h4 class=\"text-center\">Bootstrap 3<\/h4>\n<p class=\"small-font\">Lorem ipsum dolor sit amet consectetur adipisicing.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>circle.js integrated Artificial reason contains the library circles.js to create statistical circles. You can use all you need, here are some examples. HTML 5 Lorem ipsum dolor sit amet consectetur adipisicing. CSS 3 Lorem ipsum dolor sit amet consectetur adipisicing. Jquery Lorem ipsum dolor sit amet consectetur adipisicing. Bootstrap 3 Lorem ipsum dolor sit amet consectetur adipisicing. Diferent Size HTML 5 Lorem ipsum dolor sit amet consectetur adipisicing. CSS 3 Lorem ipsum dolor sit amet consectetur adipisicing. Jquery Lorem ipsum dolor sit amet consectetur adipisicing. Bootstrap 3 Lorem ipsum dolor sit amet consectetur adipisicing. Diferent colors HTML 5 Lorem ipsum dolor sit amet consectetur adipisicing. CSS 3 Lorem ipsum dolor sit amet consectetur adipisicing. Jquery Lorem ipsum dolor sit amet consectetur adipisicing. Bootstrap 3 Lorem ipsum dolor sit amet consectetur adipisicing. More sizes and colors You can combine all colors and thickness you need. And give the values \u200b\u200band manipulate them through their api with javascript. HTML 5 Lorem ipsum dolor sit amet consectetur adipisicing. CSS 3 Lorem ipsum dolor sit amet consectetur adipisicing. Jquery Lorem ipsum dolor sit amet consectetur adipisicing. Bootstrap 3 Lorem ipsum dolor sit amet consectetur adipisicing.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"page-left-menu.php","meta":{"footnotes":""},"class_list":["post-410","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/test.innovative8.uk.com\/wp3\/wp-json\/wp\/v2\/pages\/410","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/test.innovative8.uk.com\/wp3\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/test.innovative8.uk.com\/wp3\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/test.innovative8.uk.com\/wp3\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/test.innovative8.uk.com\/wp3\/wp-json\/wp\/v2\/comments?post=410"}],"version-history":[{"count":0,"href":"https:\/\/test.innovative8.uk.com\/wp3\/wp-json\/wp\/v2\/pages\/410\/revisions"}],"wp:attachment":[{"href":"https:\/\/test.innovative8.uk.com\/wp3\/wp-json\/wp\/v2\/media?parent=410"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}