string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=61177&expand=properties"
string(18551) "[{"templateId":61177,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":469,"categoryName":"Asian Restaurant Templates","templateTitle":"Asian Restaurant Responsive Website Template","templatePreviewHtmlTitle":"Quick Food - Fast Food Restaurant HTML5 Website Template","templateDemoHtmlTitle":"Live demo for Quick Food - Fast Food Restaurant HTML5 Website Template #61177","typeShortName":"Website","templatePreviewFBTitle":"<h2><strong>Modern Fast Food Restaurant HTML5 Website Template </strong></h2><p><br></p><p>A fast food restaurant HTML5 website template is a powerful solution allowing you to build your website quickly. Many businesses nowadays depend on their websites a lot. They are mostly used as promotional & marketing platforms. However, well-designed websites can also attract the attention of potential customers. To establish a site that works for your reputation, a professional approach is highly recommended.</p><p>However, it isn't always possible to develop a website by hiring an expert. In this case, HTML website templates can be of great use. These solutions are dependable and affordable. Also, they can be easily configured according to your needs. We understand how crucial it is for modern fast food restaurants to have a well-designed website. That's why our new HTML template, Quick Food, was designed specifically for such establishments.</p><p><br></p><h3><strong>HTML5 Template with a Wide Range of Features and Pages</strong></h3><p><br></p><p>The Quick Food fast food restaurant HTML5 website template provides a responsive and impressive design. This is possible due to the Bootstrap 4 framework. Its layout is built to provide space for any kind of content. From images to icons and texts, our HTML5 template has everything you need to manage content effectively. Moreover, the solution we offer comes with dozens of awesome features. They are designed for improving the performance of your website. These features and advantages include:</p><ol><li>W3C valid coding & SEO-ready structure;</li><li>Google Maps & Google Fonts;</li><li>eCommerce-ready template;</li><li>Blog & gallery;</li><li>Working contact forms;</li><li>Cross-browser support.</li></ol><p>This fast food restaurant HTML5 website template is also multipage. It comes with a variety of pre-developed pages. They serve various purposes. For example, with the help of the menu page, you can list all the dishes that your fast food restaurant provides. Also, you can use the Team and About us pages to tell more about your restaurant and its team. With the Contact Us page, you can easily stay connected with your clients and visitors. Moreover, there are a dozen other content-rich pages you will find useful.</p><p><br></p><h2><strong>Customizable Website Template for Fast Food Restaurant</strong></h2><p><br></p><p>Many website owners are using HTML5 solutions to create something unique. That's why the Quick Food fast food restaurant HTML5 website template has a built-in UI kit. It consists of various headers and footers as well as site elements. The latter include buttons, icons, progress bars, accordions, etc. These elements are well-integrated into the template. They will be useful to website owners and web developers.</p><p>If you are looking for additional information about this HTML template, feel free to read its documentation. It describes how to use modern HTML5 templates properly. Also, it answers a variety of common questions about responsive templates. But if you need additional assistance, don't hesitate to get in touch with our qualified support team. We are always ready to help you build the website your fast food restaurant deserves.</p>","templateFullTitle":"Quick Food - Fast Food Restaurant HTML5 Website Template","templatePreviewMetaDescription":"Modern Fast Food Restaurant HTML5 Website Template A fast food restaurant HTML5 website template is a powerful solution allowing you to build your website","templateDemoMetaDescription":"Before buying it, get yourself knowledgeable about the top notch Quick Food - Fast Food Restaurant Responsive Multipage Website Template (#61177) by experiencing the demo preview. View the pages, examine the images, press the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Quick Food - Fast Food Restaurant HTML5 Website Template","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/fast-food-restaurant-responsive-website-template-61177.html","userRating":"5","designIndex":"93","authorUserId":"1519369","exclusive":"1","state":1,"price":39,"inserted_date":"2017-01-25","sent":1,"downloads":258,"search_words":"food truck food trailer portable food trailer fast food trailer street food trailer burger bar bbq menu pizzeria delicious takeaway meal meals dish sushi wok salads vegetarian barbeque spicy","is_adult":0,"exc_price":5000,"sent_date":"2020-07-13 11:17:42","last_upload":"2023-01-31 17:25:47","package_id":258,"hasExclusivePrice":1,"screenshots":[{"id":1680297,"templ_id":61177,"filename":"61177-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":1680298,"templ_id":61177,"filename":"61177-origin-1200.jpg","width":1903,"height":4669,"href":"","window_params":"","scr_type_id":315,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1680299,"templ_id":61177,"filename":"61177-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":1680300,"templ_id":61177,"filename":"61177-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},{"id":1680301,"templ_id":61177,"filename":"61177-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":1680302,"templ_id":61177,"filename":"61177-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":1680303,"templ_id":61177,"filename":"61177-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":1680304,"templ_id":61177,"filename":"61177-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":1680305,"templ_id":61177,"filename":"61177-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":1680306,"templ_id":61177,"filename":"61177-big.jpg","width":965,"height":2368,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1680307,"templ_id":61177,"filename":"61177-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":1680308,"templ_id":61177,"filename":"61177-b-responsive.jpg","width":430,"height":1055,"href":"","window_params":"","scr_type_id":297,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1680309,"templ_id":61177,"filename":"61177-original-1200.jpg","width":1903,"height":4669,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1680310,"templ_id":61177,"filename":"61177-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":1680311,"templ_id":61177,"filename":"61177-origin.jpg","width":1903,"height":4669,"href":"","window_params":"","scr_type_id":314,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0}],"demoUrl":"/demo/61177.html","image":"https://s.tmimgcdn.com/scr/61100/quick-food-fast-food-restaurant-html5-website-template_61177-3-original.jpg","searchHash":"1685f65ca5f60b07132b2b0902f28d71","previewHash":"9e47ef8663f833b73be37f83b4517abe","authorNickname":"ZEMEZ","lowLevelTopic":"Cafe Templates; Asian Restaurant Templates; European Restaurant Templates; Fast Food Restaurant Templates; Pizza Templates; Brewery Templates; Food & Drink Templates; Drink; Vending Machines; Food Delivery","weightedRating":4.5161290322581,"annualSale":5,"monthlySales":0,"quarterlySales":0,"productBoost":125,"onSale":0,"finalPrice":39,"discountPercent":0,"discountAmount":0,"semiannualSales":2,"properties":{"features":["Premium","Responsive","Pro","Search Engine Friendly","Bootstrap","Sliced PSD","Dropdown Menu","Google map","Tabs","Blog","Gallery","Portfolio","HTML 5","JQuery","HTML plus JS","Parallax"],"styles":"Neutral","languageSupport":"English","galleryScript":["Accordion","Carousel","CSS and JS","Slider","Isotope","Grid"],"webForms":["Contact Form","Newsletter Subscription","Search Form"],"badge":"badge-responsive","templateSources":[".PSD",".HTML"],"topic":["Cafe Templates","Asian Restaurant Templates","European Restaurant Templates","Fast Food Restaurant Templates","Pizza Templates","Brewery Templates","Cafe and Restaurant Templates","Food & Drink Templates","Food & Restaurant","Drink","Vending Machines","Food Delivery"],"documentationVersion":"v1.3","isFree":"none","popularity":"Top Rated","nomotopress":"1","color":["black","white","grey"],"showVariantForcibly":"b","livePreviewURL":"https://livedemo00.template-help.com/wt_61177_v1/","width":"1920px","imageDescription":"https://s.tmimgcdn.com/scr/61100/61177-responsive-layout.jpg","uniqueKeywords":"food truck,food trailer,portable food trailer,fast food trailer,street food trailer,burger bar,bbq,menu,pizzeria,delicious,takeaway,meal,meals,dish,sushi,wok,salads,vegetarian,barbeque,spicy","imageKeyFeatures":"https://s.tmimgcdn.com/scr/61100/61177-en_01.jpg, https://s.tmimgcdn.com/scr/61100/61177-en_02.jpg, https://s.tmimgcdn.com/scr/61100/61177-en_03.jpg, https://s.tmimgcdn.com/scr/61100/61177-en_04.jpg, https://s.tmimgcdn.com/scr/61100/61177-en_05.jpg, https://s.tmimgcdn.com/scr/61100/61177-en_06.jpg, https://s.tmimgcdn.com/scr/61100/61177-en_07.jpg, https://s.tmimgcdn.com/scr/61100/61177-en_08.jpg, https://s.tmimgcdn.com/scr/61100/61177-en_09.jpg, https://s.tmimgcdn.com/scr/61100/61177-en_10.jpg, https://s.tmimgcdn.com/scr/61100/61177-en_11.jpg, https://s.tmimgcdn.com/scr/61100/61177-en_12.jpg, https://s.tmimgcdn.com/scr/61100/61177-en_13.jpg, https://s.tmimgcdn.com/scr/61100/61177-en_14.jpg, https://s.tmimgcdn.com/scr/61100/61177-en_15.jpg","bitLyUrl":"http://bit.ly/2kYTZlG","nameOfTheTemplate":"Quick Food - Fast Food Restaurant HTML5 Website Template","shortDescription":"<h2><strong>Modern Fast Food Restaurant HTML5 Website Template </strong></h2><p><br></p><p>A fast food restaurant HTML5 website template is a powerful solution allowing you to build your website quickly. Many businesses nowadays depend on their websites a lot. They are mostly used as promotional & marketing platforms. However, well-designed websites can also attract the attention of potential customers. To establish a site that works for your reputation, a professional approach is highly recommended.</p><p>However, it isn't always possible to develop a website by hiring an expert. In this case, HTML website templates can be of great use. These solutions are dependable and affordable. Also, they can be easily configured according to your needs. We understand how crucial it is for modern fast food restaurants to have a well-designed website. That's why our new HTML template, Quick Food, was designed specifically for such establishments.</p><p><br></p><h3><strong>HTML5 Template with a Wide Range of Features and Pages</strong></h3><p><br></p><p>The Quick Food fast food restaurant HTML5 website template provides a responsive and impressive design. This is possible due to the Bootstrap 4 framework. Its layout is built to provide space for any kind of content. From images to icons and texts, our HTML5 template has everything you need to manage content effectively. Moreover, the solution we offer comes with dozens of awesome features. They are designed for improving the performance of your website. These features and advantages include:</p><ol><li>W3C valid coding & SEO-ready structure;</li><li>Google Maps & Google Fonts;</li><li>eCommerce-ready template;</li><li>Blog & gallery;</li><li>Working contact forms;</li><li>Cross-browser support.</li></ol><p>This fast food restaurant HTML5 website template is also multipage. It comes with a variety of pre-developed pages. They serve various purposes. For example, with the help of the menu page, you can list all the dishes that your fast food restaurant provides. Also, you can use the Team and About us pages to tell more about your restaurant and its team. With the Contact Us page, you can easily stay connected with your clients and visitors. Moreover, there are a dozen other content-rich pages you will find useful.</p><p><br></p><h2><strong>Customizable Website Template for Fast Food Restaurant</strong></h2><p><br></p><p>Many website owners are using HTML5 solutions to create something unique. That's why the Quick Food fast food restaurant HTML5 website template has a built-in UI kit. It consists of various headers and footers as well as site elements. The latter include buttons, icons, progress bars, accordions, etc. These elements are well-integrated into the template. They will be useful to website owners and web developers.</p><p>If you are looking for additional information about this HTML template, feel free to read its documentation. It describes how to use modern HTML5 templates properly. Also, it answers a variety of common questions about responsive templates. But if you need additional assistance, don't hesitate to get in touch with our qualified support team. We are always ready to help you build the website your fast food restaurant deserves.</p>","kindOfShops":"This template is custom-made for food, fast food, restaurant, mcdonalds, taco bell, kfc, burger king, subway, and quick food cafe websites.","metaDescription":"Modern Fast Food Restaurant HTML5 Website Template A fast food restaurant HTML5 website template is a powerful solution allowing you to build your website","htmlTitle":"Fast Food Restaurant HTML5 Website Template - TemplateMonster","exclusive":"1","authorUserId":"1519369","dynamicChangeLog":"<ul><li>- 1 minor HTML issue fixed</li><li>- 1 CSS bug fixed</li><li>- 1 minor font bugs fixed</li><li>- 2 minor background bugs fixed</li><li>- 2 PSD layers changed</li></ul>","lastmod":"2022-02-23T18:24:02-05:00","previewScreensOrVideoURLs":"https://www.youtube.com/embed/Slwh10P82PM","sqi":"95","templateSupportOptions":"[]","reviewsTotal":"21","reviewAverageScore":"5","dqi":"93","skupromo":"8%","changeLog":"## Quick Food Version 1.3 (Septeber 30, 2021):\r\n- UPD: Bootstrap v4.1.3 to v5.0.1;\r\n- UPD: jQuery v3.2.1 to v3.6.0;\r\n- UPD: jQuery Migrate v3.0.0 to v3.3.2;\r\n- UPD: Popper.js v1.14.3 to v2.9.2;\r\n- UPD: Swiper to 5.3.1;\r\n- UPD: Owl Carousel to 2.3.4;\r\n- UPD: Bootstrap tabs updated;\r\n- UPD: Bootstrap tooltip updated;\r\n- FIX: Script js;\r\n- FIX: CSS styles;\r\n- FIX: Minor bug fixes. \r\n\r\n## Quick Food Version 1.2.2 (November 24, 2020):\r\n- UPD: SCSS optimization;\r\n- UPD: Scripts updated;\r\n- FIX: Project structure;\r\n- FIX: Minor bug fixes.\r\n\r\n\r\n\r\nQuick Food Version 1.2.1 (December 02, 2019)\r\nAdditions\r\n    - FIX: Minor bug fixes.\r\n\r\n\r\n\r\nQuick Food Version 1.2 (March 26, 2019)\r\nAdditions\r\n    - ADD: MailChimp, Campaign Monitor forms;\r\n    - UPD: Bootstrap 3 to Bootstrap v4.1.3;\r\n    - UPD: RD Parallax to Material Parallax plugin;\r\n    - UPD: RD Google Map to Google Map plugin;\r\n    - UPD: PhotoSwipe to LightGallery plugin;\r\n    - UPD: Pug/scss structure optimization;\r\n    - UPD: Bootstrap tooltip;\r\n    - UPD: Isotope plugin;\r\n    - UPD: Page loader plugin;\r\n    - UPD: Wow plugin;\r\n    - UPD: Images optimization;\r\n    - UPD: Psd files optimization;\r\n    - FIX: Other minor bug fixes.\r\n\r\n\r\n\r\nQuick Food Version 1.1 (April 27, 2018)\r\nAdditions\r\n    - ADD: Special Pages Added;\r\n    - UPD: Google Map updated;\r\n    - UPD: RD Parallax changed to Material parallax;\r\n    - UPD: .jade sources changed to .pug;\r\n    - FIX: Social plugins;\r\n    - FIX: Other minor bug fixes.","alreadyPacked":"1","marketplaceMembership":"One","customUrl":"/website-templates/fast-food-restaurant-responsive-website-template-61177.html","demoMetaDescription":"Before buying it, get yourself knowledgeable about the top notch Quick Food - Fast Food Restaurant Responsive Multipage Website Template (#61177) by experiencing the demo preview. View the pages, examine the images, press the buttons, explore the features.","isOldDemoUrl":"1","advImage":"https://s3.tmimgcdn.com/templates/83374/scr/1519369-1606229577138_food.jpg","imagesIncluded":"Yes","tags":["barbeque","delicious","dish","meal","meals","menu","pizzeria","salads","spicy","sushi","takeaway","vegetarian","wok","bbq","food truck","food trailer","portable food trailer","fast food trailer","street food trailer","burger bar"],"affiliateSells":"1","authorMainScreenshotVersion":"3","authorMainScreenshot":"https://s3.tmimgcdn.com/templates/60632/scr/1519369-1594650687445_Fast%20Food.jpg","saleSells":"1","productSize":"13285348","trendiness":"1","paidSupport":"Yes","bootstrapVersion":"5.x","changeLogDate":"2021-09-30","featured":"Ukraine","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"templateIcon":"icon-bootstrap","hELPURL":"/quick-start-guide/bootstrap-template/","notice":"Some of the forms included (like booking, registration, comment submission forms, etc.) may require extra scripts and/or database functionality.","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"types":"HTML Website Templates","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: Mon, 18 Nov 2024 00:14:53 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=61177&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=61177&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=61177&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Mon, 18 Nov 2024 00:19:53 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: 165.227.251.218:80"
}
https://livedemo00.template-help.com/wt_61177_v1/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#61177 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/61177.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 #61177            </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=61177&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>