string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=341432&expand=properties"
string(10860) "[{"templateId":341432,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":104,"categoryName":"Artist Portfolio Templates","templateTitle":"Artist Portfolio Responsive Website Template","templatePreviewHtmlTitle":"NetGrid - NextJS Portfolio Template #341432 - TemplateMonster","templateDemoHtmlTitle":"Live preview for NetGrid - NextJS Portfolio Template #341432","typeShortName":"Website","templatePreviewFBTitle":"<p><strong>NetGrid </strong>is a truly Unique, Modern, Beautiful, and Responsive Portfolio & Agency Nextjs Template. It's built by <strong>tailwind CSS</strong> and the latest <strong>NEXT JS 13</strong>. It is suitable for all kinds of Business Websites, startups, Corporate agencies, Creative agencies, SEO Service Websites, IT Services, Minimal, Portfolio, professional base, or Blog Websites. This design is very creative and unique, and also very easy to customize and use furthermore.</p><p>It will show your substance pleasantly on Work Desktops, Laptops, iPad, iPhones, Android Mobile, or tablets. This is exceptionally adjustable and looks amazing in present-day <strong>Nextjs 13</strong> format. We have included prescribed procedures for web improvement - you can make an incredible site format.</p><h3>Full Features</h3><p><br></p><ul><li>Build on NextJS (13.4.6)</li><li>1 Home Page Variations</li><li>1 About Page Variations</li><li>1 Service Page Variations</li><li>1 Blog Page Variations</li><li>1 Portfolio Page Variations</li><li>1 Single Blog Page Variations</li><li>1 Contact Page Variations</li><li>Build with Tailwind CSS (3.2.4)</li><li>Using React Icons</li><li>Google font include</li><li>Fully Responsive Design</li><li>Clean Code</li><li>W3C Validated Code</li><li>Cross Browser Support</li><li>Well Documented</li><li>No console error</li></ul><p><br></p><h3>Nextjs Features</h3><p><br></p><ul><li>JSX</li><li>Components</li><li>Virtual DOM</li><li>Simplicity</li><li>Performance</li></ul><h3>In the purchase package Box</h3><ul><li>Full source code of the template</li><li>All Nextjs component files</li><li>Supporting CSS files</li><li>All plugins & libraries</li><li>Proper Documentation</li></ul><h3>Sources & Credits</h3><ul><li>Photo by Shutterstock & Unsplash</li></ul><h3>SUPPORTS</h3><p>Need support? We are always here to help you without any hesitation. We try to answer all questions within one business day.</p><h3>Note</h3><p>The images used in the demo, even though they are samples, are not included in the downloadable file. All images are replaced with placeholders.</p><p>Please note that this is a Next.js template and not a WordPress or any other CMS theme.</p>","templateFullTitle":"NetGrid - NextJS Portfolio Template","templatePreviewMetaDescription":"NetGrid is a truly Unique, Modern, Beautiful, and Responsive Portfolio & Agency Nextjs Template. It's built by tailwind CSS and the latest NEXT JS 13. It is","templateDemoMetaDescription":"Before you decide to buy it, get the feel and look of the professional NetGrid - NextJS Portfolio Template Website Template (#341432) by experiencing the live preview. Go through the pages, check out the images, click the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"NetGrid - NextJS Portfolio Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/netgrid-nextjs-portfolio-template-341432.html","userRating":0,"designIndex":1,"authorUserId":"78165087","exclusive":"1","state":1,"price":24,"inserted_date":"2023-06-30","sent":0,"downloads":2,"search_words":"agency company clean business modern personal photographer photography portfolio minimal fashion creative corporate responsive tailwind nextjs reactjs models","is_adult":0,"exc_price":2100,"sent_date":"2023-06-30 12:20:24","last_upload":"2023-06-30 12:26:58","package_id":295,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":334,"filename":"341432-original.png","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":341432,"width":800,"window_params":"","banner_url":"","id":3133909,"href":"","height":500},{"scr_type_id":311,"filename":"341432-big.png","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":341432,"width":800,"window_params":"","banner_url":"","id":3133910,"href":"","height":500},{"scr_type_id":312,"filename":"341432-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":341432,"width":370,"window_params":"","banner_url":"","id":3133911,"href":"","height":370},{"scr_type_id":9,"filename":"341432-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":341432,"width":145,"window_params":"","banner_url":"","id":3133912,"href":"","height":156},{"scr_type_id":57,"filename":"341432-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":341432,"width":430,"window_params":"","banner_url":"","id":3133913,"href":"","height":269}],"demoUrl":"/demo/341432.html","image":"https://s.tmimgcdn.com/scr/341400/netgrid-nextjs-portfolio-template_341432-original.png","searchHash":"df9ceb06d56770bb3f49f05f1b0524d9","previewHash":"c2165eef265f77343f005792842d85ed","authorNickname":"themesoft69","lowLevelTopic":"Artist Portfolio Templates; Photographer Portfolio Templates; Model Portfolio Templates; Designer Portfolio Templates","weightedRating":null,"annualSale":2,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":24,"discountPercent":0,"discountAmount":0,"semiannualSales":1,"properties":{"productFamily":"None","color":["black","white","cyan"],"followUpLetter":"website-template-offers","frameworks":["Node.js v18.x","React.js v18.x"],"generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"productSize":"2141772","uniqueKeywords":"agency,company,clean,business,modern,personal,photographer,photography,portfolio,minimal,fashion,creative,corporate,responsive,tailwind,nextjs,reactjs,models","templateSupportOptions":"[]","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"NetGrid is a truly Unique, Modern, Beautiful, and Responsive Portfolio & Agency Nextjs Template. It's built by tailwind CSS and the latest NEXT JS 13. It is","isLastAdded":"1","features":["Responsive","Search Engine Friendly","Light Template","Performance Optimization","Blog","Portfolio"],"saleSells":"1","livePreviewURL":"https://netgrid-nextjs.vercel.app","authorUserId":"78165087","isFree":"none","authorMainScreenshot":"https://s3u.tmimgcdn.com/u78165087/939f33b22bb6a316b4b75a50371ba209.png","templateGroup":"HTML Templates","hELPURL":"/quick-start-guide/website-template/","alreadyPacked":"1","exclusive":"1","imagesIncluded":"No","webServerCompatibility":["Apache 2.4","Nginx 1.2x"],"templateIcon":"icon-monster_dark","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u78165087/61146c8cc3887bfb1275e3db0eb5afe7.png, https://s3u.tmimgcdn.com/u78165087/1e8cbe17f30b9a691d4cc4cfa294ab54.png, https://s3u.tmimgcdn.com/u78165087/68ffd5a8ec532a744c84dd5d1a8b29c5.png, https://s3u.tmimgcdn.com/u78165087/4f3020289241f9b5227d72c8c42a6e54.png, https://s3u.tmimgcdn.com/u78165087/d7612b174d9fda8ba8aeab4e0739e866.png, https://s3u.tmimgcdn.com/u78165087/9948808d078e453de63b9bf590ccd3a8.png, https://s3u.tmimgcdn.com/u78165087/b2e24f7d56f9e7a160113206a1651db5.png","types":"HTML Website Templates","trendiness":"1","demoMetaDescription":"Before you decide to buy it, get the feel and look of the professional NetGrid - NextJS Portfolio Template Website Template (#341432) by experiencing the live preview. Go through the pages, check out the images, click the buttons, explore the functionality.","shortDescription":"<p><strong>NetGrid </strong>is a truly Unique, Modern, Beautiful, and Responsive Portfolio & Agency Nextjs Template. It's built by <strong>tailwind CSS</strong> and the latest <strong>NEXT JS 13</strong>. It is suitable for all kinds of Business Websites, startups, Corporate agencies, Creative agencies, SEO Service Websites, IT Services, Minimal, Portfolio, professional base, or Blog Websites. This design is very creative and unique, and also very easy to customize and use furthermore.</p><p>It will show your substance pleasantly on Work Desktops, Laptops, iPad, iPhones, Android Mobile, or tablets. This is exceptionally adjustable and looks amazing in present-day <strong>Nextjs 13</strong> format. We have included prescribed procedures for web improvement - you can make an incredible site format.</p><h3>Full Features</h3><p><br></p><ul><li>Build on NextJS (13.4.6)</li><li>1 Home Page Variations</li><li>1 About Page Variations</li><li>1 Service Page Variations</li><li>1 Blog Page Variations</li><li>1 Portfolio Page Variations</li><li>1 Single Blog Page Variations</li><li>1 Contact Page Variations</li><li>Build with Tailwind CSS (3.2.4)</li><li>Using React Icons</li><li>Google font include</li><li>Fully Responsive Design</li><li>Clean Code</li><li>W3C Validated Code</li><li>Cross Browser Support</li><li>Well Documented</li><li>No console error</li></ul><p><br></p><h3>Nextjs Features</h3><p><br></p><ul><li>JSX</li><li>Components</li><li>Virtual DOM</li><li>Simplicity</li><li>Performance</li></ul><h3>In the purchase package Box</h3><ul><li>Full source code of the template</li><li>All Nextjs component files</li><li>Supporting CSS files</li><li>All plugins & libraries</li><li>Proper Documentation</li></ul><h3>Sources & Credits</h3><ul><li>Photo by Shutterstock & Unsplash</li></ul><h3>SUPPORTS</h3><p>Need support? We are always here to help you without any hesitation. We try to answer all questions within one business day.</p><h3>Note</h3><p>The images used in the demo, even though they are samples, are not included in the downloadable file. All images are replaced with placeholders.</p><p>Please note that this is a Next.js template and not a WordPress or any other CMS theme.</p>","tags":["agency","business","clean","company","corporate","creative","fashion","minimal","models","modern","personal","photographer","photography","portfolio","responsive","reactjs","tailwind","nextjs"],"customUrl":"/website-templates/netgrid-nextjs-portfolio-template-341432.html","nameOfTheTemplate":"NetGrid - NextJS Portfolio Template","paidSupport":"Yes","topic":["Art Templates","Artist Portfolio Templates","Photography Templates","Photographer Portfolio Templates","Model Portfolio Templates","Fashion Templates","Design","Designer Portfolio Templates","Art & Culture","Design & Photography","Fashion & Beauty"],"marketplaceMembership":"None","excerpt":"NetGrid is a truly Unique, Modern, Beautiful and Responsive Portfolio &amp; Agency Nextjs Template built by tailwind CSS and the latest NEXT JS 13","advImage":"https://s3u.tmimgcdn.com/u78165087/1ac82fbe1b0b845d5f47955cefc27177.png","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: Mon, 29 Apr 2024 08:28:43 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=341432&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=341432&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=341432&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Mon, 29 Apr 2024 08:33:43 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://netgrid-nextjs.vercel.app<!DOCTYPE html>
<html lang="en">
<head>
    <title>#341432 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/341432.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 #341432            </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=341432&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $22                <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>