{"id":35,"date":"2011-05-02T11:46:12","date_gmt":"2011-05-02T11:46:12","guid":{"rendered":"http:\/\/192.168.1.50\/Themes\/2012\/Nano2\/Website_WP\/?page_id=35"},"modified":"2015-03-30T13:37:26","modified_gmt":"2015-03-30T13:37:26","slug":"uikit","status":"publish","type":"page","link":"https:\/\/miwellnessfinanciero.com\/?page_id=35","title":{"rendered":"Built with UIkit"},"content":{"rendered":"<div class=\"uk-grid\" data-uk-grid-margin>\r\n    \r\n    <div class=\"uk-width-medium-2-3\">\r\n        \r\n        <div class=\"uk-grid\" data-uk-grid-margin>\r\n            \r\n            <div class=\"uk-width-1-1\">\r\n                \r\n                <article class=\"uk-article\">\r\n                    \r\n                    <p class=\"uk-article-meta\">Written by Super User on 12 April. Posted in Blog<\/p>\r\n                    \r\n                    <p><img decoding=\"async\" loading=\"lazy\" src=\"wp-content\/uploads\/yootheme\/uikit.jpg\" width=\"1080\" height=\"540\" alt=\"UIkit\"><\/p>\r\n                    \r\n                    <p class=\"uk-article-lead\">A lightweight and modular front-end framework.<\/p>\r\n                    <p>UIkit is a lightweight and modular front-end framework for developing fast and powerful web interfaces. It comes with a wide range of reusable and combinable components. All UIkit classes are namespaced, so they won&#8217;t interfere with other frameworks and extensions you might be using. Here&#8217;s an overview of the different UIkit components, which you can easily modify using the customizer.<\/p>\r\n                    \r\n                    <div class=\"uk-margin\" data-uk-margin>\r\n                        \r\n                        <div class=\"uk-button-group\">\r\n                            <button class=\"uk-button\">Button<\/button>\r\n                            <div data-uk-dropdown=\"{mode:'click'}\">\r\n                                <button class=\"uk-button\"><i class=\"uk-icon-caret-down\"><\/i><\/button>\r\n                                <div class=\"uk-dropdown uk-dropdown-width-2\">\r\n                                    \r\n                                    <div class=\"uk-grid\">\r\n                                        \r\n                                        <div class=\"uk-width-1-2\">\r\n                                            <ul class=\"uk-nav uk-nav-dropdown uk-panel\">\r\n                                                <li class=\"uk-nav-header\">Header<\/li>\r\n                                                <li><a href=\"#\">Item<\/a><\/li>\r\n                                                <li><a href=\"#\">Item<\/a><\/li>\r\n                                                <li class=\"uk-nav-divider\"><\/li>\r\n                                                <li><a href=\"#\">Separated item<\/a><\/li>\r\n                                                <li class=\"uk-parent\">\r\n                                                    <a href=\"#\">Parent<\/a>\r\n                                                    <ul class=\"uk-nav-sub\">\r\n                                                        <li><a href=\"#\">Sub item<\/a>\r\n                                                            <ul>\r\n                                                                <li><a href=\"#\">Sub item<\/a><\/li>\r\n                                                            <\/ul>\r\n                                                        <\/li>\r\n                                                    <\/ul>\r\n                                                <\/li>\r\n                                            <\/ul>\r\n                                        <\/div>\r\n                                        \r\n                                        <div class=\"uk-width-1-2\">\r\n                                            <ul class=\"uk-nav uk-nav-dropdown uk-panel\">\r\n                                                <li class=\"uk-nav-header\">Header<\/li>\r\n                                                <li><a href=\"#\">Item<\/a><\/li>\r\n                                                <li><a href=\"#\">Item<\/a><\/li>\r\n                                                <li class=\"uk-nav-divider\"><\/li>\r\n                                                <li><a href=\"#\">Separated item<\/a><\/li>\r\n                                                <li class=\"uk-parent\">\r\n                                                    <a href=\"#\">Parent<\/a>\r\n                                                    <ul class=\"uk-nav-sub\">\r\n                                                        <li><a href=\"#\">Sub item<\/a>\r\n                                                            <ul>\r\n                                                                <li><a href=\"#\">Sub item<\/a><\/li>\r\n                                                            <\/ul>\r\n                                                        <\/li>\r\n                                                    <\/ul>\r\n                                                <\/li>\r\n                                            <\/ul>\r\n                                        <\/div>\r\n                                        \r\n                                    <\/div>\r\n                                    \r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"uk-button-group\">\r\n                            <button class=\"uk-button uk-button-primary\">Primary<\/button>\r\n                            <div data-uk-dropdown=\"{mode:'click'}\">\r\n                                <button class=\"uk-button uk-button-primary\"><i class=\"uk-icon-caret-down\"><\/i><\/button>\r\n                                <div class=\"uk-dropdown uk-dropdown-small\">\r\n                                    <ul class=\"uk-nav uk-nav-dropdown\">\r\n                                        <li class=\"uk-nav-header\">Header<\/li>\r\n                                        <li><a href=\"#\">Item<\/a><\/li>\r\n                                        <li><a href=\"#\">Item<\/a><\/li>\r\n                                        <li class=\"uk-nav-divider\"><\/li>\r\n                                        <li><a href=\"#\">Separated item<\/a><\/li>\r\n                                        <li class=\"uk-parent\">\r\n                                            <a href=\"#\">Parent<\/a>\r\n                                            <ul class=\"uk-nav-sub\">\r\n                                                <li><a href=\"#\">Sub item<\/a>\r\n                                                    <ul>\r\n                                                        <li><a href=\"#\">Sub item<\/a><\/li>\r\n                                                    <\/ul>\r\n                                                <\/li>\r\n                                            <\/ul>\r\n                                        <\/li>\r\n                                    <\/ul>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"uk-button-group\">\r\n                            <button class=\"uk-button uk-button-success\">Success<\/button>\r\n                            <div data-uk-dropdown=\"{mode:'click'}\">\r\n                                <button class=\"uk-button uk-button-success\"><i class=\"uk-icon-caret-down\"><\/i><\/button>\r\n                                <div class=\"uk-dropdown\">\r\n                                    <ul class=\"uk-nav uk-nav-dropdown\">\r\n                                        <li class=\"uk-nav-header\">Header<\/li>\r\n                                        <li><a href=\"#\">Item<\/a><\/li>\r\n                                        <li><a href=\"#\">Item<\/a><\/li>\r\n                                        <li class=\"uk-nav-divider\"><\/li>\r\n                                        <li><a href=\"#\">Separated item<\/a><\/li>\r\n                                        <li class=\"uk-parent\">\r\n                                            <a href=\"#\">Parent<\/a>\r\n                                            <ul class=\"uk-nav-sub\">\r\n                                                <li><a href=\"#\">Sub item<\/a>\r\n                                                    <ul>\r\n                                                        <li><a href=\"#\">Sub item<\/a><\/li>\r\n                                                    <\/ul>\r\n                                                <\/li>\r\n                                            <\/ul>\r\n                                        <\/li>\r\n                                    <\/ul>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"uk-button-group\">\r\n                            <button class=\"uk-button uk-button-danger\">Danger<\/button>\r\n                            <div data-uk-dropdown=\"{mode:'click'}\">\r\n                                <button class=\"uk-button uk-button-danger\"><i class=\"uk-icon-caret-down\"><\/i><\/button>\r\n                                <div class=\"uk-dropdown\">\r\n                                    <ul class=\"uk-nav uk-nav-dropdown\">\r\n                                        <li class=\"uk-nav-header\">Header<\/li>\r\n                                        <li><a href=\"#\">Item<\/a><\/li>\r\n                                        <li><a href=\"#\">Item<\/a><\/li>\r\n                                        <li class=\"uk-nav-divider\"><\/li>\r\n                                        <li><a href=\"#\">Separated item<\/a><\/li>\r\n                                        <li class=\"uk-parent\">\r\n                                            <a href=\"#\">Parent<\/a>\r\n                                            <ul class=\"uk-nav-sub\">\r\n                                                <li><a href=\"#\">Sub item<\/a>\r\n                                                    <ul>\r\n                                                        <li><a href=\"#\">Sub item<\/a><\/li>\r\n                                                    <\/ul>\r\n                                                <\/li>\r\n                                            <\/ul>\r\n                                        <\/li>\r\n                                    <\/ul>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                        <button class=\"uk-button\" disabled>Disabled<\/button>\r\n                        <button class=\"uk-button uk-button-link\">Button link<\/button>\r\n                        \r\n                    <\/div>\r\n                    \r\n                    <pre><code>&lt;div class=\"myclass\"&gt;...&lt;\/div&gt;<\/code><\/pre>\r\n                    \r\n                    <hr class=\"uk-article-divider\">\r\n                    \r\n                    <div class=\"uk-grid\" data-uk-grid-margin>\r\n                        \r\n                        <div class=\"uk-width-medium-1-3\">\r\n                            <span class=\"uk-text-muted\">text-muted<\/span><br>\r\n                            <span class=\"uk-text-primary\">text-primary<\/span><br>\r\n                            <span class=\"uk-text-success\">text-success<\/span><br>\r\n                            <span class=\"uk-text-warning\">text-warning<\/span><br>\r\n                            <span class=\"uk-text-danger\">text-danger<\/span>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"uk-width-medium-1-3\">\r\n                            <a href=\"#\">a element<\/a><br>\r\n                            <em>em element<\/em><br>\r\n                            <strong>strong<\/strong><br>\r\n                            <code>code element<\/code><br>\r\n                            <del>del element<\/del>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"uk-width-medium-1-3\">\r\n                            <ins>ins element<\/ins><br>\r\n                            <mark>mark element<\/mark><br>\r\n                            <q>q <q>inside<\/q> a q element <\/q><br>\r\n                            <abbr title=\"Abbreviation Element\">abbr element<\/abbr><br>\r\n                            <dfn title=\"Defines a definition term\">dfn element<\/dfn>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"uk-width-medium-1-2\">\r\n                            <h1 class=\"uk-display-inline\">h1<\/h1>\r\n                            <h2 class=\"uk-display-inline\">h2<\/h2>\r\n                            <h3 class=\"uk-display-inline\">h3<\/h3>\r\n                            <h4 class=\"uk-display-inline\">h4<\/h4>\r\n                            <h5 class=\"uk-display-inline\">h5<\/h5>\r\n                            <h6 class=\"uk-display-inline\">h6<\/h6>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"uk-width-medium-1-2\">\r\n                            <blockquote>\r\n                                <p> Lorem ipsum dolor.<\/p>\r\n                                <small>Someone famous<\/small>\r\n                            <\/blockquote>\r\n                        <\/div>\r\n                        \r\n                    <\/div>\r\n                    \r\n                    <hr class=\"uk-article-divider\">\r\n                    \r\n                    <div class=\"uk-width-1-1\">\r\n                        <div class=\"uk-grid\" data-uk-grid-margin>\r\n                            <div class=\"uk-width-medium-1-4\">\r\n                                <span class=\"uk-badge\">Badge<\/span>\r\n                                <span class=\"uk-badge uk-badge-notification\">1<\/span>\r\n                            <\/div>\r\n                            <div class=\"uk-width-medium-1-4\">\r\n                                <span class=\"uk-badge uk-badge-success\">Success<\/span>\r\n                                <span class=\"uk-badge uk-badge-success uk-badge-notification\">4<\/span>\r\n                            <\/div>\r\n                            <div class=\"uk-width-medium-1-4\">\r\n                                <span class=\"uk-badge uk-badge-warning\">Warning<\/span>\r\n                                <span class=\"uk-badge uk-badge-warning uk-badge-notification\">3<\/span>\r\n                            <\/div>\r\n                            <div class=\"uk-width-medium-1-4\">\r\n                                <span class=\"uk-badge uk-badge-danger\">Danger<\/span>\r\n                                <span class=\"uk-badge uk-badge-danger uk-badge-notification\">4<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                <\/article>\r\n                \r\n            <\/div>\r\n            \r\n            <div class=\"uk-width-1-1\">\r\n                <ul class=\"uk-comment-list\">\r\n                    <li>\r\n                        <article class=\"uk-comment\">\r\n                            <header class=\"uk-comment-header\">\r\n                                <img decoding=\"async\" loading=\"lazy\" class=\"uk-comment-avatar\" src=\"wp-content\/uploads\/yootheme\/uikit_avatar.svg\" width=\"50\" height=\"50\" alt=\"\">\r\n                                <h4 class=\"uk-comment-title\">Author<\/h4>\r\n                                <p class=\"uk-comment-meta\">May 2, 2090 at 1:55 pm<\/p>\r\n                            <\/header>\r\n                            <div class=\"uk-comment-body\">\r\n                                <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna.<\/p>\r\n                            <\/div>\r\n                        <\/article>\r\n                    <\/li>\r\n                <\/ul>\r\n            <\/div>\r\n            \r\n            <div class=\"uk-width-1-1\">\r\n                <ul class=\"uk-pagination\">\r\n                    <li class=\"uk-disabled\"><span><i class=\"uk-icon-angle-double-left\"><\/i><\/span><\/li>\r\n                    <li class=\"uk-active\"><span>1<\/span><\/li>\r\n                    <li><a href=\"#\">2<\/a><\/li>\r\n                    <li><a href=\"#\">3<\/a><\/li>\r\n                    <li><a href=\"#\">4<\/a><\/li>\r\n                    <li><span>&#8230;<\/span><\/li>\r\n                    <li><a href=\"#\">20<\/a><\/li>\r\n                    <li><a href=\"#\"><i class=\"uk-icon-angle-double-right\"><\/i><\/a><\/li>\r\n                <\/ul>\r\n            <\/div>\r\n            \r\n        <\/div>\r\n        \r\n    <\/div>\r\n    \r\n    <div class=\"uk-width-medium-1-3\">\r\n        \r\n        <div class=\"uk-grid\" data-uk-grid-margin>\r\n            \r\n            <div class=\"uk-width-1-1\">\r\n                \r\n                <div class=\"uk-panel\">\r\n                    <ul class=\"uk-nav uk-nav-side uk-nav-parent-icon\" data-uk-nav>\r\n                        <li class=\"uk-nav-header\">Header<\/li>\r\n                        <li class=\"uk-nav-divider\"><\/li>\r\n                        <li class=\"uk-active\"><a href=\"#\">Active<\/a><\/li>\r\n                        <li class=\"uk-parent\">\r\n                            <a href=\"#\">Parent<\/a>\r\n                            <ul class=\"uk-nav-sub\">\r\n                                <li><a href=\"#\">Sub item<\/a><\/li>\r\n                                <li><a href=\"#\">Sub item<\/a>\r\n                                    <ul>\r\n                                        <li><a href=\"#\">Sub item<\/a><\/li>\r\n                                        <li><a href=\"#\">Sub item<\/a><\/li>\r\n                                    <\/ul>\r\n                                <\/li>\r\n                            <\/ul>\r\n                        <\/li>\r\n                        <li><a href=\"#\">Item<\/a><\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                \r\n                <div class=\"uk-panel uk-panel-box\">\r\n                    <h3 class=\"uk-panel-title\">Box<\/h3>\r\n                    <p>Lorem ipsum <a href=\"#\">dolor<\/a> sit amet, consectetur adipisicing elit.<\/p>\r\n                    <p><button class=\"uk-button\" data-uk-offcanvas=\"{target:'#offcanvas-1'}\">Off-canvas<\/button><\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"uk-panel uk-panel-box uk-panel-box-primary\">\r\n                    <h3 class=\"uk-panel-title\">Box primary<\/h3>\r\n                    <p>Lorem ipsum <a href=\"#\">dolor<\/a> sit amet, consectetur adipisicing elit.<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"uk-panel uk-panel-box uk-panel-box-secondary\">\r\n                    <h3 class=\"uk-panel-title\">Box secondary<\/h3>\r\n                    <p>Lorem ipsum <a href=\"#\">dolor<\/a> sit amet, consectetur adipisicing elit.<\/p>\r\n                    <p><button class=\"uk-button\" data-uk-tooltip title=\"Bazinga!\">Tooltip<\/button><\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"uk-panel uk-panel-header\">\r\n                    <h3 class=\"uk-panel-title\">Header<\/h3>\r\n                    <p>Lorem ipsum <a href=\"#\">dolor<\/a> sit amet, consectetur adipisicing elit.<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"uk-panel uk-panel-divider\">\r\n                    <h3 class=\"uk-panel-title\">Divider<\/h3>\r\n                    <p>Lorem ipsum <a href=\"#\">dolor<\/a> sit amet, consectetur adipisicing elit.<\/p>\r\n                    <p>\r\n                        <a href=\"#\" class=\"uk-icon-button uk-icon-github\"><\/a>\r\n                        <a href=\"#\" class=\"uk-icon-button uk-icon-twitter\"><\/a>\r\n                        <a href=\"#\" class=\"uk-icon-button uk-icon-dribbble\"><\/a>\r\n                        <a href=\"#\" class=\"uk-icon-button uk-icon-html5\"><\/a>\r\n                    <\/p>\r\n                <\/div>\r\n                \r\n            <\/div>\r\n            \r\n        <\/div>\r\n        \r\n    <\/div>\r\n    \r\n    \r\n<\/div>\r\n\r\n<hr class=\"uk-grid-divider\">\r\n\r\n<div class=\"uk-grid\" data-uk-grid-margin>\r\n    \r\n    <div class=\"uk-width-medium-1-2\">\r\n        \r\n        <div class=\"uk-margin\">\r\n            <div class=\"uk-alert\" data-uk-alert>\r\n                <a class=\"uk-alert-close uk-close\"><\/a>\r\n                <p>Info message<\/p>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"uk-margin\">\r\n            <div class=\"uk-alert uk-alert-success\" data-uk-alert>\r\n                <a class=\"uk-alert-close uk-close\"><\/a>\r\n                <p>Success message<\/p>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"uk-margin\">\r\n            <div class=\"uk-alert uk-alert-warning\" data-uk-alert>\r\n                <a class=\"uk-alert-close uk-close\"><\/a>\r\n                <p>Warning message<\/p>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"uk-margin\">\r\n            <div class=\"uk-alert uk-alert-danger\" data-uk-alert>\r\n                <a class=\"uk-alert-close uk-close\"><\/a>\r\n                <p>Danger message<\/p>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n    <\/div>\r\n    \r\n    <div class=\"uk-width-medium-1-2\">\r\n        \r\n        <div class=\"uk-margin\">\r\n            <div class=\"uk-progress\">\r\n                <div class=\"uk-progress-bar\" style=\"width: 55%;\">55%<\/div>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"uk-margin\">\r\n            <div class=\"uk-progress uk-progress-success\">\r\n                <div class=\"uk-progress-bar\" style=\"width: 29%;\">29%<\/div>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"uk-margin\">\r\n            <div class=\"uk-progress uk-progress-warning\">\r\n                <div class=\"uk-progress-bar\" style=\"width: 69%;\">69%<\/div>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"uk-margin\">\r\n            <div class=\"uk-progress uk-progress-danger\">\r\n                <div class=\"uk-progress-bar\" style=\"width: 34%;\">34%<\/div>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n    <\/div>\r\n    \r\n<\/div>\r\n\r\n<div class=\"uk-grid\" data-uk-grid-margin>\r\n    \r\n    <div class=\"uk-width-1-2\">\r\n        <form class=\"uk-form\">\r\n            <fieldset>\r\n                <legend>Form states<\/legend>\r\n                <div class=\"uk-form-row\">\r\n                    <input type=\"text\" placeholder=\"Text Input\" class=\"uk-width-1-1\">\r\n                <\/div>\r\n                <div class=\"uk-form-row\">\r\n                    <input type=\"text\" placeholder=\"form-success\" value=\"form-success\" class=\"uk-width-1-1 uk-form-success\">\r\n                <\/div>\r\n                <div class=\"uk-form-row\">\r\n                    <input type=\"text\" placeholder=\"form-danger\" value=\"form-danger\" class=\"uk-width-1-1 uk-form-danger\">\r\n                <\/div>\r\n                <div class=\"uk-form-row\">\r\n                    <input type=\"text\" placeholder=\"form disabled\" class=\"uk-width-1-1\" disabled>\r\n                <\/div>\r\n            <\/fieldset>\r\n        <\/form>\r\n    <\/div>\r\n    \r\n    <div class=\"uk-width-1-2\">\r\n        <form class=\"uk-form\">\r\n            <fieldset class=\"uk-form\">\r\n                <legend>Form styles<\/legend>\r\n                <div class=\"uk-form-row\">\r\n                    <input type=\"text\" placeholder=\"form-large\" class=\"uk-form-large uk-form-width-medium\">\r\n                    <button class=\"uk-button uk-button-large\" type=\"reset\">Large<\/button>\r\n                <\/div>\r\n                <div class=\"uk-form-row\">\r\n                    <input type=\"text\" placeholder=\"form-small\" class=\"uk-form-small uk-form-width-medium\">\r\n                    <button class=\"uk-button uk-button-small\" type=\"reset\">Small<\/button>\r\n                <\/div>\r\n                <div class=\"uk-form-row\">\r\n                    <input type=\"text\" placeholder=\"form-blank\" class=\"uk-form-width-medium uk-form-blank\">\r\n                    <button class=\"uk-button uk-button-mini\" type=\"reset\">Mini<\/button>\r\n                <\/div>\r\n            <\/fieldset>\r\n        <\/form>\r\n    <\/div>\r\n    \r\n<\/div>\r\n\r\n<hr class=\"uk-grid-divider\">\r\n\r\n<div class=\"uk-grid\" data-uk-grid-margin>\r\n    \r\n    <div class=\"uk-width-medium-1-3\">\r\n        \r\n        <ul class=\"uk-subnav uk-subnav-line\">\r\n            <li class=\"uk-active\"><a href=\"#\">Active<\/a><\/li>\r\n            <li><a href=\"#\">Item<\/a><\/li>\r\n            <li><span>Disabled<\/span><\/li>\r\n        <\/ul>\r\n        \r\n    <\/div>\r\n    <div class=\"uk-width-medium-1-3\">\r\n        \r\n        <ul class=\"uk-subnav uk-subnav-pill\">\r\n            <li class=\"uk-active\"><a href=\"#\">Active<\/a><\/li>\r\n            <li><a href=\"#\">Item<\/a><\/li>\r\n            <li><span>Disabled<\/span><\/li>\r\n        <\/ul>\r\n        \r\n    <\/div>\r\n    <div class=\"uk-width-medium-1-3\">\r\n        \r\n        <ul class=\"uk-tab\" data-uk-tab>\r\n            <li class=\"uk-active\"><a href=\"#\">Active<\/a><\/li>\r\n            <li><a href=\"#\">Item<\/a><\/li>\r\n            <li class=\"uk-disabled\"><a href=\"#\">Disabled<\/a><\/li>\r\n        <\/ul>\r\n        \r\n    <\/div>\r\n    \r\n<\/div>\r\n\r\n<hr class=\"uk-grid-divider\">\r\n\r\n<div class=\"uk-grid uk-grid-divider uk-margin-large\" data-uk-grid-margin>\r\n    <div class=\"uk-width-medium-1-4\">\r\n        \r\n        <ul class=\"uk-list uk-list-line\">\r\n            <li>List item 1<\/li>\r\n            <li>List item 2<\/li>\r\n            <li>List item 3<\/li>\r\n        <\/ul>\r\n        \r\n    <\/div>\r\n    \r\n    <div class=\"uk-width-medium-1-4\">\r\n        \r\n        <ul class=\"uk-list uk-list-striped\">\r\n            <li>List item 1<\/li>\r\n            <li>List item 2<\/li>\r\n            <li>List item 3<\/li>\r\n        <\/ul>\r\n        \r\n    <\/div>\r\n    <div class=\"uk-width-medium-1-4\">\r\n        \r\n        <table class=\"uk-table uk-table-striped uk-table-condensed uk-table-hover\">\r\n            <caption>Table caption<\/caption>\r\n            <thead>\r\n                <tr>\r\n                    <th>Table<\/th>\r\n                    <th>Heading<\/th>\r\n                <\/tr>\r\n            <\/thead>\r\n            <tbody>\r\n                <tr>\r\n                    <td>Table<\/td>\r\n                    <td>Data<\/td>\r\n                <\/tr>\r\n                <tr>\r\n                    <td>Table<\/td>\r\n                    <td>Data<\/td>\r\n                <\/tr>\r\n            <\/tbody>\r\n        <\/table>\r\n        \r\n    <\/div>\r\n    <div class=\"uk-width-medium-1-4\">\r\n        \r\n        <dl class=\"uk-description-list uk-description-list-line\">\r\n            <dt>Description lists<\/dt>\r\n            <dd>Description text.<\/dd>\r\n            <dt>Description lists<\/dt>\r\n            <dd>Description text.<\/dd>\r\n        <\/dl>\r\n        \r\n    <\/div>\r\n<\/div>\r\n\r\n<hr class=\"uk-grid-divider uk-margin-large\">\r\n\r\n<div class=\"uk-width-1-1\">\r\n    <ul class=\"uk-breadcrumb\">\r\n        <li><a href=\"#\">Home<\/a><\/li>\r\n        <li><a href=\"#\">Blog<\/a><\/li>\r\n        <li><span>Category<\/span><\/li>\r\n        <li class=\"uk-active\"><span>Post<\/span><\/li>\r\n    <\/ul>\r\n<\/div>\r\n\r\n<div id=\"offcanvas-1\" class=\"uk-offcanvas\">\r\n    <div class=\"uk-offcanvas-bar\">\r\n        \r\n        <ul class=\"uk-nav uk-nav-offcanvas uk-nav-parent-icon\" data-uk-nav>\r\n            <li><a href=\"#\">Item<\/a><\/li>\r\n            <li class=\"uk-active\"><a href=\"#\">Active<\/a><\/li>\r\n            \r\n            <li class=\"uk-parent\">\r\n                <a href=\"#\">Parent<\/a>\r\n                <ul class=\"uk-nav-sub\">\r\n                    <li><a href=\"#\">Sub item<\/a><\/li>\r\n                    <li><a href=\"#\">Sub item<\/a>\r\n                        <ul>\r\n                            <li><a href=\"#\">Sub item<\/a><\/li>\r\n                            <li><a href=\"#\">Sub item<\/a><\/li>\r\n                        <\/ul>\r\n                    <\/li>\r\n                <\/ul>\r\n            <\/li>\r\n            \r\n            <li class=\"uk-parent\">\r\n                <a href=\"#\">Parent<\/a>\r\n                <ul class=\"uk-nav-sub\">\r\n                    <li><a href=\"#\">Sub item<\/a><\/li>\r\n                    <li><a href=\"#\">Sub item<\/a><\/li>\r\n                <\/ul>\r\n            <\/li>\r\n            \r\n            <li><a href=\"#\">Item<\/a><\/li>\r\n            \r\n            <li class=\"uk-nav-header\">Header<\/li>\r\n            <li><a href=\"#\"><i class=\"uk-icon-star\"><\/i> Item<\/a><\/li>\r\n            <li><a href=\"#\"><i class=\"uk-icon-twitter\"><\/i> Item<\/a><\/li>\r\n            <li class=\"uk-nav-divider\"><\/li>\r\n            <li><a href=\"#\"><i class=\"uk-icon-rss\"><\/i> Item<\/a><\/li>\r\n        <\/ul>\r\n        \r\n        <div class=\"uk-panel\">\r\n            <h3 class=\"uk-panel-title\">Title<\/h3>\r\n            Lorem ipsum dolor sit amet, <a href=\"#\">consetetur<\/a> sadipscing elitr.\r\n        <\/div>\r\n        \r\n        <div class=\"uk-panel\">\r\n            <h3 class=\"uk-panel-title\">Title<\/h3>\r\n            Lorem ipsum dolor sit amet, <a href=\"#\">consetetur<\/a> sadipscing elitr.\r\n        <\/div>\r\n        \r\n    <\/div>\r\n<\/div>\r\n\r\n<div id=\"modal-1\" class=\"uk-modal\">\r\n    <div class=\"uk-modal-dialog\">\r\n        <button type=\"button\" class=\"uk-modal-close uk-close\"><\/button>\r\n        <h1>Headline<\/h1>\r\n        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<\/p>\r\n    <\/div>\r\n<\/div>\r\n","protected":false},"excerpt":{"rendered":"<p>Written by Super User on 12 April. Posted in Blog A lightweight and modular front-end framework. UIkit is a lightweight and modular front-end framework for developing fast and powerful web interfaces. It comes with a wide range of reusable and combinable components. All UIkit classes are namespaced, so they won&#8217;t interfere with other frameworks and [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/miwellnessfinanciero.com\/index.php?rest_route=\/wp\/v2\/pages\/35"}],"collection":[{"href":"https:\/\/miwellnessfinanciero.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/miwellnessfinanciero.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/miwellnessfinanciero.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/miwellnessfinanciero.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=35"}],"version-history":[{"count":0,"href":"https:\/\/miwellnessfinanciero.com\/index.php?rest_route=\/wp\/v2\/pages\/35\/revisions"}],"wp:attachment":[{"href":"https:\/\/miwellnessfinanciero.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=35"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}