string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=397133&expand=properties"
string(14836) "[{"templateId":397133,"typeId":86,"typeName":"Admin Template","typeUrl":"admin-templates","categoryId":138,"categoryName":"IT Templates","templateTitle":"IT Responsive Admin Template","templatePreviewHtmlTitle":"LaSaaS - A Laravel-based Boilerplate to start your SaaS business","templateDemoHtmlTitle":"Live demo for LaSaaS - A Laravel-based Boilerplate to start your SaaS business #397133","typeShortName":"Admin","templatePreviewFBTitle":"<p>Start your own SaaS business in minutes, using LaSaaS, our <strong>Laravel-based SaaS Boilerplate theme</strong>!</p><p>LaSaaS uses <strong>Stripe</strong> for authentication/checkout, <strong>Resend</strong> for email communications and <strong>Laravel</strong> for the backend operations. It is built using <strong>TwailwindCSS</strong> and <strong>Livewire 3</strong>, making frontend changes <strong>a really easy game, as 1-2-3</strong>. Using our built-in <strong>automated installer</strong>, will help you have it set up <strong>in minutes</strong>!</p><p>Revolutionize your SaaS business with our SaaS boilerplate theme, <strong>where the power of Laravel meets the simplicity of clean, SEO-wise and customizable design</strong>. Unleash the potential of your online presence and start making sales for your SaaS service, effortlessly</p><p><br /></p><h2> <strong>Up to date technologies</strong></h2><p>Our SaaS Theme is built using <strong>Laravel 10, inheriting its requirements (PHP =8.1 etc)</strong>. This ensures that you're equipped with the cutting-edge features and enhancements, providing a solid framework for your salespage. Laravel's <strong>maturity, scalability, and cost-effectiveness</strong> lay the foundation for a seamless and high-performance sales experience. By choosing our theme, you tap into the potential of a technology stack that not only facilitates easy hosting but also accelerates your journey from inception to that crucial first sale.</p><p><br /></p><h2> <strong>More than flexible</strong></h2><p>Flexibility is at the core of our SaaS Theme boilerplates. They can be hosted even on <strong>shared hosting</strong> with minimul resource requirements!</p><p><br /></p><p>Whether you're a seasoned developer or just starting out, the boilerplates are designed to be easily hackable, ensuring that you can effortlessly mold the theme to align with your vision. You can <strong>extend</strong> its basic Auth and Plan management backend system and/or <strong>create your own backend views</strong>. <strong>Tailwind CSS</strong> is seamlessly integrated, allowing you to customize and tailor the theme to meet your unique branding and functional requirements.</p><p><br /></p><h2> <strong>Clean and SEO ready</strong></h2><p>Our SaaS theme offers a <strong>SEO optimized</strong> salespage that embodies great techniques, elegant design, with only the essential elements included.</p><p><br /></p><p>This approach stems from our own experience, using the same boilerplate code to host successful online projects that are already raking in sales.</p><p><br /></p><h2> <strong>User-Friendly Documentation</strong></h2><p>We provide detailed guides to help you navigate the setup, and customization process, ensuring a smooth and efficient experience from concept to conversion. Our support team <strong>will be always around</strong>, just in case you need assistance!</p><p><br /></p><h2> <strong>Why Choose LaSaaS Boilerplate?</strong></h2><p>Our SaaS Boilerplate is based on Laravel, a well-established infrastructure known for its high scalability and cost-effectiveness. Hosting and initiating projects on Laravel are remarkably straightforward, facilitating a quick start and, most importantly, enabling you to make your initial sales efficiently. Opting for our boilerplate <strong>not only ensures savings on third-party fees but also provides user-friendly documentation for a swift and seamless launch</strong>!</p><p><br /></p><h2> <strong>Can LaSaaS Be Customized?</strong></h2><p>Yes! It offers complete customization freedom according to your requirements and it is designed for easy, flexible modifications. Its codebase is clear and minimal, ensuring that only essential elements are integrated. This results in some of the cleanest boilerplate code, <strong>a foundation we use ourselves for successfully hosting online projects that have already begun generating sales</strong>.</p>","templateFullTitle":"LaSaaS - A Laravel-based Boilerplate to start your SaaS business","templatePreviewMetaDescription":"Start your own SaaS business in minutes, using LaSaaS, our Laravel-based SaaS Boilerplate theme!LaSaaS uses Stripe for authentication/checkout, Resend for","templateDemoMetaDescription":"The live preview for this high quality LaSaaS - A Laravel-based Boilerplate to start your SaaS business Admin Template (#397133) is presented here for you to get yourself familiar with the template before you purchase it. View the pages, check the images, press the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"LaSaaS - A Laravel-based Boilerplate to start your SaaS business","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/admin-templates/lasaas-a-laravel-based-boilerplate-to-start-your-saas-business-397133.html","userRating":0,"designIndex":1,"authorUserId":"78394168","exclusive":"1","state":1,"price":39,"inserted_date":"2024-02-26","sent":0,"downloads":0,"search_words":"admin saas bootstrap vue laravel stripe saas business software admin panel crm admin dashboard analytics dashboard admin theme bootstrap admin twailwindcss trending complete saas saas platform admin template","is_adult":0,"exc_price":2100,"sent_date":"2024-02-26 13:26:26","last_upload":"2024-02-26 13:36:58","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":3412258,"templ_id":397133,"filename":"397133-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":3412259,"templ_id":397133,"filename":"397133-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":3412260,"templ_id":397133,"filename":"397133-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":3412261,"templ_id":397133,"filename":"397133-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":3412262,"templ_id":397133,"filename":"397133-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/397133.html","image":"https://s.tmimgcdn.com/scr/397100/lasaas-a-laravel-based-boilerplate-to-start-your-saas-business_397133-original.png","searchHash":"3d6fa1445e86c193809b702eab73b9cc","previewHash":"b358b95735b4e03723128bb8fb478178","authorNickname":"eightweb","lowLevelTopic":"IT Templates; Food & Drink Templates; Software Templates; Business Audit","weightedRating":null,"annualSale":null,"monthlySales":null,"quarterlySales":null,"productBoost":0,"onSale":1,"finalPrice":27,"discountPercent":30,"discountAmount":12,"semiannualSales":null,"properties":{"features":["Responsive","Bootstrap","Multipurpose","eCommerce","Online Store/Shop","One Page Templates","HTML 5","JQuery","Lazy Load effect","Website Builder"],"styles":["Clean","Corporate","Minimalist","Geometric","Web2.0","Mobile","Flat","Material Design"],"isLastAdded":"1","popularity":"Zero Downloads","topic":["IT Templates","Food & Drink Templates","Software Templates","Business & Services","Computers & Internet","Food & Restaurant","Business Audit"],"isFree":"none","color":["white","purple","blue"],"showVariantForcibly":"b","exclusive":"1","alreadyPacked":"1","marketplaceMembership":"One","imagesIncluded":"Yes","tags":["admin","analytics","bootstrap","dashboard","software","stripe","trending","saas","admin panel","laravel","crm","admin dashboard","admin template","bootstrap admin","vue","saas business","admin theme","twailwindcss","complete saas","saas platform"],"paidSupport":"Yes","webServerCompatibility":["Apache 2.4","Nginx 1.2x"],"pHPVersionCompatibility":["8.1","8.2"],"databaseServerCompatibility":["MySQL 8.0","MariaDB 10"],"generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"frameworks":"Laravel v10.x","authorUserId":"78394168","excerpt":"<p>Start <strong>your own SaaS business</strong> <strong>in minutes</strong>, with our <strong>Laravel-based SaaS Boilerplate theme</strong> based on Stripe, Resend and Laravel for the backend operations, in minutes!</p>","nameOfTheTemplate":"LaSaaS - A Laravel-based Boilerplate to start your SaaS business","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u78394168/a306c67a2216b11fa2fe84400aa1b9ae.png, https://s3u.tmimgcdn.com/u78394168/3960d7a7112a539b268ece29ca70ee05.png, https://s3u.tmimgcdn.com/u78394168/027335c00282f9c38eb5fc22b776cb82.png, https://s3u.tmimgcdn.com/u78394168/876d379bc7ac7970f74b27c8d15016ca.png, https://s3u.tmimgcdn.com/u78394168/ee37aa2c05efc2053631271a6294f711.png","shortDescription":"<p>Start your own SaaS business in minutes, using LaSaaS, our <strong>Laravel-based SaaS Boilerplate theme</strong>!</p><p>LaSaaS uses <strong>Stripe</strong> for authentication/checkout, <strong>Resend</strong> for email communications and <strong>Laravel</strong> for the backend operations. It is built using <strong>TwailwindCSS</strong> and <strong>Livewire 3</strong>, making frontend changes <strong>a really easy game, as 1-2-3</strong>. Using our built-in <strong>automated installer</strong>, will help you have it set up <strong>in minutes</strong>!</p><p>Revolutionize your SaaS business with our SaaS boilerplate theme, <strong>where the power of Laravel meets the simplicity of clean, SEO-wise and customizable design</strong>. Unleash the potential of your online presence and start making sales for your SaaS service, effortlessly</p><p><br /></p><h2> <strong>Up to date technologies</strong></h2><p>Our SaaS Theme is built using <strong>Laravel 10, inheriting its requirements (PHP =8.1 etc)</strong>. This ensures that you're equipped with the cutting-edge features and enhancements, providing a solid framework for your salespage. Laravel's <strong>maturity, scalability, and cost-effectiveness</strong> lay the foundation for a seamless and high-performance sales experience. By choosing our theme, you tap into the potential of a technology stack that not only facilitates easy hosting but also accelerates your journey from inception to that crucial first sale.</p><p><br /></p><h2> <strong>More than flexible</strong></h2><p>Flexibility is at the core of our SaaS Theme boilerplates. They can be hosted even on <strong>shared hosting</strong> with minimul resource requirements!</p><p><br /></p><p>Whether you're a seasoned developer or just starting out, the boilerplates are designed to be easily hackable, ensuring that you can effortlessly mold the theme to align with your vision. You can <strong>extend</strong> its basic Auth and Plan management backend system and/or <strong>create your own backend views</strong>. <strong>Tailwind CSS</strong> is seamlessly integrated, allowing you to customize and tailor the theme to meet your unique branding and functional requirements.</p><p><br /></p><h2> <strong>Clean and SEO ready</strong></h2><p>Our SaaS theme offers a <strong>SEO optimized</strong> salespage that embodies great techniques, elegant design, with only the essential elements included.</p><p><br /></p><p>This approach stems from our own experience, using the same boilerplate code to host successful online projects that are already raking in sales.</p><p><br /></p><h2> <strong>User-Friendly Documentation</strong></h2><p>We provide detailed guides to help you navigate the setup, and customization process, ensuring a smooth and efficient experience from concept to conversion. Our support team <strong>will be always around</strong>, just in case you need assistance!</p><p><br /></p><h2> <strong>Why Choose LaSaaS Boilerplate?</strong></h2><p>Our SaaS Boilerplate is based on Laravel, a well-established infrastructure known for its high scalability and cost-effectiveness. Hosting and initiating projects on Laravel are remarkably straightforward, facilitating a quick start and, most importantly, enabling you to make your initial sales efficiently. Opting for our boilerplate <strong>not only ensures savings on third-party fees but also provides user-friendly documentation for a swift and seamless launch</strong>!</p><p><br /></p><h2> <strong>Can LaSaaS Be Customized?</strong></h2><p>Yes! It offers complete customization freedom according to your requirements and it is designed for easy, flexible modifications. Its codebase is clear and minimal, ensuring that only essential elements are integrated. This results in some of the cleanest boilerplate code, <strong>a foundation we use ourselves for successfully hosting online projects that have already begun generating sales</strong>.</p>","uniqueKeywords":"admin,saas,bootstrap,vue,laravel,stripe,saas business,software,admin panel,crm,admin dashboard,analytics,dashboard,admin theme,bootstrap admin,twailwindcss,trending,complete saas,saas platform,admin template","advImage":"https://s3u.tmimgcdn.com/u78394168/a7f11b212d7f88215f2460236758a6c3.png","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u78394168/dc71853021c74d4f05480021f2471ce7.png","imageKeyFeatures":"https://s3u.tmimgcdn.com/u78394168/e0de0d30866f9ba4e14ab1cbcf9cb475.png","livePreviewURL":"https://lasaas.eightweb.co.uk/","metaDescription":"Start your own SaaS business in minutes, using LaSaaS, our Laravel-based SaaS Boilerplate theme!LaSaaS uses Stripe for authentication/checkout, Resend for","saleSells":"1","templateSupportOptions":"[]","demoMetaDescription":"The live preview for this high quality LaSaaS - A Laravel-based Boilerplate to start your SaaS business Admin Template (#397133) is presented here for you to get yourself familiar with the template before you purchase it. View the pages, check the images, press the buttons, explore the functionality.","customUrl":"/admin-templates/lasaas-a-laravel-based-boilerplate-to-start-your-saas-business-397133.html","productSize":"37407762","trendiness":"8","types":"Admin Templates","templateIcon":"icon-admin","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: Thu, 21 Nov 2024 14:43:35 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=397133&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=397133&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=397133&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Thu, 21 Nov 2024 14:48:35 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://lasaas.eightweb.co.uk/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#397133 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/397133.html">
    <link rel="stylesheet" type="text/css" href="/themes/theme-2018-v03-en/css/normalize.css"/>
    <link rel="stylesheet" type="text/css" href="/themes/theme-2018-v03-en/css/bootstrap.css"/>
    <link rel="stylesheet" type="text/css" href="/themes/theme-2018-v03-en/css/styles.css"/>
    <link rel="stylesheet" type="text/css" href="/themes/theme-2018-v03-en/css/demo.css"/>
    <link rel="stylesheet" type="text/css" href="/themes/theme-2018-v03-en/css/jquery.fancybox.css" />
    <link rel="icon" type="image/png" href="/themes/theme-2018-v03-en/images/favicon.png"/>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
    <script type="text/javascript" src="/themes/theme-2018-v03-en/js/jquery.form.js"></script>
    <script type="text/javascript" src="/themes/theme-2018-v03-en/js/jquery.validate.js"></script>
    <script type="text/javascript" src="/themes/theme-2018-v03-en/js/jquery.fancybox.js"></script>
    <script type="text/javascript" src="/themes/theme-2018-v03-en/js/demo-main.js"></script>
    <link rel="stylesheet" type="text/css" href="/themes/theme-2018-v03-en/css/fontello-embedded.css"/>
    <script charset="utf-8">
        //TODO: some strange value
        var min_height = 600;
        $(function () {
            resizeFrame();
        });
        function resizeFrame() {
            if (0 == 0
        )
            return false;
            var main_iframe = $('#preview');
            var height = $(window).height() - $('#preview-bar:visible').outerHeight();
            /* if ($.browser.opera)
                height += 5; */
            if (height < min_height)
                height = min_height;
            $('#preview').height(height);
            $('#iframelive').height(height);
            if ($(window).width() < 1400)
                $('#min-hide-this').hide();
            else
                $('#min-hide-this').show();
        }
        $(window).resize(function () {
            resizeFrame();
        }).load(function () {
            resizeFrame();
        });
        $(document).ready(function(){
            $('#close').click(function(e){
                e.preventDefault();
                $('#preview-bar').hide();
            });
        })
    </script>
    <script type="text/javascript">
        window.su = 'https://rms.templates.com/';
    </script>
    

    <script>
    $(function () {

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

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

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

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

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

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

}

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

}

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

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

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

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

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


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

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

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

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


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

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


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


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


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

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

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

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

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




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



</head>
<body id="fullscreen-preview">
    <div id="preview-bar">
        <ul id="bar-inner">
            <li class="tm-logo block">
                <a href="https://rms.templates.com/">
                    <img src="/themes/theme-2018-v03-en/images/Logo_white.png" alt="">
                </a>
            </li>
            <li class="block inner info">
                Admin Templates #397133            </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=397133&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $36                <span>
                        </a></li>
                        <a href="#" id="close">Close</a>
        </ul>
    </div>
    <!--<div id="iframelive" class="no-responsive">-->
    <div id="showframe">

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

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