{"id":63,"date":"2015-10-11T20:02:26","date_gmt":"2015-10-11T20:02:26","guid":{"rendered":"https:\/\/sdc.spseplzen.cz\/index.php\/callout-boxes\/"},"modified":"2015-10-11T20:02:26","modified_gmt":"2015-10-11T20:02:26","slug":"callout-boxes","status":"publish","type":"page","link":"https:\/\/sdc.spseplzen.cz\/index.php\/callout-boxes\/","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\" 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\" 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\" 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\" 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\" 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\" 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\" 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\" 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\" 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\" 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\" 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\" 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\" 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\" 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\" 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\" 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\" 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\" 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\" 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\" 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\" 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\" 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\" 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\" 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\" 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\" 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\" 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\" 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\" 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\" 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\" 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=\"karma_notify message_green\" style=\"font-size:13px;\"><p>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=\"karma_notify message_red\" style=\"font-size:13px;\"><p>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=\"karma_notify message_blue\" style=\"font-size:13px;\"><p>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=\"karma_notify message_yellow\" style=\"font-size:13px;\"><p>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\" \/>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-full-width.php","meta":{"footnotes":""},"class_list":["post-63","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sdc.spseplzen.cz\/index.php\/wp-json\/wp\/v2\/pages\/63","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sdc.spseplzen.cz\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sdc.spseplzen.cz\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sdc.spseplzen.cz\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sdc.spseplzen.cz\/index.php\/wp-json\/wp\/v2\/comments?post=63"}],"version-history":[{"count":0,"href":"https:\/\/sdc.spseplzen.cz\/index.php\/wp-json\/wp\/v2\/pages\/63\/revisions"}],"wp:attachment":[{"href":"https:\/\/sdc.spseplzen.cz\/index.php\/wp-json\/wp\/v2\/media?parent=63"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}