string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=374446&expand=properties"
string(15191) "[{"templateId":374446,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":179,"categoryName":"Holiday Templates","templateTitle":"Holiday Website Template","templatePreviewHtmlTitle":"Swimmer – Swimmer School HTML Template - TemplateMonster","templateDemoHtmlTitle":"Demo for Swimmer – Swimmer School HTML Template #374446","typeShortName":"Website","templatePreviewFBTitle":"<p>Swimmer is a purpose-built HTML template designed for swim schools, swimming instructors, and aquatic education centers. It offers a visually appealing and user-friendly platform for promoting swimming classes, highlighting instructors, and providing essential information for both current and potential students. Swimmer Training School HTML Template – a cutting-edge and purpose-built website template crafted for swimming academies, training centers, and water sports institutions. This template is designed to provide a seamless online experience for both prospective students and instructors, offering a visually engaging and informative platform.</p><p><strong>Key Features:</strong></p><p>1. <strong>Dynamic Homepage:</strong> The template features a dynamic homepage with a visually striking hero section, capturing the essence of swimming prowess. Use this space to showcase your school's achievements, ambiance, and commitment to fostering a love for swimming.</p><p>2. <strong>Course Catalog:</strong> Organize and present your swimming courses in a clean and intuitive format. Categorize classes based on skill levels, age groups, and training objectives. Each course comes with detailed descriptions, allowing visitors to make informed decisions about their training journey.</p><p>3. <strong>Instructor Profiles:</strong> Highlight the expertise and qualifications of your swimming instructors. Include professional bios, certifications, and perhaps testimonials from successful students. This builds trust and showcases the caliber of instructors that students will be learning from.</p><p>4. <strong>Training Facilities:</strong> Showcase your state-of-the-art training facilities, including swimming pools, locker rooms, and specialized equipment. Use high-quality images and concise descriptions to create an immersive virtual tour, giving visitors a glimpse into the environment they'll be training in.</p><p>5. <strong>Responsive Timetables:</strong> Display training schedules and timetables in an easily accessible format. The responsive design ensures that users can check class timings and availability from any device. This feature is crucial for busy individuals who are looking to fit swimming lessons into their schedules.</p><p>6. <strong>Registration and Enrollment:</strong> Streamline the enrollment process with a user-friendly registration system. Include a secure online registration form, making it convenient for potential students and their guardians to sign up for classes. Provide clear instructions on fees, payment options, and any required documentation.</p><p>7. <strong>Progress Tracking:</strong> Implement a progress tracking system that allows both students and instructors to monitor and assess performance. This feature adds a layer of accountability and motivation for students striving to improve their swimming skills.</p><p>8. <strong>Events and Competitions:</strong> Keep the swimming community engaged by promoting upcoming events and competitions. Feature details about local and national swimming competitions, and encourage participation from your students. This not only fosters a sense of community but also showcases the achievements of your school.</p><p>9. <strong>Blog Section:</strong> Share valuable insights, training tips, and news related to swimming and water sports. The blog section adds educational value to your website, positioning your school as a knowledgeable authority in the field. It also contributes to search engine optimization (SEO).</p><p>10. <strong>Contact and Support:</strong> Provide multiple contact options, including a contact form, phone number, and location map. Ensure that visitors can easily get in touch with your school for inquiries, support, or to schedule a visit.</p><p>11. <strong>Social Media Integration:</strong> Seamlessly integrate social media feeds to keep the website dynamic and interconnected with your audience. Social media platforms are powerful tools for community building and marketing.</p><p><strong>Conclusion:</strong> The Swimming Training School HTML Template is your gateway to establishing a powerful online presence for your swimming academy. With its sleek design, user-friendly features, and a focus on visual storytelling, this template empowers your school to attract new students and foster a community of passionate swimmers. Dive into the future of online representation for swimming schools with this versatile HTML template.</p><p><strong> Benefits:</strong></p><ul><li>Tailored design for swim schools, creating a positive and aquatic-themed online presence.</li><li>Responsive layout for an optimized viewing experience on all devices.</li><li>Streamlined enrollment process with integrated forms and clear information.</li></ul><p><strong>Conclusion:</strong> Swimmer – Swimmer School HTML Template serves as an effective and visually appealing platform for swim schools to showcase their offerings, engage with potential students, and provide essential information. With its practical features and aquatic design elements, it caters to the unique needs of swim schools and swimming instructors.</p>","templateFullTitle":"Swimmer – Swimmer School HTML Template","templatePreviewMetaDescription":"Swimmer is a purpose-built HTML template designed for swim schools, swimming instructors, and aquatic education centers. It offers a visually appealing and","templateDemoMetaDescription":"The live preview for this top notch Swimmer","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Swimmer – Swimmer School HTML Template","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/swimmer-swimmer-school-html-template-374446.html","userRating":0,"designIndex":1,"authorUserId":"2212441","exclusive":"1","state":1,"price":22,"inserted_date":"2023-11-28","sent":0,"downloads":0,"search_words":"bootstrap business christmas clean company event services","is_adult":0,"exc_price":2100,"sent_date":"2023-11-28 12:23:54","last_upload":"2023-11-28 12:24:31","package_id":295,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":334,"filename":"374446-original.png","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":374446,"width":965,"window_params":"","banner_url":"","id":3298954,"href":"","height":600},{"scr_type_id":311,"filename":"374446-big.png","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":374446,"width":965,"window_params":"","banner_url":"","id":3298955,"href":"","height":600},{"scr_type_id":312,"filename":"374446-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":374446,"width":370,"window_params":"","banner_url":"","id":3298956,"href":"","height":370},{"scr_type_id":9,"filename":"374446-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":374446,"width":145,"window_params":"","banner_url":"","id":3298957,"href":"","height":156},{"scr_type_id":57,"filename":"374446-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":374446,"width":430,"window_params":"","banner_url":"","id":3298958,"href":"","height":267}],"demoUrl":"/demo/374446.html","image":"https://s.tmimgcdn.com/scr/374400/swimmer-swimmer-school-html-template_374446-original.png","searchHash":"3ed2906ba5cf714e7c04394ba7a43409","previewHash":"b1d4b5c2f53f1d09ad3b52e393ee95b1","authorNickname":"Codezion","lowLevelTopic":"Holiday Templates","weightedRating":null,"annualSale":null,"monthlySales":null,"quarterlySales":null,"productBoost":0,"onSale":0,"finalPrice":22,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"productFamily":"None","color":["black","white","cyan"],"followUpLetter":"website-template-offers","frameworks":"None","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"productSize":"291980352","uniqueKeywords":"bootstrap,business,christmas,clean,company,event,services","templateSupportOptions":"[]","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"Swimmer is a purpose-built HTML template designed for swim schools, swimming instructors, and aquatic education centers. It offers a visually appealing and","isLastAdded":"1","bootstrapVersion":"4.4.x","imageKeyFeatures":"https://s3u.tmimgcdn.com/u2212441/2d58b434af403e74152e7f8fba7738b0.png","features":["Bootstrap","Dropdown Menu"],"saleSells":"1","livePreviewURL":"https://themes.codezion.com/tm/html/swimmer/","authorUserId":"2212441","isFree":"none","authorMainScreenshot":"https://s3u.tmimgcdn.com/u2212441/acb128af41681fa55c3bc87293e10358.png","templateGroup":"HTML Templates","hELPURL":"/quick-start-guide/website-template/","popularity":"Zero Downloads","alreadyPacked":"1","exclusive":"1","imagesIncluded":"No","webServerCompatibility":"Apache 2.4","templateIcon":"icon-monster_dark","types":"HTML Website Templates","trendiness":"1","demoMetaDescription":"The live preview for this top notch Swimmer ","shortDescription":"<p>Swimmer is a purpose-built HTML template designed for swim schools, swimming instructors, and aquatic education centers. It offers a visually appealing and user-friendly platform for promoting swimming classes, highlighting instructors, and providing essential information for both current and potential students. Swimmer Training School HTML Template – a cutting-edge and purpose-built website template crafted for swimming academies, training centers, and water sports institutions. This template is designed to provide a seamless online experience for both prospective students and instructors, offering a visually engaging and informative platform.</p><p><strong>Key Features:</strong></p><p>1. <strong>Dynamic Homepage:</strong> The template features a dynamic homepage with a visually striking hero section, capturing the essence of swimming prowess. Use this space to showcase your school's achievements, ambiance, and commitment to fostering a love for swimming.</p><p>2. <strong>Course Catalog:</strong> Organize and present your swimming courses in a clean and intuitive format. Categorize classes based on skill levels, age groups, and training objectives. Each course comes with detailed descriptions, allowing visitors to make informed decisions about their training journey.</p><p>3. <strong>Instructor Profiles:</strong> Highlight the expertise and qualifications of your swimming instructors. Include professional bios, certifications, and perhaps testimonials from successful students. This builds trust and showcases the caliber of instructors that students will be learning from.</p><p>4. <strong>Training Facilities:</strong> Showcase your state-of-the-art training facilities, including swimming pools, locker rooms, and specialized equipment. Use high-quality images and concise descriptions to create an immersive virtual tour, giving visitors a glimpse into the environment they'll be training in.</p><p>5. <strong>Responsive Timetables:</strong> Display training schedules and timetables in an easily accessible format. The responsive design ensures that users can check class timings and availability from any device. This feature is crucial for busy individuals who are looking to fit swimming lessons into their schedules.</p><p>6. <strong>Registration and Enrollment:</strong> Streamline the enrollment process with a user-friendly registration system. Include a secure online registration form, making it convenient for potential students and their guardians to sign up for classes. Provide clear instructions on fees, payment options, and any required documentation.</p><p>7. <strong>Progress Tracking:</strong> Implement a progress tracking system that allows both students and instructors to monitor and assess performance. This feature adds a layer of accountability and motivation for students striving to improve their swimming skills.</p><p>8. <strong>Events and Competitions:</strong> Keep the swimming community engaged by promoting upcoming events and competitions. Feature details about local and national swimming competitions, and encourage participation from your students. This not only fosters a sense of community but also showcases the achievements of your school.</p><p>9. <strong>Blog Section:</strong> Share valuable insights, training tips, and news related to swimming and water sports. The blog section adds educational value to your website, positioning your school as a knowledgeable authority in the field. It also contributes to search engine optimization (SEO).</p><p>10. <strong>Contact and Support:</strong> Provide multiple contact options, including a contact form, phone number, and location map. Ensure that visitors can easily get in touch with your school for inquiries, support, or to schedule a visit.</p><p>11. <strong>Social Media Integration:</strong> Seamlessly integrate social media feeds to keep the website dynamic and interconnected with your audience. Social media platforms are powerful tools for community building and marketing.</p><p><strong>Conclusion:</strong> The Swimming Training School HTML Template is your gateway to establishing a powerful online presence for your swimming academy. With its sleek design, user-friendly features, and a focus on visual storytelling, this template empowers your school to attract new students and foster a community of passionate swimmers. Dive into the future of online representation for swimming schools with this versatile HTML template.</p><p><strong> Benefits:</strong></p><ul><li>Tailored design for swim schools, creating a positive and aquatic-themed online presence.</li><li>Responsive layout for an optimized viewing experience on all devices.</li><li>Streamlined enrollment process with integrated forms and clear information.</li></ul><p><strong>Conclusion:</strong> Swimmer – Swimmer School HTML Template serves as an effective and visually appealing platform for swim schools to showcase their offerings, engage with potential students, and provide essential information. With its practical features and aquatic design elements, it caters to the unique needs of swim schools and swimming instructors.</p>","tags":["bootstrap","business","christmas","clean","company","event","services"],"customUrl":"/website-templates/swimmer-swimmer-school-html-template-374446.html","nameOfTheTemplate":"Swimmer – Swimmer School HTML Template","paidSupport":"Yes","topic":["Holiday Templates","Holidays, Gifts & Flowers"],"styles":["Clean","Futurist"],"marketplaceMembership":"One","advImage":"https://s3u.tmimgcdn.com/u2212441/fce058ca2a9e60b0e2d80f0bedd754d5.png","excerpt":"<p>Swimmer is a purpose-built HTML template designed for swim schools, swimming instructors, and aquatic education centers.</p>","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: Sun, 22 Dec 2024 02:46: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=374446&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=374446&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=374446&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Sun, 22 Dec 2024 02:51: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://themes.codezion.com/tm/html/swimmer/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#374446 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/374446.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 #374446            </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=374446&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $20                <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>