string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=60101&expand=properties"
string(19462) "[{"templateId":60101,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":264,"categoryName":"Gas & Oil Templates","templateTitle":"Gas & Oil Responsive Website Template","templatePreviewHtmlTitle":"Fabricator - Industrial Company HTML5 Website Template","templateDemoHtmlTitle":"Live demo for Fabricator - Industrial Company HTML5 Website Template #60101","typeShortName":"Website","templatePreviewFBTitle":"<h2><strong>Reliable Industrial Company HTML5 Website Template </strong></h2><p>An industrial company HTML5 website template provides all the required tools for creating a trustworthy website. Nowadays, any company needs to have a noticeable website. It serves as a great tool for promotion and advertising. Moreover, with a well-developed website, you can easily attract new clients and business partners. It is especially useful for companies in the industrial sphere. However, not every business owner is capable of hiring an experienced web developer to create a website.</p><p>A modern HTML5 website template is a perfect choice for small businesses. They can't afford web development from scratch. Website templates allow you to save some money and get a quality website. With such solutions, you don't have to guess what your industrial site will look like. Moreover, these templates are responsive and reliable due to Bootstrap 5. This framework guarantees better stability and improves your site's performance.</p><h3><strong>Customizable HTML5 Template With Lots of Features</strong></h3><p>If you need to build a modern & corporate metalworking website, check out the Fabricator industrial company HTML5 website template. It is a ready-made solution that meets the requirements of modern industrial businesses. It provides your site with a clean and corporate layout as well as a stunning design. The template also comes with a wide variety of features that enhance your site's look and performance, such as:</p><ol><li>W3C valid coding</li><li>Google Fonts & Google Maps</li><li>SEO-ready & responsive page layout</li><li>Cross-browser support</li><li>SCSS & Pug source files</li><li>Working contact & newsletter signup forms</li></ol><p>Alongside all these features, our industrial company HTML5 website template has various customization possibilities. It includes a vast set of UI elements and blocks. From buttons to tables and progress bars, this kit offers a vast choice of elements. They can be used to improve the usability of your website. Moreover, they are already integrated into each page of the Fabricator HTML template. Even if you are not a developer, you'll benefit from using these customization possibilities.</p><h2><strong>Multipage HTML5 Template for Industrial Business</strong></h2><p>Our template also comes with a wide set of pre-developed HTML pages. The Fabricator industrial company HTML5 website template has a lot of pages that will perfectly meet your goals. From describing your team & services to showcasing your achievements, our template can handle it all. Moreover, with an eCommerce-ready set of pages, it is easy to set up an online store. And 4 various Homepage layouts allow you to choose just what your website needs.</p><p>If you are looking for more information about this HTML template, don't hesitate to read its documentation. It describes how to install the Fabricator template and work with it. Also, its documentation answers common questions about HTML5 templates. But if you need any additional support, our professional & friendly team will be happy to help. Also, feel free to check out other ready-made HTML solutions available in our catalog. They will be useful for your future online projects.</p><h2>Important Notice Regarding Support Response Times</h2><p>Please note that our team is committed to providing prompt and efficient support to all of our customers. However, due to an increased volume of support requests, our usual average time for providing support is estimated to be between 3-5 business days.</p><p>We want to assure you that we are taking all necessary measures to address your requests as soon as possible. Rest assured that your inquiry will be attended to promptly.</p><h3>Thank you for choosing our product and for your continued support.</h3>","templateFullTitle":"Fabricator - Industrial Company HTML5 Website Template","templatePreviewMetaDescription":"Reliable Industrial Company HTML5 Website Template An industrial company HTML5 website template provides all the required tools for creating a trustworthy","templateDemoMetaDescription":null,"specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Fabricator - Industrial Company HTML5 Website Template","anchorFeature":"Premium","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/fabricator-industrial-company-multipage-website-template-website-template-60101.html","userRating":"4.5","designIndex":"93","authorUserId":"1519369","exclusive":"1","state":1,"price":39,"inserted_date":"2017-05-15","sent":1,"downloads":186,"search_words":"welding services steel cladding overlay material pipe weld welder stainless metal company production factory factories engineering industry machinery iron detailing fabrication","is_adult":0,"exc_price":4500,"sent_date":"2020-06-24 00:00:00","last_upload":"2023-06-27 11:42:52","package_id":258,"hasExclusivePrice":1,"screenshots":[{"id":1691958,"templ_id":60101,"filename":"60101-wt.html","width":430,"height":60,"href":"","window_params":"","scr_type_id":212,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1691959,"templ_id":60101,"filename":"60101-smart1-responsive.jpg","width":430,"height":900,"href":"","window_params":"","scr_type_id":299,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1691960,"templ_id":60101,"filename":"60101-responsive-layout.jpg","width":895,"height":599,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1691961,"templ_id":60101,"filename":"60101-b-responsive.jpg","width":430,"height":953,"href":"","window_params":"","scr_type_id":297,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1691962,"templ_id":60101,"filename":"60101-tablet-responsive.jpg","width":430,"height":900,"href":"","window_params":"","scr_type_id":298,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1691963,"templ_id":60101,"filename":"60101-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":1691964,"templ_id":60101,"filename":"60101-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":1691965,"templ_id":60101,"filename":"60101-banner.jpg","width":408,"height":55,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1691966,"templ_id":60101,"filename":"60101-5-original.jpg","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1691967,"templ_id":60101,"filename":"60101-rs.jpg","width":970,"height":280,"href":"","window_params":"","scr_type_id":78,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":1},{"id":1691968,"templ_id":60101,"filename":"60101-original-1200.jpg","width":1903,"height":4216,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1691969,"templ_id":60101,"filename":"60101-origin.jpg","width":1903,"height":4216,"href":"","window_params":"","scr_type_id":314,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1691970,"templ_id":60101,"filename":"60101-smart2-responsive.jpg","width":320,"height":900,"href":"","window_params":"","scr_type_id":300,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1691971,"templ_id":60101,"filename":"60101-big.jpg","width":965,"height":2138,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1691972,"templ_id":60101,"filename":"60101-origin-1200.jpg","width":1903,"height":4216,"href":"","window_params":"","scr_type_id":315,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0}],"demoUrl":"/demo/60101.html","image":"https://s.tmimgcdn.com/scr/60100/fabricator-industrial-company-html5-website-template_60101-5-original.jpg","searchHash":"c9633e5c2d928d8a0f31ac9517133d64","previewHash":"db7045d01af911752b6acb8054f5f74d","authorNickname":"ZEMEZ","lowLevelTopic":"Gas & Oil Templates; Steelworks Templates; Welding Templates; Mining Company Templates; Civil Engineering Templates; Lighting & Electricity Templates; Cement Templates; Timber Templates; Paving; Building Materials","weightedRating":4.409090909090908,"annualSale":18,"monthlySales":0,"quarterlySales":4,"productBoost":125,"onSale":0,"finalPrice":39,"discountPercent":0,"discountAmount":0,"semiannualSales":6,"properties":{"features":["Premium","Responsive","Pro","Search Engine Friendly","Bootstrap","Sliced PSD","Dropdown Menu","Google map","Tabs","Blog","Gallery","HTML 5","JQuery","HTML plus JS","Parallax"],"styles":"Neutral","galleryScript":["Accordion","Carousel","CSS and JS","Slider","Isotope","Grid"],"webForms":["Contact Form","Newsletter Subscription","Search Form"],"badge":"badge-responsive","templateSources":[".PSD",".HTML"],"topic":["Gas & Oil Templates","Steelworks Templates","Welding Templates","Mining Company Templates","Civil Engineering Templates","Lighting & Electricity Templates","Industrial Templates","Cement Templates","Timber Templates","Business & Services","Paving","Building Materials"],"documentationVersion":"v1.4","isFree":"none","popularity":["Bestsellers","Top Rated"],"dateRange":["Last Month","Last 6 Months"],"nomotopress":"1","color":["black","white","grey","blue"],"showVariantForcibly":"b","exclusive":"1","livePreviewURL":"https://livedemo00.template-help.com/wt_60101/","width":"1920px","imageDescription":"https://s.tmimgcdn.com/scr/60100/60101-en_01.jpg","authorUserId":"1519369","uniqueKeywords":"welding services,steel,cladding,overlay,material,pipe,weld,welder,stainless,metal,company,production,factory,factories,engineering,industry,machinery,iron,detailing,fabrication","nameOfTheTemplate":"Fabricator - Industrial Company HTML5 Website Template","shortDescription":"<h2><strong>Reliable Industrial Company HTML5 Website Template </strong></h2><p>An industrial company HTML5 website template provides all the required tools for creating a trustworthy website. Nowadays, any company needs to have a noticeable website. It serves as a great tool for promotion and advertising. Moreover, with a well-developed website, you can easily attract new clients and business partners. It is especially useful for companies in the industrial sphere. However, not every business owner is capable of hiring an experienced web developer to create a website.</p><p>A modern HTML5 website template is a perfect choice for small businesses. They can't afford web development from scratch. Website templates allow you to save some money and get a quality website. With such solutions, you don't have to guess what your industrial site will look like. Moreover, these templates are responsive and reliable due to Bootstrap 5. This framework guarantees better stability and improves your site's performance.</p><h3><strong>Customizable HTML5 Template With Lots of Features</strong></h3><p>If you need to build a modern & corporate metalworking website, check out the Fabricator industrial company HTML5 website template. It is a ready-made solution that meets the requirements of modern industrial businesses. It provides your site with a clean and corporate layout as well as a stunning design. The template also comes with a wide variety of features that enhance your site's look and performance, such as:</p><ol><li>W3C valid coding</li><li>Google Fonts & Google Maps</li><li>SEO-ready & responsive page layout</li><li>Cross-browser support</li><li>SCSS & Pug source files</li><li>Working contact & newsletter signup forms</li></ol><p>Alongside all these features, our industrial company HTML5 website template has various customization possibilities. It includes a vast set of UI elements and blocks. From buttons to tables and progress bars, this kit offers a vast choice of elements. They can be used to improve the usability of your website. Moreover, they are already integrated into each page of the Fabricator HTML template. Even if you are not a developer, you'll benefit from using these customization possibilities.</p><h2><strong>Multipage HTML5 Template for Industrial Business</strong></h2><p>Our template also comes with a wide set of pre-developed HTML pages. The Fabricator industrial company HTML5 website template has a lot of pages that will perfectly meet your goals. From describing your team & services to showcasing your achievements, our template can handle it all. Moreover, with an eCommerce-ready set of pages, it is easy to set up an online store. And 4 various Homepage layouts allow you to choose just what your website needs.</p><p>If you are looking for more information about this HTML template, don't hesitate to read its documentation. It describes how to install the Fabricator template and work with it. Also, its documentation answers common questions about HTML5 templates. But if you need any additional support, our professional & friendly team will be happy to help. Also, feel free to check out other ready-made HTML solutions available in our catalog. They will be useful for your future online projects.</p><h2>Important Notice Regarding Support Response Times</h2><p>Please note that our team is committed to providing prompt and efficient support to all of our customers. However, due to an increased volume of support requests, our usual average time for providing support is estimated to be between 3-5 business days.</p><p>We want to assure you that we are taking all necessary measures to address your requests as soon as possible. Rest assured that your inquiry will be attended to promptly.</p><h3>Thank you for choosing our product and for your continued support.</h3>","kindOfShops":"The template was created for industrial, steelworks, design and photography, art and culture, society and people, business and services websites.","metaDescription":"Reliable Industrial Company HTML5 Website Template An industrial company HTML5 website template provides all the required tools for creating a trustworthy","htmlTitle":"Steelworks Site Template","lastmod":"2022-02-07T10:34:08-05:00","imageKeyFeatures":"https://s.tmimgcdn.com/scr/60100/60101-en_01.jpg, https://s.tmimgcdn.com/scr/60100/60101-en_02.jpg, https://s.tmimgcdn.com/scr/60100/60101-en_03.jpg, https://s.tmimgcdn.com/scr/60100/60101-en_04.jpg, https://s.tmimgcdn.com/scr/60100/60101-en_05.jpg, https://s.tmimgcdn.com/scr/60100/60101-en_06.jpg, https://s.tmimgcdn.com/scr/60100/60101-en_07.jpg, https://s.tmimgcdn.com/scr/60100/60101-en_08.jpg, https://s.tmimgcdn.com/scr/60100/60101-en_09.jpg, https://s.tmimgcdn.com/scr/60100/60101-en_10.jpg, https://s.tmimgcdn.com/scr/60100/60101-en_11.jpg, https://s.tmimgcdn.com/scr/60100/60101-en_12.jpg, https://s.tmimgcdn.com/scr/60100/60101-en_13.jpg, https://s.tmimgcdn.com/scr/60100/60101-en_14.jpg, https://s.tmimgcdn.com/scr/60100/60101-en_15.jpg","bitLyUrl":"http://bit.ly/2taikhg","trendiness":"1","reviewsTotal":"12","reviewAverageScore":"4.5","dynamicChangeLog":"<ul><li>- 2 HTML bugs fixed</li><li>- 1 background issue fixed</li><li>- 2 front-end bugs fixed</li><li>- 3 styles bugs fixed</li><li>- 3 PSD layers updated</li></ul>","sqi":"95","templateSupportOptions":"[]","dqi":"93","previewScreensOrVideoURLs":"https://www.youtube.com/embed/0SQFm7vMC_c","skupromo":"8%","marketplaceMembership":"One","customUrl":"/website-templates/fabricator-industrial-company-multipage-website-template-website-template-60101.html","changeLog":"## Fabricator Version 2.2 (June 26, 2023):\r\n- UPD: Swiper to 8.4.6;\r\n- FIX: CSS styles;\r\n- FIX: Minor bug fixes. \r\n\r\n\r\n## Fabricator Version 2.1 (January 10, 2023):\r\n- UPD: PHPMailer;\r\n- FIX: Minor bug fixes.\r\n\r\n\r\n## Fabricator Version 2.0 (October 31, 2022):\r\n- UPD: Bootstrap to 5.2.0;\r\n- UPD: Popper.js to 2.11.5;\r\n- UPD: JQuery to 3.6.0;\r\n- UPD: JQuery Migrate to 3.3.2;\r\n- UPD: JQuery Form to 4.3.0;\r\n- UPD: Countdown;\r\n- UPD: Project Structure;\r\n- DEL: html5shiv.min.js;\r\n- DEL: pointer-events.min.js;\r\n- FIX: Bugs; \r\n\r\n\r\n## Fabricator Version 1.4 (February 16, 2021):\r\n- UPD: bootstrap to 4.5.3;\r\n- UPD: swiper to 5.3.1;\r\n- UPD: owl-carousel to 2.3.4;\r\n- UPD: popper.js to 1.16.1;\r\n- UPD: wow to 1.1.3;\r\n- UPD: counter;\r\n- FIX: Minor bug fixes.\r\n\r\n\r\n## Fabricator Version 1.3 (October 26, 2020):\r\n- UPD: SCSS optimization;\r\n- UPD: Scripts updated;\r\n- FIX: Project structure;\r\n- FIX: Minor bug fixes.\r\n\r\n\r\n## Fabricator Version 1.2 (October 01, 2019):\r\n- FIX:Minor bug fixes.\r\n\r\n\r\n## Fabricator Version 1.1 (July 14, 2018):\r\n- UPD: Bootstrap 3 to Bootstrap 4;\r\n- UPD: Owl carousel updated;\r\n- UPD: RD navbar updated;\r\n- UPD: Bootstrap tabs updated;\r\n- UPD: bootstrap tooltip updated;\r\n- UPD: wow animate updated;\r\n- UPD: Swiper slider updated;\r\n- UPD: RD mailform updated;\r\n- UPD: Google map updated;\r\n- RPL: Photoswipe change to lightgallery;\r\n- RPL: RD parallax changed to Material parallax;\r\n- FIX: Script js;\r\n- FIX: CSS styles;\r\n- FIX:Minor bug fixes.","isOldDemoUrl":"1","advImage":"https://s3.tmimgcdn.com/templates/80434/scr/1519369-1603725443227_60101%20industrial.jpg","imagesIncluded":"Yes","tags":["cladding","company","detailing","engineering","fabrication","factories","factory","industry","iron","machinery","material","metal","overlay","pipe","production","stainless","steel","weld","welder","welding services"],"affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u2187020/0688bfbd7f6808984db6beb8ceed1bd5.jpg","saleSells":"1","productSize":"619590431","authorMainScreenshotVersion":"5","paidSupport":"Yes","changeLogDate":"2023-06-27","featured":"Ukraine","webServerCompatibility":"Apache 2.4","pHPVersionCompatibility":["8.1","8.0","7.4"],"designSoftware":"Adobe Photoshop","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"bootstrapVersion":"5.2.x","frameworks":"None","excerpt":"Get this industrial company HTML5 website template to easily establish a powerful and versatile website for a metalworking company that attracts clients.","bestsellers":"10","templateIcon":"icon-bootstrap","hELPURL":"/quick-start-guide/bootstrap-template/","notice":"Some of the forms included (like booking, registration, comment submission forms, etc.) may require extra scripts and/or database functionality.","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"types":"HTML Website Templates","followUpLetter":"website-template-offers","productFamily":"None","templateGroup":"HTML Templates","category":"Website templates"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Sat, 27 Apr 2024 18:30:10 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(290) "Link: <http://products/api/v2/products/en?language=en&ids=60101&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=60101&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=60101&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Sat, 27 Apr 2024 18:35:10 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: 159.203.151.221:80"
}
https://livedemo00.template-help.com/wt_60101/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#60101 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/60101.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">
                Website Templates #60101            </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=60101&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="/website-templates-type">Go back to the template gallery</a>
                    </p>
                </div>
                    </div>
    </div>
</body>
</html>