{"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":"2014-06-30T09:14:14","modified_gmt":"2014-06-30T09:14:14","slug":"features","status":"publish","type":"page","link":"https:\/\/v2.wesselstuinen.nl\/?page_id=33","title":{"rendered":"Features"},"content":{"rendered":"<p class=\"uk-article-lead\">This theme is built on the <a href=\"http:\/\/www.warp-framework.com\">Warp framework<\/a>, a well-engineered theme framework for WordPress and Joomla, and utilizes all of its latest features. The user interface is powered by <a href=\"http:\/\/www.getuikit.com\">UIkit<\/a>, a lightweight and modular front-end framework, which provides the theme&#8217;s styling. The theme also comes with a wide range of different <a href=\"?page_id=39\">layouts and widget variations<\/a>.<\/p> \r\n\r\n<div class=\"uk-grid\" data-uk-grid-margin data-uk-grid-match=\"{target:'.uk-panel'}\">\r\n    <div class=\"uk-width-medium-1-2\">\r\n        <div class=\"uk-panel uk-panel-box\">\r\n\r\n            <div class=\"uk-grid\" data-uk-grid-margin>\r\n                <div class=\"uk-width-large-2-6 uk-text-center\">\r\n                    <a class=\"uk-display-block\" href=\"http:\/\/www.warp-framework.com\" target=\"_blank\">\r\n                        <img loading=\"lazy\" src=\"wp-content\/uploads\/yootheme\/features_icon_warp.svg\" alt=\"Warp Framework\" width=\"150\" height=\"150\">\r\n                    <\/a>\r\n                <\/div>\r\n                <div class=\"uk-width-large-4-6 uk-text-center-medium\">\r\n                    <h2 class=\"uk-h3\">Warp Framework<\/h2>\r\n                    <p>A fast and slick theme framework which is built on the latest web techniques like HTML5, CSS3 and PHP 5.3+<\/p>\r\n                    <p><a class=\"uk-button\" href=\"http:\/\/www.warp-framework.com\" target=\"_blank\">Visit Website<\/a><\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n    <div class=\"uk-width-medium-1-2\">\r\n        <div class=\"uk-panel uk-panel-box\">\r\n\r\n            <div class=\"uk-grid\" data-uk-grid-margin>\r\n                <div class=\"uk-width-large-2-6 uk-text-center\">\r\n                    <a class=\"uk-display-block\" href=\"http:\/\/www.getuikit.com\" target=\"_blank\">\r\n                        <img loading=\"lazy\" src=\"wp-content\/uploads\/yootheme\/features_icon_uikit.svg\" alt=\"UIkit\" width=\"150\" height=\"150\">\r\n                    <\/a>\r\n                <\/div>\r\n                <div class=\"uk-width-large-4-6 uk-text-center-medium\">\r\n                    <h2 class=\"uk-h3\">UIkit<\/h2>\r\n                    <p>A lightweight and modular front-end framework for developing fast and powerful web interfaces.<\/p>\r\n                    <p><a class=\"uk-button\" href=\"http:\/\/www.getuikit.com\" target=\"_blank\">Visit Website<\/a><\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<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<ul class=\"uk-grid uk-grid-width-small-1-2 uk-grid-width-large-1-3\" data-uk-grid-margin>\r\n    <li>\r\n        <a class=\"uk-thumbnail uk-overlay-toggle\" href=\"?page_id=33&amp;style=default\">\r\n            <div class=\"uk-overlay\">\r\n                <img loading=\"lazy\" src=\"wp-content\/uploads\/yootheme\/features_style_01.jpg\" width=\"390\" height=\"280\" alt=\"Style\">\r\n                <div class=\"uk-overlay-area\"><\/div>\r\n            <\/div>\r\n            <div class=\"uk-thumbnail-caption\">Default<\/div>\r\n        <\/a>\r\n    <\/li>\r\n    <li>\r\n        <a class=\"uk-thumbnail uk-overlay-toggle\" href=\"?page_id=33&amp;style=pink\">\r\n            <div class=\"uk-overlay\">\r\n                <img loading=\"lazy\" src=\"wp-content\/uploads\/yootheme\/features_style_02.jpg\" width=\"390\" height=\"280\" alt=\"Style\">\r\n                <div class=\"uk-overlay-area\"><\/div>\r\n            <\/div>\r\n            <div class=\"uk-thumbnail-caption\">Pink<\/div>\r\n        <\/a>\r\n    <\/li>\r\n    <li>\r\n        <a class=\"uk-thumbnail uk-overlay-toggle\" href=\"?page_id=33&amp;style=ocher\">\r\n            <div class=\"uk-overlay\">\r\n                <img loading=\"lazy\" src=\"wp-content\/uploads\/yootheme\/features_style_03.jpg\" width=\"390\" height=\"280\" alt=\"Style\">\r\n                <div class=\"uk-overlay-area\"><\/div>\r\n            <\/div>\r\n            <div class=\"uk-thumbnail-caption\">Ocher<\/div>\r\n        <\/a>\r\n    <\/li>\r\n    <li>\r\n        <a class=\"uk-thumbnail uk-overlay-toggle\" href=\"?page_id=33&amp;style=salmon\">\r\n            <div class=\"uk-overlay\">\r\n                <img loading=\"lazy\" src=\"wp-content\/uploads\/yootheme\/features_style_04.jpg\" width=\"390\" height=\"280\" alt=\"Style\">\r\n                <div class=\"uk-overlay-area\"><\/div>\r\n            <\/div>\r\n            <div class=\"uk-thumbnail-caption\">Salmon<\/div>\r\n        <\/a>\r\n    <\/li>\r\n    <li>\r\n        <a class=\"uk-thumbnail uk-overlay-toggle\" href=\"?page_id=33&amp;style=green\">\r\n            <div class=\"uk-overlay\">\r\n                <img loading=\"lazy\" src=\"wp-content\/uploads\/yootheme\/features_style_05.jpg\" width=\"390\" height=\"280\" alt=\"Style\">\r\n                <div class=\"uk-overlay-area\"><\/div>\r\n            <\/div>\r\n            <div class=\"uk-thumbnail-caption\">Green<\/div>\r\n        <\/a>\r\n    <\/li>\r\n    <li>\r\n        <a class=\"uk-thumbnail uk-overlay-toggle\" href=\"?page_id=33&amp;style=blue\">\r\n            <div class=\"uk-overlay\">\r\n                <img loading=\"lazy\" src=\"wp-content\/uploads\/yootheme\/features_style_06.jpg\" width=\"390\" height=\"280\" alt=\"Style\">\r\n                <div class=\"uk-overlay-area\"><\/div>\r\n            <\/div>\r\n            <div class=\"uk-thumbnail-caption\">Blue<\/div>\r\n        <\/a>\r\n    <\/li>\r\n    <li>\r\n        <a class=\"uk-thumbnail uk-overlay-toggle\" href=\"?page_id=33&amp;style=lilac\">\r\n            <div class=\"uk-overlay\">\r\n                <img loading=\"lazy\" src=\"wp-content\/uploads\/yootheme\/features_style_07.jpg\" width=\"390\" height=\"280\" alt=\"Style\">\r\n                <div class=\"uk-overlay-area\"><\/div>\r\n            <\/div>\r\n            <div class=\"uk-thumbnail-caption\">Lilac<\/div>\r\n        <\/a>\r\n    <\/li>\r\n    <li>\r\n        <a class=\"uk-thumbnail uk-overlay-toggle\" href=\"?page_id=33&amp;style=dove\">\r\n            <div class=\"uk-overlay\">\r\n                <img loading=\"lazy\" src=\"wp-content\/uploads\/yootheme\/features_style_08.jpg\" width=\"390\" height=\"280\" alt=\"Style\">\r\n                <div class=\"uk-overlay-area\"><\/div>\r\n            <\/div>\r\n            <div class=\"uk-thumbnail-caption\">Dove<\/div>\r\n        <\/a>\r\n    <\/li>\r\n<\/ul>\r\n\r\n<div class=\"uk-grid\" data-uk-grid-margin>\r\n    <div class=\"uk-width-medium-1-1\">\r\n        <div class=\"uk-panel uk-panel-box uk-text-center\">\r\n            <p>This theme is available for <img loading=\"lazy\" src=\"wp-content\/uploads\/yootheme\/features_icon_joomla.svg\" width=\"25\" height=\"21\" alt=\"Joomla\">Joomla and <img loading=\"lazy\" src=\"wp-content\/uploads\/yootheme\/features_icon_wordpress.svg\" width=\"23\" height=\"22\" alt=\"Wordpress\">WordPress including the same features on each system.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<h3>Additional Positions<\/h3>\r\n<div class=\"uk-grid\" data-uk-grid-margin>\r\n<p>We&#8217;ve added some special position to allow you to present your images in a good light. Following layout positions have been added: <\/p>\r\n<div class=\"uk-width-1-1 uk-width-medium-1-2\">\r\n    <img loading=\"lazy\" src=\"wp-content\/uploads\/yootheme\/features_fullscreen.png\" width=\"800\" height=\"430\" alt=\"Fullscreen Image\">\r\n    <h4>Fullscreen<\/h4>\r\n    <p>Eat Theme provides a <code>Fullscreen<\/code> position that perfectly adapts to the screen resolution.  It can easily be enabled within the Warp layout settings. For more information and examples, take a look at the <a href=\"?page_id=39\">Layouts page<\/a>.<\/p>\r\n<\/div>\r\n<div class=\"uk-width-1-1 uk-width-medium-1-2\">\r\n    <img loading=\"lazy\" src=\"wp-content\/uploads\/yootheme\/features_fullimage.png\" width=\"800\" height=\"430\" alt=\"Full Width Image\">\r\n    <h4>Full Width Content Image<\/h4>\r\n    <p>This theme also comes with the additional positions <code>Top-Image<\/code> and <code>Bottom-Image<\/code>. They enable you to present images inside the template area without margin. For more information and examples, take a look at the <a href=\"?page_id=39\">Layouts page<\/a>.<\/p>\r\n<\/div>\r\n<\/div>\r\n\r\n<br \/>\r\n\r\n<hr>\r\n\r\n<h3>Custom Widgetkit Styles<\/h3>\r\n<p>We created a custom style for our <a href=\"?page_id=88\">Widgetkit Slideshow<\/a> perfectly fitting the theme. To apply this style, follow these steps:<\/p>\r\n\r\n<h4>Slideshow<\/h4>\r\n<ol>\r\n    <li>Download and unzip the bonus styles package for Widgetkit available in the download area<\/li>\r\n    <li>Copy the folder <mark>slideshow\/styles\/eat<\/mark><\/li>\r\n    <li>Joomla: Paste it to <mark>media\/widgetkit\/widgets\/slideshow\/styles<\/mark><br \/> WordPress: Paste it to <mark>wp-content\/plugins\/widgetkit\/widgets\/slideshow\/styles<\/mark><\/li>\r\n    <li>Now you can select the style &#8220;Eat&#8221; in the settings of your Widgetkit Slideshow<\/li>\r\n<\/ol>\r\n\r\n<br \/>\r\n\r\n<hr>\r\n\r\n<h3>Social Icons<\/h3>\r\n<p>Use the modifier <code>.uk-icon-button<\/code> class to create an icon button.<\/p>\r\n\r\n<a href=\"#\" class=\"uk-icon-button uk-icon-twitter\"><\/a>\r\n<a href=\"#\" class=\"uk-icon-button uk-icon-rss\"><\/a>\r\n<a href=\"#\" class=\"uk-icon-button uk-icon-facebook\"><\/a>\r\n<a href=\"#\" class=\"uk-icon-button uk-icon-flickr\"><\/a>\r\n<a href=\"#\" class=\"uk-icon-button uk-icon-xing\"><\/a>\r\n<a href=\"#\" class=\"uk-icon-button uk-icon-google-plus\"><\/a>\r\n<a href=\"#\" class=\"uk-icon-button uk-icon-youtube\"><\/a>\r\n<a href=\"#\" class=\"uk-icon-button uk-icon-dribbble \"><\/a>\r\n<a href=\"#\" class=\"uk-icon-button uk-icon-github\"><\/a>\r\n\r\n<p>Here is a little code example how to add them:<\/p>\r\n<pre>  &lt;a href=\"#\" class=\"uk-icon-button uk-icon-twitter\"&gt;&lt;\/a&gt;\r\n  &lt;a href=\"#\" class=\"uk-icon-button uk-icon-facebook\"&gt;&lt;\/a&gt;\r\n  &lt;a href=\"#\" class=\"uk-icon-button uk-icon-google-plus\"&gt;&lt;\/a&gt;\r\n<\/pre>\r\n<p><a href=\"http:\/\/www.getuikit.com\/docs\/icon.html\" target=\"blank\">Here<\/a> is an overview of all icons provided by <a href=\"http:\/\/fortawesome.github.io\/Font-Awesome\/\" target=\"blank\">Font Awesome<\/a>.<\/p>","protected":false},"excerpt":{"rendered":"<p>This theme is built on the Warp framework, a well-engineered theme framework for WordPress and Joomla, and utilizes all of its latest features. The user interface is powered by UIkit, a lightweight and modular front-end framework, which provides the theme&#8217;s styling. The theme also comes with a wide range of different layouts and widget variations. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/v2.wesselstuinen.nl\/index.php?rest_route=\/wp\/v2\/pages\/33"}],"collection":[{"href":"https:\/\/v2.wesselstuinen.nl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/v2.wesselstuinen.nl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/v2.wesselstuinen.nl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/v2.wesselstuinen.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=33"}],"version-history":[{"count":0,"href":"https:\/\/v2.wesselstuinen.nl\/index.php?rest_route=\/wp\/v2\/pages\/33\/revisions"}],"wp:attachment":[{"href":"https:\/\/v2.wesselstuinen.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=33"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}