{"id":33,"date":"2011-05-02T11:45:48","date_gmt":"2011-05-02T11:45:48","guid":{"rendered":"http:\/\/192.168.1.56\/Themes\/2012\/Nano2\/Website_WP\/?page_id=33"},"modified":"2014-08-29T13:44:46","modified_gmt":"2014-08-29T13:44:46","slug":"features","status":"publish","type":"page","link":"https:\/\/www.arsantonina.org\/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 decoding=\"async\" loading=\"lazy\" src=\"wp-content\/uploads\/yootheme\/demo\/default\/features_icon_warp.svg\" alt=\"Demo\" width=\"150\" height=\"150\"><br \/>\n                    <\/a>\n                <\/div>\n<div class=\"uk-width-large-4-6 uk-text-center-medium\">\n<h2>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 decoding=\"async\" loading=\"lazy\" src=\"wp-content\/uploads\/yootheme\/demo\/default\/features_icon_uikit.svg\" alt=\"Demo\" width=\"150\" height=\"150\"><br \/>\n                    <\/a>\n                <\/div>\n<div class=\"uk-width-large-4-6 uk-text-center-medium\">\n<h2>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&#038;style=default\"><\/p>\n<div class=\"uk-overlay\">\n                <img decoding=\"async\" loading=\"lazy\" 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&#038;style=brown\"><\/p>\n<div class=\"uk-overlay\">\n                <img decoding=\"async\" loading=\"lazy\" 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\">Brown<\/div>\n<p>        <\/a>\n    <\/li>\n<li>\n        <a class=\"uk-thumbnail uk-overlay-toggle\" href=\"?page_id=33&#038;style=organic\"><\/p>\n<div class=\"uk-overlay\">\n                <img decoding=\"async\" loading=\"lazy\" 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\">Organic<\/div>\n<p>        <\/a>\n    <\/li>\n<li>\n        <a class=\"uk-thumbnail uk-overlay-toggle\" href=\"?page_id=33&#038;style=lightblue\"><\/p>\n<div class=\"uk-overlay\">\n                <img decoding=\"async\" loading=\"lazy\" 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\">Light Blue<\/div>\n<p>        <\/a>\n    <\/li>\n<li>\n        <a class=\"uk-thumbnail uk-overlay-toggle\" href=\"?page_id=33&#038;style=grey\"><\/p>\n<div class=\"uk-overlay\">\n                <img decoding=\"async\" loading=\"lazy\" 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\">Grey<\/div>\n<p>        <\/a>\n    <\/li>\n<li>\n        <a class=\"uk-thumbnail uk-overlay-toggle\" href=\"?page_id=33&#038;style=yellow\"><\/p>\n<div class=\"uk-overlay\">\n                <img decoding=\"async\" loading=\"lazy\" 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\">Yellow<\/div>\n<p>        <\/a>\n    <\/li>\n<\/ul>\n<hr class=\"uk-article-divider\">\n<h2>Parallax Background<\/h2>\n<p>Organic comes with a background parallax giving you a smooth 3D effect while scrolling.<br \/> You can enable the parallax effect for different layouts in the Warp administration area. Additionally you can activate a larger navbar space to get the best out of your background image and parallax.<\/p>\n<hr class=\"uk-article-divider\">\n<h2>Custom Overlay<\/h2>\n<p>\n  You can add a cool overlay effect to an image by using the code example below. <br \/><span class=\"uk-badge\">NOTE<\/span> You need to set a height for the overlay.\n<\/p>\n<div class=\"uk-grid\" data-uk-grid-margin>\n<div class=\"uk-width-medium-1-3\">\n<div class=\"tm-overlay\" style=\"height: 300px;\">\n            <img decoding=\"async\" src=\"wp-content\/uploads\/yootheme\/demo\/default\/home_overlay_01.jpg\" alt=\"Demo\"><\/p>\n<div class=\"tm-overlay-caption\">\n<h2>Lorem<br \/><strong>Ipsum<\/strong><\/h2>\n<p>                <a href=\"#\">Link<\/a>\n            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"uk-width-medium-1-3\">\n<div class=\"tm-overlay\" style=\"height: 300px;\">\n            <img decoding=\"async\" src=\"wp-content\/uploads\/yootheme\/demo\/default\/home_overlay_02.jpg\" alt=\"Demo\"><\/p>\n<div class=\"tm-overlay-caption\">\n<h2>Lorem<br \/><strong>Ipsum<\/strong><\/h2>\n<p>                <a href=\"#\">Link<\/a>\n            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<pre><div class=\"tm-overlay\" style=\"height: 400px;\">\r\n    <img decoding=\"async\" src=\"\" alt=\"\">\r\n    <div class=\"tm-overlay-caption\">\r\n        <p>...<\/p>\r\n        <h2>...<\/h2>\r\n        <a href=\"\">...<\/a>\r\n    <\/div>\r\n<\/div><\/pre>\n<hr class=\"uk-article-divider\">\n<h2>Social Icons<\/h2>\n<p>Use the modifier .uk-icon-button 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><a href=\"#\" class=\"uk-icon-button uk-icon-twitter\"><\/a>\r\n<a href=\"#\" class=\"uk-icon-button uk-icon-facebook\"><\/a>\r\n<a href=\"#\" class=\"uk-icon-button uk-icon-google-plus\"><\/a>\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<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 decoding=\"async\" loading=\"lazy\" src=\"wp-content\/uploads\/yootheme\/features_icon_joomla.svg\" width=\"25\" height=\"21\" alt=\"Joomla\">Joomla and <img decoding=\"async\" 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>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\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":{"ngg_post_thumbnail":0},"_links":{"self":[{"href":"https:\/\/www.arsantonina.org\/en\/wp-json\/wp\/v2\/pages\/33"}],"collection":[{"href":"https:\/\/www.arsantonina.org\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.arsantonina.org\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.arsantonina.org\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.arsantonina.org\/en\/wp-json\/wp\/v2\/comments?post=33"}],"version-history":[{"count":0,"href":"https:\/\/www.arsantonina.org\/en\/wp-json\/wp\/v2\/pages\/33\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.arsantonina.org\/en\/wp-json\/wp\/v2\/media?parent=33"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}