{"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-10-31T09:05:36","modified_gmt":"2014-10-31T09:05:36","slug":"features","status":"publish","type":"page","link":"http:\/\/www.elettra-italy.com\/?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 uk-margin-large\" 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\" decoding=\"async\" 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>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\" decoding=\"async\" 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>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 uk-margin-large\" 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\" decoding=\"async\" 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=orange\">\r\n            <div class=\"uk-overlay\">\r\n                <img loading=\"lazy\" decoding=\"async\" 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\">Orange<\/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=terracotta\">\r\n            <div class=\"uk-overlay\">\r\n                <img loading=\"lazy\" decoding=\"async\" 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\">Terracotta<\/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=rose\">\r\n            <div class=\"uk-overlay\">\r\n                <img loading=\"lazy\" decoding=\"async\" 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\">Rose<\/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=apricot\">\r\n            <div class=\"uk-overlay\">\r\n                <img loading=\"lazy\" decoding=\"async\" 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\">Apricot<\/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\" decoding=\"async\" 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\">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=green\">\r\n            <div class=\"uk-overlay\">\r\n                <img loading=\"lazy\" decoding=\"async\" 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\">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=iceblue\">\r\n            <div class=\"uk-overlay\">\r\n                <img loading=\"lazy\" decoding=\"async\" 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\">Iceblue<\/div>\r\n        <\/a>\r\n    <\/li>\r\n<\/ul>\r\n\r\n<hr class=\"uk-margin-large\">\r\n\r\n<h2 class=\"uk-h1\">Special Features<\/h2>\r\n\r\n<div class=\"uk-grid\" data-uk-grid-margin>\r\n  <div class=\"uk-width-medium-1-2\">\r\n\t<h3>Framed layout<\/h3>\r\n\t<p>Stage Theme features an optional framed page layout. This will make your site look real nice and sophisticated. On smaller screens the frame will be removed, so it won&#8217;t take up valuable space.<\/p>\r\n  <\/div>\r\n  <div class=\"uk-width-medium-1-2\">\r\n\t<h3>Unique Navbar<\/h3>\r\n\t<p>Another cool feature is the fixed navbar. Publish as many items as you want to your main menu (as long as they fit) and they will automatically arrange themselves neatly around the centered logo position.<\/p>\r\n  <\/div>\r\n<\/div>\r\n\r\n<div class=\"uk-grid\" data-uk-grid-margin>\r\n  <div class=\"uk-width-medium-1-2\">\r\n\t<h3>Fullscreen positions<\/h3>\r\n\t<p>This theme provides three <a href=\"index.php\/features\/layouts\">fullscreen positions<\/a> that enable you to present content which fills the entire browser window. Additionally, you can set full height and\/or width on regular module positions.<\/p>\r\n  <\/div>\r\n  <div class=\"uk-width-medium-1-2\">\r\n\t<h3>Article style<\/h3>\r\n\t<p>With Stage Theme the article styling is entirely up to you. You can center your article content and choose between a blank or boxed layout. All these options can be assigned to different layouts.<\/p>\r\n  <\/div>\r\n<\/div>\r\n\r\n<hr class=\"uk-margin-large\">\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>\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\" 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>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>","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"],"_links":{"self":[{"href":"http:\/\/www.elettra-italy.com\/index.php?rest_route=\/wp\/v2\/pages\/33","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.elettra-italy.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/www.elettra-italy.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/www.elettra-italy.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.elettra-italy.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=33"}],"version-history":[{"count":0,"href":"http:\/\/www.elettra-italy.com\/index.php?rest_route=\/wp\/v2\/pages\/33\/revisions"}],"wp:attachment":[{"href":"http:\/\/www.elettra-italy.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=33"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}