{"id":12,"asset_id":"105","title":"Features","alias":"features","introtext":"<div class=\"text-center my-5\">\r\n    <h1>Future Proof<\/h1>\r\n    <h5>Install the template now into your Joomla 3 and update it later to Joomla 4. <br>-- No further changes are necessary for Joomla 4! --<\/h5>\r\n    <hr class=\"uk-divider-icon mb-3\">\r\n    <h1>Template Features<\/h1>\r\n    <h5>-- Multi Language Backend --<\/h5>\r\n<\/div>\r\n<div class=\"row\">\r\n    <div class=\"col-md-4 pr-4\">\r\n        <p uk-lightbox>\r\n            <a href=\"images\/features\/layout.jpg\"><img class=\" p-3 mb-5 shadow-sm\" src=\"images\/features\/layout.jpg\" alt=\"\"\/><\/a>\r\n        <\/p>\r\n    <\/div>\r\n    <div class=\"col-md-8 pl-4\">\r\n        <h3>Layout Manager<\/h3>\r\n        <p>The Layout Manager is a powerful and effective tool that allows you to create flexible layouts in the drag and drop builder. With the drag & drop tool you can create and move any number of modules, sections and columns. You have the option of assigning images, videos and colors to all sections and modules<\/p>\r\n  <p uk-lightbox>\r\n            <a class=\"btn btn-sm btn-primary\" href=\"https:\/\/youtu.be\/ZNUrrT5__ns\">Video<\/a>\r\n        <\/p>      \r\n    <\/div>\r\n<\/div>\r\n<div class=\"uk-child-width-expand@m\" uk-grid>\r\n    <div>\r\n        <dl class=\"uk-description-list shadow-sm p-4 bg-white\">\r\n            <dt>Preloader<\/dt>\r\n            <dd>\r\n                <p>You can add an animated preloader to your Joomla website, including built-in animations, custom images or Font Awesome icons.<\/p>\r\n                <div uk-lightbox>\r\n                    <a class=\"btn btn-sm btn-primary\" href=\"images\/features\/preloader.jpg\">Details<\/a>\r\n                <\/div>\r\n            <\/dd>\r\n        <\/dl>\r\n    <\/div>\r\n    <div>\r\n        <dl class=\"uk-description-list shadow-sm p-4 bg-white\">\r\n            <dt>Back to Top<\/dt>\r\n            <dd>\r\n                <p>This feature allows your users to scroll from the bottom of the page to the top of the page. Activation takes place via the backend..<\/p>\r\n                <div uk-lightbox>\r\n                    <a class=\"btn btn-sm btn-primary\" href=\"images\/features\/back.jpg\">Details<\/a>\r\n                <\/div>\r\n            <\/dd>\r\n        <\/dl>\r\n    <\/div>\r\n    <div>\r\n        <dl class=\"uk-description-list shadow-sm p-4 bg-white\">\r\n            <dt>Smooth Scroll.<\/dt>\r\n            <dd>\r\n                <p>If you activate Smooth Scroll, the file Smooth-Scroll.js is loaded, which enables so-called on-page designs to be created.<\/p>\r\n                <div uk-lightbox>\r\n                    <a class=\"btn btn-sm btn-primary\" href=\"images\/features\/scroll.jpg\">Details<\/a>\r\n                <\/div>\r\n            <\/dd>\r\n        <\/dl>\r\n    <\/div>\r\n<\/div>\r\n<div class=\"uk-child-width-expand@m\" uk-grid>\r\n    <div>\r\n        <dl class=\"uk-description-list shadow-sm p-4 bg-white\">\r\n            <dt>Import Export<\/dt>\r\n            <dd>\r\n                <p>With the import\/Export function you can export the settings from a template and import them into another template. This is useful for backing up your settings.<\/p>\r\n                <div uk-lightbox>\r\n                    <a class=\"btn btn-sm btn-primary\" href=\"images\/features\/export.jpg\">Details<\/a>\r\n                <\/div>\r\n            <\/dd>\r\n        <\/dl>\r\n    <\/div>\r\n    <div>\r\n        <dl class=\"uk-description-list shadow-sm p-4 bg-white\">\r\n            <dt>SEO optimized<\/dt>\r\n            <dd>\r\n                <p>The Joomla framework is completely SEO friendly. It has been created using the best SEO practices, following the latest HTML5 standards, to improve the results of your SERPs.\r\n<\/p>\r\n            <\/dd>\r\n        <\/dl>\r\n    <\/div>\r\n    <div>\r\n        <dl class=\"uk-description-list shadow-sm p-4 bg-white\">\r\n            <dt>Drag & Drop Layout Builder<\/dt>\r\n            <dd>\r\n                <p>The theme has arobust drag and drop layout builder that allows you to easily and quickly create complex layouts.<\/p>\r\n                <div uk-lightbox>\r\n                    <a class=\"btn btn-sm btn-primary\" href=\"images\/features\/layout.jpg\">Details<\/a>\r\n                <\/div>\r\n            <\/dd>\r\n        <\/dl>\r\n    <\/div>\r\n<\/div>\r\n<div class=\"uk-child-width-expand@m\" uk-grid>\r\n    <div>\r\n        <dl class=\"uk-description-list shadow-sm p-4 bg-white\">\r\n            <dt>Wide & Boxed Layout<\/dt>\r\n            <dd>\r\n                <p>The Template offers you a wide and boxed layout. You can always choose between box and wide layout and change the appearance of your website.<\/p>\r\n                <div uk-lightbox>\r\n                    <a class=\"btn btn-sm btn-primary\" href=\"images\/features\/boxed.jpg\">Details<\/a>\r\n                <\/div>\r\n            <\/dd>\r\n        <\/dl>\r\n    <\/div>\r\n    <div>\r\n        <dl class=\"uk-description-list shadow-sm p-4 bg-white\">\r\n            <dt>Multiple header layouts<\/dt>\r\n            <dd>\r\n                <p>You have several options to choose from and you can easily switch between the headers in the Layout Manager.<\/p>\r\n                <div uk-lightbox>\r\n                    <a class=\"btn btn-sm btn-primary\" href=\"images\/features\/header.jpg\">Details<\/a>\r\n                <\/div>\r\n            <\/dd>\r\n        <\/dl>\r\n    <\/div>\r\n    <div>\r\n        <dl class=\"uk-description-list shadow-sm p-4 bg-white\">\r\n            <dt>Sticky Header<\/dt>\r\n            <dd>\r\n                <p>Add a sticky header to your Joomla website with one click. No additional plugins required. Configure it according to your website's needs.<\/p>\r\n                <div uk-lightbox>\r\n                    <a class=\"btn btn-sm btn-primary\" href=\"images\/features\/sticky.jpg\">Details<\/a>\r\n                <\/div>\r\n            <\/dd>\r\n        <\/dl>\r\n    <\/div>\r\n<\/div>\r\n<div class=\"uk-child-width-expand@m\" uk-grid>\r\n    <div>\r\n        <dl class=\"uk-description-list shadow-sm p-4 bg-white\">\r\n            <dt>Unlimited colors<\/dt>\r\n            <dd>\r\n                <p>With the built-in color picker, you can quickly change the color of almost all elements on your website without having to write a single line of code.<\/p>\r\n                <div uk-lightbox>\r\n                    <a class=\"btn btn-sm btn-primary\" href=\"images\/features\/farben.jpg\">Details<\/a>\r\n                <\/div>\r\n            <\/dd>\r\n        <\/dl>\r\n    <\/div>\r\n    <div>\r\n        <dl class=\"uk-description-list shadow-sm p-4 bg-white\">\r\n            <dt>Video Background<\/dt>\r\n            <dd>\r\n                <p>The Layout Manager makes it easy to add video backgrounds to your sections to make your website look interesting and interactive.<\/p>\r\n                <div uk-lightbox>\r\n                    <a class=\"btn btn-sm btn-primary\" href=\"images\/features\/video.jpg\">Details<\/a>\r\n                <\/div>\r\n            <\/dd>\r\n        <\/dl>\r\n    <\/div>\r\n    <div>\r\n        <dl class=\"uk-description-list shadow-sm p-4 bg-white\">\r\n            <dt>Parallaxeeffect<\/dt>\r\n            <dd>\r\n                <p>The Layout Manager makes it easy to create parallax effects for any section of your website.<\/p>\r\n                <div uk-lightbox>\r\n                    <a class=\"btn btn-sm btn-primary\" href=\"images\/features\/parralax.jpg\">Details<\/a>\r\n                <\/div>\r\n            <\/dd>\r\n        <\/dl>\r\n    <\/div>\r\n<\/div>\r\n<div class=\"row mt-5 mb-5\">\r\n    <div class=\"col-md-4 pr-4\">\r\n        <p uk-lightbox>\r\n            <a href=\"images\/features\/megamenu.jpg\"><img class=\" p-3 shadow-sm\" src=\"images\/features\/megamenu.jpg\" alt=\"Mega Menu\"\/><\/a>\r\n        <\/p>\r\n    <\/div>\r\n    <div class=\"col-md-8 pl-4\">\r\n        <h3>Mega Menu<\/h3>\r\n        <p>Configuring the mega menu is really easy and straightforward. With just a few clicks you can get a great looking mega menu. The first step is to configure the menu and choose the header layout for your site.<\/p>\r\n        <hr \/>\r\n        <p>Once you are done with these settings, you can create your own mega menu for individual menu items. The structure of the main level menu items corresponds to the structure of your Joomla menu. By default, all submenu items are automatically displayed as drop-down menu items.<\/p>\r\n        <p uk-lightbox>\r\n            <a class=\"btn btn-sm btn-primary\" href=\"https:\/\/youtu.be\/rjJ4iVR1cGQ\">Video<\/a>\r\n        <\/p>\r\n    <\/div>\r\n<\/div>\r\n<div class=\"uk-child-width-expand@m\" uk-grid>\r\n    <div>\r\n        <dl class=\"uk-description-list shadow-sm p-4 bg-white\">\r\n            <dt>HTML compression<\/dt>\r\n            <dd>\r\n                <p>The HTML Compression option lets you compress your website's HTML to improve performance and make your website load faster..<\/p>\r\n                <div uk-lightbox>\r\n                    <a class=\"btn btn-sm btn-primary\" href=\"images\/features\/html.jpg\">Details<\/a>\r\n                <\/div>\r\n            <\/dd>\r\n        <\/dl>\r\n    <\/div>\r\n    <div>\r\n        <dl class=\"uk-description-list shadow-sm p-4 bg-white\">\r\n            <dt>Lazy Load<\/dt>\r\n            <dd>\r\n                <p>built-in \"lazy-load\" feature that allows you to load only the images that are visible in the viewport and get high speed for google page speed.<\/p>\r\n                <div uk-lightbox>\r\n                    <a class=\"btn btn-sm btn-primary\" href=\"images\/features\/lazy.jpg\">Details<\/a>\r\n                <\/div>\r\n            <\/dd>\r\n        <\/dl>\r\n    <\/div>\r\n    <div>\r\n        <dl class=\"uk-description-list shadow-sm p-4 bg-white\">\r\n            <dt>CSS \/ JS compression<\/dt>\r\n            <dd>\r\n                <p>The JS \/ CSS compression feature allows you to compress CSS and JS files and reduce their size to increase the website loading speed.<\/p>\r\n                <div uk-lightbox>\r\n                    <a class=\"btn btn-sm btn-primary\" href=\"images\/features\/html.jpg\">Details<\/a>\r\n                <\/div>\r\n            <\/dd>\r\n        <\/dl>\r\n    <\/div>\r\n<\/div>\r\n<div class=\"uk-child-width-expand@m\" uk-grid>\r\n    <div>\r\n        <dl class=\"uk-description-list shadow-sm p-4 bg-white\">\r\n            <dt>Mobiles Menu<\/dt>\r\n            <dd>\r\n                <p>The theme has a built-in menu for mobile devices that allows you to easily list all menu items on mobile devices.<\/p>\r\n                <div uk-lightbox>\r\n                    <a class=\"btn btn-sm btn-primary\" href=\"images\/features\/mobile-menu.jpg\">Details<\/a>\r\n                <\/div>\r\n            <\/dd>\r\n        <\/dl>\r\n    <\/div>\r\n    <div>\r\n        <dl class=\"uk-description-list shadow-sm p-4 bg-white\">\r\n            <dt>Mega-Menu<\/dt>\r\n            <dd>\r\n                <p>The framework is delivered with a mega menu builder via drag and drop. You can add your menu items and Joomla modules and create an interactive mega menu.<\/p>\r\n                <div uk-lightbox>\r\n                    <a class=\"btn btn-sm btn-primary\" href=\"images\/features\/megamenu.jpg\">Details<\/a>\r\n                <\/div>\r\n            <\/dd>\r\n        <\/dl>\r\n    <\/div>\r\n    <div>\r\n        <dl class=\"uk-description-list shadow-sm p-4 bg-white\">\r\n            <dt>Off Canvas-Menu<\/dt>\r\n            <dd>\r\n                <p>The theme also comes with the off canvas menu. You can use it alongside your regular menu and publish each module to the off-canvas position.<\/p>\r\n                <div uk-lightbox>\r\n                    <a class=\"btn btn-sm btn-primary\" href=\"images\/features\/offcanvas.jpg\">Details<\/a>\r\n                <\/div>\r\n            <\/dd>\r\n        <\/dl>\r\n    <\/div>\r\n<\/div>\r\n<div class=\"uk-child-width-expand@m\" uk-grid>\r\n    <div>\r\n        <dl class=\"uk-description-list shadow-sm p-4 bg-white\">\r\n            <dt>Easy to customize<\/dt>\r\n            <dd>\r\n                <p>Play around with the font family, size, transformation, style, decoration, line height and letter spacing to give users a different look on your website.<\/p>\r\n                <div uk-lightbox>\r\n                    <a class=\"btn btn-sm btn-primary\" href=\"images\/features\/typo.jpg\">Details<\/a>\r\n                <\/div>\r\n            <\/dd>\r\n        <\/dl>\r\n    <\/div>\r\n    <div>\r\n        <dl class=\"uk-description-list shadow-sm p-4 bg-white\">\r\n            <dt>Custom fonts<\/dt>\r\n            <dd>\r\n                <p>In the configuration you can add your own custom fonts and use them on your Joomla website.<\/p>\r\n                <div uk-lightbox>\r\n                    <a class=\"btn btn-sm btn-primary\" href=\"images\/features\/custom-typo.jpg\">Details<\/a>\r\n                <\/div>\r\n            <\/dd>\r\n        <\/dl>\r\n    <\/div>\r\n    <div>\r\n        <dl class=\"uk-description-list shadow-sm p-4 bg-white\">\r\n            <dt>Google Fonts<\/dt>\r\n            <dd>\r\n                <p>lay with 998+ Google Fonts built into the Typography section.<\/p>\r\n                <div uk-lightbox>\r\n                    <a class=\"btn btn-sm btn-primary\" href=\"images\/features\/google-fonts.jpg\">Details<\/a>\r\n                <\/div>\r\n            <\/dd>\r\n        <\/dl>\r\n    <\/div>\r\n<\/div>\r\n<div class=\"uk-child-width-expand@m\" uk-grid>\r\n    <div>\r\n        <dl class=\"uk-description-list shadow-sm p-4 bg-white\">\r\n            <dt>Responsive Typography<\/dt>\r\n            <dd>\r\n                <p>With the template frameworks, you can specify different font sizes, letter spacing and line heights for different device sizes.<\/p>\r\n                <div uk-lightbox>\r\n                    <a class=\"btn btn-sm btn-primary\" href=\"images\/features\/responsive-typo.jpg\">Details<\/a>\r\n                <\/div>\r\n            <\/dd>\r\n        <\/dl>\r\n    <\/div>\r\n    <div>\r\n        <dl class=\"uk-description-list shadow-sm p-4 bg-white\">\r\n            <dt>Animations<\/dt>\r\n            <dd>\r\n                <p>With the integrated animations at section, column and module level, you can choose from over 80 different animations.<\/p>\r\n                <div uk-lightbox>\r\n                    <a class=\"btn btn-sm btn-primary\" href=\"images\/features\/animationen.jpg\">Details<\/a>\r\n                <\/div>\r\n            <\/dd>\r\n        <\/dl>\r\n    <\/div>\r\n    <div>\r\n        <dl class=\"uk-description-list shadow-sm p-4 bg-white\">\r\n            <dt>Custom Codes<\/dt>\r\n            <dd>\r\n                <p>se your own custom code like CSS, JS, meta tags, links, and verification codes.<\/p>\r\n                <div uk-lightbox>\r\n                    <a class=\"btn btn-sm btn-primary\" href=\"images\/features\/codes.jpg\">Details<\/a>\r\n                <\/div>\r\n            <\/dd>\r\n        <\/dl>\r\n    <\/div>\r\n<\/div>","fulltext":"","state":1,"catid":"8","created":"2020-09-22 10:18:01","created_by":"755","created_by_alias":"","modified":"2021-01-17 11:12:12","modified_by":"755","checked_out":"755","checked_out_time":"2021-01-17 11:11:39","publish_up":"2020-09-22 10:18:01","publish_down":"0000-00-00 00:00:00","images":"{\"image_intro\":\"\",\"float_intro\":\"\",\"image_intro_alt\":\"\",\"image_intro_caption\":\"\",\"image_fulltext\":\"\",\"float_fulltext\":\"\",\"image_fulltext_alt\":\"\",\"image_fulltext_caption\":\"\"}","urls":"{\"urla\":false,\"urlatext\":\"\",\"targeta\":\"\",\"urlb\":false,\"urlbtext\":\"\",\"targetb\":\"\",\"urlc\":false,\"urlctext\":\"\",\"targetc\":\"\"}","attribs":"{\"article_layout\":\"\",\"show_title\":\"\",\"link_titles\":\"\",\"show_tags\":\"\",\"show_intro\":\"\",\"info_block_position\":\"\",\"info_block_show_title\":\"\",\"show_category\":\"\",\"link_category\":\"\",\"show_parent_category\":\"\",\"link_parent_category\":\"\",\"show_associations\":\"\",\"show_author\":\"\",\"link_author\":\"\",\"show_create_date\":\"\",\"show_modify_date\":\"\",\"show_publish_date\":\"\",\"show_item_navigation\":\"\",\"show_icons\":\"\",\"show_print_icon\":\"\",\"show_email_icon\":\"\",\"show_vote\":\"\",\"show_hits\":\"\",\"show_noauth\":\"\",\"urls_position\":\"\",\"alternative_readmore\":\"\",\"article_page_title\":\"\",\"show_publishing_options\":\"\",\"show_article_options\":\"\",\"show_urls_images_backend\":\"\",\"show_urls_images_frontend\":\"\",\"astroid_article_type\":\"regular\",\"astroid_article_video_type\":\"youtube\",\"astroid_article_video_url\":\"\",\"astroid_article_gallery_width\":\"\",\"astroid_article_gallery_bullets\":\"1\",\"astroid_article_gallery_navigation\":\"1\",\"astroid_article_thumbnail\":\"1\",\"astroid_article_gallery_items\":[],\"astroid_article_audio_source\":\"soundcloud\",\"astroid_article_audio_soundcloud\":\"\",\"astroid_article_audio_spotify\":\"\",\"astroid_article_review_heading\":\"\",\"astroid_article_review_summery\":\"\",\"astroid_article_review_good\":\"\",\"astroid_article_review_bad\":\"\",\"astroid_article_review_rating\":\"5\",\"astroid_article_button_action\":\"\",\"astroid_article_button_link\":\"\",\"astroid_article_review_criterias\":[],\"astroid_article_quote_text\":\"\",\"astroid_article_quote_author\":\"\",\"astroid_article_content_position\":\"above-title\",\"astroid_article_badge\":\"0\",\"astroid_article_badge_type\":\"2\",\"astroid_article_badge_text\":\"\",\"astroid_article_badge_color\":\"\",\"astroid_article_badge_text_color\":\"\",\"astroid_authorinfo\":\"\",\"astroid_relatedposts\":\"\",\"article_relatedposts_count\":\"\",\"article_relatedposts_count_custom\":\"4\",\"article_relatedposts_posttype\":\"\",\"article_relatedposts_badge\":\"\",\"astroid_readtime\":\"\",\"astroid_socialshare\":\"\",\"astroid_comments\":\"\",\"astroid_og_title\":\"\",\"astroid_og_desc\":\"\",\"astroid_og_image\":\"\"}","version":44,"ordering":"8","metakey":"","metadesc":"","access":"1","hits":"73","metadata":"{\"robots\":\"\",\"author\":\"\",\"rights\":\"\",\"xreference\":\"\"}","featured":"0","language":"*","xreference":"","note":""}