string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=371719&expand=properties"
string(13789) "[{"templateId":371719,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":124,"categoryName":"Publishing Company Templates","templateTitle":"Publishing Company Responsive Website Template","templatePreviewHtmlTitle":"Edul - LMS &amp; e-Learning Platform HTML Template + RTL Supported","templateDemoHtmlTitle":"Demo Preview for Edul - LMS &amp; e-Learning Platform HTML Template + RTL Supported #371719","typeShortName":"Website","templatePreviewFBTitle":"<p>Certainly! An LMS (Learning Management System) and e-Learning Platform website is designed to facilitate online learning and training. Here's a description for such a website:</p><p>Title: Edul - LMS &amp; e-Learning Platform HTML Template + RTL Supported</p><p>Introduction:</p><p>Welcome to LearnHub, your premier destination for seamless online learning and professional development. We understand that the modern world demands flexible and accessible education, and that's why we've created a cutting-edge Learning Management System (LMS) and e-Learning Platform that brings education to your fingertips.</p><p>Key Features:</p><ol><li>Intuitive User Interface:</li><li>Our user-friendly interface ensures a smooth and intuitive learning experience for students, instructors, and administrators alike. Navigating through courses, resources, and assessments has never been easier.</li><li>Diverse Course Catalog:</li><li>Explore a vast and diverse catalog of courses covering everything from academic subjects to professional development and specialized skills. Whether you're a student looking to enhance your knowledge or a professional aiming to upskill, LearnHub has the right course for you.</li><li>Interactive Multimedia Content:</li><li>Engage with dynamic and interactive multimedia content. Our platform supports a variety of content formats, including videos, quizzes, interactive assignments, and live webinars, to cater to different learning styles.</li><li>Personalized Learning Paths:</li><li>Tailor your learning journey with personalized learning paths. Our adaptive technology assesses your strengths and weaknesses, recommending specific modules and activities to help you achieve your learning goals efficiently.</li><li>Collaborative Learning Tools:</li><li>Foster collaboration and communication with built-in tools like discussion forums, group projects, and live chat. Connect with instructors and fellow learners to exchange ideas, seek clarification, and build a vibrant learning community.</li><li>Assessment and Progress Tracking:</li><li>Keep track of your progress through robust assessment tools. Regular quizzes, assignments, and assessments ensure that you grasp the concepts thoroughly. Instructors can monitor student performance and provide timely feedback.</li><li>Certification and Recognition:</li><li>Receive certificates upon course completion, recognized and valued in the professional world. Showcase your achievements and skills to prospective employers, making your online learning experience not just enriching but also rewarding.</li><li>24/7 Accessibility:</li><li>Learn at your own pace, anytime, anywhere. Our platform is accessible 24/7, allowing you to balance your education with other commitments and create a learning schedule that fits your lifestyle.</li><li>Secure and Scalable:</li><li>Rest easy knowing that your data is secure with state-of-the-art encryption. Our platform is scalable, ensuring a seamless experience whether you're a small educational institution, a large corporation, or an individual learner.</li></ol><p>Join LearnHub today and embark on a journey of knowledge, growth, and success! Education reimagined for the digital age.</p>","templateFullTitle":"Edul - LMS &amp; e-Learning Platform HTML Template + RTL Supported","templatePreviewMetaDescription":"Certainly! An LMS (Learning Management System) and e-Learning Platform website is designed to facilitate online learning and training. Here's a description for","templateDemoMetaDescription":"Before you decide to buy it, get yourself acquainted with the professional Edul - LMS &amp; e-Learning Platform HTML Template + RTL Supported Website Template (#371719) by experiencing the live preview. Click through the pages, examine the images, press the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Edul - LMS &amp; e-Learning Platform HTML Template + RTL Supported","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/edul-lms-amp-e-learning-platform-html-template-rtl-supported-371719.html","userRating":0,"designIndex":1,"authorUserId":"78177107","exclusive":"1","state":1,"price":18,"inserted_date":"2023-11-16","sent":0,"downloads":5,"search_words":"author book books college community education events knowledge library online school student study university writer information","is_adult":0,"exc_price":2100,"sent_date":"2023-11-16 12:09:06","last_upload":"2023-11-16 12:09:55","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":3285319,"templ_id":371719,"filename":"371719-original.jpg","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3285320,"templ_id":371719,"filename":"371719-big.jpg","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3285321,"templ_id":371719,"filename":"371719-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":3285322,"templ_id":371719,"filename":"371719-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":3285323,"templ_id":371719,"filename":"371719-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/371719.html","image":"https://s.tmimgcdn.com/scr/371700/edul-lms-amp-e-learning-platform-html-template-rtl-supported_371719-original.jpg","searchHash":"fb835d731919937b186eef9c80a933e3","previewHash":"ca32dd7a2d46c40efb1f68c1aa62154c","authorNickname":"CoderDeves","lowLevelTopic":"Publishing Company Templates; Book Reviews Templates; Library Templates; Science Templates; Primary School Templates; Elementary School; Writer and Author; Private Teacher; Med School; Comic Store","weightedRating":null,"annualSale":5,"monthlySales":1,"quarterlySales":1,"productBoost":0,"onSale":0,"finalPrice":16,"discountPercent":0,"discountAmount":0,"semiannualSales":2,"properties":{"features":["Premium","Responsive","Pro","Search Engine Friendly","Bootstrap","Retina Ready","Mobile Layout Included","Multipurpose","Right to left language support","Events Calendar","Team Members","Accelerated Mobile Pages (AMP)","Light Template","Single Product","Dropshipping","eCommerce","Dropdown Menu","Google map","Sample content","Tabs","Blog","Online Store/Shop","Gallery","Forum","HTML 5","JQuery","Completely JS","HTML plus JS","Static"],"styles":["Clean","Corporate","Neutral","Collage","Mobile"],"isLastAdded":"1","topic":["Books","Publishing Company Templates","Book Reviews Templates","Library Templates","Education Templates","Science Templates","Primary School Templates","Education & Books","Elementary School","Writer and Author","Private Teacher","Med School","Comic Store"],"isFree":"none","color":["white","green"],"showVariantForcibly":"b","exclusive":"1","alreadyPacked":"1","marketplaceMembership":"One","imagesIncluded":"No","tags":["author","book","books","college","community","education","events","information","knowledge","library","online","school","student","study","university","writer"],"paidSupport":"Yes","webServerCompatibility":"Apache 2.4","databaseServerCompatibility":["MySQL 8.0","MySQL 5.7"],"designSoftware":["Figma","Google Web Designer"],"generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"bootstrapVersion":"5.3.x","authorUserId":"78177107","frameworks":"None","excerpt":"<p>By combining the functionalities of an LMS with the broader capabilities of an e-Learning Platform, organizations can create a comprehensive digital learning environment that meets the needs.</p>","nameOfTheTemplate":"Edul - LMS &amp; e-Learning Platform HTML Template + RTL Supported","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u78177107/0519309de6114f1d757ef4045087c9c8.jpg, https://s3u.tmimgcdn.com/u78177107/b5f7a15bc5dac7869efe0782fb169134.jpg, https://s3u.tmimgcdn.com/u78177107/7d60476173ab9f32076b11dec0b78c58.jpg, https://s3u.tmimgcdn.com/u78177107/488b991833b9c8d04dc29a1632741c30.jpg, https://s3u.tmimgcdn.com/u78177107/a1287e5d69880f3da3ddbc5e881f8da2.jpg, https://s3u.tmimgcdn.com/u78177107/56f83701fbb1301521931606de4268c6.jpg","shortDescription":"<p>Certainly! An LMS (Learning Management System) and e-Learning Platform website is designed to facilitate online learning and training. Here's a description for such a website:</p><p>Title: Edul - LMS &amp; e-Learning Platform HTML Template + RTL Supported</p><p>Introduction:</p><p>Welcome to LearnHub, your premier destination for seamless online learning and professional development. We understand that the modern world demands flexible and accessible education, and that's why we've created a cutting-edge Learning Management System (LMS) and e-Learning Platform that brings education to your fingertips.</p><p>Key Features:</p><ol><li>Intuitive User Interface:</li><li>Our user-friendly interface ensures a smooth and intuitive learning experience for students, instructors, and administrators alike. Navigating through courses, resources, and assessments has never been easier.</li><li>Diverse Course Catalog:</li><li>Explore a vast and diverse catalog of courses covering everything from academic subjects to professional development and specialized skills. Whether you're a student looking to enhance your knowledge or a professional aiming to upskill, LearnHub has the right course for you.</li><li>Interactive Multimedia Content:</li><li>Engage with dynamic and interactive multimedia content. Our platform supports a variety of content formats, including videos, quizzes, interactive assignments, and live webinars, to cater to different learning styles.</li><li>Personalized Learning Paths:</li><li>Tailor your learning journey with personalized learning paths. Our adaptive technology assesses your strengths and weaknesses, recommending specific modules and activities to help you achieve your learning goals efficiently.</li><li>Collaborative Learning Tools:</li><li>Foster collaboration and communication with built-in tools like discussion forums, group projects, and live chat. Connect with instructors and fellow learners to exchange ideas, seek clarification, and build a vibrant learning community.</li><li>Assessment and Progress Tracking:</li><li>Keep track of your progress through robust assessment tools. Regular quizzes, assignments, and assessments ensure that you grasp the concepts thoroughly. Instructors can monitor student performance and provide timely feedback.</li><li>Certification and Recognition:</li><li>Receive certificates upon course completion, recognized and valued in the professional world. Showcase your achievements and skills to prospective employers, making your online learning experience not just enriching but also rewarding.</li><li>24/7 Accessibility:</li><li>Learn at your own pace, anytime, anywhere. Our platform is accessible 24/7, allowing you to balance your education with other commitments and create a learning schedule that fits your lifestyle.</li><li>Secure and Scalable:</li><li>Rest easy knowing that your data is secure with state-of-the-art encryption. Our platform is scalable, ensuring a seamless experience whether you're a small educational institution, a large corporation, or an individual learner.</li></ol><p>Join LearnHub today and embark on a journey of knowledge, growth, and success! Education reimagined for the digital age.</p>","uniqueKeywords":"author,book,books,college,community,education,events,knowledge,library,online,school,student,study,university,writer,information","advImage":"https://s3u.tmimgcdn.com/u78177107/8b2c23281ee2627bc19c0cf5698b6ad5.jpg","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u78177107/9f54f96ad8a1722b5ef66f15d1b8fec9.jpg","imageKeyFeatures":"https://s3u.tmimgcdn.com/u78177107/979adcbf9bb6f4949ff626fd0f8cf76a.jpg, https://s3u.tmimgcdn.com/u78177107/a6f462e3bc79a25745cbd6a8ab7e55db.jpg","livePreviewURL":"https://croptheme.com/tm/edul/edul-ltr/index.html","metaDescription":"Certainly! An LMS (Learning Management System) and e-Learning Platform website is designed to facilitate online learning and training. Here's a description for","saleSells":"1","templateSupportOptions":"[]","demoMetaDescription":"Before you decide to buy it, get yourself acquainted with the professional Edul - LMS &amp; e-Learning Platform HTML Template + RTL Supported Website Template (#371719) by experiencing the live preview. Click through the pages, examine the images, press the buttons, explore the features.","customUrl":"/website-templates/edul-lms-amp-e-learning-platform-html-template-rtl-supported-371719.html","productSize":"18821800","trendiness":"1","types":"HTML Website Templates","templateIcon":"icon-monster_dark","hELPURL":"/quick-start-guide/website-template/","followUpLetter":"website-template-offers","productFamily":"None","templateGroup":"HTML Templates","category":"Website templates"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Tue, 31 Dec 2024 02:07:07 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=371719&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=371719&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=371719&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Tue, 31 Dec 2024 02:12:07 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://croptheme.com/tm/edul/edul-ltr/index.html<!DOCTYPE html>
<html lang="en">
<head>
    <title>#371719 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/371719.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 #371719            </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=371719&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $17                <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>