{"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:\/\/opiniproducts.nl\/en\/features\/","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>\n<div class=\"uk-grid\" data-uk-grid-margin data-uk-grid-match=\"{target:'.uk-panel'}\">\n<div class=\"uk-width-medium-1-2\">\n<div class=\"uk-panel uk-panel-box\">\n<div class=\"uk-grid\" data-uk-grid-margin>\n<div class=\"uk-width-large-2-6 uk-text-center\">\n                    <a class=\"uk-display-block\" href=\"http:\/\/www.warp-framework.com\" target=\"_blank\"><br \/>\n                        <img loading=\"lazy\" decoding=\"async\" src=\"wp-content\/uploads\/yootheme\/features_icon_warp.svg\" alt=\"Warp Framework\" width=\"150\" height=\"150\"><br \/>\n                    <\/a>\n                <\/div>\n<div class=\"uk-width-large-4-6 uk-text-center-medium\">\n<h2 class=\"uk-h3\">Warp Framework<\/h2>\n<p>A fast and slick theme framework which is built on the latest web techniques like HTML5, CSS3 and PHP 5.3+<\/p>\n<p><a class=\"uk-button\" href=\"http:\/\/www.warp-framework.com\" target=\"_blank\">Visit Website<\/a><\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"uk-width-medium-1-2\">\n<div class=\"uk-panel uk-panel-box\">\n<div class=\"uk-grid\" data-uk-grid-margin>\n<div class=\"uk-width-large-2-6 uk-text-center\">\n                    <a class=\"uk-display-block\" href=\"http:\/\/www.getuikit.com\" target=\"_blank\"><br \/>\n                        <img loading=\"lazy\" decoding=\"async\" src=\"wp-content\/uploads\/yootheme\/features_icon_uikit.svg\" alt=\"UIkit\" width=\"150\" height=\"150\"><br \/>\n                    <\/a>\n                <\/div>\n<div class=\"uk-width-large-4-6 uk-text-center-medium\">\n<h2 class=\"uk-h3\">UIkit<\/h2>\n<p>A lightweight and modular front-end framework for developing fast and powerful web interfaces.<\/p>\n<p><a class=\"uk-button\" href=\"http:\/\/www.getuikit.com\" target=\"_blank\">Visit Website<\/a><\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<h2>Styles<\/h2>\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>\n<ul class=\"uk-grid uk-grid-width-small-1-2 uk-grid-width-large-1-3\" data-uk-grid-margin>\n<li>\n        <a class=\"uk-thumbnail uk-overlay-toggle\" href=\"?page_id=33&amp;style=default\"><\/p>\n<div class=\"uk-overlay\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"wp-content\/uploads\/yootheme\/features_style_01.jpg\" width=\"390\" height=\"280\" alt=\"Style\"><\/p>\n<div class=\"uk-overlay-area\"><\/div>\n<\/p><\/div>\n<div class=\"uk-thumbnail-caption\">Default<\/div>\n<p>        <\/a>\n    <\/li>\n<li>\n        <a class=\"uk-thumbnail uk-overlay-toggle\" href=\"?page_id=33&amp;style=pink\"><\/p>\n<div class=\"uk-overlay\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"wp-content\/uploads\/yootheme\/features_style_02.jpg\" width=\"390\" height=\"280\" alt=\"Style\"><\/p>\n<div class=\"uk-overlay-area\"><\/div>\n<\/p><\/div>\n<div class=\"uk-thumbnail-caption\">Pink<\/div>\n<p>        <\/a>\n    <\/li>\n<li>\n        <a class=\"uk-thumbnail uk-overlay-toggle\" href=\"?page_id=33&amp;style=ocher\"><\/p>\n<div class=\"uk-overlay\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"wp-content\/uploads\/yootheme\/features_style_03.jpg\" width=\"390\" height=\"280\" alt=\"Style\"><\/p>\n<div class=\"uk-overlay-area\"><\/div>\n<\/p><\/div>\n<div class=\"uk-thumbnail-caption\">Ocher<\/div>\n<p>        <\/a>\n    <\/li>\n<li>\n        <a class=\"uk-thumbnail uk-overlay-toggle\" href=\"?page_id=33&amp;style=salmon\"><\/p>\n<div class=\"uk-overlay\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"wp-content\/uploads\/yootheme\/features_style_04.jpg\" width=\"390\" height=\"280\" alt=\"Style\"><\/p>\n<div class=\"uk-overlay-area\"><\/div>\n<\/p><\/div>\n<div class=\"uk-thumbnail-caption\">Salmon<\/div>\n<p>        <\/a>\n    <\/li>\n<li>\n        <a class=\"uk-thumbnail uk-overlay-toggle\" href=\"?page_id=33&amp;style=green\"><\/p>\n<div class=\"uk-overlay\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"wp-content\/uploads\/yootheme\/features_style_05.jpg\" width=\"390\" height=\"280\" alt=\"Style\"><\/p>\n<div class=\"uk-overlay-area\"><\/div>\n<\/p><\/div>\n<div class=\"uk-thumbnail-caption\">Green<\/div>\n<p>        <\/a>\n    <\/li>\n<li>\n        <a class=\"uk-thumbnail uk-overlay-toggle\" href=\"?page_id=33&amp;style=blue\"><\/p>\n<div class=\"uk-overlay\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"wp-content\/uploads\/yootheme\/features_style_06.jpg\" width=\"390\" height=\"280\" alt=\"Style\"><\/p>\n<div class=\"uk-overlay-area\"><\/div>\n<\/p><\/div>\n<div class=\"uk-thumbnail-caption\">Blue<\/div>\n<p>        <\/a>\n    <\/li>\n<li>\n        <a class=\"uk-thumbnail uk-overlay-toggle\" href=\"?page_id=33&amp;style=lilac\"><\/p>\n<div class=\"uk-overlay\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"wp-content\/uploads\/yootheme\/features_style_07.jpg\" width=\"390\" height=\"280\" alt=\"Style\"><\/p>\n<div class=\"uk-overlay-area\"><\/div>\n<\/p><\/div>\n<div class=\"uk-thumbnail-caption\">Lilac<\/div>\n<p>        <\/a>\n    <\/li>\n<li>\n        <a class=\"uk-thumbnail uk-overlay-toggle\" href=\"?page_id=33&amp;style=dove\"><\/p>\n<div class=\"uk-overlay\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"wp-content\/uploads\/yootheme\/features_style_08.jpg\" width=\"390\" height=\"280\" alt=\"Style\"><\/p>\n<div class=\"uk-overlay-area\"><\/div>\n<\/p><\/div>\n<div class=\"uk-thumbnail-caption\">Dove<\/div>\n<p>        <\/a>\n    <\/li>\n<\/ul>\n<div class=\"uk-grid\" data-uk-grid-margin>\n<div class=\"uk-width-medium-1-1\">\n<div class=\"uk-panel uk-panel-box uk-text-center\">\n<p>This theme is available for <img loading=\"lazy\" decoding=\"async\" src=\"wp-content\/uploads\/yootheme\/features_icon_joomla.svg\" width=\"25\" height=\"21\" alt=\"Joomla\">Joomla and <img loading=\"lazy\" decoding=\"async\" src=\"wp-content\/uploads\/yootheme\/features_icon_wordpress.svg\" width=\"23\" height=\"22\" alt=\"Wordpress\">WordPress including the same features on each system.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<h3>Additional Positions<\/h3>\n<div class=\"uk-grid\" data-uk-grid-margin>\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>\n<div class=\"uk-width-1-1 uk-width-medium-1-2\">\n    <img loading=\"lazy\" decoding=\"async\" src=\"wp-content\/uploads\/yootheme\/features_fullscreen.png\" width=\"800\" height=\"430\" alt=\"Fullscreen Image\"><\/p>\n<h4>Fullscreen<\/h4>\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>\n<\/div>\n<div class=\"uk-width-1-1 uk-width-medium-1-2\">\n    <img loading=\"lazy\" decoding=\"async\" src=\"wp-content\/uploads\/yootheme\/features_fullimage.png\" width=\"800\" height=\"430\" alt=\"Full Width Image\"><\/p>\n<h4>Full Width Content Image<\/h4>\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>\n<\/div>\n<\/div>\n<p><\/p>\n<hr>\n<h3>Custom Widgetkit Styles<\/h3>\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>\n<h4>Slideshow<\/h4>\n<ol>\n<li>Download and unzip the bonus styles package for Widgetkit available in the download area<\/li>\n<li>Copy the folder <mark>slideshow\/styles\/eat<\/mark><\/li>\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>\n<li>Now you can select the style &#8220;Eat&#8221; in the settings of your Widgetkit Slideshow<\/li>\n<\/ol>\n<p><\/p>\n<hr>\n<h3>Social Icons<\/h3>\n<p>Use the modifier <code>.uk-icon-button<\/code> class to create an icon button.<\/p>\n<p><a href=\"#\" class=\"uk-icon-button uk-icon-twitter\"><\/a><br \/>\n<a href=\"#\" class=\"uk-icon-button uk-icon-rss\"><\/a><br \/>\n<a href=\"#\" class=\"uk-icon-button uk-icon-facebook\"><\/a><br \/>\n<a href=\"#\" class=\"uk-icon-button uk-icon-flickr\"><\/a><br \/>\n<a href=\"#\" class=\"uk-icon-button uk-icon-xing\"><\/a><br \/>\n<a href=\"#\" class=\"uk-icon-button uk-icon-google-plus\"><\/a><br \/>\n<a href=\"#\" class=\"uk-icon-button uk-icon-youtube\"><\/a><br \/>\n<a href=\"#\" class=\"uk-icon-button uk-icon-dribbble \"><\/a><br \/>\n<a href=\"#\" class=\"uk-icon-button uk-icon-github\"><\/a><\/p>\n<p>Here is a little code example how to add them:<\/p>\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>\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>\n","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":{"footnotes":""},"class_list":["post-33","page","type-page","status-publish","hentry","wpautop"],"_links":{"self":[{"href":"https:\/\/opiniproducts.nl\/en\/wp-json\/wp\/v2\/pages\/33","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/opiniproducts.nl\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/opiniproducts.nl\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/opiniproducts.nl\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/opiniproducts.nl\/en\/wp-json\/wp\/v2\/comments?post=33"}],"version-history":[{"count":0,"href":"https:\/\/opiniproducts.nl\/en\/wp-json\/wp\/v2\/pages\/33\/revisions"}],"wp:attachment":[{"href":"https:\/\/opiniproducts.nl\/en\/wp-json\/wp\/v2\/media?parent=33"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}