{"id":119,"date":"2019-05-23T11:06:13","date_gmt":"2019-05-23T11:06:13","guid":{"rendered":"https:\/\/preview.lsvr.sk\/beautyspot\/?page_id=119"},"modified":"2019-05-28T08:06:06","modified_gmt":"2019-05-28T08:06:06","slug":"elements","status":"publish","type":"page","link":"https:\/\/preview.lsvr.sk\/beautyspot\/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-core-columns-layout-1 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow 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 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 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-core-columns-layout-2 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow 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 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 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-core-columns-layout-3 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow 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-hair-dryer\" aria-hidden=\"true\"><\/span>\n\n        \n        \n            <h3 class=\"lsvr-feature__title\">\n                Hairdresser            <\/h3>\n\n        \n        \n            <div class=\"lsvr-feature__text\">\n\n                <p>A hairdresser is a person whose occupation is to cut or style hair in order to change or maintain a person&#8217;s image.<\/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 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-lotus-flower\" aria-hidden=\"true\"><\/span>\n\n        \n        \n            <h3 class=\"lsvr-feature__title\">\n                Cosmetics            <\/h3>\n\n        \n        \n            <div class=\"lsvr-feature__text\">\n\n                <p>Cosmetics are substances or products used to enhance or alter the appearance of the face or fragrance and texture of the body.<\/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\tVivien Hawkins\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:123456789\"\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\tRudy Martinez\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\tMatthew Hernandez\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\tDebra McDaniel\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-core-columns-layout-4 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow 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                Massage            <\/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 30 minutes<\/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 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                Aromatherapy            <\/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 30 minutes<\/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-core-columns-layout-5 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow 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 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","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":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/preview.lsvr.sk\/beautyspot\/wp-json\/wp\/v2\/pages\/119"}],"collection":[{"href":"https:\/\/preview.lsvr.sk\/beautyspot\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/preview.lsvr.sk\/beautyspot\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/preview.lsvr.sk\/beautyspot\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/preview.lsvr.sk\/beautyspot\/wp-json\/wp\/v2\/comments?post=119"}],"version-history":[{"count":1,"href":"https:\/\/preview.lsvr.sk\/beautyspot\/wp-json\/wp\/v2\/pages\/119\/revisions"}],"predecessor-version":[{"id":120,"href":"https:\/\/preview.lsvr.sk\/beautyspot\/wp-json\/wp\/v2\/pages\/119\/revisions\/120"}],"wp:attachment":[{"href":"https:\/\/preview.lsvr.sk\/beautyspot\/wp-json\/wp\/v2\/media?parent=119"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}