{"id":24816,"date":"2012-10-09T11:43:32","date_gmt":"2012-10-09T15:43:32","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=24816"},"modified":"2017-05-26T03:42:31","modified_gmt":"2017-05-26T07:42:31","slug":"bootstrap-template","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/bootstrap-template.html","title":{"rendered":"Bootstrap Template"},"content":{"rendered":"<p><\/p>\r\n<h3>Template Description<\/h3>\r\n<p>Today is a great date, TemplateMonster launches Bootstrap templates. Feel free to visit <a href=\"https:\/\/www.templatemonster.com\/presentations\/bootstrap-templates.php\" title=\"Bootstrap Templates Presentation\" target=\"_blank\">presentational page<\/a> of this product. Further we are going to speak about this symbiosis of Bootstrap and TemplateMonster\u2019s designs. These templates include native Bootstrap functionality and a great amount of fully-optimized unique add-ons developed specifically for this product line by TemplateMonster dev team.<\/p>\r\n<p>A Bootstrap Template is a pre-made design built with Bootstrap framework &#8211; a web design kit for creating cross-browser, consistent and visually effective designs. The features that will make our <a href=\"https:\/\/www.templatemonster.com\/bootstrap-website-templates\/\" target=\"_blank\" title=\"Bootstrap Templates\">Bootstrap themes<\/a> interesting for you are their native Bootstrap functionality and unique add-ons specifically created by TemplateMonster developers. <\/p>\r\n<p>We\u2019d like to remind you what Bootstrap is. Basically, it\u2019s a framework for quick development of front-end web interfaces that has changed the way how web designs are being built. Not surprisingly, in the few months that Bootstrap had been available, it rose to become the most popular repository on GitHub of all-times.<\/p>\r\n<p><a href=\"http:\/\/i.tmimgcdn.com\/library\/Free-Bootstrap-3-0-HTML-Template-p-300913.jpg\"><img src=\"http:\/\/i.tmimgcdn.com\/library\/Free-Bootstrap-3-0-HTML-Template-p-300913.jpg\" alt=\"\" title=\"Free-Bootstrap-Sample-Template-p\" width=\"300\" class=\"alignnone size-medium wp-image-24830\" \/><\/a><\/p>\r\n<p><strong>Free Bootstrap 3.0 Template<\/strong><\/p>\r\n<p class=\"templateID\">Template number:<span> 46543<\/span><\/p>\r\n<ul class=\"desc-links\">\r\n<li class=\"first\"><a class=\"live-demo-button\" href=\"http:\/\/livedemo00.template-help.com\/free_2013_bootstrap_3_0\" target=\"_blank\"><span>Live Demo<\/span><\/a><\/li>\r\n<li class=\"last\"><a target=\"_blank\" href=\"https:\/\/www.templatemonster.com\/free-bootstrap-3-0-html-template.html\" class=\"sample-button\"><span>Download Sample<\/span><\/a><\/li>\r\n<\/ul>\r\n<h4>Sources Available<\/h4>\r\n<p>.HTML<br \/>\r\n.PSD<br \/>\r\n.PHP<br \/>\r\n.CSS<br \/>\r\n.JS<\/p>\r\n<h4>Software Requirements<\/h4>\r\n<p>To use this product you should have the following software installed on your computer.<\/p>\r\n<p>    Adobe Dreamweaver 8+;<br \/>\r\n    Adobe Photoshop CS+;<\/p>\r\n<p class=\"attention\">Note: Please check the template preview page to see the specific template requirements. <span class=\"attention\">The required program versions could be different from the listed above.<\/span><\/p>\r\n<h3>Template Features:<\/h3>\r\n<p><strong>Here is a brief of unique add-ons provided with Bootstrap templates:<\/strong><\/p>\r\n<ul class=\"list\">\r\n<li>Pages<\/li>\r\n<li>Portfolio<\/li>\r\n<li>Slider<\/li>\r\n<li>Social Media<\/li>\r\n<li>CSS3 Tricks<\/li>\r\n<\/ul>\r\n<p>Bootstrap templates have one distinctive feature \u2013 they are built on the bootstrap framework. To ease the acquaintance of the user with this new product all the documentation, is included into the template package. Each theme has a panel at the top with links to all must-read info.<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2012\/10\/bs_panel.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2012\/10\/bs_panel-300x24.jpg\" alt=\"\" title=\"bs_panel\" width=\"300\" height=\"24\" class=\"alignnone size-medium wp-image-24817\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/10\/bs_panel-300x24.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/10\/bs_panel-150x12.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/10\/bs_panel-1024x82.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/10\/bs_panel.jpg 1036w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<p>First four links: Scaffolding, Base CSS, Components and Javascript are the native features of the framework. By the way we need to mention that native Bootstrap features complement the so-popular flow of responsive design. Each theme is based on the fluid grid and supports a handful of media queries:<\/p>\r\n<table width=\"520px\" border=\"1\">\r\n<thead>\r\n<tr>\r\n<th>Label<\/th>\r\n<th>Layout width<\/th>\r\n<th>Column width<\/th>\r\n<th>Gutter width<\/th>\r\n<\/tr>\r\n<\/thead>\r\n<tbody>\r\n<tr>\r\n<td>Large display<\/td>\r\n<td>1200px and up<\/td>\r\n<td>70px<\/td>\r\n<td>30px<\/td>\r\n<\/tr>\r\n<tr>\r\n<td>Default<\/td>\r\n<td>980px and up<\/td>\r\n<td>60px<\/td>\r\n<td>20px<\/td>\r\n<\/tr>\r\n<tr>\r\n<td>Portrait tablets<\/td>\r\n<td>768px and above<\/td>\r\n<td>42px<\/td>\r\n<td>20px<\/td>\r\n<\/tr>\r\n<tr>\r\n<td>Phones to tablets<\/td>\r\n<td>767px and below<\/td>\r\n<td colspan=\"2\">Fluid columns, no fixed widths<\/td>\r\n<\/tr>\r\n<tr>\r\n<td>Phones<\/td>\r\n<td>480px and below<\/td>\r\n<td colspan=\"2\">Fluid columns, no fixed widths<\/td>\r\n<\/tr>\r\n<\/tbody>\r\n<\/table>\r\n<p>Still there are four major layouts that will fit all popular hand-held devices.<\/p>\r\n<h3>Add-ons from TemplateMonster<\/h3>\r\n<p> The most important part here are the add-ons created by the Monster team. They are gathered in the last link on the panel shown above, here is what it contains:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2012\/10\/bs_add-ons-dropdown-window.gif\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2012\/10\/bs_add-ons-dropdown-window.gif\" alt=\"\" title=\"bs_add-ons-dropdown-window\" width=\"178\" height=\"282\" class=\"alignnone size-full wp-image-24818\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/10\/bs_add-ons-dropdown-window.gif 178w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/10\/bs_add-ons-dropdown-window-94x150.gif 94w\" sizes=\"(max-width: 178px) 100vw, 178px\" \/><\/a><\/p>\r\n<p>Now, let\u2019s run through each of these links.<\/p>\r\n<h3 class=\"custom\">Pages<\/h3>\r\n<p>Under the <strong>Pages<\/strong> link you will find three subpages: <strong>Under Construction<\/strong>, <strong>Intro Page<\/strong> and <strong>404 Page<\/strong>. The link allows to get a quick access to these pages.<\/p>\r\n<p><em>Under Construction<\/em><\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2012\/10\/bs_Under-construction.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2012\/10\/bs_Under-construction-300x148.jpg\" alt=\"\" title=\"bs_Under-construction\" width=\"300\" height=\"148\" class=\"alignnone size-medium wp-image-24819\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/10\/bs_Under-construction-300x148.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/10\/bs_Under-construction-150x74.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/10\/bs_Under-construction-1024x505.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/10\/bs_Under-construction.jpg 1280w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<p><em>Intro Page<\/em><\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2012\/10\/bs_Intro-page.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2012\/10\/bs_Intro-page-300x148.jpg\" alt=\"\" title=\"bs_Intro-page\" width=\"300\" height=\"148\" class=\"alignnone size-medium wp-image-24820\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/10\/bs_Intro-page-300x148.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/10\/bs_Intro-page-150x74.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/10\/bs_Intro-page-1024x505.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/10\/bs_Intro-page.jpg 1280w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<p><em>404 Page<\/em><\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2012\/10\/bs_404.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2012\/10\/bs_404-300x243.jpg\" alt=\"\" title=\"bs_404\" width=\"300\" height=\"243\" class=\"alignnone size-medium wp-image-24821\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/10\/bs_404-300x243.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/10\/bs_404-150x121.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/10\/bs_404-1024x829.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/10\/bs_404.jpg 1264w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<h3 class=\"custom\">Portfolio<\/h3>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2012\/10\/bs_portfolio.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2012\/10\/bs_portfolio-300x243.jpg\" alt=\"\" title=\"bs_portfolio\" width=\"300\" height=\"243\" class=\"alignnone size-medium wp-image-24822\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/10\/bs_portfolio-300x243.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/10\/bs_portfolio-150x121.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/10\/bs_portfolio-1024x829.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/10\/bs_portfolio.jpg 1264w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<p>When you visit this page you\u2019ll be amazed with scrupulousness to the detail. Generally this page\u2019 functionality allows you modify the look of your portfolio page. Upon default 7 portfolio layouts are available for you. Pick the one you will find the most appropriate for your website.<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2012\/10\/bs_portfolio-layouts.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2012\/10\/bs_portfolio-layouts-300x34.jpg\" alt=\"\" title=\"bs_portfolio-layouts\" width=\"300\" height=\"34\" class=\"alignnone size-medium wp-image-24823\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/10\/bs_portfolio-layouts-300x34.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/10\/bs_portfolio-layouts-150x17.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/10\/bs_portfolio-layouts.jpg 844w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<p>Simply clicking through the icons of the layouts you\u2019ll get the access to the code of this layout: <strong>Copy+Paste the code<\/strong> into the page body and your portfolio page is ready\u2026<\/p>\r\n<h3 class=\"custom\">Slider<\/h3>\r\n<p>The Slider page allows to modify the image flipping effects on your website pages. By default there are available two variants of <strong>Camera Slideshow Slider<\/strong>:<\/p>\r\n<p><em>Basic Slider<\/em><\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2012\/10\/bs_Basic-Slider.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2012\/10\/bs_Basic-Slider-300x177.jpg\" alt=\"\" title=\"bs_Basic-Slider\" width=\"300\" height=\"177\" class=\"alignnone size-medium wp-image-24824\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/10\/bs_Basic-Slider-300x177.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/10\/bs_Basic-Slider-150x88.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/10\/bs_Basic-Slider-1024x606.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/10\/bs_Basic-Slider.jpg 1256w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<p><em>Slider with thumbnails<\/em><\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2012\/10\/bs_Slider-with-thumbnails.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2012\/10\/bs_Slider-with-thumbnails-300x188.jpg\" alt=\"\" title=\"bs_Slider-with-thumbnails\" width=\"300\" height=\"188\" class=\"alignnone size-medium wp-image-24825\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/10\/bs_Slider-with-thumbnails-300x188.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/10\/bs_Slider-with-thumbnails-150x94.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/10\/bs_Slider-with-thumbnails-1024x644.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/10\/bs_Slider-with-thumbnails.jpg 1260w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<p>Here is the list of possible image changing effects:<\/p>\r\n<p><em>\u2018simpleFade\u2019, \u2018curtainTopLeft\u2019, \u2018curtainTopRight\u2019, \u2018curtainBottomLeft\u2019, \u2018curtainBottomRight\u2019, \u2018curtainSliceLeft\u2019, \u2018curtainSliceRight\u2019, \u2018blindCurtainTopLeft\u2019, \u2018blindCurtainTopRight\u2019, \u2018blindCurtainBottomLeft\u2019, \u2018blindCurtainBottomRight\u2019, \u2018blindCurtainSliceBottom\u2019, \u2018blindCurtainSliceTop\u2019, \u2018stampede\u2019, \u2018mosaic\u2019, \u2018mosaicReverse\u2019, \u2018mosaicRandom\u2019, \u2018mosaicSpiral\u2019, \u2018mosaicSpiralReverse\u2019, \u2018topLeftBottomRight\u2019, \u2018bottomRightTopLeft\u2019, \u2018bottomLeftTopRight\u2019, \u2018bottomLeftTopRight\u2019, \u2018scrollLeft\u2019, \u2018scrollRight\u2019, \u2018scrollHorz\u2019, \u2018scrollBottom\u2019, \u2018scrollTop\u2019<\/em><\/p>\r\n<p>The principle is the same as with Portfolio page, Copy+Paste the code and you slider is ready to flip on!<\/p>\r\n<h3 class=\"custom\">Social Media<\/h3>\r\n<p>The Social &amp; Media page gives some tips on how to implement S&amp;M features to the pages of your website:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2012\/10\/bs_social-media.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2012\/10\/bs_social-media-300x240.jpg\" alt=\"\" title=\"bs_social-media\" width=\"300\" height=\"240\" class=\"alignnone size-medium wp-image-24826\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/10\/bs_social-media-300x240.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/10\/bs_social-media-150x120.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/10\/bs_social-media-1024x819.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/10\/bs_social-media.jpg 1280w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<p>To implement these widgets to your website pages all you need to is copy and paste the code, simple as a pie! You can add <strong>Twitter<\/strong>, <strong>Flickr<\/strong>, <strong>Facebook\u2019s likebox<\/strong>, <strong>YouTube videos<\/strong>, <strong>Vimeo videos<\/strong>, and bunch of other Social Media services using the <em>icons provided in the documentation<\/em>.<\/p>\r\n<h3 class=\"custom\">CSS3 Tricks<\/h3>\r\n<p>If you are fond of various visual effects that this part will a real Mecca for you. Here you will find numerous effects grouped into three categories: <strong>Image Hovers<\/strong>, <strong>Animated Buttons<\/strong> and <strong>CSS3 Styles<\/strong>. As it was described previously simply Copy and Paste the code and each effect will be immediately implemented.<\/p>\r\n<p><em>Animated hover<\/em><\/p>\r\n<p>Here you can choose animation for your images. Upon default <strong>8 image hovering effects<\/strong> are available. Enjoy!<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2012\/10\/bs_Animated-hover.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2012\/10\/bs_Animated-hover-300x183.jpg\" alt=\"\" title=\"bs_Animated-hover\" width=\"300\" height=\"183\" class=\"alignnone size-medium wp-image-24827\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/10\/bs_Animated-hover-300x183.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/10\/bs_Animated-hover-150x91.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/10\/bs_Animated-hover-1024x625.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/10\/bs_Animated-hover.jpg 1260w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<p>Pick preferable <strong>animation for the buttons<\/strong> on your website\u2019s pages.<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2012\/10\/bs_Animated-buttons.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2012\/10\/bs_Animated-buttons-300x137.jpg\" alt=\"\" title=\"bs_Animated-buttons\" width=\"300\" height=\"137\" class=\"alignnone size-medium wp-image-24828\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/10\/bs_Animated-buttons-300x137.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/10\/bs_Animated-buttons-150x68.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/10\/bs_Animated-buttons-1024x469.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/10\/bs_Animated-buttons.jpg 1260w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<p>This part will be especially pleasant for special connoisseurs. All exquisite visual <strong>CCS3 effects<\/strong> are gathered here. Check them out!<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2012\/10\/bs_CCS3-styles.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2012\/10\/bs_CCS3-styles-300x221.jpg\" alt=\"\" title=\"bs_CCS3-styles\" width=\"300\" height=\"221\" class=\"alignnone size-medium wp-image-24829\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/10\/bs_CCS3-styles-300x221.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/10\/bs_CCS3-styles-150x110.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/10\/bs_CCS3-styles-1024x755.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/10\/bs_CCS3-styles.jpg 1261w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<h4>Template Structure<\/h4>\r\n<p>You have received your template .ZIP package and unpacked it. Let\u2019s see what you have inside. <\/p>\r\n<ul class=\"files-structure\">\r\n<li class=\"lev-1\">&#8220;<strong>documentation<\/strong>&#8221; \u2013 contains documentation on template editing and installation.<\/li>\r\n<li class=\"lev-1\">&#8220;<strong>screenshots<\/strong>&#8221; \u2013 contains screenshots of the template.<\/li>\r\n<li class=\"lev-1\">&#8220;<strong>site<\/strong>&#8221; \u2013 contains the .html files of the template.<\/li>\r\n<li class=\"lev-2\">&#8211; &#8220;<strong>assets<\/strong>&#8221; \u2013 contains assets and bonus add-ons.<\/li>\r\n<li class=\"lev-2\">&#8211; &#8220;<strong>bat<\/strong>&#8221; \u2013 contains contact form processing .php script.<\/li>\r\n<li class=\"lev-2\">&#8211; &#8220;<strong>css<\/strong>&#8221; \u2013 contains all the .css files used in the design.<\/li>\r\n<li class=\"lev-2\">&#8211; &#8220;<strong>img<\/strong>&#8221; \u2013 contains all the images used in .html files.<\/li>\r\n<li class=\"lev-2\">&#8211; &#8220;<strong>js<\/strong>&#8221; \u2013 contains JavaScript libraries and jQuery plugins.<\/li>\r\n<li class=\"lev-2\">&#8211; &#8220;<strong>search<\/strong>&#8221; \u2013 contains .js, .php and .css file of the search engine.<\/li>\r\n<li class=\"lev-1\">&#8220;<strong>sources<\/strong>&#8221; \u2013 contains source files.<\/li>\r\n<li class=\"lev-2\">&#8211; &#8220;<strong>less<\/strong>&#8221; &#8211; contains .css LESS files used in the template.<\/li>\r\n<li class=\"lev-2\">&#8211; &#8220;<strong>psd<\/strong>&#8221; \u2013 contains Adobe Photoshop .psd files.<\/li>\r\n<li class=\"lev-1 file\">&#8211; &#8220;<strong>fonts_info.txt<\/strong>&#8221; \u2013 contains the list of fonts used in template.<\/li>\r\n<li class=\"lev-1 file\">&#8211; &#8220;<strong>info.txt<\/strong>&#8221; \u2013 contains the information about password protected &#8220;sources&#8221; folder.<\/li>\r\n<\/ul>\r\n<p class=\"info-box\">Note: For security reasons the   sources folder is in a zipped file and is password  protected. To uncompress a password protected .ZIP file you will need to have a zip file utility  program installed and the correct password. As soon as the zip file begins to uncompress, you will  be prompted to type in the password. The password is the ID number of your order. You can find this  number on the order page which is provided to you through a link that we sent to you via email.<\/p>\r\n<p class=\"attention\"><span class=\"attention\">Please, help us to preserve the quality and uniqueness of our products by not uploading the sources folder either zipped or unzipped to the server. <\/span><\/p>\r\n\r\nThere are some brand new <a href=\"https:\/\/www.templatemonster.com\/admin-templates.php\" title=\"Bootstrap Admin Themes\" target=\"_blank\">Bootstrap Admin Themes<\/a>. Don&#8217;t forget to view them out! <p><\/p>","protected":false},"excerpt":{"rendered":"<p>A Bootstrap Template is a pre-made design built with Bootstrap framework &#8211; a web design kit for creating cross-browser, consistent and visually effective designs. The features that will make our Bootstrap themes interesting for you are their native Bootstrap functionality and unique add-ons specifically created by TemplateHelp developers. <\/p>\n<p>We\u2019d like to remind you what Bootstrap is. Basically, it\u2019s a framework for quick development of front-end web interfaces that has changed the way how web designs are being built. Not surprisingly, in the few months that Bootstrap had been available, it rose to become the most popular repository on GitHub of all-times.<\/p>\n<p class=\"clear\">\n<p><a href=\"http:\/\/i.tmimgcdn.com\/library\/Free-Bootstrap-3-0-HTML-Template-p-300913.jpg\"><img src=\"http:\/\/i.tmimgcdn.com\/library\/Free-Bootstrap-3-0-HTML-Template-p-300913.jpg\" alt=\"\" title=\"Free-Bootstrap-Sample-Template-p\" width=\"300\" class=\"alignnone size-medium wp-image-24830\" \/><\/a><\/p>\n<p><strong>Free Bootstrap 3.0 Template<\/strong><\/p>\n<p class=\"templateID\">Template number:<span> 46543<\/span><\/p>\n<ul class=\"desc-links\">\n<li class=\"first\"><a class=\"live-demo-button\" href=\"http:\/\/livedemo00.template-help.com\/free_2013_bootstrap_3_0\" target=\"_blank\"><span>Live Demo<\/span><\/a><\/li>\n<li class=\"last\"><a target=\"_blank\" href=\"http:\/\/h.tmimgcdn.com\/help\/wp-content\/uploads\/2011\/03\/sample-templates\/free_BS-30-templates_7eu9c7qvzwv6f21q.zip\" class=\"sample-button\"><span>Download Sample<\/span><\/a><\/li>\n<\/ul>\n","protected":false},"author":7,"featured_media":24851,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[1214,718,432],"tags":[338,1379,336,767],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/24816"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=24816"}],"version-history":[{"count":1,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/24816\/revisions"}],"predecessor-version":[{"id":80790,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/24816\/revisions\/80790"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/24851"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=24816"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=24816"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=24816"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}