{"id":33,"date":"2011-05-02T11:45:48","date_gmt":"2011-05-02T11:45:48","guid":{"rendered":"http:\/\/192.168.1.50\/Themes\/2012\/Nano2\/Website_WP\/?page_id=33"},"modified":"2015-03-25T08:20:51","modified_gmt":"2015-03-25T08:20:51","slug":"theme-features","status":"publish","type":"page","link":"https:\/\/miwellnessfinanciero.com\/?page_id=33","title":{"rendered":"Theme Features"},"content":{"rendered":"<div class=\"uk-text-center\">\r\n    <h2 class=\"uk-h1 uk-margin-small-bottom\">Helios Styles<\/h2>\r\n    <p class=\"uk-text-large uk-margin-small-top\">6 different theme styles for a good start.<\/p>\r\n<p>We provide lovingly crafted style variations to give you a glimpse of what is possible with this theme. The built-in theme customizer allows you to modify colors, fonts, sizes and much more without any CSS knowledge. Just choose your colors with the color picker and adjust the theme with only a few clicks. Click on one of the images to see the style.<\/p>\r\n<\/div>\r\n\r\n<div class=\"uk-margin-large-top\">\r\n\n\n<div id=\"wk-grid26e\" class=\"uk-grid-width-1-1 uk-grid-width-medium-1-2 uk-grid-width-large-1-3 uk-grid-width-xlarge-1-3 uk-grid uk-grid-match \" data-uk-grid-match=\"{target:'> div > .uk-panel', row:true}\" data-uk-grid-margin  data-uk-scrollspy=\"{cls:'uk-animation-fade uk-invisible', target:'> div > .uk-panel', delay:300}\">\n\n    \n    <div>\n    \n<div class=\"uk-panel uk-panel-box uk-invisible\">\n\n    <div class=\"uk-panel-teaser\">\n\n        <figure class=\"uk-overlay uk-overlay-hover \">\n\n            <img src=\"\/wp-content\/uploads\/features_style_01.jpg\" class=\"uk-overlay-scale\" alt=\"Default\" width=\"960\" height=\"720\">\n            \n                        <div class=\"uk-overlay-panel uk-overlay-background uk-overlay-slide-bottom\"><\/div>\n            \n                            <div class=\"uk-overlay-panel uk-overlay-icon uk-overlay-slide-bottom\"><\/div>\n            \n                                                <a class=\"uk-position-cover\" href=\"index.php?page_id=33&amp;style=default\"><\/a>\n                            \n        <\/figure>\n\n    <\/div>\n\n        <div class=\"uk-flex uk-flex-middle uk-flex-wrap uk-clearfix uk-margin\" data-uk-margin>\n\n                <div class=\"uk-flex-item-auto uk-float-left\">\n\n                        <h3 class=\"uk-panel-title uk-margin-bottom-remove\">Default<\/h3>\n            \n            \n        <\/div>\n        \n        <div class=\"uk-grid uk-grid-small uk-float-right\" data-uk-grid-margin>\n\n                        <div><a class=\"uk-button\" href=\"index.php?page_id=33&amp;style=default\">Select<\/a><\/div>\n            \n            \n        <\/div>\n\n    <\/div>\n    \n<\/div>\n    <\/div>\n\n        \n    <div>\n    \n<div class=\"uk-panel uk-panel-box uk-invisible\">\n\n    <div class=\"uk-panel-teaser\">\n\n        <figure class=\"uk-overlay uk-overlay-hover \">\n\n            <img src=\"\/wp-content\/uploads\/features_style_02.jpg\" class=\"uk-overlay-scale\" alt=\"Green\" width=\"960\" height=\"720\">\n            \n                        <div class=\"uk-overlay-panel uk-overlay-background uk-overlay-slide-bottom\"><\/div>\n            \n                            <div class=\"uk-overlay-panel uk-overlay-icon uk-overlay-slide-bottom\"><\/div>\n            \n                                                <a class=\"uk-position-cover\" href=\"index.php?page_id=33&amp;style=green\"><\/a>\n                            \n        <\/figure>\n\n    <\/div>\n\n        <div class=\"uk-flex uk-flex-middle uk-flex-wrap uk-clearfix uk-margin\" data-uk-margin>\n\n                <div class=\"uk-flex-item-auto uk-float-left\">\n\n                        <h3 class=\"uk-panel-title uk-margin-bottom-remove\">Green<\/h3>\n            \n            \n        <\/div>\n        \n        <div class=\"uk-grid uk-grid-small uk-float-right\" data-uk-grid-margin>\n\n                        <div><a class=\"uk-button\" href=\"index.php?page_id=33&amp;style=green\">Select<\/a><\/div>\n            \n            \n        <\/div>\n\n    <\/div>\n    \n<\/div>\n    <\/div>\n\n        \n    <div>\n    \n<div class=\"uk-panel uk-panel-box uk-invisible\">\n\n    <div class=\"uk-panel-teaser\">\n\n        <figure class=\"uk-overlay uk-overlay-hover \">\n\n            <img src=\"\/wp-content\/uploads\/features_style_03.jpg\" class=\"uk-overlay-scale\" alt=\"Orange\" width=\"960\" height=\"720\">\n            \n                        <div class=\"uk-overlay-panel uk-overlay-background uk-overlay-slide-bottom\"><\/div>\n            \n                            <div class=\"uk-overlay-panel uk-overlay-icon uk-overlay-slide-bottom\"><\/div>\n            \n                                                <a class=\"uk-position-cover\" href=\"index.php?page_id=33&amp;style=orange\"><\/a>\n                            \n        <\/figure>\n\n    <\/div>\n\n        <div class=\"uk-flex uk-flex-middle uk-flex-wrap uk-clearfix uk-margin\" data-uk-margin>\n\n                <div class=\"uk-flex-item-auto uk-float-left\">\n\n                        <h3 class=\"uk-panel-title uk-margin-bottom-remove\">Orange<\/h3>\n            \n            \n        <\/div>\n        \n        <div class=\"uk-grid uk-grid-small uk-float-right\" data-uk-grid-margin>\n\n                        <div><a class=\"uk-button\" href=\"index.php?page_id=33&amp;style=orange\">Select<\/a><\/div>\n            \n            \n        <\/div>\n\n    <\/div>\n    \n<\/div>\n    <\/div>\n\n        \n    <div>\n    \n<div class=\"uk-panel uk-panel-box uk-invisible\">\n\n    <div class=\"uk-panel-teaser\">\n\n        <figure class=\"uk-overlay uk-overlay-hover \">\n\n            <img src=\"\/wp-content\/uploads\/features_style_04.jpg\" class=\"uk-overlay-scale\" alt=\"Light\" width=\"960\" height=\"720\">\n            \n                        <div class=\"uk-overlay-panel uk-overlay-background uk-overlay-slide-bottom\"><\/div>\n            \n                            <div class=\"uk-overlay-panel uk-overlay-icon uk-overlay-slide-bottom\"><\/div>\n            \n                                                <a class=\"uk-position-cover\" href=\"index.php?page_id=33&amp;style=light\"><\/a>\n                            \n        <\/figure>\n\n    <\/div>\n\n        <div class=\"uk-flex uk-flex-middle uk-flex-wrap uk-clearfix uk-margin\" data-uk-margin>\n\n                <div class=\"uk-flex-item-auto uk-float-left\">\n\n                        <h3 class=\"uk-panel-title uk-margin-bottom-remove\">Light<\/h3>\n            \n            \n        <\/div>\n        \n        <div class=\"uk-grid uk-grid-small uk-float-right\" data-uk-grid-margin>\n\n                        <div><a class=\"uk-button\" href=\"index.php?page_id=33&amp;style=light\">Select<\/a><\/div>\n            \n            \n        <\/div>\n\n    <\/div>\n    \n<\/div>\n    <\/div>\n\n        \n    <div>\n    \n<div class=\"uk-panel uk-panel-box uk-invisible\">\n\n    <div class=\"uk-panel-teaser\">\n\n        <figure class=\"uk-overlay uk-overlay-hover \">\n\n            <img src=\"\/wp-content\/uploads\/features_style_05.jpg\" class=\"uk-overlay-scale\" alt=\"Silver\" width=\"960\" height=\"720\">\n            \n                        <div class=\"uk-overlay-panel uk-overlay-background uk-overlay-slide-bottom\"><\/div>\n            \n                            <div class=\"uk-overlay-panel uk-overlay-icon uk-overlay-slide-bottom\"><\/div>\n            \n                                                <a class=\"uk-position-cover\" href=\"index.php?page_id=33&amp;style=silver\"><\/a>\n                            \n        <\/figure>\n\n    <\/div>\n\n        <div class=\"uk-flex uk-flex-middle uk-flex-wrap uk-clearfix uk-margin\" data-uk-margin>\n\n                <div class=\"uk-flex-item-auto uk-float-left\">\n\n                        <h3 class=\"uk-panel-title uk-margin-bottom-remove\">Silver<\/h3>\n            \n            \n        <\/div>\n        \n        <div class=\"uk-grid uk-grid-small uk-float-right\" data-uk-grid-margin>\n\n                        <div><a class=\"uk-button\" href=\"index.php?page_id=33&amp;style=silver\">Select<\/a><\/div>\n            \n            \n        <\/div>\n\n    <\/div>\n    \n<\/div>\n    <\/div>\n\n        \n    <div>\n    \n<div class=\"uk-panel uk-panel-box uk-invisible\">\n\n    <div class=\"uk-panel-teaser\">\n\n        <figure class=\"uk-overlay uk-overlay-hover \">\n\n            <img src=\"\/wp-content\/uploads\/features_style_06.jpg\" class=\"uk-overlay-scale\" alt=\"Salmon\" width=\"960\" height=\"720\">\n            \n                        <div class=\"uk-overlay-panel uk-overlay-background uk-overlay-slide-bottom\"><\/div>\n            \n                            <div class=\"uk-overlay-panel uk-overlay-icon uk-overlay-slide-bottom\"><\/div>\n            \n                                                <a class=\"uk-position-cover\" href=\"index.php?page_id=33&amp;style=salmon\"><\/a>\n                            \n        <\/figure>\n\n    <\/div>\n\n        <div class=\"uk-flex uk-flex-middle uk-flex-wrap uk-clearfix uk-margin\" data-uk-margin>\n\n                <div class=\"uk-flex-item-auto uk-float-left\">\n\n                        <h3 class=\"uk-panel-title uk-margin-bottom-remove\">Salmon<\/h3>\n            \n            \n        <\/div>\n        \n        <div class=\"uk-grid uk-grid-small uk-float-right\" data-uk-grid-margin>\n\n                        <div><a class=\"uk-button\" href=\"index.php?page_id=33&amp;style=salmon\">Select<\/a><\/div>\n            \n            \n        <\/div>\n\n    <\/div>\n    \n<\/div>\n    <\/div>\n\n    \n<\/div>\n\n\n<script>\n(function($){\n\n    \/\/ get the images of the gallery and replace it by a canvas of the same size to fix the problem with overlapping images on load.\n    $('img[width][height]:not(.uk-overlay-panel)', $('#wk-grid26e')).each(function() {\n\n        var $img = $(this);\n\n        if (this.width == 'auto' || this.height == 'auto' || !$img.is(':visible')) {\n            return;\n        }\n\n        var $canvas = $('<canvas class=\"uk-responsive-width\"><\/canvas>').attr({width:$img.attr('width'), height:$img.attr('height')}),\n            img = new Image,\n            release = function() {\n                $canvas.remove();\n                $img.css('display', '');\n                release = function(){};\n            };\n\n        $img.css('display', 'none').after($canvas);\n\n        $(img).on('load', function(){ release(); });\n        setTimeout(function(){ release(); }, 1000);\n\n        img.src = this.src;\n\n    });\n\n})(jQuery);\n<\/script>\n\r\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Helios Styles 6 different theme styles for a good start. We provide lovingly crafted style variations to give you a glimpse of what is possible with this theme. The built-in theme customizer allows you to modify colors, fonts, sizes and much more without any CSS knowledge. Just choose your colors with the color picker 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\/33"}],"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=33"}],"version-history":[{"count":0,"href":"https:\/\/miwellnessfinanciero.com\/index.php?rest_route=\/wp\/v2\/pages\/33\/revisions"}],"wp:attachment":[{"href":"https:\/\/miwellnessfinanciero.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=33"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}