{"id":116,"date":"2013-11-20T12:27:36","date_gmt":"2013-11-20T12:27:36","guid":{"rendered":"http:\/\/themes.goodlayers2.com\/flawless\/?page_id=116"},"modified":"2013-11-20T12:27:36","modified_gmt":"2013-11-20T12:27:36","slug":"styled-box","status":"publish","type":"page","link":"https:\/\/demo.goodlayers.com\/musicclub\/musicclub-boxed\/styled-box\/","title":{"rendered":"Styled Box"},"content":{"rendered":"<div class=\"gdlr-shortcode-wrapper\">\n<div class=\"gdlr-styled-box-item-ux gdlr-ux\" >\n<div class=\"gdlr-item gdlr-styled-box-item\" >\n<div class=\"gdlr-styled-box-body\" style=\"background-color:#9ada55; color: #ffffff; \" >\n<div class=\"gdlr-styled-box-content\">\n<div class=\"gdlr-shortcode-wrapper gdlr-row-shortcode\">\n<div class=\"four columns\">\n<div class=\"gdlr-item gdlr-column-shortcode\">\n<div class=\"gdlr-chart gdlr-ux\" data-percent=\"85\" data-size=\"150\" data-linewidth=\"8\" data-color=\"#88c05d\" data-bg-color=\"#e9e9e9\" data-background=\"#ffffff\" >\n<div class=\"chart-content-wrapper\">\n<div class=\"chart-content-inner\"><span class=\"chart-content\"  style=\"color: #333333;\"  >Photoshop<\/span><span class=\"chart-percent-number\" style=\"color:#88c05d;\" >85%<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"eight columns\">\n<div class=\"gdlr-item gdlr-column-shortcode\">\n<h3 class=\"gdlr-heading-shortcode \"  style=\"color: #ffffff;font-size: 24px;font-weight: bold;\" >Bibendum Tortor <\/h3>\n<p>Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Cras justo odio, dapibus ac facilisis in, egestas eget quam.\n<\/p>\n<\/div>\n<\/div>\n<div class=\"clear\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"clear\"><\/div>\n<div class=\"gdlr-space\" style=\"margin-top: 20px;\"><\/div>\n<div class=\"gdlr-code-item \">\n<div class=\"gdlr-code-title\"><i class=\"icon-plus\"><\/i>Get the code<\/div>\n<div class=\"gdlr-code-content\">\n<div class=\"gdlr-shortcode-wrapper\"><div class=\"gdlr-styled-box-item-ux gdlr-ux\" ><div class=\"gdlr-item gdlr-styled-box-item\" ><div class=\"gdlr-styled-box-body\" style=\"background-color:&quot;#9ada55&quot;; color: #ffffff; \" ><div class=\"gdlr-styled-box-content\"><\/p>\n<div class=\"gdlr-shortcode-wrapper gdlr-row-shortcode\">\n<div class=\"twelve columns\">\n<div class=\"gdlr-item gdlr-column-shortcode\">\n<div class=\"gdlr-chart gdlr-ux\" data-percent=\"&quot;85&quot;\" data-size=\"&quot;150&quot;\" data-linewidth=\"&quot;8&quot;\" data-color=\"&quot;#88c05d&quot;\" data-bg-color=\"&quot;#e9e9e9&quot;\" data-background=\"&quot;#ffffff&quot;\" >\n<div class=\"chart-content-wrapper\">\n<div class=\"chart-content-inner\"><span class=\"chart-content\"  style=\"color: &quot;#333333&quot;;\"  >Photoshop<\/span><span class=\"chart-percent-number\" style=\"color:&quot;#88c05d&quot;;\" >&quot;85&quot;%<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"twelve columns\">\n<div class=\"gdlr-item gdlr-column-shortcode\">\n<p><&quot;h3&quot; class=\"gdlr-heading-shortcode \"  style=\"color: &quot;#ffffff&quot;;font-size: &quot;24px&quot;;font-weight: &quot;bold&quot;;\" >Bibendum Tortor <\/&quot;h3&quot;><\/p>\n<p>Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Cras justo odio, dapibus ac facilisis in, egestas eget quam.<\/p>\n<\/div>\n<\/div>\n<p><div class=\"clear\"><\/div>\n<\/div>\n<p>\n<\/div><\/div><\/div><\/div><\/div>\n<\/div>\n<\/div>\n<div class=\"clear\"><\/div>\n<div class=\"gdlr-space\" style=\"margin-top: 20px;\"><\/div>\n<div class=\"gdlr-shortcode-wrapper\">\n<div class=\"gdlr-styled-box-item-ux gdlr-ux\" >\n<div class=\"gdlr-item gdlr-styled-box-item\" >\n<div class=\"gdlr-styled-box-head-wrapper\" >\n<div class=\"gdlr-styled-box-corner\" style=\"border-bottom-color:#a84c30;\" ><\/div>\n<div class=\"gdlr-styled-box-head\" style=\"background-color:#e56b3a;\" ><\/div>\n<\/div>\n<div class=\"gdlr-styled-box-body with-head\" style=\"background-color:#e56b3a; color: #ffffff; \" >\n<div class=\"gdlr-styled-box-content\">\n<p><i class=\"gdlr-icon icon-gears\" style=\"color: #ffffff; font-size: 60px; \" ><\/i> <i class=\"gdlr-icon icon-suitcase\" style=\"color: #ffffff; font-size: 60px; \" ><\/i> <i class=\"gdlr-icon icon-moon\" style=\"color: #ffffff; font-size: 60px; \" ><\/i> <i class=\"gdlr-icon icon-truck\" style=\"color: #ffffff; font-size: 60px; \" ><\/i><\/p>\n<div class=\"clear\"><\/div>\n<div class=\"gdlr-space\" style=\"margin-top: 25px;\"><\/div>\n<h3 class=\"gdlr-heading-shortcode \"  style=\"color: #ffffff;font-size: 24px;font-weight: bold;\" >Bibendum Tortor <\/h3>\n<p>Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Cras justo odio, dapibus ac facilisis in, egestas eget quam.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"clear\"><\/div>\n<div class=\"gdlr-space\" style=\"margin-top: 20px;\"><\/div>\n<div class=\"gdlr-code-item \">\n<div class=\"gdlr-code-title\"><i class=\"icon-plus\"><\/i>Get the code<\/div>\n<div class=\"gdlr-code-content\">\n<div class=\"gdlr-shortcode-wrapper\"><div class=\"gdlr-styled-box-item-ux gdlr-ux\" ><div class=\"gdlr-item gdlr-styled-box-item\" ><div class=\"gdlr-styled-box-head-wrapper\" ><div class=\"gdlr-styled-box-corner\" style=\"border-bottom-color:&quot;#a84c30&quot;;\" ><\/div><div class=\"gdlr-styled-box-head\" style=\"background-color:&quot;#e56b3a&quot;;\" ><\/div><\/div><div class=\"gdlr-styled-box-body with-head\" style=\"background-color:&quot;#e56b3a&quot;; color: #ffffff; \" ><div class=\"gdlr-styled-box-content\"><\/p>\n<p><i class=\"gdlr-icon &quot;icon-gears&quot;\" style=\"color: &quot;#ffffff&quot;; font-size: &quot;60px&quot;; \" ><\/i> <i class=\"gdlr-icon &quot;icon-suitcase&quot;\" style=\"color: &quot;#ffffff&quot;; font-size: &quot;60px&quot;; \" ><\/i> <i class=\"gdlr-icon &quot;icon-moon&quot;\" style=\"color: &quot;#ffffff&quot;; font-size: &quot;60px&quot;; \" ><\/i> <i class=\"gdlr-icon &quot;icon-truck&quot;\" style=\"color: &quot;#ffffff&quot;; font-size: &quot;60px&quot;; \" ><\/i><\/p>\n<p><div class=\"clear\"><\/div>\n<div class=\"gdlr-space\" style=\"margin-top: &quot;25px&quot;;\"><\/div>\n<\/p>\n<p><&quot;h3&quot; class=\"gdlr-heading-shortcode \"  style=\"color: &quot;#ffffff&quot;;font-size: &quot;24px&quot;;font-weight: &quot;bold&quot;;\" >Bibendum Tortor <\/&quot;h3&quot;><\/p>\n<p>Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Cras justo odio, dapibus ac facilisis in, egestas eget quam.<\/p>\n<p>\n<\/div><\/div><\/div><\/div><\/div>\n<\/div>\n<\/div>\n<div class=\"clear\"><\/div>\n<div class=\"gdlr-space\" style=\"margin-top: 20px;\"><\/div>\n<div class=\"gdlr-shortcode-wrapper\">\n<div class=\"gdlr-styled-box-item-ux gdlr-ux\" >\n<div class=\"gdlr-item gdlr-styled-box-item\" >\n<div class=\"gdlr-styled-box-body\" style=\"background-image: url('http:\/\/demo.goodlayers.com\/flawless\/wp-content\/uploads\/2013\/12\/styled-box-bg.jpg'); color: #ffffff; height: 200px; \" >\n<div class=\"gdlr-styled-box-content\">\n<div style=\"width: 50%; color: #222222;\">\n<h3 class=\"gdlr-heading-shortcode \"  style=\"color: #222222;font-size: 28px;font-weight: bold;\" >Bibendum Tortor <\/h3>\n<p>Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"clear\"><\/div>\n<div class=\"gdlr-space\" style=\"margin-top: 20px;\"><\/div>\n<div class=\"gdlr-code-item \">\n<div class=\"gdlr-code-title\"><i class=\"icon-plus\"><\/i>Get the code<\/div>\n<div class=\"gdlr-code-content\">\n<div class=\"gdlr-shortcode-wrapper\"><div class=\"gdlr-styled-box-item-ux gdlr-ux\" ><div class=\"gdlr-item gdlr-styled-box-item\" ><div class=\"gdlr-styled-box-content\"><p>&lt;div style=&quot;width: 50%; color: #222222;&quot;&gt;<\/p>\n<p><&quot;h3&quot; class=\"gdlr-heading-shortcode \"  style=\"color: &quot;#222222&quot;;font-size: &quot;28px&quot;;font-weight: &quot;bold&quot;;\" >Bibendum Tortor <\/&quot;h3&quot;><\/p>\n<p>Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.<\/p>\n<p>&lt;\/div&gt;<\/p>\n<\/div><\/div><\/div><\/div><\/div>\n<\/div>\n<\/div>\n<div class=\"clear\"><\/div>\n<div class=\"gdlr-space\" style=\"margin-top: 20px;\"><\/div>\n<div class=\"gdlr-shortcode-wrapper\">\n<div class=\"gdlr-styled-box-item-ux gdlr-ux\" >\n<div class=\"gdlr-item gdlr-styled-box-item\" >\n<div class=\"gdlr-styled-box-body\" style=\"background-color:#4f4f4f; color: #ffffff; \" >\n<div class=\"gdlr-styled-box-content\">\n<div class=\"clear\"><\/div>\n<div class=\"gdlr-space\" style=\"margin-top: -20px;\"><\/div>\n<div style=\"text-align: center\" >\n<p><i class=\"gdlr-icon icon-cloud-download\" style=\"color: #ffffff; font-size: 60px; \" ><\/i><\/p>\n<div class=\"clear\"><\/div>\n<div class=\"gdlr-space\" style=\"margin-top: -8px;\"><\/div>\n<h2 class=\"gdlr-heading-shortcode \"  style=\"color: #ffffff;font-size: 28px;\" >Bibendum Tortor <\/h2>\n<div class=\"clear\"><\/div>\n<div class=\"gdlr-space\" style=\"margin-top: -8px;\"><\/div>\n<p>Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus, nisi erat porttitor ligula.<\/p>\n<div class=\"clear\"><\/div>\n<div class=\"gdlr-space\" style=\"margin-top: 30px;\"><\/div>\n<p><a class=\"gdlr-button medium with-border\" href=\"http:\/\/www.goodlayers.com\" target=\"_self\"  style=\"color:#ffffff; background-color:#d6724f; border-color:#98543c; \"  ><i class=\"gdlr-icon icon-plane\"  ><\/i> Button Text<\/a><\/p>\n<div class=\"clear\"><\/div>\n<div class=\"gdlr-space\" style=\"margin-top: -20px;\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"clear\"><\/div>\n<div class=\"gdlr-space\" style=\"margin-top: 20px;\"><\/div>\n<div class=\"gdlr-code-item \">\n<div class=\"gdlr-code-title\"><i class=\"icon-plus\"><\/i>Get the code<\/div>\n<div class=\"gdlr-code-content\">\n<div class=\"gdlr-shortcode-wrapper\"><div class=\"gdlr-styled-box-item-ux gdlr-ux\" ><div class=\"gdlr-item gdlr-styled-box-item\" ><div class=\"gdlr-styled-box-body\" style=\"background-color:&quot;#4f4f4f&quot;; color: #ffffff; \" ><div class=\"gdlr-styled-box-content\"><\/p>\n<p><div class=\"clear\"><\/div>\n<div class=\"gdlr-space\" style=\"margin-top: &quot;-20px&quot;;\"><\/div>\n<\/p>\n<div style=\"text-align: &quot;center&quot;\" >\n<p><i class=\"gdlr-icon &quot;icon-cloud-download&quot;\" style=\"color: &quot;#ffffff&quot;; font-size: &quot;60px&quot;; \" ><\/i><\/p>\n<p><div class=\"clear\"><\/div>\n<div class=\"gdlr-space\" style=\"margin-top: &quot;-8px&quot;;\"><\/div>\n<\/p>\n<p><&quot;h2&quot; class=\"gdlr-heading-shortcode \"  style=\"color: &quot;#ffffff&quot;;font-size: &quot;28px&quot;;\" >Bibendum Tortor <\/&quot;h2&quot;><\/p>\n<p><div class=\"clear\"><\/div>\n<div class=\"gdlr-space\" style=\"margin-top: &quot;-8px&quot;;\"><\/div>\n<\/p>\n<p>Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus, nisi erat porttitor ligula.<\/p>\n<p><div class=\"clear\"><\/div>\n<div class=\"gdlr-space\" style=\"margin-top: &quot;30px&quot;;\"><\/div>\n<\/p>\n<p><a class=\"gdlr-button &quot;medium&quot; with-border\" href=\"&quot;http:\/\/www.goodlayers.com&quot;\" target=\"&quot;_self&quot;\"  style=\"color:&quot;#ffffff&quot;; background-color:&quot;#d6724f&quot;; border-color:&quot;#98543c&quot;; \"  ><i class=\"gdlr-icon &quot;icon-plane&quot;\"  ><\/i> Button Text<\/a><\/p>\n<p><div class=\"clear\"><\/div>\n<div class=\"gdlr-space\" style=\"margin-top: &quot;-20px&quot;;\"><\/div>\n<\/p>\n<\/div>\n<p>\n<\/div><\/div><\/div><\/div><\/div>\n<\/div>\n<\/div>\n<div class=\"clear\"><\/div>\n<div class=\"gdlr-space\" style=\"margin-top: 80px;\"><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-116","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.goodlayers.com\/musicclub\/musicclub-boxed\/wp-json\/wp\/v2\/pages\/116","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.goodlayers.com\/musicclub\/musicclub-boxed\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.goodlayers.com\/musicclub\/musicclub-boxed\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.goodlayers.com\/musicclub\/musicclub-boxed\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.goodlayers.com\/musicclub\/musicclub-boxed\/wp-json\/wp\/v2\/comments?post=116"}],"version-history":[{"count":0,"href":"https:\/\/demo.goodlayers.com\/musicclub\/musicclub-boxed\/wp-json\/wp\/v2\/pages\/116\/revisions"}],"wp:attachment":[{"href":"https:\/\/demo.goodlayers.com\/musicclub\/musicclub-boxed\/wp-json\/wp\/v2\/media?parent=116"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}