{"id":63,"date":"2014-10-08T15:21:21","date_gmt":"2014-10-08T15:21:21","guid":{"rendered":"http:\/\/izp.mojpr.com\/?page_id=63"},"modified":"2014-10-08T15:21:21","modified_gmt":"2014-10-08T15:21:21","slug":"callout-boxes","status":"publish","type":"page","link":"http:\/\/izp.tapavicki.com\/?page_id=63","title":{"rendered":"Callout Boxes"},"content":{"rendered":"<h6 class=\"heading-horizontal\" style=\"margin:20px 0 60px 0;\"><span>Callout Boxes<\/span><\/h6>\n<div class=\"one_half tt-column\">\n<div class=\"message_karma_royalblue colored_box tt_\" style=\"font-size:13px;\">\n<h6>Royal Blue<\/h6>\n<p>Donec ullamcorper nulla non metus auctor fringilla. Nullam quis risus eget urna mollis ornare vel eu leo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam lacinia facilisis nibh, ut imperdiet massa sagittis id. In hac habitasse platea dictumst. <a href=\"#\">Sample link<\/a><\/p>\n<\/div><br class=\"clear\" \/>\n<div class=\"message_karma_coolblue colored_box tt_\" style=\"font-size:13px;\">\n<h6>Cool Blue<\/h6>\n<p>Donec ullamcorper nulla non metus auctor fringilla. Nullam quis risus eget urna mollis ornare vel eu leo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam lacinia facilisis nibh, ut imperdiet massa sagittis id. In hac habitasse platea dictumst. <a href=\"#\">Sample link<\/a><\/p>\n<\/div><br class=\"clear\" \/>\n<div class=\"message_karma_vistablue colored_box tt_\" style=\"font-size:13px;\">\n<h6>Vista Blue<\/h6>\n<p>Donec ullamcorper nulla non metus auctor fringilla. Nullam quis risus eget urna mollis ornare vel eu leo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam lacinia facilisis nibh, ut imperdiet massa sagittis id. In hac habitasse platea dictumst. <a href=\"#\">Sample link<\/a><\/p>\n<\/div><br class=\"clear\" \/>\n<div class=\"message_karma_tealgrey colored_box tt_\" style=\"font-size:13px;\">\n<h6>Teal Grey<\/h6>\n<p>Donec ullamcorper nulla non metus auctor fringilla. Nullam quis risus eget urna mollis ornare vel eu leo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam lacinia facilisis nibh, ut imperdiet massa sagittis id. In hac habitasse platea dictumst. <a href=\"#\">Sample link<\/a><\/p>\n<\/div><br class=\"clear\" \/>\n<div class=\"message_karma_bluegrey colored_box tt_\" style=\"font-size:13px;\">\n<h6>Blue Grey<\/h6>\n<p>Donec ullamcorper nulla non metus auctor fringilla. Nullam quis risus eget urna mollis ornare vel eu leo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam lacinia facilisis nibh, ut imperdiet massa sagittis id. In hac habitasse platea dictumst. <a href=\"#\">Sample link<\/a><\/p>\n<\/div><br class=\"clear\" \/>\n<div class=\"message_karma_steelgreen colored_box tt_\" style=\"font-size:13px;\">\n<h6>Steel Green<\/h6>\n<p>Donec ullamcorper nulla non metus auctor fringilla. Nullam quis risus eget urna mollis ornare vel eu leo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam lacinia facilisis nibh, ut imperdiet massa sagittis id. In hac habitasse platea dictumst. <a href=\"#\">Sample link<\/a><\/p>\n<\/div><br class=\"clear\" \/>\n<div class=\"message_karma_silver colored_box tt_\" style=\"font-size:13px;\">\n<h6>Silver<\/h6>\n<p>Donec ullamcorper nulla non metus auctor fringilla. Nullam quis risus eget urna mollis ornare vel eu leo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam lacinia facilisis nibh, ut imperdiet massa sagittis id. In hac habitasse platea dictumst. <a href=\"#\">Sample link<\/a><\/p>\n<\/div><br class=\"clear\" \/>\n<div class=\"message_karma_autumn colored_box tt_\" style=\"font-size:13px;\">\n<h6>Autumn<\/h6>\n<p>Donec ullamcorper nulla non metus auctor fringilla. Nullam quis risus eget urna mollis ornare vel eu leo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam lacinia facilisis nibh, ut imperdiet massa sagittis id. In hac habitasse platea dictumst. <a href=\"#\">Sample link<\/a><\/p>\n<\/div><br class=\"clear\" \/>\n<div class=\"message_karma_alphagreen colored_box tt_\" style=\"font-size:13px;\">\n<h6>Alpha Green<\/h6>\n<p>Donec ullamcorper nulla non metus auctor fringilla. Nullam quis risus eget urna mollis ornare vel eu leo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam lacinia facilisis nibh, ut imperdiet massa sagittis id. In hac habitasse platea dictumst. <a href=\"#\">Sample link<\/a><\/p>\n<\/div><br class=\"clear\" \/>\n<div class=\"message_karma_yogigreen colored_box tt_\" style=\"font-size:13px;\">\n<h6>Yogi Green<\/h6>\n<p>Donec ullamcorper nulla non metus auctor fringilla. Nullam quis risus eget urna mollis ornare vel eu leo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam lacinia facilisis nibh, ut imperdiet massa sagittis id. In hac habitasse platea dictumst. <a href=\"#\">Sample link<\/a><\/p>\n<\/div><br class=\"clear\" \/>\n<div class=\"message_karma_limegreen colored_box tt_\" style=\"font-size:13px;\">\n<h6>Lime Green<\/h6>\n<p>Donec ullamcorper nulla non metus auctor fringilla. Nullam quis risus eget urna mollis ornare vel eu leo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam lacinia facilisis nibh, ut imperdiet massa sagittis id. In hac habitasse platea dictumst. <a href=\"#\">Sample link<\/a><\/p>\n<\/div><br class=\"clear\" \/>\n<div class=\"message_karma_orange colored_box tt_\" style=\"font-size:13px;\">\n<h6>Orange<\/h6>\n<p>Donec ullamcorper nulla non metus auctor fringilla. Nullam quis risus eget urna mollis ornare vel eu leo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam lacinia facilisis nibh, ut imperdiet massa sagittis id. In hac habitasse platea dictumst. <a href=\"#\">Sample link<\/a><\/p>\n<\/div><br class=\"clear\" \/>\n<div class=\"message_karma_buoyred colored_box tt_\" style=\"font-size:13px;\">\n<h6>Buoy Red<\/h6>\n<p>Donec ullamcorper nulla non metus auctor fringilla. Nullam quis risus eget urna mollis ornare vel eu leo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam lacinia facilisis nibh, ut imperdiet massa sagittis id. In hac habitasse platea dictumst. <a href=\"#\">Sample link<\/a><\/p>\n<\/div><br class=\"clear\" \/>\n<div class=\"message_karma_purple colored_box tt_\" style=\"font-size:13px;\">\n<h6>Purple<\/h6>\n<p>Donec ullamcorper nulla non metus auctor fringilla. Nullam quis risus eget urna mollis ornare vel eu leo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam lacinia facilisis nibh, ut imperdiet massa sagittis id. In hac habitasse platea dictumst. <a href=\"#\">Sample link<\/a><\/p>\n<\/div><br class=\"clear\" \/>\n<div class=\"message_karma_periwinkle colored_box tt_\" style=\"font-size:13px;\">\n<h6>Periwinkle<\/h6>\n<p>Donec ullamcorper nulla non metus auctor fringilla. Nullam quis risus eget urna mollis ornare vel eu leo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam lacinia facilisis nibh, ut imperdiet massa sagittis id. In hac habitasse platea dictumst. <a href=\"#\">Sample link<\/a><\/p>\n<\/div><br class=\"clear\" \/>\n<\/div>\n<div class=\"one_half_last tt-column\">\n<div class=\"message_karma_politicalblue colored_box tt_\" style=\"font-size:13px;\">\n<h6>Political Blue<\/h6>\n<p>Donec ullamcorper nulla non metus auctor fringilla. Nullam quis risus eget urna mollis ornare vel eu leo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam lacinia facilisis nibh, ut imperdiet massa sagittis id. In hac habitasse platea dictumst. <a href=\"#\">Sample link<\/a><\/p>\n<\/div><br class=\"clear\" \/>\n<div class=\"message_karma_skyblue colored_box tt_\" style=\"font-size:13px;\">\n<h6>Sky Blue<\/h6>\n<p>Donec ullamcorper nulla non metus auctor fringilla. Nullam quis risus eget urna mollis ornare vel eu leo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam lacinia facilisis nibh, ut imperdiet massa sagittis id. In hac habitasse platea dictumst. <a href=\"#\">Sample link<\/a><\/p>\n<\/div><br class=\"clear\" \/>\n<div class=\"message_karma_black colored_box tt_\" style=\"font-size:13px;\">\n<h6>Black<\/h6>\n<p>Donec ullamcorper nulla non metus auctor fringilla. Nullam quis risus eget urna mollis ornare vel eu leo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam lacinia facilisis nibh, ut imperdiet massa sagittis id. In hac habitasse platea dictumst. <a href=\"#\">Sample link<\/a><\/p>\n<\/div><br class=\"clear\" \/>\n<div class=\"message_karma_grey colored_box tt_\" style=\"font-size:13px;\">\n<h6>Grey<\/h6>\n<p>Donec ullamcorper nulla non metus auctor fringilla. Nullam quis risus eget urna mollis ornare vel eu leo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam lacinia facilisis nibh, ut imperdiet massa sagittis id. In hac habitasse platea dictumst. <a href=\"#\">Sample link<\/a><\/p>\n<\/div><br class=\"clear\" \/>\n<div class=\"message_karma_saffronblue colored_box tt_\" style=\"font-size:13px;\">\n<h6>Saffron Blue<\/h6>\n<p>Donec ullamcorper nulla non metus auctor fringilla. Nullam quis risus eget urna mollis ornare vel eu leo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam lacinia facilisis nibh, ut imperdiet massa sagittis id. In hac habitasse platea dictumst. <a href=\"#\">Sample link<\/a><\/p>\n<\/div><br class=\"clear\" \/>\n<div class=\"message_karma_tufgreen colored_box tt_\" style=\"font-size:13px;\">\n<h6>Tuf Green<\/h6>\n<p>Donec ullamcorper nulla non metus auctor fringilla. Nullam quis risus eget urna mollis ornare vel eu leo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam lacinia facilisis nibh, ut imperdiet massa sagittis id. In hac habitasse platea dictumst. <a href=\"#\">Sample link<\/a><\/p>\n<\/div><br class=\"clear\" \/>\n<div class=\"message_karma_coffee colored_box tt_\" style=\"font-size:13px;\">\n<h6>Coffee<\/h6>\n<p>Donec ullamcorper nulla non metus auctor fringilla. Nullam quis risus eget urna mollis ornare vel eu leo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam lacinia facilisis nibh, ut imperdiet massa sagittis id. In hac habitasse platea dictumst. <a href=\"#\">Sample link<\/a><\/p>\n<\/div><br class=\"clear\" \/>\n<div class=\"message_karma_teal colored_box tt_\" style=\"font-size:13px;\">\n<h6>Teal<\/h6>\n<p>Donec ullamcorper nulla non metus auctor fringilla. Nullam quis risus eget urna mollis ornare vel eu leo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam lacinia facilisis nibh, ut imperdiet massa sagittis id. In hac habitasse platea dictumst. <a href=\"#\">Sample link<\/a><\/p>\n<\/div><br class=\"clear\" \/>\n<div class=\"message_karma_frenchgreen colored_box tt_\" style=\"font-size:13px;\">\n<h6>French Green<\/h6>\n<p>Donec ullamcorper nulla non metus auctor fringilla. Nullam quis risus eget urna mollis ornare vel eu leo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam lacinia facilisis nibh, ut imperdiet massa sagittis id. In hac habitasse platea dictumst. <a href=\"#\">Sample link<\/a><\/p>\n<\/div><br class=\"clear\" \/>\n<div class=\"message_karma_forestgreen colored_box tt_\" style=\"font-size:13px;\">\n<h6>Forest Green<\/h6>\n<p>Donec ullamcorper nulla non metus auctor fringilla. Nullam quis risus eget urna mollis ornare vel eu leo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam lacinia facilisis nibh, ut imperdiet massa sagittis id. In hac habitasse platea dictumst. <a href=\"#\">Sample link<\/a><\/p>\n<\/div><br class=\"clear\" \/>\n<div class=\"message_karma_golden colored_box tt_\" style=\"font-size:13px;\">\n<h6>Golden<\/h6>\n<p>Donec ullamcorper nulla non metus auctor fringilla. Nullam quis risus eget urna mollis ornare vel eu leo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam lacinia facilisis nibh, ut imperdiet massa sagittis id. In hac habitasse platea dictumst. <a href=\"#\">Sample link<\/a><\/p>\n<\/div><br class=\"clear\" \/>\n<div class=\"message_karma_fire colored_box tt_\" style=\"font-size:13px;\">\n<h6>Fire<\/h6>\n<p>Donec ullamcorper nulla non metus auctor fringilla. Nullam quis risus eget urna mollis ornare vel eu leo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam lacinia facilisis nibh, ut imperdiet massa sagittis id. In hac habitasse platea dictumst. <a href=\"#\">Sample link<\/a><\/p>\n<\/div><br class=\"clear\" \/>\n<div class=\"message_karma_cherry colored_box tt_\" style=\"font-size:13px;\">\n<h6>Cherry<\/h6>\n<p>Donec ullamcorper nulla non metus auctor fringilla. Nullam quis risus eget urna mollis ornare vel eu leo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam lacinia facilisis nibh, ut imperdiet massa sagittis id. In hac habitasse platea dictumst. <a href=\"#\">Sample link<\/a><\/p>\n<\/div><br class=\"clear\" \/>\n<div class=\"message_karma_pink colored_box tt_\" style=\"font-size:13px;\">\n<h6>Pink<\/h6>\n<p>Donec ullamcorper nulla non metus auctor fringilla. Nullam quis risus eget urna mollis ornare vel eu leo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam lacinia facilisis nibh, ut imperdiet massa sagittis id. In hac habitasse platea dictumst. <a href=\"#\">Sample link<\/a><\/p>\n<\/div><br class=\"clear\" \/>\n<div class=\"message_karma_violet colored_box tt_\" style=\"font-size:13px;\">\n<h6>Violet<\/h6>\n<p>Donec ullamcorper nulla non metus auctor fringilla. Nullam quis risus eget urna mollis ornare vel eu leo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam lacinia facilisis nibh, ut imperdiet massa sagittis id. In hac habitasse platea dictumst. <a href=\"#\">Sample link<\/a><\/p>\n<\/div><br class=\"clear\" \/>\n<\/div><br class=\"clear\" \/>\n<div class=\"message_karma_politicalblue colored_box tt_\" style=\"font-size:16px;\">\n<p>All Callout Boxes have a completely flexible width and can accept any custom font-size.<\/p>\n<\/div><br class=\"clear\" \/>\n<h6 class=\"heading-horizontal\" style=\"margin:40px 0 60px 0;\"><span>Notification Boxes<\/span><\/h6>\n<div class=\"one_half tt-column\">\n<div class=\"true-notification tt_  success\"><p style=\"font-size:13px;\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam lacinia facilisis nibh, ut imperdiet massa sagittis id. In hac habitasse platea dictumst. <a href=\"#\">Sample link<\/a><\/p><\/div>\n<div class=\"true-notification tt_  error\"><p style=\"font-size:13px;\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam lacinia facilisis nibh, ut imperdiet massa sagittis id. In hac habitasse platea dictumst. <a href=\"#\">Sample link<\/a><\/p><\/div>\n<\/div>\n<div class=\"one_half_last tt-column\">\n<div class=\"true-notification tt_  tip\"><p style=\"font-size:13px;\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam lacinia facilisis nibh, ut imperdiet massa sagittis id. In hac habitasse platea dictumst. <a href=\"#\">Sample link<\/a><\/p><\/div>\n<div class=\"true-notification tt_  warning\"><p style=\"font-size:13px;\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam lacinia facilisis nibh, ut imperdiet massa sagittis id. In hac habitasse platea dictumst. <a href=\"#\">Sample link<\/a><\/p><\/div>\n<\/div><br class=\"clear\" \/>","protected":false},"excerpt":{"rendered":"Callout Boxes Royal Blue Donec ullamcorper nulla non metus auctor fringilla. Nullam quis risus eget urna mollis ornare vel eu leo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam lacinia facilisis nibh, ut imperdiet massa sagittis id. In hac habitasse platea dictumst. Sample link Cool Blue Donec ullamcorper nulla non metus auctor fringilla. Nullam quis [...]","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"template-full-width.php","meta":[],"featured_image_src":null,"featured_image_src_square":null,"_links":{"self":[{"href":"http:\/\/izp.tapavicki.com\/index.php?rest_route=\/wp\/v2\/pages\/63"}],"collection":[{"href":"http:\/\/izp.tapavicki.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/izp.tapavicki.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/izp.tapavicki.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/izp.tapavicki.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=63"}],"version-history":[{"count":0,"href":"http:\/\/izp.tapavicki.com\/index.php?rest_route=\/wp\/v2\/pages\/63\/revisions"}],"wp:attachment":[{"href":"http:\/\/izp.tapavicki.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=63"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}