{"id":263,"date":"2018-10-23T13:24:26","date_gmt":"2018-10-23T13:24:26","guid":{"rendered":"http:\/\/localhost\/wordpress\/bluecollar-demo\/?page_id=263"},"modified":"2018-10-23T13:24:26","modified_gmt":"2018-10-23T13:24:26","slug":"elements","status":"publish","type":"page","link":"https:\/\/kingswoodts.com\/index.php\/elements\/","title":{"rendered":"Elements"},"content":{"rendered":"\n<h3 class=\"wp-block-heading\">Alert message<\/h3>\n\n\n\n<div class=\"lsvr-alert-message lsvr-alert-message--info\"\n    >\n    <div class=\"lsvr-alert-message__inner\">\n\n        \n            <h3 class=\"lsvr-alert-message__title\">\n\n                Info Message\n            <\/h3>\n\n        \n        \n            <div class=\"lsvr-alert-message__text\">\n\n                <p>The Big Oxmox advised her not to do so, because there were thousands of bad Commas, wild Question Marks and devious Semikoli, but the Little Blind Text didn\u2019t listen.<\/p>\n\n            <\/div>\n\n        \n    <\/div>\n<\/div>\n\n\n\n\n<div class=\"lsvr-alert-message lsvr-alert-message--success\"\n    >\n    <div class=\"lsvr-alert-message__inner\">\n\n        \n            <h3 class=\"lsvr-alert-message__title\">\n\n                Success Message\n            <\/h3>\n\n        \n        \n            <div class=\"lsvr-alert-message__text\">\n\n                <p>She packed her seven versalia, put her initial into the belt and made herself on the way. When she reached the first hills of the Italic Mountains, she had a last view back on the skyline of her hometown.<\/p>\n\n            <\/div>\n\n        \n    <\/div>\n<\/div>\n\n\n\n\n<div class=\"lsvr-alert-message lsvr-alert-message--warning\"\n    >\n    <div class=\"lsvr-alert-message__inner\">\n\n        \n            <h3 class=\"lsvr-alert-message__title\">\n\n                Warning Message\n            <\/h3>\n\n        \n        \n            <div class=\"lsvr-alert-message__text\">\n\n                <p>A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.<\/p>\n\n            <\/div>\n\n        \n    <\/div>\n<\/div>\n\n\n\n\n<div style=\"height:60px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Button<\/h3>\n\n\n\n<div class=\"wp-block-columns has-3-columns is-layout-flex wp-container-4\">\n<div class=\"wp-block-column is-layout-flow\">\n<a href=\"#\"\n    class=\"lsvr-button lsvr-button--small\"\n        >\n    Small Button<\/a>\n\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow\">\n<a href=\"#\"\n    class=\"lsvr-button lsvr-button--medium\"\n        >\n    Medium Button<\/a>\n\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow\">\n<a href=\"#\"\n    class=\"lsvr-button lsvr-button--large\"\n        >\n    Large Button<\/a>\n\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:60px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Counter<\/h3>\n\n\n\n<div class=\"wp-block-columns has-3-columns is-layout-flex wp-container-8\">\n<div class=\"wp-block-column is-layout-flow\">\n<div class=\"lsvr-counter\"\n    >\n    <div class=\"lsvr-counter__inner\">\n\n        \n            <h3 class=\"lsvr-counter__number\">\n                60<span class=\"lsvr-counter__number-unit\">%<\/span>\n            <\/h3>\n\n        \n        \n            <p class=\"lsvr-counter__label\">\n                She packed her seven versalia            <\/p>\n\n        \n    <\/div>\n<\/div>\n\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow\">\n<div class=\"lsvr-counter\"\n    >\n    <div class=\"lsvr-counter__inner\">\n\n        \n            <h3 class=\"lsvr-counter__number\">\n                123<span class=\"lsvr-counter__number-unit\">+<\/span>\n            <\/h3>\n\n        \n        \n            <p class=\"lsvr-counter__label\">\n                A small river named Duden            <\/p>\n\n        \n    <\/div>\n<\/div>\n\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow\">\n<div class=\"lsvr-counter\"\n    >\n    <div class=\"lsvr-counter__inner\">\n\n        \n            <h3 class=\"lsvr-counter__number\">\n                500<span class=\"lsvr-counter__number-unit\">%<\/span>\n            <\/h3>\n\n        \n        \n            <p class=\"lsvr-counter__label\">\n                Far far away, behind the word            <\/p>\n\n        \n    <\/div>\n<\/div>\n\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:60px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">CTA<\/h3>\n\n\n\n<div class=\"lsvr-cta lsvr-cta--has-button\"\n    >\n    <div class=\"lsvr-cta__inner\">\n\n        \n            <h3 class=\"lsvr-cta__title\">\n\n                Did You Know?\n            <\/h3>\n\n        \n        \n            <div class=\"lsvr-cta__text\">\n                <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.<\/p>\n\n            <\/div>\n\n        \n       \n            <p class=\"lsvr-cta__button\">\n                <a href=\"#\" class=\"lsvr-cta__button-link\"\n                    >\n                    Learn more                <\/a>\n            <\/p>\n\n        \n    <\/div>\n<\/div>\n\n\n\n\n<div style=\"height:60px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Feature<\/h3>\n\n\n\n<div class=\"wp-block-columns has-2-columns is-layout-flex wp-container-11\">\n<div class=\"wp-block-column is-layout-flow\">\n<div class=\"lsvr-feature lsvr-feature--has-icon\"\n    >\n    <div class=\"lsvr-feature__inner\">\n\n        \n            <span class=\"lsvr-feature__icon icon-certificate\" aria-hidden=\"true\"><\/span>\n\n        \n        \n            <h3 class=\"lsvr-feature__title\">\n                Certification            <\/h3>\n\n        \n        \n            <div class=\"lsvr-feature__text\">\n\n                <p>Our handymen are certified and highly experienced professionals.<\/p>\n\n            <\/div>\n\n        \n        \n            <p class=\"lsvr-feature__more\">\n                <a href=\"#\"\n                    class=\"lsvr-feature__more-link\">Learn more<\/a>\n            <\/p>\n\n        \n    <\/div>\n<\/div>\n\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow\">\n<div class=\"lsvr-feature lsvr-feature--has-icon\"\n    >\n    <div class=\"lsvr-feature__inner\">\n\n        \n            <span class=\"lsvr-feature__icon icon-clock\" aria-hidden=\"true\"><\/span>\n\n        \n        \n            <h3 class=\"lsvr-feature__title\">\n                <a href=\"#\"\n                    class=\"lsvr-feature__title-link\">24\/7 Availability<\/a>\n            <\/h3>\n\n        \n        \n            <div class=\"lsvr-feature__text\">\n\n                <p>Having a hard time with your toilet in the middle of the night? Call us!<\/p>\n\n            <\/div>\n\n        \n        \n            <p class=\"lsvr-feature__more\">\n                <a href=\"#\"\n                    class=\"lsvr-feature__more-link\">Learn more<\/a>\n            <\/p>\n\n        \n    <\/div>\n<\/div>\n\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:60px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Definition List<\/h3>\n\n\n<div class=\"widget shortcode-widget lsvr-definition-list-widget lsvr-definition-list-widget--shortcode\"><div class=\"widget__inner\">\n<div class=\"widget__content\">\n\n\t<dl class=\"lsvr-definition-list-widget__list\">\n\n\t\t\n\t\t\t\n\t\t\t\t<dt class=\"lsvr-definition-list-widget__item-title\">\n\t\t\t\t\tDave Hammer\t\t\t\t<\/dt>\n\n\t\t\t\t\n\t\t\t\t\t<dd class=\"lsvr-definition-list-widget__item-text\">\n\t\t\t\t\t\t<a href=\"tel:123456%20789\"\n\t\t\t\t\t\t\tclass=\"lsvr-definition-list-widget__item-text-link\">\n\t\t\t\t\t\t\t(123) 456 789\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/dd>\n\n\t\t\t\t\n\t\t\t\n\t\t\n\t\t\t\n\t\t\t\t<dt class=\"lsvr-definition-list-widget__item-title\">\n\t\t\t\t\tJohn Handy\t\t\t\t<\/dt>\n\n\t\t\t\t\n\t\t\t\t\t<dd class=\"lsvr-definition-list-widget__item-text\">\n\t\t\t\t\t\t<a href=\"tel:321789456\"\n\t\t\t\t\t\t\tclass=\"lsvr-definition-list-widget__item-text-link\">\n\t\t\t\t\t\t\t(321) 789 456\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/dd>\n\n\t\t\t\t\n\t\t\t\n\t\t\n\t\t\t\n\t\t\t\t<dt class=\"lsvr-definition-list-widget__item-title\">\n\t\t\t\t\tKeith Skilful\t\t\t\t<\/dt>\n\n\t\t\t\t\n\t\t\t\t\t<dd class=\"lsvr-definition-list-widget__item-text\">\n\t\t\t\t\t\t<a href=\"tel:789465132\"\n\t\t\t\t\t\t\tclass=\"lsvr-definition-list-widget__item-text-link\">\n\t\t\t\t\t\t\t(789) 465 132\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/dd>\n\n\t\t\t\t\n\t\t\t\n\t\t\n\t\t\t\n\t\t\t\t<dt class=\"lsvr-definition-list-widget__item-title\">\n\t\t\t\t\tPeter Wrench\t\t\t\t<\/dt>\n\n\t\t\t\t\n\t\t\t\t\t<dd class=\"lsvr-definition-list-widget__item-text\">\n\t\t\t\t\t\t<a href=\"tel:987123654\"\n\t\t\t\t\t\t\tclass=\"lsvr-definition-list-widget__item-text-link\">\n\t\t\t\t\t\t\t(987) 123 654\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/dd>\n\n\t\t\t\t\n\t\t\t\n\t\t\n\t\t\t\n\t\t\n\t<\/dl>\n\n\t\n\t\t<p class=\"widget__more\">\n\t\t\t<a href=\"#\" class=\"widget__more-link\">Learn more<\/a>\n\t\t<\/p>\n\n\t\n<\/div>\n\n<\/div><\/div>\n        \n\n\n<div style=\"height:60px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Pricing Table<\/h3>\n\n\n\n<div class=\"wp-block-columns has-2-columns is-layout-flex wp-container-14\">\n<div class=\"wp-block-column is-layout-flow\">\n<div class=\"lsvr-pricing-table\"\n    >\n    <div class=\"lsvr-pricing-table__inner\">\n\n        \n            <h3 class=\"lsvr-pricing-table__title\">\n                Plumbing            <\/h3>\n\n        \n        \n            <p class=\"lsvr-pricing-table__price\">\n                <span class=\"lsvr-pricing-table__price-value\">$40<\/span>\n                                    <em class=\"lsvr-pricing-table__price-description\">per hour<\/em>\n                            <\/p>\n\n        \n        \n            <div class=\"lsvr-pricing-table__text\">\n                <p>Lorem ipsum dolor sit amet<br \/>\nAenean commodo ligula eget<br \/>\nAenean massa natoque penatibus<br \/>\nMagnis dis parturient montes<\/p>\n            <\/div>\n\n        \n       \n            <p class=\"lsvr-pricing-table__button\">\n                <a href=\"#\" class=\"lsvr-pricing-table__button-link\">\n                    Learn more                <\/a>\n            <\/p>\n\n        \n    <\/div>\n<\/div>\n\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow\">\n<div class=\"lsvr-pricing-table\"\n    >\n    <div class=\"lsvr-pricing-table__inner\">\n\n        \n            <h3 class=\"lsvr-pricing-table__title\">\n                Painting            <\/h3>\n\n        \n        \n            <p class=\"lsvr-pricing-table__price\">\n                <span class=\"lsvr-pricing-table__price-value\">$30<\/span>\n                                    <em class=\"lsvr-pricing-table__price-description\">per hour<\/em>\n                            <\/p>\n\n        \n        \n            <div class=\"lsvr-pricing-table__text\">\n                <p>Curabitur ullamcorper ultricies<br \/>\nNam eget dui etiam rhoncus<br \/>\nMaecenas tempus tellus eget<br \/>\nAdipiscing sem neque sed<\/p>\n            <\/div>\n\n        \n       \n            <p class=\"lsvr-pricing-table__button\">\n                <a href=\"#\" class=\"lsvr-pricing-table__button-link\">\n                    Learn more                <\/a>\n            <\/p>\n\n        \n    <\/div>\n<\/div>\n\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:60px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Progress Bar<\/h3>\n\n\n\n<div class=\"wp-block-columns has-2-columns is-layout-flex wp-container-17\">\n<div class=\"wp-block-column is-layout-flow\">\n<div class=\"lsvr-progress-bar\"\n    >\n    <div class=\"lsvr-progress-bar__inner\">\n\n        \n        \n            <div class=\"lsvr-progress-bar__bar\">\n                <div class=\"lsvr-progress-bar__bar-inner\" data-percentage=\"60\"\n                    style=\"width: 60%\"><\/div>\n\n                                    <span class=\"lsvr-progress-bar__bar-label\">60%<\/span>\n                \n            <\/div>\n\n        \n    <\/div>\n<\/div>\n\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow\">\n<div class=\"lsvr-progress-bar\"\n    >\n    <div class=\"lsvr-progress-bar__inner\">\n\n        \n        \n            <div class=\"lsvr-progress-bar__bar\">\n                <div class=\"lsvr-progress-bar__bar-inner\" data-percentage=\"85\"\n                    style=\"width: 85%\"><\/div>\n\n                                    <span class=\"lsvr-progress-bar__bar-label\">85%<\/span>\n                \n            <\/div>\n\n        \n    <\/div>\n<\/div>\n\n<\/div>\n<\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Alert message Button Counter CTA Feature Definition List Pricing Table Progress Bar<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/narrow.php","meta":[],"_links":{"self":[{"href":"https:\/\/kingswoodts.com\/index.php\/wp-json\/wp\/v2\/pages\/263"}],"collection":[{"href":"https:\/\/kingswoodts.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kingswoodts.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kingswoodts.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kingswoodts.com\/index.php\/wp-json\/wp\/v2\/comments?post=263"}],"version-history":[{"count":0,"href":"https:\/\/kingswoodts.com\/index.php\/wp-json\/wp\/v2\/pages\/263\/revisions"}],"wp:attachment":[{"href":"https:\/\/kingswoodts.com\/index.php\/wp-json\/wp\/v2\/media?parent=263"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}