string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=173760&expand=properties"
string(22150) "[{"templateId":173760,"typeId":86,"typeName":"Admin Template","typeUrl":"admin-templates","categoryId":346,"categoryName":"Software Company Templates","templateTitle":"Software Company Responsive Admin Template","templatePreviewHtmlTitle":"Datta Able ReactJS Admin Dashboard #173760 - TemplateMonster","templateDemoHtmlTitle":"Live preview for Datta Able ReactJS Admin Dashboard #173760","typeShortName":"Admin","templatePreviewFBTitle":"<h3><strong>Datta Able React Admin Template</strong></h3><p>Datta Able React Redux Admin Template is made using React + Redux Framework. It fully supports the Bootstrap 4 framework to achieve any easy or complex dashboard need</p><p>Datta Able is the most flexible react-redux admin template, our developer makes a special effect to provides a bug-free code. They provide structure code and 1000+ UI components that are easy to customize.</p><h3><strong>Technology Stack</strong></h3><p>Datta Able ReactJS uses the latest technical aspects for developing applications. Following is the list of tech which supports this template.</p><ul><li><strong>React Hook</strong></li></ul><p>Hooks are a new addition in React 16.8. . It allows users to use state and other React features without writing a class.</p><ul><li><strong>React Redux</strong></li></ul><p>Redux is an official React binding for Redux. It lets your React components read data from a Redux store, and dispatch actions to the store to update data./li</p><ul><li><strong>Reactstrap</strong></li></ul><p>Easy to use React Bootstrap 4 components. It has Stateless React Components for Bootstrap 4.</p><ul><li><strong>JWT</strong></li></ul><p>JSON Web Token (JWT) is an open standard (RFC 7519) that defines a compact and self-contained way for securely transmitting information between parties as a JSON object</p><ul><li><strong>Auth0</strong></li></ul><p>Auth0 is an easy to implement, authorization, and adaptable authentication platform.</p><ul><li><strong>Firebase Auth</strong></li></ul><p>Firebase Authentication provides backend services, easy-to-use SDKs, and ready-made UI libraries to authenticate users to your app.</p><ul><li><strong>Create React App</strong></li></ul><p>Create React App is gives you a quick start to building React apps it is developed by Facebook. It saves you from time-consuming setup and configuration. It saves you from time-consuming setup and configuration. You simply run one command and Create React App sets up the tools you need to start your React project.</p><h3><strong>Features</strong></h3><p>Here are the top features come with Datta Able admin theme. We&amp;'ve highlighted a few themes in the below points.</p><p>20+ Page layouts (+counting)</p><ul><li>Live customizer to choose what setting your project desire</li><li>Well structured code styles</li><li>Fully responsive and browser tested design</li><li>Eye catchy color styles</li><li>Made for performance and high aesthetic code</li></ul><h3><strong>About Design</strong></h3><p>Datta able uses Pure and vibrant colors are used in Datta Able Dashboard Template. It includes More than 30+ preset color combinations that come up with templates. You can also apply your custom color combination via a single change in the SCSS file with the help of the Documentation.</p><h3><strong>Layouts</strong></h3><p>Combine of Menu and page layouts with 20+ variants (still counting) come up with the package. Each layout has tons of options highlighted in the Live customizer.</p><p><strong>Available layout color presets</strong></p><ul><li>Default (i.e. Dark Light)</li><li>Dark</li><li>Light Dark</li><li>Fill color</li><li>Color icon</li><li>Background image</li><li>Material style</li><li>Gmail style</li></ul><p><strong>Layout setting presets</strong></p><ul><li>Vertical</li><li>Horizontal</li><li>RTL</li><li>Box</li><li>Header fixed</li><li>Menu fixed</li><li>Collapse</li></ul><p><strong>Smart Menu</strong></p><p>We called Datta Able sidebar menu a SMART MENU because we've applied all the possible options with one click live customizer.</p><ul><li>Smart menu has various settings like</li><li>Fill Color</li><li>Active color</li><li>Horizontal/Vertical/</li><li>Collapse</li><li>RTL</li><li>Icon color</li><li>Open/Close icon</li><li>Material Inspired Design</li><li>Gmail Inspired Design</li><li>Image Background</li></ul><p><strong>Colors</strong></p><p>We've chosen cool eye-catchy colors for the entire Datta Able Admin Template. 30+ light color combination available which makes Datta Able completely different from other dashboard templates.</p><ul><li>Light Blue</li><li>Light Red</li><li>Light Purple</li><li>Light Gray</li><li>Dark</li><li>Gradient Colors</li></ul><p><strong>Chart</strong></p><p>Dashboard needs a chart to highlight statistics data in your project. We've implemented more than 40+ charts with tons of various options.</p><p><strong>Chart types</strong></p><ul><li>amChart 4</li><li>chartJS</li><li>eChart</li><li>Google chart</li><li>Highchart</li><li>knobMorris</li><li>nvd3</li><li>peity</li><li>redial</li></ul><p><strong>Maps</strong></p><ul><li>Google maps</li><li>Vector</li><li>Gmap search API</li><li>Location</li></ul><h3><strong>Responsive</strong></h3><p>Datta Able design fully supports each responsive device size even it is retina screens and tested in major devices like iPad, tablets, mobiles. We've improved Datta Able design in various aspects like smooth rendering, easy scroll, reduce design glitch, etc.</p><p><strong>The design passed by Google Mobile-Friendly Test</strong></p><p><strong>Widgets</strong></p><p>150+ ready-to-use widget collection like statistics, analytics, user cards, charts, tables, charts, data widgets, slider widgets.</p><p><strong>Components</strong></p><p>Datta Able Admin Template comes with all Bootstrap basic components and we've also implemented extra 3rd party tons of components which listed below. All components are in the latest version too./p</p><p><strong>Advance components</strong></p><ul><li>Sweet alert</li><li>Date Picker</li><li>Grid Helper</li><li>LightBox</li><li>Modal</li><li>Notification</li><li>Nestable</li><li>pNotify</li><li>Rating</li><li>Range Slider</li><li>Syntax Highlighter</li><li>Tour</li><li>Tree view</li><li>Toolbar</li></ul><p><strong>Form Components</strong></p><ul><li>Switches, Radio, Checkbox, Tags input, max length</li><li>Validation forms</li><li>Form Masking</li><li>Form Wizard</li><li>Form pickers/Datepicker, color picker</li><li>Select 2</li></ul><p><strong>Tables</strong></p><ul><li>Data Tables</li><li>Basic Tables</li></ul><p><strong>Extra</strong></p><ul><li>Session timeout</li><li>Offline</li><li>Animations</li></ul><p><strong>Icons</strong></p><ul><li>Feather</li><li>Font Awesome5</li><li>Flag</li><li>Material</li><li>Simple Line icon</li><li>Themify</li></ul><p>Datta Able Admin Theme is made for performance and we've achieved it in terms of design testing or code testing. The design passed with a good score in Google Page Speed, Pingdom, GT Metrix and code passed via w3 validators.</p><p><strong>Note:-</strong> live demos have tons of features active, due to server location score may differ in Google Page Speed, Pingdom, gtMetrix.</p><h3><strong>Performance</strong></h3><p>Performance is our key point before developing Datta Able Admin Theme and we’ve made it with lots of testing and efforts on code improvement.</p><h3><strong>App &amp; Extensions</strong></h3><p>Datta Able comes with a variety of 3rd party app &amp; extensions which directly usable in your project. We are continuously working on the next app &amp; extensions for future release version updates.</p><p><strong>App</strong></p><ul><li>Message</li><li>Task</li><li>To-do</li><li>Gallery</li></ul><p><strong>Extensions</strong></p><ul><li>Gallery</li><li>Editor - ckEditor, Tinymce</li><li>Invoice</li><li>Full Calendar</li><li>File upload</li></ul><h3><strong>Flexibility</strong></h3><p>Design and code is fully flexible to use directly in your project setup via Documentation helper, separate page for direct copy/paste(components, charts, widgets, form elements)</p><p>Request new feature - contact us</p><h3><strong>Support</strong></h3><p>Separate support desk for quick resolution of your query. Our previous support ratio result is – 90% query resolution in the 1’st response.</p><h3><strong>Purchased Package Includes</strong></h3><ul><li>Theme Package without Live Customizer &amp; Page Builder (i.e. Demo Purpose only)</li><li>Live demo preview image is not included in the package</li><li>Documentation included in template directory with <strong>docs.txt</strong> file name</li></ul>","templateFullTitle":"Datta Able ReactJS Admin Dashboard","templatePreviewMetaDescription":"Datta Able React Admin TemplateDatta Able React Redux Admin Template is made using React + Redux Framework. It fully supports the Bootstrap 4 framework to","templateDemoMetaDescription":"Before you buy it, get yourself knowledgeable about the top notch Datta Able ReactJS Admin Dashboard Admin Template (#173760) by enjoying the live preview. View the pages, check the images, click the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Datta Able ReactJS Admin Dashboard","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/admin-templates/datta-able-reactjs-admin-dashboard-173760.html","userRating":0,"designIndex":1,"authorUserId":"1572603","exclusive":"0","state":1,"price":39,"inserted_date":"2021-03-12","sent":0,"downloads":19,"search_words":"admin dashboard admin template reactjs react template bootstrap templates","is_adult":0,"exc_price":2100,"sent_date":"2021-03-12 11:45:43","last_upload":"2023-10-17 10:36:39","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":2295835,"templ_id":173760,"filename":"173760-original.png","width":800,"height":500,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":2295836,"templ_id":173760,"filename":"173760-big.png","width":800,"height":500,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":2295837,"templ_id":173760,"filename":"173760-med.jpg","width":370,"height":370,"href":"","window_params":"","scr_type_id":312,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":2295838,"templ_id":173760,"filename":"173760-m.jpg","width":145,"height":156,"href":"","window_params":"","scr_type_id":9,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":2295839,"templ_id":173760,"filename":"173760-b.jpg","width":430,"height":269,"href":"","window_params":"","scr_type_id":57,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0}],"demoUrl":"/demo/173760.html","image":"https://s.tmimgcdn.com/scr/173700/datta-able-reactjs-admin-dashboard_173760-original.png","searchHash":"cb44f2309a8abd61a7c238659bc9ddf9","previewHash":"fef46a67bd77ca7d371d1f5eb68b2e0e","authorNickname":"CodedThemes","lowLevelTopic":"Software Company Templates; Web Development Templates; Web Design Templates","weightedRating":null,"annualSale":4,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":35,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"features":["Premium","Responsive","Admin Panel","Bootstrap","Retina Ready","Advanced Theme Options","HTML 5","JQuery"],"topic":["Software Company Templates","Web Development Templates","Software Templates","Web Design Templates","Design","Design & Photography","Computers & Internet"],"isFree":"none","color":"white","showVariantForcibly":"b","exclusive":"0","authorUserId":"1572603","alreadyPacked":"1","imagesIncluded":"Yes","tags":["admin dashboard","admin template","reactjs","react template","bootstrap templates"],"marketplaceMembership":"None","paidSupport":"Yes","nameOfTheTemplate":"Datta Able ReactJS Admin Dashboard","shortDescription":"<h3><strong>Datta Able React Admin Template</strong></h3><p>Datta Able React Redux Admin Template is made using React + Redux Framework. It fully supports the Bootstrap 4 framework to achieve any easy or complex dashboard need</p><p>Datta Able is the most flexible react-redux admin template, our developer makes a special effect to provides a bug-free code. They provide structure code and 1000+ UI components that are easy to customize.</p><h3><strong>Technology Stack</strong></h3><p>Datta Able ReactJS uses the latest technical aspects for developing applications. Following is the list of tech which supports this template.</p><ul><li><strong>React Hook</strong></li></ul><p>Hooks are a new addition in React 16.8. . It allows users to use state and other React features without writing a class.</p><ul><li><strong>React Redux</strong></li></ul><p>Redux is an official React binding for Redux. It lets your React components read data from a Redux store, and dispatch actions to the store to update data./li</p><ul><li><strong>Reactstrap</strong></li></ul><p>Easy to use React Bootstrap 4 components. It has Stateless React Components for Bootstrap 4.</p><ul><li><strong>JWT</strong></li></ul><p>JSON Web Token (JWT) is an open standard (RFC 7519) that defines a compact and self-contained way for securely transmitting information between parties as a JSON object</p><ul><li><strong>Auth0</strong></li></ul><p>Auth0 is an easy to implement, authorization, and adaptable authentication platform.</p><ul><li><strong>Firebase Auth</strong></li></ul><p>Firebase Authentication provides backend services, easy-to-use SDKs, and ready-made UI libraries to authenticate users to your app.</p><ul><li><strong>Create React App</strong></li></ul><p>Create React App is gives you a quick start to building React apps it is developed by Facebook. It saves you from time-consuming setup and configuration. It saves you from time-consuming setup and configuration. You simply run one command and Create React App sets up the tools you need to start your React project.</p><h3><strong>Features</strong></h3><p>Here are the top features come with Datta Able admin theme. We&amp;'ve highlighted a few themes in the below points.</p><p>20+ Page layouts (+counting)</p><ul><li>Live customizer to choose what setting your project desire</li><li>Well structured code styles</li><li>Fully responsive and browser tested design</li><li>Eye catchy color styles</li><li>Made for performance and high aesthetic code</li></ul><h3><strong>About Design</strong></h3><p>Datta able uses Pure and vibrant colors are used in Datta Able Dashboard Template. It includes More than 30+ preset color combinations that come up with templates. You can also apply your custom color combination via a single change in the SCSS file with the help of the Documentation.</p><h3><strong>Layouts</strong></h3><p>Combine of Menu and page layouts with 20+ variants (still counting) come up with the package. Each layout has tons of options highlighted in the Live customizer.</p><p><strong>Available layout color presets</strong></p><ul><li>Default (i.e. Dark Light)</li><li>Dark</li><li>Light Dark</li><li>Fill color</li><li>Color icon</li><li>Background image</li><li>Material style</li><li>Gmail style</li></ul><p><strong>Layout setting presets</strong></p><ul><li>Vertical</li><li>Horizontal</li><li>RTL</li><li>Box</li><li>Header fixed</li><li>Menu fixed</li><li>Collapse</li></ul><p><strong>Smart Menu</strong></p><p>We called Datta Able sidebar menu a SMART MENU because we've applied all the possible options with one click live customizer.</p><ul><li>Smart menu has various settings like</li><li>Fill Color</li><li>Active color</li><li>Horizontal/Vertical/</li><li>Collapse</li><li>RTL</li><li>Icon color</li><li>Open/Close icon</li><li>Material Inspired Design</li><li>Gmail Inspired Design</li><li>Image Background</li></ul><p><strong>Colors</strong></p><p>We've chosen cool eye-catchy colors for the entire Datta Able Admin Template. 30+ light color combination available which makes Datta Able completely different from other dashboard templates.</p><ul><li>Light Blue</li><li>Light Red</li><li>Light Purple</li><li>Light Gray</li><li>Dark</li><li>Gradient Colors</li></ul><p><strong>Chart</strong></p><p>Dashboard needs a chart to highlight statistics data in your project. We've implemented more than 40+ charts with tons of various options.</p><p><strong>Chart types</strong></p><ul><li>amChart 4</li><li>chartJS</li><li>eChart</li><li>Google chart</li><li>Highchart</li><li>knobMorris</li><li>nvd3</li><li>peity</li><li>redial</li></ul><p><strong>Maps</strong></p><ul><li>Google maps</li><li>Vector</li><li>Gmap search API</li><li>Location</li></ul><h3><strong>Responsive</strong></h3><p>Datta Able design fully supports each responsive device size even it is retina screens and tested in major devices like iPad, tablets, mobiles. We've improved Datta Able design in various aspects like smooth rendering, easy scroll, reduce design glitch, etc.</p><p><strong>The design passed by Google Mobile-Friendly Test</strong></p><p><strong>Widgets</strong></p><p>150+ ready-to-use widget collection like statistics, analytics, user cards, charts, tables, charts, data widgets, slider widgets.</p><p><strong>Components</strong></p><p>Datta Able Admin Template comes with all Bootstrap basic components and we've also implemented extra 3rd party tons of components which listed below. All components are in the latest version too./p</p><p><strong>Advance components</strong></p><ul><li>Sweet alert</li><li>Date Picker</li><li>Grid Helper</li><li>LightBox</li><li>Modal</li><li>Notification</li><li>Nestable</li><li>pNotify</li><li>Rating</li><li>Range Slider</li><li>Syntax Highlighter</li><li>Tour</li><li>Tree view</li><li>Toolbar</li></ul><p><strong>Form Components</strong></p><ul><li>Switches, Radio, Checkbox, Tags input, max length</li><li>Validation forms</li><li>Form Masking</li><li>Form Wizard</li><li>Form pickers/Datepicker, color picker</li><li>Select 2</li></ul><p><strong>Tables</strong></p><ul><li>Data Tables</li><li>Basic Tables</li></ul><p><strong>Extra</strong></p><ul><li>Session timeout</li><li>Offline</li><li>Animations</li></ul><p><strong>Icons</strong></p><ul><li>Feather</li><li>Font Awesome5</li><li>Flag</li><li>Material</li><li>Simple Line icon</li><li>Themify</li></ul><p>Datta Able Admin Theme is made for performance and we've achieved it in terms of design testing or code testing. The design passed with a good score in Google Page Speed, Pingdom, GT Metrix and code passed via w3 validators.</p><p><strong>Note:-</strong> live demos have tons of features active, due to server location score may differ in Google Page Speed, Pingdom, gtMetrix.</p><h3><strong>Performance</strong></h3><p>Performance is our key point before developing Datta Able Admin Theme and we’ve made it with lots of testing and efforts on code improvement.</p><h3><strong>App &amp; Extensions</strong></h3><p>Datta Able comes with a variety of 3rd party app &amp; extensions which directly usable in your project. We are continuously working on the next app &amp; extensions for future release version updates.</p><p><strong>App</strong></p><ul><li>Message</li><li>Task</li><li>To-do</li><li>Gallery</li></ul><p><strong>Extensions</strong></p><ul><li>Gallery</li><li>Editor - ckEditor, Tinymce</li><li>Invoice</li><li>Full Calendar</li><li>File upload</li></ul><h3><strong>Flexibility</strong></h3><p>Design and code is fully flexible to use directly in your project setup via Documentation helper, separate page for direct copy/paste(components, charts, widgets, form elements)</p><p>Request new feature - contact us</p><h3><strong>Support</strong></h3><p>Separate support desk for quick resolution of your query. Our previous support ratio result is – 90% query resolution in the 1’st response.</p><h3><strong>Purchased Package Includes</strong></h3><ul><li>Theme Package without Live Customizer &amp; Page Builder (i.e. Demo Purpose only)</li><li>Live demo preview image is not included in the package</li><li>Documentation included in template directory with <strong>docs.txt</strong> file name</li></ul>","uniqueKeywords":"admin dashboard,admin template,reactjs,react template,bootstrap templates","advImage":"https://s3u.tmimgcdn.com/u1572603/ZPka7ZubduEiULuDNEIS.png","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u1572603/KnWyr2bemYHRsrWr-oAq.png","changeLog":"##v18.1.0 (Dec 02, 2023)\n- Bug Fixes\n\n##v18.0.0 (Sept 29, 2023)\n- Package upgrade to React 18\n- Other package upgrades\n- Minor design fixes\n\n##V17.1.0(Oct 13, 2022)\n- Multiple package upgrades\n- Added seed Version\n- Added maintenance pages\n- Added Prettier\n\n##V17.0.1(Feb 02, 2021)\n- initial release","imageKeyFeatures":"https://s3u.tmimgcdn.com/u1572603/9MqaQsmsCdPGRBWARFlF.png","livePreviewURL":"https://codedthemes.com/demos/admin-templates/datta-able/react/index-tm.html","metaDescription":"Datta Able React Admin TemplateDatta Able React Redux Admin Template is made using React + Redux Framework. It fully supports the Bootstrap 4 framework to","saleSells":"1","templateSupportOptions":"[]","bitLyUrl":"https://bit.ly/3cpng5L","demoMetaDescription":"Before you buy it, get yourself knowledgeable about the top notch Datta Able ReactJS Admin Dashboard Admin Template (#173760) by enjoying the live preview. View the pages, check the images, click the buttons, explore the functionality.","productSize":"30543956","lastmod":"2022-01-27T00:06:23-05:00","trendiness":"1","customUrl":"/admin-templates/datta-able-reactjs-admin-dashboard-173760.html","frameworks":"React.js v17.x","webServerCompatibility":"Nginx 1.2x","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"changeLogDate":"2023-12-06","excerpt":"<p>Datta Able Admin Theme is made for performance and we've achieved it in terms of design testing or code testing.</p>","types":"Admin Templates","templateIcon":"icon-admin","productFamily":"None","templateGroup":"HTML Templates","category":"Website templates","productOfTheDay":"0"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Thu, 02 Jan 2025 14:35:02 GMT"
  [3]=>
  string(45) "Content-Type: application/json; charset=UTF-8"
  [4]=>
  string(17) "Connection: close"
  [5]=>
  string(130) "Access-Control-Expose-Headers: X-Pagination-Current-Page, X-Pagination-Page-Count, X-Pagination-Per-Page, X-Pagination-Total-Count"
  [6]=>
  string(12) "Vary: Accept"
  [7]=>
  string(27) "X-Pagination-Total-Count: 1"
  [8]=>
  string(26) "X-Pagination-Page-Count: 1"
  [9]=>
  string(28) "X-Pagination-Current-Page: 1"
  [10]=>
  string(25) "X-Pagination-Per-Page: 20"
  [11]=>
  string(293) "Link: <http://products/api/v2/products/en?language=en&ids=173760&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=173760&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=173760&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Thu, 02 Jan 2025 14:40:02 GMT"
  [13]=>
  string(26) "Cache-Control: max-age=300"
  [14]=>
  string(16) "Direct_API: true"
  [15]=>
  string(22) "X-Cache-Status: BYPASS"
  [16]=>
  string(24) "X-Up: 165.227.251.218:80"
}
https://codedthemes.com/demos/admin-templates/datta-able/react/index-tm.html<!DOCTYPE html>
<html lang="en">
<head>
    <title>#173760 Preview</title>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=11; IE=10; IE=9; IE=8;"/>
    <link rel="canonical" href="https://rms.templates.com/demo/173760.html">
    <link rel="stylesheet" type="text/css" href="/themes/theme-2018-v03-en/css/normalize.css"/>
    <link rel="stylesheet" type="text/css" href="/themes/theme-2018-v03-en/css/bootstrap.css"/>
    <link rel="stylesheet" type="text/css" href="/themes/theme-2018-v03-en/css/styles.css"/>
    <link rel="stylesheet" type="text/css" href="/themes/theme-2018-v03-en/css/demo.css"/>
    <link rel="stylesheet" type="text/css" href="/themes/theme-2018-v03-en/css/jquery.fancybox.css" />
    <link rel="icon" type="image/png" href="/themes/theme-2018-v03-en/images/favicon.png"/>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
    <script type="text/javascript" src="/themes/theme-2018-v03-en/js/jquery.form.js"></script>
    <script type="text/javascript" src="/themes/theme-2018-v03-en/js/jquery.validate.js"></script>
    <script type="text/javascript" src="/themes/theme-2018-v03-en/js/jquery.fancybox.js"></script>
    <script type="text/javascript" src="/themes/theme-2018-v03-en/js/demo-main.js"></script>
    <link rel="stylesheet" type="text/css" href="/themes/theme-2018-v03-en/css/fontello-embedded.css"/>
    <script charset="utf-8">
        //TODO: some strange value
        var min_height = 600;
        $(function () {
            resizeFrame();
        });
        function resizeFrame() {
            if (0 == 0
        )
            return false;
            var main_iframe = $('#preview');
            var height = $(window).height() - $('#preview-bar:visible').outerHeight();
            /* if ($.browser.opera)
                height += 5; */
            if (height < min_height)
                height = min_height;
            $('#preview').height(height);
            $('#iframelive').height(height);
            if ($(window).width() < 1400)
                $('#min-hide-this').hide();
            else
                $('#min-hide-this').show();
        }
        $(window).resize(function () {
            resizeFrame();
        }).load(function () {
            resizeFrame();
        });
        $(document).ready(function(){
            $('#close').click(function(e){
                e.preventDefault();
                $('#preview-bar').hide();
            });
        })
    </script>
    <script type="text/javascript">
        window.su = 'https://rms.templates.com/';
    </script>
    

    <script>
    $(function () {

    $('#frame_controls .device_item').click(function(){
            $(this).siblings().removeClass('device_current');
            $(this).addClass('device_current');
            var className = $(this).data('device');
            $('#showframe').attr('class', className);
            return false;
        });

    });
    </script>
    <style>
    /* Frame with demo-----  */

/* Desktop */
#showframe {
    width: 100%;
    margin: 0 auto;
    /*
    position: relative;
    z-index: 1;
    */
}
    #showframe .hide_wrap {
        overflow: hidden;
    }
    #showframe iframe {
        width: 100%;
        height: 100%;
        display:block;
        vertical-align: top;
    }

/* Tablet landscape */
#showframe.tab_land {
    margin-top: 30px;
    /*width: 1224px;*/
    width: 1200px;
    padding: 38px 103px 37px 85px;
    background: url(../images/tab_landscape.png) 0 0 no-repeat;
}
    #showframe.tab_land .hide_wrap {
        width: 1024px;
                height: 640px;
        -webkit-border-radius: 3px;
            -ms-border-radius: 3px;
                border-radius: 3px;
    }
    #showframe.tab_land .hide_wrap iframe {
        width: 1041px !important;
        height: 640px !important;
    }

/* Tablet portrait */
#showframe.tab_port {
    margin-top: 30px;
    /*width: 480px;*/
    width: 540px;
    padding: 65px 27px 78px 28px;
    background: url(../images/tab_portrait.png) 0 0 no-repeat;
}
    #showframe.tab_port .hide_wrap {
        width: 480px;
        height: 640px;
        -webkit-border-radius: 3px;
            -ms-border-radius: 3px;
                border-radius: 3px;
    }
    #showframe.tab_port .hide_wrap iframe {
    	width: 497px !important;
		height: 640px !important;
	}

/* Tablet mobile */
#showframe.mobile {
	margin-top: 30px;
	/*width: 320px;*/
	width: 360px;
	padding: 92px 19px 102px 19px;
	background: url(../images/mobile.png) 0 0 no-repeat;
}
	#showframe.mobile .hide_wrap {
		width: 320px;
		height: 520px;
		-webkit-border-radius: 3px;
			-ms-border-radius: 3px;
				border-radius: 3px;
	}
	#showframe.mobile .hide_wrap iframe {
		width: 337px !important;
		height: 520px !important;
	}
#frame_controls .device_tablet_landscape:before{
    transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);

}

/* Mobile landscape */
#showframe.mobile_land {
	margin-top: 30px;
	/*width: 1024px;*/
	width: 800px;
	padding: 15px 103px 37px 90px;
	background: url(../images/mobile_landscape.png) 0 0 no-repeat;
}
	#showframe.mobile_land .hide_wrap {
		width: 1024px;
				height: 640px;
		-webkit-border-radius: 3px;
			-ms-border-radius: 3px;
				border-radius: 3px;
	}
	#showframe.mobile_land .hide_wrap iframe {
		width: 520px !important;
		height: 320px !important;
	}
	#frame_controls .device_mobile_landscape:before{
    transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);

}

/*Device Styles start*/
#frame_controls {
	display: inline-block;
	vertical-align: top;
	height:100%;
	/*
	margin-left:10em;
	*/
}
	#frame_controls .device_item {
		display: inline-block;
		vertical-align: top;
		/*font-size: 1.5em;*/
		height: 54px;
		/*line-height: 54px;*/
		text-align:center;

		width: 54px;
		margin-left:2px;
		/*background-color: #233448;*/

		/*padding: 0 12px;*/
		color: #546171;
	}
	#frame_controls .device_item:hover {
		color: #fff;
		/*
		background-color: #15e27f;
		*/
	}
	#frame_controls .device_current {
		color: #fff;	/* #15e27f; */
		/*
		background-color: #15e27f;
		*/
	}
/*Device Styles End*/
	.pricer{
		max-width:100px!important;
		min-width:100px!important;
		}

    </style>
    <style>
	/*Advanced Styles*/
a {
	text-decoration: none;
	-webkit-transition: color .3s ease, background-color .3s ease;
	    -ms-transition: color .3s ease, background-color .3s ease;
	        transition: color .3s ease, background-color .3s ease;
}
body, a, a:visited, a:active {
	color: #fff;
}
a:active {
	outline: none;
}

[class*="icon-"]:before {
	margin:0;
	padding:0;
	line-height:inherit;
	vertical-align:baseline;
}


#header {
	background-color: #0a1d33;
	height: 54px;
	text-align: center;
	position: relative;
	z-index: 2;
}
#header:after {
	content:' ';
	display:block;
	width: 100%;
	height:0;
	clear:both;
}

#header .left_col {
	float: left;
	height: 54px;
}

	#logo {
		display: inline-block;
		vertical-align: top;
		text-align:center;
		/*margin-right: 1px;*/
	}
		#logo img {
			vertical-align: top;
			width: auto;
			height: 54px;
			max-height:100%;
		}

	#socials {
		display: inline-block;
		vertical-align: top;
		height:100%;
	}
		#socials .social_item {
			display: inline-block;
			vertical-align: top;
			font-size: 16px;
			width: 54px;
			height: 54px;
			line-height: 54px;
			text-align:center;
			/*
			margin-left:2px;
			background-color: #233448;
			*/
			border-right: 1px solid #2f3f51;
		}


	#theme_selector {
		display: inline-block;
		vertical-align: top;
		color: #dedfe0;
		position:relative;
		/*
		background-color: #233448;
		margin-left: 2px;
		*/
		border-right: 1px solid #2f3f51;
		text-align: left;
	}
		#theme_selector .current_theme {
			display: block;
			width: 390px;
			height: 54px;
			line-height: 54px;
			overflow:hidden;
			padding: 0 3em 0 2em;
			color: #dedfe0;
			-webkit-box-sizing: border-box;
				-ms-box-sizing: border-box;
					box-sizing: border-box;
		}
		#theme_selector .current_theme:hover {
			color: #fff;
		}
		#theme_selector .current_theme:after {
			content: '\e825';
			font-family: 'fontello';
			display:inline-block;
			vertical-align:top;
			line-height: 56px;
			font-size: 1.25em;
			position:absolute;
			z-index:1;
			right: 1.5em;
			top: 0;
			-webkit-transition: -webkit-transform 0.5s ease;
			-ms-transition: -ms-transform 0.5s ease;
			transition: transform 0.5s ease;
		}
		#theme_selector .current_theme:hover:after {
			color: #fff;
		}
		#theme_selector .theme_selector_opened:after {
			-webkit-transform: rotate(180deg);
			-ms-transform: rotate(180deg);
			transform: rotate(180deg);
		}
			#theme_selector .current_theme_name {
				width: 100%;
				overflow: hidden;
			}
		#theme_selector .related_themes {
			display: none;
			width: 390px;
			padding: 2em;
			-webkit-box-sizing: border-box;
				-ms-box-sizing: border-box;
					box-sizing: border-box;
			position: absolute;
			left: 0;
			top: 54px;
			background-color: #0a1d33;
		}
			#theme_selector .themes_list {
				list-style: none;
				padding: 0;
				margin: 0;
			}
			#theme_selector .themes_list li {
				position: relative;
				padding-left: 2em;
			}
			#theme_selector .themes_list li:before {
				content: " ";
				display: block;
				position: absolute;
				top: 11px;
				left: 0;
				width: 1em;
				height: 2px;
				background-color: #15e27f;
			}
			#theme_selector .themes_list li a {
				display:block;
				color: #dedfe0;
			}
			#theme_selector .themes_list li.active a,
			#theme_selector .themes_list li a:hover {
				color: #15e27f;
			}
			#theme_selector .themes_list li + li {
				margin-top: 0.5em;
			}
			#theme_selector .placeholder {
				width: 100%;
				margin-top: 1em;
			}
			#theme_selector .placeholder img {
				width: 100%;
				max-width:100%;
				height: auto;
				vertical-align: top;
			}

#frame_controls {
	display: inline-block;
	vertical-align: top;
	height:100%;
	/*
	margin-left:10em;
	*/
}
	#frame_controls .device_item {
		display: inline-block;
		vertical-align: top;
		font-size: 1.5em;
		height: 54px;
		line-height: 54px;
		text-align:center;
		/*
		width: 54px;
		margin-left:2px;
		background-color: #233448;
		*/
		padding: 0 12px;
		color: #546171;
	}
	#frame_controls .device_item:hover {
		color: #fff;
		/*
		background-color: #15e27f;
		*/
	}
	#frame_controls .device_current {
		color: #fff;	/* #15e27f; */
		/*
		background-color: #15e27f;
		*/
	}
	#frame_controls .device_tablet_landscape:before {
		-webkit-transform:rotate(-90deg);
			-ms-transform:rotate(-90deg);
				transform:rotate(-90deg);
	}


#header .right_col {
	float: right;
	display:inline-block;
	vertical-align: top;
	height: 54px;
}
	#header .right_col > a {
		display: inline-block;
		vertical-align:top;
		height: 54px;
		line-height:54px;
		text-align:center;
		padding: 0 3.4em;
		font-size: 10px;
		font-weight:bold;
		text-transform: uppercase;
		letter-spacing:1px;
		/*
		margin-left: 2px;
		background-color: #233448;
		*/
		border-left: 1px solid #2f3f51;
	}
	#header .right_col > a:hover {
		background-color: #ff1f00;
	}
	#header .right_col > a:before {
		margin-right: 0.5em;
		vertical-align: top;
		font-size:1.25em;
	}
	#header .right_col > a.docs {
		padding: 0 3.6em;
	}
	#header .right_col > a.purchase {
		color: #fff;
		background-color: #15e27f;
		padding: 0 4em;
		border-left: none;
	}
	#header .right_col > a.purchase:hover,
	#header .right_col > a.docs:hover {
		color: #0a1d33;
		background-color: #f7f7f7;
	}
	#header .right_col > a.closeframe {
		padding:0 !important;
		letter-spacing:0 !important;
		width: 54px;
		visibility: hidden;
	}
	#header .right_col > a.closeframe:hover {
		color: #15e27f;
		background-color: #0a1d33;
	}
	#header .right_col > a.closeframe:before {
		margin-right: 0;
	}


.openframe,
.basket {
	display: block;
	width: 54px;
	height: 54px;
	line-height:54px;
	background-color: #0a1d33;
	text-align:center;
	font-size: 14px;
	font-weight:bold;
	text-transform: uppercase;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 3;
	-webkit-transition: color 0.3s ease, background-color 0.3s ease;
	-ms-transition: color 0.3s ease, background-color 0.3s ease;
	transition: color 0.3s ease, background-color 0.3s ease;
}
.basket {
	background-color:#15e27f;
	z-index: 1;
	font-size: 18px;
}
.basket:hover {
	color: #0a1d33;
	background-color: #f7f7f7;
}
.openframe:before {
	content: '\e815';
	font-family: 'fontello';
	display: inline-block;
	width: 1em;
	height: 1em;
	line-height: 1em;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	-webkit-transition: -webkit-transform 0.5s ease;
	-ms-transition: -ms-transform 0.5s ease;
	transition: transform 0.5s ease;
}
body.header_off .openframe:before {
	/*
	content: '\e829';
	*/
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
.openframe:hover {
	color: #15e27f;
	background-color: #0a1d33;
}


/* Frame with demo
-----------------------------  */

/* Desktop */
#showframe {
	width: 100%;
	margin: 0 auto;
	/*
	position: relative;
	z-index: 1;
	*/
}
	#showframe .hide_wrap {
		overflow: hidden;
	}
	#showframe iframe {
		width: 100%;
		height: 100%;
		display:block;
		vertical-align: top;
	}

/* Tablet landscape */
#showframe.tab_land {
	margin-top: 30px;
	width: 1224px;
	padding: 38px 103px 37px 85px;
	background: url(../images/tab_landscape.png) 0 0 no-repeat;
}
	#showframe.tab_land .hide_wrap {
		width: 1024px;
		height: 640px;
		-webkit-border-radius: 3px;
			-ms-border-radius: 3px;
				border-radius: 3px;
	}
	#showframe.tab_land .hide_wrap iframe {
		width: 1041px !important;
		height: 640px !important;
	}

/* Tablet portrait */
#showframe.tab_port {
	margin-top: 30px;
	width: 540px;
	padding: 65px 27px 78px 28px;
	background: url(../images/tab_portrait.png) 0 0 no-repeat;
}
	#showframe.tab_port .hide_wrap {
		width: 480px;
		height: 640px;
		-webkit-border-radius: 3px;
			-ms-border-radius: 3px;
				border-radius: 3px;
	}
	#showframe.tab_port .hide_wrap iframe {
		width: 497px !important;
		height: 640px !important;
	}

/* Tablet mobile */
#showframe.mobile {
	margin-top: 30px;
	width: 360px;
	padding: 92px 19px 102px 19px;
	background: url(../images/mobile.png) 0 0 no-repeat;
}
	#showframe.mobile .hide_wrap {
		width: 320px;
		height: 520px;
		-webkit-border-radius: 3px;
			-ms-border-radius: 3px;
				border-radius: 3px;
	}
	#showframe.mobile .hide_wrap iframe {
		width: 337px !important;
		height: 520px !important;
	}




@media (max-width: 1529px) {
	body {
		font-size:13px;
		line-height:20px;
	}
	#header,
	#header .left_col,
	#header .right_col,
	#logo img {
		height:42px;
	}
	#socials .social_item {
		font-size: 14px;
		width: 42px;
		height: 42px;
		line-height: 42px;
	}
	#theme_selector .current_theme {
		width: 300px;
		height: 42px;
		line-height: 42px;
		padding: 0 2em 0 1.5em;
	}
	#theme_selector .current_theme:after {
		line-height: 42px;
		right: 1em;
	}
	#theme_selector .related_themes {
		width: 300px;
		padding: 1.5em;
		top: 42px;
	}
	#frame_controls .device_item {
		height: 42px;
		line-height: 42px;
		padding: 0 10px;
	}
	#header .right_col > a {
		height: 42px;
		line-height:42px;
		padding: 0 2em !important;
	}
	#header .right_col > a.closeframe {
		width: 42px;
	}
	.openframe,
	.basket {
		width: 42px;
		height: 42px;
		line-height:42px;
		font-size: 12px;
	}
}
@media (max-width: 1199px) {
	#frame_controls {
		display:none;
	}
}
@media (max-width: 1023px) {
	#header .right_col > a.docs {
		display: none;
	}
}
@media (max-width: 959px) {
	#header .right_col > a.customization {
		display: none;
	}
}
@media (max-width: 767px) {
	#socials {
		display: none;
	}
	#theme_selector .current_theme {
		width: 270px;
		padding: 0 1.5em 0 1em;
	}
	#theme_selector .current_theme:after {
		right: 0.5em;
	}
	#theme_selector .related_themes {
		width: 270px;
		padding: 1em;
	}
	#header .right_col > a {
		font-size: 10px;
	}
}
@media (max-width: 639px) {
	#theme_selector .current_theme {
		display: none;
	}
}
@media (max-width: 479px) {
	body {
		font-size:12px;
		line-height:18px;
	}
	#header,
	#header .left_col,
	#header .right_col,
	#logo img {
		height:36px;
	}
	#socials .social_item {
		font-size: 14px;
		width: 36px;
		height: 36px;
		line-height: 36px;
	}
	#header .right_col > a {
		height: 36px;
		line-height:36px;
		font-size: 10px;
	}
	#header .right_col > a.purchase {
		letter-spacing:0;
	}
	#header .right_col > a.closeframe {
		width: 36px;
	}
	.openframe,
	.basket {
		width: 36px;
		height: 36px;
		line-height:36px;
	}
}
	</style>



</head>
<body id="fullscreen-preview">
    <div id="preview-bar">
        <ul id="bar-inner">
            <li class="tm-logo block">
                <a href="https://rms.templates.com/">
                    <img src="/themes/theme-2018-v03-en/images/Logo_white.png" alt="">
                </a>
            </li>
            <li class="block inner info">
                Admin Templates #173760            </li>
            <!--responsivator HTML-->
            <li class="block inner info" id="frame_controls">
                <a href="#" class="icon-desktop device_item device_desktop device_current" data-width="100%" data-device="desktop"></a>
                <!--<a href="#" class="icon-tablet device_item device_tablet_landscape" data-width="960" data-device="tab_land"></a>-->
                <a href="#" class="icon-tablet device_item device_tablet_portrait" data-width="480" data-device="tab_port"></a>
                <a href="#" class="icon-mobile device_item device_mobile" data-width="320" data-device="mobile"></a>
                <!--<a href="#" class="icon-mobile device_item device_mobile_landscape" data-width="320" data-device="mobile_land"></a>-->
			</li>

                        <li class="block inner"><a href="https://www.templatehelp.com/preset/cart.php?act=add&amp;templ=173760&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $36                <span>
                        </a></li>
                        <a href="#" id="close">Close</a>
        </ul>
    </div>
    <!--<div id="iframelive" class="no-responsive">-->
    <div id="showframe">

        <div id="preview-wrapper" class="hide_wrap">

                            <div class="technical-problems">
                    <p>Technical operations</p>
                    <p class="problems-message">Live demo of this template will be available within 5-6 hours.</p>
                    <p>
                        <a href="/admin-templates-type">Go back to the template gallery</a>
                    </p>
                </div>
                    </div>
    </div>
</body>
</html>