string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=53647&expand=properties"
string(20215) "[{"templateId":53647,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":200,"categoryName":"Tickets Website Templates","templateTitle":"Tickets Website Responsive Website Template","templatePreviewHtmlTitle":"Madison - Singer Multipage HTML5 Website Template","templateDemoHtmlTitle":"Demo Preview for Madison - Singer Multipage HTML5 Website Template #53647","typeShortName":"Website","templatePreviewFBTitle":"<h2><strong>Singer Multipage HTML5 Website Template</strong></h2><p>A singer multipage HTML5 website template provides various tools for successful and easy web development. Any person or organization needs to have a well-designed website these days. This is especially true for musicians and creative personalities. It can help with music and events promotion. Also, websites serve as sources of information. However, it is hard to achieve the set goals without a properly developed website.</p><p>For this reason, many musicians work with web designers and developers. Still, building a website from scratch takes time and is costly. That's why we recommend using HTML5 website templates. These solutions are affordable and highly responsive. Thanks to the built-in Bootstrap 5 framework, they are also flexible and easy to maintain. Moreover, they offer high customization potential. If you are looking for such a solution to fit your singer's website, we know what to offer you.</p><h3><strong>Feature-Rich HTML5 Solution for Musicians and Singers</strong></h3><p>The Madison singer multipage HTML5 website template provides a clean and creative design. It also comes with a well-developed layout that is spacious and detailed. The solution we offer is also a fitting choice for a music band's website. Furthermore, it has space for any kind of content, from texts and images to audio and video. The template also comes with a set of pre-developed features. They make your site more flexible and interactive:</p><ol><li>W3C valid coding;</li><li>Responsive and SEO-ready layout;</li><li>Google Maps;</li><li>Smooth CSS3 animations and transitions;</li><li>Google Fonts;</li><li>Sass & Pug source files;</li><li>Working forms for newsletter and contact page.</li></ol><p>Besides offering these features, the singer multipage HTML5 website template is also customizable. It provides a set of built-in UI elements. They can spice up your website and make it more unique. The layout of this template also allows you to easily create new pages. Even without extensive coding knowledge, you can create an original website with our solution. And for seasoned developers, Madison provides a great basis for websites of any complexity.</p><h2><strong>Multipage HTML5 Template with Lots of Content</strong></h2><p>Regardless of what kind of website you want to build, it needs to be content-rich. That's why we supplied the Madison singer multipage HTML5 website template with a variety of pre-designed content blocks. The sections of this template perform diverse purposes. They include listing your latest albums and telling more about your career. And with multiple ready-made pages, you can also post regular news and event updates. Besides, you can describe your artist bio on a separate page. Furthermore, with a set of eCommerce-ready pages, it is easy to set up an online store for your licensed merch. From T-shirts and beanies to vinyl album copies, your fans will enjoy the new features of your website.</p><p>If you are looking for more information about this HTML5 website template, we recommend reading its documentation. It describes how to install and manage this solution properly. Also, the documentation answers many common questions about our HMTL5 templates. However, if you need more than that, our friendly and qualified support team is always ready to help. We also invite you to check out our template catalog. It contains hundreds of ready-made website templates and landing pages for any of your future projects.</p><h2><strong>Important Notice Regarding Support Response Times</strong></h2><p>Please note that our team is committed to providing prompt and efficient support to all of our customers. However, due to an increased volume of support requests, our usual average time for providing support is estimated to be between 3-5 business days.</p><p>We want to assure you that we are taking all necessary measures to address your requests as soon as possible. Rest assured that your inquiry will be attended to promptly.</p><h3>Thank you for choosing our product.</h3>","templateFullTitle":"Madison - Singer Multipage HTML5 Website Template","templatePreviewMetaDescription":"Singer Multipage HTML5 Website TemplateA singer multipage HTML5 website template provides various tools for successful and easy web development. Any person or","templateDemoMetaDescription":"The demo of this Madison - Music Band Multipage Modern HTML Website Template (#53647) is generated for you to get the look and feel of the theme before you buy it. View the pages, check out the images, press the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Madison - Singer Multipage HTML5 Website Template","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/53647.html","userRating":"5","designIndex":"00","authorUserId":"1519369","exclusive":"0","state":1,"price":39,"inserted_date":"2015-04-10","sent":1,"downloads":102,"search_words":"music studio classes singer song instrumental dj scene rhythm tempo style courses group mentor event club expert professinal multipage modern","is_adult":0,"exc_price":4500,"sent_date":"2019-04-16 06:16:37","last_upload":"2023-04-20 08:32:50","package_id":246,"hasExclusivePrice":0,"screenshots":[{"id":1455664,"templ_id":53647,"filename":"53647-responsive-layout.jpg","width":895,"height":599,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1455665,"templ_id":53647,"filename":"53647-smart2-responsive.jpg","width":320,"height":900,"href":"","window_params":"","scr_type_id":300,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1455666,"templ_id":53647,"filename":"53647-1-origin-1200.jpg","width":1800,"height":2255,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1455667,"templ_id":53647,"filename":"53647-rs.jpg","width":970,"height":280,"href":"","window_params":"","scr_type_id":78,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":1},{"id":1455668,"templ_id":53647,"filename":"53647-origin-1200.jpg","width":1800,"height":3500,"href":"","window_params":"","scr_type_id":315,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1455669,"templ_id":53647,"filename":"53647-tablet-responsive.jpg","width":430,"height":900,"href":"","window_params":"","scr_type_id":298,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1455670,"templ_id":53647,"filename":"53647-origin.jpg","width":1950,"height":3500,"href":"","window_params":"","scr_type_id":314,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1455671,"templ_id":53647,"filename":"53647-original-1200.jpg","width":1800,"height":3500,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1455672,"templ_id":53647,"filename":"53647-banner.jpg","width":408,"height":55,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1455673,"templ_id":53647,"filename":"53647-1-original-1200.jpg","width":1800,"height":2255,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1455674,"templ_id":53647,"filename":"53647-wt.html","width":430,"height":60,"href":"","window_params":"","scr_type_id":212,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1455675,"templ_id":53647,"filename":"53647-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":1455676,"templ_id":53647,"filename":"53647-1-origin.jpg","width":1950,"height":2255,"href":"","window_params":"","scr_type_id":317,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1455677,"templ_id":53647,"filename":"53647-big.jpg","width":965,"height":1876,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1455678,"templ_id":53647,"filename":"53647-smart1-responsive.jpg","width":430,"height":900,"href":"","window_params":"","scr_type_id":299,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1455679,"templ_id":53647,"filename":"53647-original.jpg","width":1950,"height":3500,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1455680,"templ_id":53647,"filename":"53647-1-big.jpg","width":965,"height":1209,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1455681,"templ_id":53647,"filename":"53647-b-responsive.jpg","width":430,"height":885,"href":"","window_params":"","scr_type_id":297,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1455682,"templ_id":53647,"filename":"53647-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":1455683,"templ_id":53647,"filename":"53647-1-original.jpg","width":1950,"height":2255,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1638573,"templ_id":53647,"filename":"53647-3-original.jpg","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0}],"demoUrl":"/demo/53647.html","image":"https://s.tmimgcdn.com/scr/53600/madison-singer-multipage-html5-website-template_53647-3-original.jpg","searchHash":"60994cd4085f488c805510e37855c6bf","previewHash":"96a5a08d86b0f6a6d3bca2c4fc767709","authorNickname":"ZEMEZ","lowLevelTopic":"Tickets Website Templates; MP3 Store Templates; DJ Templates; Celebrity Website Templates; Music Band Templates; Music Portal Templates; Recording Studio Templates; Music Festival Templates; Singer Templates","weightedRating":4.333333333333333,"annualSale":5,"monthlySales":0,"quarterlySales":0,"productBoost":125,"onSale":0,"finalPrice":39,"discountPercent":0,"discountAmount":0,"semiannualSales":3,"properties":{"features":["Premium","Responsive","Pro","Search Engine Friendly","Bootstrap","eCommerce","Sliced PSD","Dropdown Menu","Google map","Tabs","Blog","Gallery","Portfolio","HTML 5","JQuery","HTML plus JS"],"styles":"Neutral","languageSupport":"English","badge":"badge-responsive","templateSources":[".PSD",".HTML"],"topic":["Tickets Website Templates","MP3 Store Templates","DJ Templates","Celebrity Website Templates","Music Band Templates","Music Portal Templates","Recording Studio Templates","Music Festival Templates","Entertainment Templates","Media Templates","Music Templates","Singer Templates","Art & Culture","Business & Services","Entertainment, Games & Nightlife"],"templateIcon":"icon-bootstrap","documentationVersion":"Responsive Website Templates v1.1","isFree":"none","popularity":"Top Rated","followUpLetter":"website-template-offers","nomotopress":"1","color":["black","white"],"livePreviewURL":"https://livedemo00.template-help.com/wt_prod-23182/","width":"1920px","imageDescription":"https://s.tmimgcdn.com/scr/53600/53647-responsive-layout.jpg","kindOfShops":"Music band website, audio store, clothing store, music blog","metaDescription":"Singer Multipage HTML5 Website TemplateA singer multipage HTML5 website template provides various tools for successful and easy web development. Any person or","htmlTitle":"Madison Multipage HTML Template","shortDescription":"<h2><strong>Singer Multipage HTML5 Website Template</strong></h2><p>A singer multipage HTML5 website template provides various tools for successful and easy web development. Any person or organization needs to have a well-designed website these days. This is especially true for musicians and creative personalities. It can help with music and events promotion. Also, websites serve as sources of information. However, it is hard to achieve the set goals without a properly developed website.</p><p>For this reason, many musicians work with web designers and developers. Still, building a website from scratch takes time and is costly. That's why we recommend using HTML5 website templates. These solutions are affordable and highly responsive. Thanks to the built-in Bootstrap 5 framework, they are also flexible and easy to maintain. Moreover, they offer high customization potential. If you are looking for such a solution to fit your singer's website, we know what to offer you.</p><h3><strong>Feature-Rich HTML5 Solution for Musicians and Singers</strong></h3><p>The Madison singer multipage HTML5 website template provides a clean and creative design. It also comes with a well-developed layout that is spacious and detailed. The solution we offer is also a fitting choice for a music band's website. Furthermore, it has space for any kind of content, from texts and images to audio and video. The template also comes with a set of pre-developed features. They make your site more flexible and interactive:</p><ol><li>W3C valid coding;</li><li>Responsive and SEO-ready layout;</li><li>Google Maps;</li><li>Smooth CSS3 animations and transitions;</li><li>Google Fonts;</li><li>Sass & Pug source files;</li><li>Working forms for newsletter and contact page.</li></ol><p>Besides offering these features, the singer multipage HTML5 website template is also customizable. It provides a set of built-in UI elements. They can spice up your website and make it more unique. The layout of this template also allows you to easily create new pages. Even without extensive coding knowledge, you can create an original website with our solution. And for seasoned developers, Madison provides a great basis for websites of any complexity.</p><h2><strong>Multipage HTML5 Template with Lots of Content</strong></h2><p>Regardless of what kind of website you want to build, it needs to be content-rich. That's why we supplied the Madison singer multipage HTML5 website template with a variety of pre-designed content blocks. The sections of this template perform diverse purposes. They include listing your latest albums and telling more about your career. And with multiple ready-made pages, you can also post regular news and event updates. Besides, you can describe your artist bio on a separate page. Furthermore, with a set of eCommerce-ready pages, it is easy to set up an online store for your licensed merch. From T-shirts and beanies to vinyl album copies, your fans will enjoy the new features of your website.</p><p>If you are looking for more information about this HTML5 website template, we recommend reading its documentation. It describes how to install and manage this solution properly. Also, the documentation answers many common questions about our HMTL5 templates. However, if you need more than that, our friendly and qualified support team is always ready to help. We also invite you to check out our template catalog. It contains hundreds of ready-made website templates and landing pages for any of your future projects.</p><h2><strong>Important Notice Regarding Support Response Times</strong></h2><p>Please note that our team is committed to providing prompt and efficient support to all of our customers. However, due to an increased volume of support requests, our usual average time for providing support is estimated to be between 3-5 business days.</p><p>We want to assure you that we are taking all necessary measures to address your requests as soon as possible. Rest assured that your inquiry will be attended to promptly.</p><h3>Thank you for choosing our product.</h3>","uniqueKeywords":"music,studio,classes,singer,song,instrumental,dj,scene,rhythm,tempo,style,courses,group,mentor,event,club,expert,professinal,multipage,modern","nameOfTheTemplate":"Madison - Singer Multipage HTML5 Website Template","bitLyUrl":"http://bit.ly/1EBWB1t","reviewsTotal":"5","reviewAverageScore":"5","showVariantForcibly":"b","trendiness":"1","authorUserId":"1519369","lastmod":"2022-03-07T15:07:14-05:00","exclusive":"0","sqi":"95","templateSupportOptions":"[]","dqi":"00","skupromo":"30%","alreadyPacked":"1","marketplaceMembership":"One","customUrl":"/website-templates/53647.html","imageKeyFeatures":"https://s3u.tmimgcdn.com/u1519369/59a983df388d599d76cd2be84e8f3f10.jpg, https://s3u.tmimgcdn.com/u1519369/b2dede1f568772f39c3a225611820185.jpg, https://s3u.tmimgcdn.com/u1519369/f5e28b95019ada0477ca8b13af49e76d.jpg, https://s3u.tmimgcdn.com/u1519369/5e24e27b1c12436fd35d4d7c2f8555bb.jpg, https://s3u.tmimgcdn.com/u1519369/9e222d37de98c1c58f9204f7f68538c8.jpg, https://s3u.tmimgcdn.com/u1519369/9311dc11a0caac271be00e2ab0969b47.jpg, https://s3u.tmimgcdn.com/u1519369/b0ed8c8df34cb2d76fc58214f97897cd.jpg, https://s3u.tmimgcdn.com/u1519369/abc67aaaa13772c06c5bb70d6448a384.jpg","previewScreensOrVideoURLs":"https://s.tmimgcdn.com/scr/53600/53647_01-big.jpg, https://s.tmimgcdn.com/scr/53600/53647_02-big.jpg, https://s.tmimgcdn.com/scr/53600/53647_03-big.jpg, https://s.tmimgcdn.com/scr/53600/53647_04-big.jpg, https://s.tmimgcdn.com/scr/53600/53647_05-big.jpg","demoMetaDescription":"The demo of this Madison - Music Band Multipage Modern HTML Website Template (#53647) is generated for you to get the look and feel of the theme before you buy it. View the pages, check out the images, press the buttons, explore the functionality.","dynamicChangeLog":"<ul>\n<li>- 1 background bug fixed</li>\n<li>- 2 minor styles issues fixed</li>\n</ul>","isOldDemoUrl":"1","imagesIncluded":"Yes","tags":["classes","club","courses","event","expert","group","instrumental","mentor","modern","music","rhythm","scene","singer","song","studio","style","tempo","dj","multipage","professinal"],"paidSupport":"Yes","featured":"Ukraine","webServerCompatibility":"Apache 2.4","pHPVersionCompatibility":["8.1","8.0"],"designSoftware":"Adobe Photoshop","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"advImage":"https://s3u.tmimgcdn.com/u1519369/fd89ba0a8318a6adf25b1a8a0184d32a.jpg","affiliateSells":"1","authorMainScreenshotVersion":"3","authorMainScreenshot":"https://s3u.tmimgcdn.com/u1519369/9208129a2caede5d657785e5be7e1b27.jpg","changeLog":"## Madison Version 1.2 (April 25, 2023):\r\n- UPD: jQuery Form to 4.3.0;\r\n- UPD: PHPMailer to 6.5.5;\r\n- FIX: CSS styles;\r\n- FIX: Minor bug fixes. \r\n\r\n## Madison Version 1.1 (April 19, 2023):\r\n- FIX: Minor bug fixes. \r\n\r\n## Madison Version 1.0 (August 29, 2022):\r\n- UPD: Bootstrap to 5.2.0;\r\n- UPD: Popper.js to 2.9.2;\r\n- UPD: jQuery to 3.6.0;\r\n- UPD: jQuery Migrate to 3.3.2;\r\n- UPD: Owl carousel to 2.3.4;\r\n- UPD: jQuery form to 4.3.0;\r\n- UPD: Swiper to 5.3.1;\r\n- UPD: Select2 to 4.0.6-rc.1;\r\n- UPD: PageTransition to 1.1.4;\r\n- RPL: SVG Countdown to αCountdown;\r\n- RPL: jQuery Count To to αCounter;\r\n- FIX: Bugs;","changeLogDate":"2023-04-26","saleSells":"1","productSize":"116609121","bootstrapVersion":"5.2.x","excerpt":"Madison HTML template is a perfect choice for music bands, music portals, and merchandise shops. It has an attractive design and valid code.","hELPURL":"/quick-start-guide/responsive-javascript-animated/","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"types":"HTML Website Templates","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: Mon, 06 May 2024 11:10:40 GMT"
  [3]=>
  string(45) "Content-Type: application/json; charset=UTF-8"
  [4]=>
  string(17) "Connection: close"
  [5]=>
  string(130) "Access-Control-Expose-Headers: X-Pagination-Current-Page, X-Pagination-Page-Count, X-Pagination-Per-Page, X-Pagination-Total-Count"
  [6]=>
  string(12) "Vary: Accept"
  [7]=>
  string(27) "X-Pagination-Total-Count: 1"
  [8]=>
  string(26) "X-Pagination-Page-Count: 1"
  [9]=>
  string(28) "X-Pagination-Current-Page: 1"
  [10]=>
  string(25) "X-Pagination-Per-Page: 20"
  [11]=>
  string(290) "Link: <http://products/api/v2/products/en?language=en&ids=53647&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=53647&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=53647&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Mon, 06 May 2024 11:15:40 GMT"
  [13]=>
  string(26) "Cache-Control: max-age=300"
  [14]=>
  string(16) "Direct_API: true"
  [15]=>
  string(22) "X-Cache-Status: BYPASS"
  [16]=>
  string(24) "X-Up: 159.203.151.221:80"
}
https://livedemo00.template-help.com/wt_prod-23182/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#53647 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/53647.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 #53647            </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=53647&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="/website-templates-type">Go back to the template gallery</a>
                    </p>
                </div>
                    </div>
    </div>
</body>
</html>