pages is where all HTML pages are stored. Use any of these to start building your website. Everything is exactly as see in the live preview.
Each page is named after its purpose so it can be easy for you to find the one you need. You can open it directly in your browser or your favorite editor to modify its contents.
assets contains all of the assets that will be used in the html pages, from CSS and JS to images and third party plugins. Below we will explain more in detail what each one does.
assets/scss contains all of raw source files that are used to create the final CSS that is included in the theme. The Sass is structured in three main folders:
Contains all the source files included in the official Bootstrap package (4.1.3). This way, you will use a single unified stylesheet that contains all styles. We will update it as long as Bootstrap releases new versions. Do not modify any of these files in order to benefit of future updates.
Contains all the theme’s files. They are used to customized and extend Bootstrap’s components. Do not modify any of these files in order to benefit of future updates. The theme’s folder is structured as follows:
mixinscontains overriden or new mixins used for grouping CSS declarations for reuse throughout our theme.
utilitiescontains all the source files responsable for spacing, fonts, colors and other quick modifier classes that can be used within our theme.
vendorcontains all the third party libraries that were customized for this specific theme only.
theme.scssunifies all the components, utilities and mixins - bootstrap, purpose and user - that are compiled in a single file that will be used as a stylesheet within our theme.
Is the place where we included the files needed for custom and new files that will serve the user in order to add new classes or modify existing ones.
assets/css contains the minified and uncompressed CSS resulted from the SCSS files, including Bootstrap.
assets/js contains all of the assets referenced in the html pages.
theme.jscontains all the custom plugins and additional scripts included in .
theme.min.jsis the minified version of theme.js that should be included in your website.
assets/vendor contains all the third party plugins used in the entire project. You can see what we used in the dedicated page for plugins.
assets/img contains all images used in this theme, backgrounds, icons and more.