string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=371875&expand=properties"
string(19340) "[{"templateId":371875,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":213,"categoryName":"Landscape Design Templates","templateTitle":"Landscape Design Responsive Website Template","templatePreviewHtmlTitle":"Architex - Multipage Architecture, Flooring, Interior &amp; Exterior Company HTML Website Template","templateDemoHtmlTitle":"Demo Preview for Architex - Multipage Architecture, Flooring, Interior &amp; Exterior Company HTML Website Template #371875","typeShortName":"Website","templatePreviewFBTitle":"<p>Introducing our versatile Architecture HTML Template, a sophisticated and modern solution designed to cater to the unique needs of architecture, flooring, interior, exterior, and construction companies. With two stunning home page options and a total of 22 inner pages, including essential e-commerce features like shop listings, product details, cart, and checkout pages, this interior website template provides a comprehensive platform for showcasing your services and products.</p><p><strong>Home Page 1: Architectural Elegance</strong></p><p>Elevate your architecture company's online presence with our Architectural Elegance home page. Featuring a sleek design, high-resolution images, and a clean layout, this page immediately communicates your commitment to precision and creativity. Engage your audience with striking visuals and a user-friendly interface that highlights your portfolio and services.</p><p><strong>Home Page 2: Flooring &amp; Interior Showcase</strong></p><p>For flooring, interior, and exterior companies, our Flooring &amp; Interior Showcase home page is tailored to captivate visitors. Showcase your finest projects through dynamic image galleries and emphasize your commitment to quality craftsmanship. This page invites clients to explore the possibilities of creating beautiful and functional spaces with your expertise.</p><p><strong>Inner Pages: Diverse and Comprehensive</strong></p><p>Our template includes a range of inner pages to meet the varied needs of your business:</p><ol><li><strong>About Us:</strong> Tell your company's story and showcase the expertise of your team.</li><li><strong>Portfolio:</strong> Showcase your most impressive projects with detailed case studies.</li><li><strong>Contact Us: </strong>Make it easy for potential clients to get in touch and inquire about your services.</li><li><strong>Services Listing - Architecture:</strong> Present your architecture template services with a dedicated page that outlines the various offerings. Highlight key features, such as architectural design, planning, and project management. Engage visitors with captivating visuals and concise descriptions of each service.</li><li><strong>Services Listing - Flooring &amp; Interior:</strong> Tailor a services page specifically for flooring and interior solutions. Showcase your expertise in flooring installations, interior design, and renovation services. Utilize before-and-after images to demonstrate the transformative impact of your work.</li><li><strong>Service Detail:</strong> Dive into the details of each service you provide. Offer comprehensive information about the process, benefits, and outcomes. Include high-quality images and client testimonials to build trust and credibility.</li><li><strong>Pricing:</strong> Transparently display your pricing structure for different services. Use a clean and organized layout to make it easy for clients to understand the costs associated with your offerings. Consider presenting packages or customizable options for flexibility.</li><li><strong>FAQs:</strong> Anticipate and address common questions with a dedicated Frequently Asked Questions (FAQs) page. Provide clear and concise answers to help potential clients gain a better understanding of your services, processes, and policies.</li><li><strong>Team:</strong> Introduce your talented team members who contribute to the success of your projects. Include brief bios, professional backgrounds, and images to create a personal connection with visitors. Showcase the diversity of skills and expertise within your team.</li><li><strong>Team Detail:</strong> For a more in-depth look at each team member, create individual team detail pages. Include extended bios, accomplishments, and personal insights. This allows clients to connect on a personal level with the individuals behind your company.</li><li><strong>Blog Listing - Design Inspiration:</strong> Inspire your audience with a blog listing page dedicated to design inspiration. Showcase completed projects, industry trends, and innovative design concepts. Encourage engagement by incorporating visually appealing images and brief summaries.</li><li><strong>Blog Listing - Construction Insights: </strong>Provide valuable insights into the construction industry with a separate blog listing page. Share updates on construction techniques, materials, and industry news. Enhance your authority in the field by offering informative content.</li><li><strong>Blog Detail:</strong> Delve deeper into specific topics with detailed blog pages. Include in-depth articles, case studies, and expert opinions. Encourage discussion and interaction by enabling comments and social media sharing.</li></ol><p><strong>E-commerce Pages: Seamless Online Shopping Experience</strong></p><ol><li><strong>7 Shop Listings:</strong> Present your products or services with a visually appealing shop listing layout.</li><li><strong>Product Detail: </strong>Provide in-depth information about each product or service, accompanied by high-quality images.</li><li><strong>Cart: </strong>A user-friendly shopping cart page for a seamless shopping experience.</li><li><strong>Wish list: </strong>A user-friendly wish list page for a seamless shopping experience.</li><li><strong>Checkout: </strong>Streamlined and secure checkout process to convert visitors into satisfied customers.</li></ol><p><strong>Key Features:</strong></p><ul><li><strong>Mobile Responsiveness:</strong> Ensure a seamless browsing experience across devices.</li><li><strong>Customization Options:</strong> Tailor the template to match your brand identity.</li><li><strong>SEO Optimized</strong>: Boost your online visibility and attract more clients.</li><li><strong>Cross-Browser Compatibility:</strong> Reach a wider audience with compatibility across various browsers.</li></ul><p>Embrace the future of online presence with our Architecture HTML Template. Whether you're in architecture, flooring, interior, exterior, or construction, this architecture website template provides the perfect canvas to showcase your expertise and products while ensuring a smooth online shopping experience for your clients.</p>","templateFullTitle":"Architex - Multipage Architecture, Flooring, Interior &amp; Exterior Company HTML Website Template","templatePreviewMetaDescription":"Introducing our versatile Architecture HTML Template, a sophisticated and modern solution designed to cater to the unique needs of architecture, flooring,","templateDemoMetaDescription":"The live preview of this high quality Architex - Multipage Architecture, Flooring, Interior &amp; Exterior Company HTML Website Template Website Template (#371875) is created for you to get the look and feel of the design before you purchase it. View the pages, check the images, press the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Architex - Multipage Architecture, Flooring, Interior &amp; Exterior Company HTML Website Template","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/architex-multipage-architecture-flooring-interior-amp-exterior-company-html-website-template-371875.html","userRating":0,"designIndex":1,"authorUserId":"78157538","exclusive":"1","state":1,"price":14,"inserted_date":"2023-11-17","sent":0,"downloads":0,"search_words":"architecture company construction interior furniture decoration exterior flooring services maintenance lawn gardening e commerce furniture store renovation services wood worker design responsive html website template bootstrap mulipurpose","is_adult":0,"exc_price":2100,"sent_date":"2023-11-17 11:25:44","last_upload":"2023-11-17 11:28:45","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":3286099,"templ_id":371875,"filename":"371875-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":3286100,"templ_id":371875,"filename":"371875-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":3286101,"templ_id":371875,"filename":"371875-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":3286102,"templ_id":371875,"filename":"371875-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":3286103,"templ_id":371875,"filename":"371875-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/371875.html","image":"https://s.tmimgcdn.com/scr/371800/architex-multipage-architecture-flooring-interior-amp-exterior-company-html-website-template_371875-original.png","searchHash":"11e950b93a0f4515f37de9e8cfab7437","previewHash":"30d1eef5372ee242f3e4f2e2d6ad4e9e","authorNickname":"uiparadox","lowLevelTopic":"Architecture; Landscape Design Templates; Garden Design Templates; Furniture Templates; Flooring Templates","weightedRating":null,"annualSale":null,"monthlySales":null,"quarterlySales":null,"productBoost":125,"onSale":1,"finalPrice":10,"discountPercent":30,"discountAmount":4,"semiannualSales":0,"properties":{"features":["Premium","Responsive","Pro","Search Engine Friendly","Bootstrap","Ajax","Retina Ready","Multipurpose","Team Members","Real Estate Catalog","Light Template","eCommerce","Sample content","Performance Optimization","Blog","Online Store/Shop","Gallery","Portfolio","HTML 5","JQuery","HTML plus JS"],"styles":["Clean","Corporate","Minimalist","Flat","Material Design"],"isLastAdded":"1","popularity":"Zero Downloads","topic":["Architecture","Landscape Design Templates","Garden Design Templates","Furniture Templates","Exterior Design Templates","Interior & Furniture Templates","Design","Flooring Templates","Design & Photography","Home & Family"],"isFree":"none","color":["white","grey","brown"],"showVariantForcibly":"b","exclusive":"1","alreadyPacked":"1","marketplaceMembership":"One","imagesIncluded":"Yes","tags":["architecture","bootstrap","company","construction","decoration","design","exterior","flooring","furniture","gardening","interior","lawn","maintenance","services","furniture store","e commerce","mulipurpose","renovation services","wood worker","responsive html website template"],"paidSupport":"Yes","webServerCompatibility":["Apache 2.4","Nginx 1.2x"],"generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"authorUserId":"78157538","frameworks":"None","excerpt":"<p>Unleash design excellence with our Architecture HTML Template. Elevate your brand through sleek visuals, innovative projects, and seamless functionality</p>","nameOfTheTemplate":"Architex - Multipage Architecture, Flooring, Interior &amp; Exterior Company HTML Website Template","shortDescription":"<p>Introducing our versatile Architecture HTML Template, a sophisticated and modern solution designed to cater to the unique needs of architecture, flooring, interior, exterior, and construction companies. With two stunning home page options and a total of 22 inner pages, including essential e-commerce features like shop listings, product details, cart, and checkout pages, this interior website template provides a comprehensive platform for showcasing your services and products.</p><p><strong>Home Page 1: Architectural Elegance</strong></p><p>Elevate your architecture company's online presence with our Architectural Elegance home page. Featuring a sleek design, high-resolution images, and a clean layout, this page immediately communicates your commitment to precision and creativity. Engage your audience with striking visuals and a user-friendly interface that highlights your portfolio and services.</p><p><strong>Home Page 2: Flooring &amp; Interior Showcase</strong></p><p>For flooring, interior, and exterior companies, our Flooring &amp; Interior Showcase home page is tailored to captivate visitors. Showcase your finest projects through dynamic image galleries and emphasize your commitment to quality craftsmanship. This page invites clients to explore the possibilities of creating beautiful and functional spaces with your expertise.</p><p><strong>Inner Pages: Diverse and Comprehensive</strong></p><p>Our template includes a range of inner pages to meet the varied needs of your business:</p><ol><li><strong>About Us:</strong> Tell your company's story and showcase the expertise of your team.</li><li><strong>Portfolio:</strong> Showcase your most impressive projects with detailed case studies.</li><li><strong>Contact Us: </strong>Make it easy for potential clients to get in touch and inquire about your services.</li><li><strong>Services Listing - Architecture:</strong> Present your architecture template services with a dedicated page that outlines the various offerings. Highlight key features, such as architectural design, planning, and project management. Engage visitors with captivating visuals and concise descriptions of each service.</li><li><strong>Services Listing - Flooring &amp; Interior:</strong> Tailor a services page specifically for flooring and interior solutions. Showcase your expertise in flooring installations, interior design, and renovation services. Utilize before-and-after images to demonstrate the transformative impact of your work.</li><li><strong>Service Detail:</strong> Dive into the details of each service you provide. Offer comprehensive information about the process, benefits, and outcomes. Include high-quality images and client testimonials to build trust and credibility.</li><li><strong>Pricing:</strong> Transparently display your pricing structure for different services. Use a clean and organized layout to make it easy for clients to understand the costs associated with your offerings. Consider presenting packages or customizable options for flexibility.</li><li><strong>FAQs:</strong> Anticipate and address common questions with a dedicated Frequently Asked Questions (FAQs) page. Provide clear and concise answers to help potential clients gain a better understanding of your services, processes, and policies.</li><li><strong>Team:</strong> Introduce your talented team members who contribute to the success of your projects. Include brief bios, professional backgrounds, and images to create a personal connection with visitors. Showcase the diversity of skills and expertise within your team.</li><li><strong>Team Detail:</strong> For a more in-depth look at each team member, create individual team detail pages. Include extended bios, accomplishments, and personal insights. This allows clients to connect on a personal level with the individuals behind your company.</li><li><strong>Blog Listing - Design Inspiration:</strong> Inspire your audience with a blog listing page dedicated to design inspiration. Showcase completed projects, industry trends, and innovative design concepts. Encourage engagement by incorporating visually appealing images and brief summaries.</li><li><strong>Blog Listing - Construction Insights: </strong>Provide valuable insights into the construction industry with a separate blog listing page. Share updates on construction techniques, materials, and industry news. Enhance your authority in the field by offering informative content.</li><li><strong>Blog Detail:</strong> Delve deeper into specific topics with detailed blog pages. Include in-depth articles, case studies, and expert opinions. Encourage discussion and interaction by enabling comments and social media sharing.</li></ol><p><strong>E-commerce Pages: Seamless Online Shopping Experience</strong></p><ol><li><strong>7 Shop Listings:</strong> Present your products or services with a visually appealing shop listing layout.</li><li><strong>Product Detail: </strong>Provide in-depth information about each product or service, accompanied by high-quality images.</li><li><strong>Cart: </strong>A user-friendly shopping cart page for a seamless shopping experience.</li><li><strong>Wish list: </strong>A user-friendly wish list page for a seamless shopping experience.</li><li><strong>Checkout: </strong>Streamlined and secure checkout process to convert visitors into satisfied customers.</li></ol><p><strong>Key Features:</strong></p><ul><li><strong>Mobile Responsiveness:</strong> Ensure a seamless browsing experience across devices.</li><li><strong>Customization Options:</strong> Tailor the template to match your brand identity.</li><li><strong>SEO Optimized</strong>: Boost your online visibility and attract more clients.</li><li><strong>Cross-Browser Compatibility:</strong> Reach a wider audience with compatibility across various browsers.</li></ul><p>Embrace the future of online presence with our Architecture HTML Template. Whether you're in architecture, flooring, interior, exterior, or construction, this architecture website template provides the perfect canvas to showcase your expertise and products while ensuring a smooth online shopping experience for your clients.</p>","uniqueKeywords":"architecture,company,construction,interior,furniture,decoration,exterior,flooring,services,maintenance,lawn,gardening,e commerce,furniture store,renovation services,wood worker,design,responsive html website template,bootstrap,mulipurpose","advImage":"https://s3u.tmimgcdn.com/u78157538/868288d29b8b421fc684bc62d24025cb.png","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u78157538/993dce879a7f9d41cbdda673bbd26f3f.png","livePreviewURL":"https://uiparadox.co.uk/templates/architex/","metaDescription":"Introducing our versatile Architecture HTML Template, a sophisticated and modern solution designed to cater to the unique needs of architecture, flooring,","saleSells":"1","templateSupportOptions":"[]","demoMetaDescription":"The live preview of this high quality Architex - Multipage Architecture, Flooring, Interior &amp; Exterior Company HTML Website Template Website Template (#371875) is created for you to get the look and feel of the design before you purchase it. View the pages, check the images, press the buttons, explore the features.","customUrl":"/website-templates/architex-multipage-architecture-flooring-interior-amp-exterior-company-html-website-template-371875.html","productSize":"14674625","trendiness":"1","types":"HTML Website Templates","templateIcon":"icon-monster_dark","hELPURL":"/quick-start-guide/website-template/","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, 23 Nov 2024 08:07:44 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=371875&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=371875&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=371875&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Sat, 23 Nov 2024 08:12:44 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://uiparadox.co.uk/templates/architex/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#371875 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/371875.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 #371875            </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=371875&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $15                <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>