{"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-05-06T15:40:36","modified_gmt":"2015-05-06T15:40:36","slug":"features","status":"publish","type":"page","link":"https:\/\/evergreendevelopments.net\/?page_id=33","title":{"rendered":"Features"},"content":{"rendered":"<h2>Styles<\/h2>\r\n\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\r\n\n\n<div id=\"wk-grided9\" class=\"uk-grid-width-1-1 uk-grid-width-medium-1-2 uk-grid-width-large-1-3 uk-grid uk-grid-match uk-text-center \" data-uk-grid-match=\"{target:'> div > .uk-panel', row:true}\" data-uk-grid-margin >\n\n\n    <div>\n        <div class=\"uk-panel\">\n\n            \n            \n                        <div class=\"uk-text-center uk-margin uk-margin-top-remove\"><div class=\"uk-overlay uk-overlay-hover \"><img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/yootheme\/features_style_01.jpg\" class=\" uk-overlay-scale\" alt=\"Default\" width=\"390\" height=\"280\"><div class=\"uk-overlay-panel uk-overlay-background uk-overlay-icon uk-overlay-fade\"><\/div><a class=\"uk-position-cover\" href=\"index.php?page_id=33&amp;style=default\"><\/a><\/div><\/div>\n            \n            \n                        <h3 class=\"uk-h4 uk-margin-top-remove\">\n\n                                    <a class=\"uk-link-reset\" href=\"index.php?page_id=33&amp;style=default\">Default<\/a>\n                \n                \n            <\/h3>\n            \n            \n            \n            \n            \n            \n            \n        <\/div>\n    <\/div>\n\n\n    <div>\n        <div class=\"uk-panel\">\n\n            \n            \n                        <div class=\"uk-text-center uk-margin uk-margin-top-remove\"><div class=\"uk-overlay uk-overlay-hover \"><img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/yootheme\/features_style_02.jpg\" class=\" uk-overlay-scale\" alt=\"Gold\" width=\"390\" height=\"280\"><div class=\"uk-overlay-panel uk-overlay-background uk-overlay-icon uk-overlay-fade\"><\/div><a class=\"uk-position-cover\" href=\"index.php?page_id=33&amp;style=gold\"><\/a><\/div><\/div>\n            \n            \n                        <h3 class=\"uk-h4 uk-margin-top-remove\">\n\n                                    <a class=\"uk-link-reset\" href=\"index.php?page_id=33&amp;style=gold\">Gold<\/a>\n                \n                \n            <\/h3>\n            \n            \n            \n            \n            \n            \n            \n        <\/div>\n    <\/div>\n\n\n    <div>\n        <div class=\"uk-panel\">\n\n            \n            \n                        <div class=\"uk-text-center uk-margin uk-margin-top-remove\"><div class=\"uk-overlay uk-overlay-hover \"><img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/yootheme\/features_style_03.jpg\" class=\" uk-overlay-scale\" alt=\"Green\" width=\"390\" height=\"280\"><div class=\"uk-overlay-panel uk-overlay-background uk-overlay-icon uk-overlay-fade\"><\/div><a class=\"uk-position-cover\" href=\"index.php?page_id=33&amp;style=green\"><\/a><\/div><\/div>\n            \n            \n                        <h3 class=\"uk-h4 uk-margin-top-remove\">\n\n                                    <a class=\"uk-link-reset\" href=\"index.php?page_id=33&amp;style=green\">Green<\/a>\n                \n                \n            <\/h3>\n            \n            \n            \n            \n            \n            \n            \n        <\/div>\n    <\/div>\n\n\n    <div>\n        <div class=\"uk-panel\">\n\n            \n            \n                        <div class=\"uk-text-center uk-margin uk-margin-top-remove\"><div class=\"uk-overlay uk-overlay-hover \"><img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/yootheme\/features_style_04.jpg\" class=\" uk-overlay-scale\" alt=\"Yellow\" width=\"390\" height=\"280\"><div class=\"uk-overlay-panel uk-overlay-background uk-overlay-icon uk-overlay-fade\"><\/div><a class=\"uk-position-cover\" href=\"index.php?page_id=33&amp;style=yellow\"><\/a><\/div><\/div>\n            \n            \n                        <h3 class=\"uk-h4 uk-margin-top-remove\">\n\n                                    <a class=\"uk-link-reset\" href=\"index.php?page_id=33&amp;style=yellow\">Yellow<\/a>\n                \n                \n            <\/h3>\n            \n            \n            \n            \n            \n            \n            \n        <\/div>\n    <\/div>\n\n\n    <div>\n        <div class=\"uk-panel\">\n\n            \n            \n                        <div class=\"uk-text-center uk-margin uk-margin-top-remove\"><div class=\"uk-overlay uk-overlay-hover \"><img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/yootheme\/features_style_05.jpg\" class=\" uk-overlay-scale\" alt=\"Taupe\" width=\"390\" height=\"280\"><div class=\"uk-overlay-panel uk-overlay-background uk-overlay-icon uk-overlay-fade\"><\/div><a class=\"uk-position-cover\" href=\"index.php?page_id=33&amp;style=taupe\"><\/a><\/div><\/div>\n            \n            \n                        <h3 class=\"uk-h4 uk-margin-top-remove\">\n\n                                    <a class=\"uk-link-reset\" href=\"index.php?page_id=33&amp;style=taupe\">Taupe<\/a>\n                \n                \n            <\/h3>\n            \n            \n            \n            \n            \n            \n            \n        <\/div>\n    <\/div>\n\n\n    <div>\n        <div class=\"uk-panel\">\n\n            \n            \n                        <div class=\"uk-text-center uk-margin uk-margin-top-remove\"><div class=\"uk-overlay uk-overlay-hover \"><img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/yootheme\/features_style_06.jpg\" class=\" uk-overlay-scale\" alt=\"Blue\" width=\"390\" height=\"280\"><div class=\"uk-overlay-panel uk-overlay-background uk-overlay-icon uk-overlay-fade\"><\/div><a class=\"uk-position-cover\" href=\"index.php?page_id=33&amp;style=blue\"><\/a><\/div><\/div>\n            \n            \n                        <h3 class=\"uk-h4 uk-margin-top-remove\">\n\n                                    <a class=\"uk-link-reset\" href=\"index.php?page_id=33&amp;style=blue\">Blue<\/a>\n                \n                \n            <\/h3>\n            \n            \n            \n            \n            \n            \n            \n        <\/div>\n    <\/div>\n\n\n<\/div>\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-grided9')).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\r\n<hr class=\"uk-article-divider tm-margin-xlarge\">\r\n\r\n\n<div  data-uk-scrollspy=\"{target:'> div > [data-uk-scrollspy-cls]', delay:300}\">\n\n\n    \n    <div class=\"uk-grid uk-text-left uk-flex-middle\" data-uk-grid-match data-uk-margin=\"{cls:'uk-margin-top'}\">\n\n                <div class=\"uk-width-medium-1-2 uk-text-center uk-invisible\"  data-uk-scrollspy-cls=\"uk-animation-fade uk-invisible\">\n            <div class=\"uk-overlay uk-overlay-hover \"><img decoding=\"async\" src=\"\/wp-content\/uploads\/yootheme\/theme_features01.svg\" class=\" uk-overlay-scale\" alt=\"Blog Layout\"><div class=\"uk-overlay-panel uk-overlay-background uk-overlay-icon uk-overlay-fade\"><\/div><\/div>        <\/div>\n        \n                <div class=\"uk-width-medium-1-2 uk-invisible\"  data-uk-scrollspy-cls=\"uk-animation-fade uk-invisible\">\n            <div class=\"uk-panel uk-panel-space uk-width-1-1\">\n\n                \n                                <h3 class=\"uk-panel-title\">\n\n                                            Blog Layout                    \n                    \n                <\/h3>\n                \n                                <div class=\"uk-margin\">Apart from the the default blog layout, you can apply a special image based one. Additionally, the content can be displayed in two columns.<\/div>\n                \n                \n                \n            <\/div>\n        <\/div>\n        \n    <\/div>\n\n    \n\n    \n    <div class=\"uk-grid uk-text-left uk-flex-middle\" data-uk-grid-match data-uk-margin=\"{cls:'uk-margin-top'}\">\n\n                <div class=\"uk-width-medium-1-2 uk-text-center uk-float-right uk-flex-order-last-medium uk-invisible\"  data-uk-scrollspy-cls=\"uk-animation-fade uk-invisible\">\n            <div class=\"uk-overlay uk-overlay-hover \"><img decoding=\"async\" src=\"\/wp-content\/uploads\/yootheme\/theme_features02.svg\" class=\" uk-overlay-scale\" alt=\"Adaptive Navigation\"><div class=\"uk-overlay-panel uk-overlay-background uk-overlay-icon uk-overlay-fade\"><\/div><\/div>        <\/div>\n        \n                <div class=\"uk-width-medium-1-2 uk-invisible\"  data-uk-scrollspy-cls=\"uk-animation-fade uk-invisible\">\n            <div class=\"uk-panel uk-panel-space uk-width-1-1\">\n\n                \n                                <h3 class=\"uk-panel-title\">\n\n                                            Adaptive Navigation                    \n                    \n                <\/h3>\n                \n                                <div class=\"uk-margin\">Enable the sticky navigation option and the main menu will remain at the top of the window and automatically adapt its height when scrolling.<\/div>\n                \n                \n                \n            <\/div>\n        <\/div>\n        \n    <\/div>\n\n    \n\n    \n    <div class=\"uk-grid uk-text-left uk-flex-middle\" data-uk-grid-match data-uk-margin=\"{cls:'uk-margin-top'}\">\n\n                <div class=\"uk-width-medium-1-2 uk-text-center uk-invisible\"  data-uk-scrollspy-cls=\"uk-animation-fade uk-invisible\">\n            <div class=\"uk-overlay uk-overlay-hover \"><img decoding=\"async\" src=\"\/wp-content\/uploads\/yootheme\/theme_features03.svg\" class=\" uk-overlay-scale\" alt=\"Grid Widget\"><div class=\"uk-overlay-panel uk-overlay-background uk-overlay-icon uk-overlay-fade\"><\/div><\/div>        <\/div>\n        \n                <div class=\"uk-width-medium-1-2 uk-invisible\"  data-uk-scrollspy-cls=\"uk-animation-fade uk-invisible\">\n            <div class=\"uk-panel uk-panel-space uk-width-1-1\">\n\n                \n                                <h3 class=\"uk-panel-title\">\n\n                                            Grid Widget                    \n                    \n                <\/h3>\n                \n                                <div class=\"uk-margin\">Lykka theme features a custom Grid widget. Add a second media item and your widget&#8217;s content will be arranged in a nice layout.<\/div>\n                \n                \n                \n            <\/div>\n        <\/div>\n        \n    <\/div>\n\n    \n\n    \n    <div class=\"uk-grid uk-text-left uk-flex-middle\" data-uk-grid-match data-uk-margin=\"{cls:'uk-margin-top'}\">\n\n                <div class=\"uk-width-medium-1-2 uk-text-center uk-float-right uk-flex-order-last-medium uk-invisible\"  data-uk-scrollspy-cls=\"uk-animation-fade uk-invisible\">\n            <div class=\"uk-overlay uk-overlay-hover \"><img decoding=\"async\" src=\"\/wp-content\/uploads\/yootheme\/theme_features04.svg\" class=\" uk-overlay-scale\" alt=\"Grid Alternate Widget\"><div class=\"uk-overlay-panel uk-overlay-background uk-overlay-icon uk-overlay-fade\"><\/div><\/div>        <\/div>\n        \n                <div class=\"uk-width-medium-1-2 uk-invisible\"  data-uk-scrollspy-cls=\"uk-animation-fade uk-invisible\">\n            <div class=\"uk-panel uk-panel-space uk-width-1-1\">\n\n                \n                                <h3 class=\"uk-panel-title\">\n\n                                            Grid Alternate Widget                    \n                    \n                <\/h3>\n                \n                                <div class=\"uk-margin\">The custom Grid Alternate widget arranges content and media in a teaser layout with the image displayed alternating above or below the content.<\/div>\n                \n                \n                \n            <\/div>\n        <\/div>\n        \n    <\/div>\n\n    \n\n<\/div>\n\r\n\r\n<h6 class=\"uk-margin-large-top uk-text-center\">\r\n  Videos: <a href=\"http:\/\/mazwai.com\/#31\" target=\"_blank\">1736<\/a> by <a href=\"https:\/\/vimeo.com\/christiaanwelzel\" target=\"_blank\">Christiaan Welzel<\/a> and <a href=\"http:\/\/mazwai.com\/#83\" target=\"_blank\">Explore<\/a> by <a href=\"http:\/\/www.andylloydcreative.com\/\" target=\"_blank\">Andy Lloyd<\/a>\/Mazwai.com, License: <a href=\"http:\/\/creativecommons.org\/licenses\/by\/3.0\/\" target=\"_blank\">CC BY 3.0<\/a>\r\n<\/h6>","protected":false},"excerpt":{"rendered":"<p>Styles 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 [&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:\/\/evergreendevelopments.net\/index.php?rest_route=\/wp\/v2\/pages\/33"}],"collection":[{"href":"https:\/\/evergreendevelopments.net\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/evergreendevelopments.net\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/evergreendevelopments.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/evergreendevelopments.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=33"}],"version-history":[{"count":0,"href":"https:\/\/evergreendevelopments.net\/index.php?rest_route=\/wp\/v2\/pages\/33\/revisions"}],"wp:attachment":[{"href":"https:\/\/evergreendevelopments.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=33"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}