string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=62125&expand=properties"
string(17803) "[{"templateId":62125,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":124,"categoryName":"Publishing Company Templates","templateTitle":"Publishing Company Responsive Website Template","templatePreviewHtmlTitle":"Daniel Booker - Elegant Personal Page Multipage HTML Website Template","templateDemoHtmlTitle":"Live demo for Daniel Booker - Elegant Personal Page Multipage HTML Website Template #62125","typeShortName":"Website","templatePreviewFBTitle":"Creating a website portfolio of personal card page is a popular way to show yourself to the employers and clients from the best side. Daniel Booker multipage HTML template is a created to present a writer or designer in the best possible way. Three different blog layouts, three portfolio image galleries, about 20 other pre-made pages that could come in handy - all those make the process of website creation simpler and more pleasurable. A few witty animation effects spice up the look and make it a little more dynamic. The design is rather strict and discreet, but very elegant and fancy.<br /><h4>TemplateMonster MarketPlace</h4><p>TemplateMonster is a marketplace where you as a designer or developer may sell your Web Design Software, Website Templates, Design Elements, Plugins and Extensions. Become a <a href=\"https://www.templatemonster.com/marketplace/\">digital products vendor</a> and earn up to 70% from each sale.</p><div class=\"clear\"></div><div class=\"row \"><div class=\"col-sm-12 col-md-12 col-lg-12\"><div class=\"box-content default-set \"><div class=\"content_wrap \"> <h3>This is a Parallax Book Exchange website design template</h3> <p><b>What is it?</b></p><p>Parallax effect is a technique in website design wherein the background information moves less quickly than the foreground.</p> <p><b>Why is it Good?</b></p><p>Parallax permit your web page visitors connect with your internet site and get significantly better visitor experience. It allows you you to be noticeable among your competitors.</p><p>Click for more <a href=\"https://www.templatemonster.com/parallax-website-templates/\">Parallax website designs</a> here</p> <h3>This is a Bootstrap Online Book Club web template</h3> <p><b>What is it?</b></p><p>Bootstrap is an open-source framework for designing online pages.</p> <p><b>Why is it Good?</b></p><p>By making use of Bootstrap, you may produce completely responsive web designs using HTML and CSS based layouts for typography, print styles, forms, buttons, tables, etc.</p><p>Newest <a href=\"https://www.templatemonster.com/bootstrap-website-templates/\">Bootstrap website templates</a> here</p> <h3>This is a Bootstrap 4 Online Education website template</h3> <p><b>What is it?</b></p><p>Bootstrap 4 is the latest version of Bootstrap framework used to build responsive and mobile-ready websites.</p> <p><b>Why is it Good?</b></p><p>Bootstrap 4 WordPress templates are ensured to be mobile-friendly, which is an essential element for a contemporary website.</p><p>Find newest <a href=\"https://www.templatemonster.com/bootstrap-4-website-templates/\">Bootstrap 4 website designs</a> here</p> <h3>This Comic Store website design template is Responsive</h3> <p><b>What is it?</b></p><p>It is an ability of the website to promptly adjust to any screen size and resolution. </p> <p><b>Why is it Good?</b></p><p>Responsive design delivers a much better user experience for those people who view a website page on a phone or a tablet, and at the same time helps to raise rankings of a website in Google search. </p><p>Latest <a href=\"https://www.templatemonster.com/responsive-website-templates/\">Responsive website designs</a> here</p> <h3>This Publishing Agency website template is Search Engine Friendly</h3> <p><b>What is it?</b></p><p>When a user types a thing to the research bar, the major search engine seeks it depending on numerous guidelines. Search Engine Friendly web theme's code is almost certainly specifically crystal clear and organized to try to make Search engine optimisation efforts far more convenient.</p> <p><b>Why is it Good?</b></p><p>The Search engine ready web design makes sure that the website will be successfully indexed and positioned higher by the search engine. </p><p>Find latest <a href=\"https://www.templatemonster.com/seo-website-templates/\">Search Engine Friendly website templates</a> here</p> <br /></div></div></div></div>","templateFullTitle":"Daniel Booker - Elegant Personal Page Multipage HTML Website Template","templatePreviewMetaDescription":"Creating a website portfolio of personal card page is a popular way to show yourself to the employers and clients from the best side. Daniel Booker multipage","templateDemoMetaDescription":"Before you buy it, get yourself acquainted with the professional Daniel Booker - Elegant Personal Page Multipage HTML Website Template (#62125) by enjoying the demo preview. Go through the pages, check the images, click the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Daniel Booker - Elegant Personal Page Multipage HTML Website Template","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/james-brown-writer-personal-portfolio-multipage-website-template-62125.html","userRating":"5","designIndex":"00","authorUserId":"1768190","exclusive":0,"state":1,"price":61,"inserted_date":"2017-04-14","sent":1,"downloads":43,"search_words":"writer personal page information bio book author publisher books digital e-book ebooks library online shop book-store digital-book story study knowledge","is_adult":0,"exc_price":4500,"sent_date":"2018-09-28 06:15:57","last_upload":"2017-04-14 00:00:00","package_id":258,"hasExclusivePrice":0,"screenshots":[{"scr_type_id":312,"filename":"62125-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62125,"width":370,"window_params":"","banner_url":"","id":1688517,"href":"","height":370},{"scr_type_id":311,"filename":"62125-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62125,"width":965,"window_params":"","banner_url":"","id":1688518,"href":"","height":2489},{"scr_type_id":3,"filename":"62125-responsive-layout.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62125,"width":895,"window_params":"","banner_url":"","id":1688519,"href":"","height":599},{"scr_type_id":300,"filename":"62125-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62125,"width":320,"window_params":"","banner_url":"","id":1688520,"href":"","height":900},{"scr_type_id":3,"filename":"62125-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62125,"width":1800,"window_params":"","banner_url":"","id":1688521,"href":"","height":4643},{"scr_type_id":212,"filename":"62125-wt.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62125,"width":430,"window_params":"","banner_url":"","id":1688522,"href":"","height":60},{"scr_type_id":314,"filename":"62125-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62125,"width":2125,"window_params":"","banner_url":"","id":1688523,"href":"","height":4643},{"scr_type_id":298,"filename":"62125-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62125,"width":430,"window_params":"","banner_url":"","id":1688524,"href":"","height":900},{"scr_type_id":299,"filename":"62125-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62125,"width":430,"window_params":"","banner_url":"","id":1688525,"href":"","height":900},{"scr_type_id":334,"filename":"62125-0-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62125,"width":1600,"window_params":"","banner_url":"","id":1688526,"href":"","height":1000},{"scr_type_id":9,"filename":"62125-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62125,"width":145,"window_params":"","banner_url":"","id":1688527,"href":"","height":156},{"scr_type_id":315,"filename":"62125-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62125,"width":1800,"window_params":"","banner_url":"","id":1688528,"href":"","height":4643},{"scr_type_id":3,"filename":"62125-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62125,"width":408,"window_params":"","banner_url":"","id":1688529,"href":"","height":55},{"scr_type_id":78,"filename":"62125-rs.jpg","banner_open_url":"","banner_open_window_params":"","wide":1,"templ_id":62125,"width":970,"window_params":"","banner_url":"","id":1688530,"href":"","height":280},{"scr_type_id":297,"filename":"62125-b-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62125,"width":430,"window_params":"","banner_url":"","id":1688531,"href":"","height":1109}],"demoUrl":"/demo/62125.html","image":"https://s.tmimgcdn.com/scr/62100/daniel-booker-elegant-personal-page-multipage-html-website-template_62125-0-original.jpg","searchHash":"d2cfddd9a737c5bee6a070f32fd54476","previewHash":"e1177952e6df11d9ef62f670a85fa639","authorNickname":"RockThemes","lowLevelTopic":"Publishing Company Templates; Book Reviews Templates; Education Templates; Media Templates; Science Templates; Society & People; Writer and Author; Comic Store","weightedRating":4.25,"annualSale":6,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":61,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"kindOfShops":"copywriter's personal page, writer's personal page","categoriesView":["Grid","List"],"uniqueKeywords":"writer personal page information bio book author publisher books digital e-book ebooks library online shop book-store digital-book story study knowledge","showVariantForcibly":"b","metaDescription":"With this great multipage HTML template, you will create a personal portfolio website of your dream. Don't miss the chance to show off to the clients and employers.","excludeExclusive":"Yes","imageKeyFeatures":"https://s.tmimgcdn.com/scr/62100/62125-en_01.jpg, https://s.tmimgcdn.com/scr/62100/62125-en_02.jpg, https://s.tmimgcdn.com/scr/62100/62125-en_03.jpg, https://s.tmimgcdn.com/scr/62100/62125-en_04.jpg, https://s.tmimgcdn.com/scr/62100/62125-en_05.jpg, https://s.tmimgcdn.com/scr/62100/62125-en_06.jpg, https://s.tmimgcdn.com/scr/62100/62125-en_07.jpg, https://s.tmimgcdn.com/scr/62100/62125-en_08.jpg","features":["Premium","Responsive","Pro","Search Engine Friendly","Bootstrap","Sliced PSD","Dropdown Menu","Google map","Tabs","Gallery","HTML 5","JQuery","HTML plus JS","Parallax"],"templateSources":[".PSD",".HTML"],"languageSupport":"English","authorUserId":"1768190","htmlTitle":"Personal Page Multipage HTML Template","isFree":"none","hELPURL":"/quick-start-guide/bootstrap-template/","documentationVersion":"v1.4","templateSoftwareRequired":["Adobe Photoshop CC+","Sublime Text2 or later, Notepad++","For uncompressing a template ZIP package: WinZip 9+ (Windows); Stuffit Expander 10+ (Mac)"],"lastmod":"2022-01-13T10:11:37-05:00","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"previewScreensOrVideoURLs":"62100/62125_01-big.jpg, 62100/62125_02-big.jpg, 62100/62125_03-big.jpg, 62100/62125_04-big.jpg, 62100/62125_05-big.jpg","demoMetaDescription":"Before you buy it, get yourself acquainted with the professional Daniel Booker - Elegant Personal Page Multipage HTML Website Template (#62125) by enjoying the demo preview. Go through the pages, check the images, click the buttons, explore the functionality.","shortDescription":"Creating a website portfolio of personal card page is a popular way to show yourself to the employers and clients from the best side. Daniel Booker multipage HTML template is a created to present a writer or designer in the best possible way. Three different blog layouts, three portfolio image galleries, about 20 other pre-made pages that could come in handy - all those make the process of website creation simpler and more pleasurable. A few witty animation effects spice up the look and make it a little more dynamic. The design is rather strict and discreet, but very elegant and fancy.<br /><h4>TemplateMonster MarketPlace</h4><p>TemplateMonster is a marketplace where you as a designer or developer may sell your Web Design Software, Website Templates, Design Elements, Plugins and Extensions. Become a <a href=\"https://www.templatemonster.com/marketplace/\">digital products vendor</a> and earn up to 70% from each sale.</p><div class=\"clear\"></div><div class=\"row \"><div class=\"col-sm-12 col-md-12 col-lg-12\"><div class=\"box-content default-set \"><div class=\"content_wrap \"> <h3>This is a Parallax Book Exchange website design template</h3> <p><b>What is it?</b></p><p>Parallax effect is a technique in website design wherein the background information moves less quickly than the foreground.</p> <p><b>Why is it Good?</b></p><p>Parallax permit your web page visitors connect with your internet site and get significantly better visitor experience. It allows you you to be noticeable among your competitors.</p><p>Click for more <a href=\"https://www.templatemonster.com/parallax-website-templates/\">Parallax website designs</a> here</p> <h3>This is a Bootstrap Online Book Club web template</h3> <p><b>What is it?</b></p><p>Bootstrap is an open-source framework for designing online pages.</p> <p><b>Why is it Good?</b></p><p>By making use of Bootstrap, you may produce completely responsive web designs using HTML and CSS based layouts for typography, print styles, forms, buttons, tables, etc.</p><p>Newest <a href=\"https://www.templatemonster.com/bootstrap-website-templates/\">Bootstrap website templates</a> here</p> <h3>This is a Bootstrap 4 Online Education website template</h3> <p><b>What is it?</b></p><p>Bootstrap 4 is the latest version of Bootstrap framework used to build responsive and mobile-ready websites.</p> <p><b>Why is it Good?</b></p><p>Bootstrap 4 WordPress templates are ensured to be mobile-friendly, which is an essential element for a contemporary website.</p><p>Find newest <a href=\"https://www.templatemonster.com/bootstrap-4-website-templates/\">Bootstrap 4 website designs</a> here</p> <h3>This Comic Store website design template is Responsive</h3> <p><b>What is it?</b></p><p>It is an ability of the website to promptly adjust to any screen size and resolution. </p> <p><b>Why is it Good?</b></p><p>Responsive design delivers a much better user experience for those people who view a website page on a phone or a tablet, and at the same time helps to raise rankings of a website in Google search. </p><p>Latest <a href=\"https://www.templatemonster.com/responsive-website-templates/\">Responsive website designs</a> here</p> <h3>This Publishing Agency website template is Search Engine Friendly</h3> <p><b>What is it?</b></p><p>When a user types a thing to the research bar, the major search engine seeks it depending on numerous guidelines. Search Engine Friendly web theme's code is almost certainly specifically crystal clear and organized to try to make Search engine optimisation efforts far more convenient.</p> <p><b>Why is it Good?</b></p><p>The Search engine ready web design makes sure that the website will be successfully indexed and positioned higher by the search engine. </p><p>Find latest <a href=\"https://www.templatemonster.com/seo-website-templates/\">Search Engine Friendly website templates</a> here</p> <br /></div></div></div></div>","tags":["author","bio","book","books","digital","information","knowledge","library","online","page","personal","publisher","shop","story","study","writer"],"customUrl":"/website-templates/james-brown-writer-personal-portfolio-multipage-website-template-62125.html","badge":"badge-builder","supportDescription":"<img src=\"https://s.tmimgcdn.com/scr/58800/58888-wt-extendedsupport_1300.jpg\" srcset=\"https://s.tmimgcdn.com/scr/58800/58888-wt-extendedsupport_2560.jpg 2x\" alt=\"img\"/>","nameOfTheTemplate":"Daniel Booker - Elegant Personal Page Multipage HTML Website Template","pHPVersionCompatibility":"7.x","topic":["Books","Publishing Company Templates","Book Reviews Templates","Education Templates","Media Templates","Science Templates","Education & Books","Business & Services","Society & People","Writer and Author","Comic Store"],"styles":["Neutral","Flat"],"productFamily":"None","color":["black","white"],"followUpLetter":"website-template-offers","dateRange":"Last Year","reviewsTotal":"2","templateSupportOptions":"[{\"type\":1,\"measure\":\"hour\",\"value\":24},{\"type\":4,\"measure\":\"minute\",\"value\":5}]","reviewAverageScore":"5","sqi":"95","media":"Video Player","bootstrapVersion":"4.0.x","livePreviewURL":"https://livedemo00.template-help.com/wt_prod-19881","templateGroup":"HTML Templates","popularity":"Top Rated","nomotopress":"1","galleryScript":["Accordion","Carousel","CSS and JS","Isotope","Grid"],"dynamicChangeLog":"<ul>\n<li>- 2 CSS bugs fixed</li>\n<li>- 3 minor font issues fixed</li>\n<li>- 3 minor background bugs fixed</li>\n<li>- 1 styles issue fixed</li>\n<li>- 2 PSD layers updated</li>\n</ul>","templateIcon":"icon-bootstrap","notice":"Some of the forms included (like booking, registration, comment submission forms, etc.) may require extra scripts and/or database functionality.","types":"HTML Website Templates","isOldDemoUrl":"1","trendiness":"1","bitLyUrl":"http://bit.ly/2svtaxI","webForms":["Contact Form","Newsletter Subscription","Search Form"],"loyaltySells":"1","width":"1920px","skupromo":"40%","marketplaceMembership":"One","category":"Website templates","dqi":"00"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Mon, 06 May 2024 20:37:25 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=62125&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=62125&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=62125&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Mon, 06 May 2024 20:42:25 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_prod-19881<!DOCTYPE html>
<html lang="en">
<head>
    <title>#62125 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/62125.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 #62125            </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=62125&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $56                <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>