MyHouse Main (root) folder with index HTML files and assets folder assets bootstrap Includes minified Bootstrap JS and CSS files. css Template style.css and other plugins CSS files. db JSON database for map. font-awesome Font Awesome (icons) CSS files and font files. img Images that are used in the template. js Template custom.js and other JS plugins. pcss Source for PostCSS (.pcss) files that we've used to create style.css php PHP files used in the template. For example email.php for email sending. svg SVG images. Mostly icons.
assets bootstrap Includes minified Bootstrap JS and CSS files. css Template style.css and other plugins CSS files. db JSON database for map. font-awesome Font Awesome (icons) CSS files and font files. img Images that are used in the template. js Template custom.js and other JS plugins. pcss Source for PostCSS (.pcss) files that we've used to create style.css php PHP files used in the template. For example email.php for email sending. svg SVG images. Mostly icons.
bootstrap Includes minified Bootstrap JS and CSS files. css Template style.css and other plugins CSS files. db JSON database for map. font-awesome Font Awesome (icons) CSS files and font files. img Images that are used in the template. js Template custom.js and other JS plugins. pcss Source for PostCSS (.pcss) files that we've used to create style.css php PHP files used in the template. For example email.php for email sending. svg SVG images. Mostly icons.
<html> <head> <!--CSS includes--> </head> <body> <div class="ts-page-wrapper ts-homepage"> <header id="ts-header"><!--header--></header> <section id="ts-hero"><!--hero--></header> <!-- Only on homepage. Includes Map or Slider --> <main id="ts-main"><!--main content--></main> <footer id="ts-footer"><!--footer--></footer> </div> <script> //JS plugins includes </script> </body> </html> ts-homepage tells that this is homepage and some different CSS styling has to be used.
navbar-expand-md sets the breakpoint from which resolution the navigation has to expand. Otherwise it will be hidden and only the navigation button will be visible. Read more here Responsive behaviors.
For deeper structure description check individual topics: Hero Map Structure Hero Slider Structure Hero Image Background Structure Full Screen Hero Height You can set predefined height to hero layout or set to be full screen. Predefined Height ts-min-h__60vh means, that minimal height of the element is 60% of Viewport Height. Check the classes list you can use to set min height of the element: Height Utilities. w-100 is a Bootstrap utility and set the element width: 100%. Full Screen ts-full-screen set a 100% of Viewport Height, plus it sets width: 100% so the element takes full height and full width of the screen.
Homepage Main Content Structure Homepage has some differences in structure. There is no breadcrumb and all sections are using ts-block class Subpage Main Content Structure