Folder Structure
Presented here is the HTML rendition of the folder arrangement. To facilitate layout management and expedite development through Gulp, we've meticulously designed partials. Incorporating a starter kit that serves as a launchpad for commencing projects from the ground up.
- Admin
-
assets
- fonts // includes all icons fonts
- images
- js // includes all custom js files for the apps, layouts & pages
- lang // includes all languages json file
- json // includes the json files of chat,invoice and other pages
-
scss
- components // all components scss files will be in this folder.
- fonts // includes all google font family
- pages // includes all pages scss with separate files
- plugins // includes all plugins scss with separate files
- structure // includes all structure scss with separate files
- _variables.scss // includes all variables for quick change colors, spacing etc
- _variables-dark.scss // includes all dark variables for quick change colors, spacing etc >
- app.scss // it has imported all other scss files and create app.min.css file.
- bootstrap.scss // it has imported all bootstrap's scss files
- preloader.scss // Write Custom SCSS for Personalized Styling Adjustments
- icons.scss // Includes all icons files
templates-
partials
- body.html.twig / Contain the body tag code.
- footer.html.twig
- head-css.html.twig / added common css files link in this file.
- horizontal.html.twig
- main.html.twig / html tag with attributes is stored in this common file.
- menu.html.twig
- page-title.html.twig / Breadcrumb is defined in this file.
- right-sidebar.html.twig / Contain the right sidebar theme customization HTML code.
- sidebar.html.twig / Sidebar menu-related code is in this file.
- title-meta.html.twig / Page title and meta tags are defined in this file.
- topbar.html.twig / Topbar-related code is in this file.
- vendor-scripts.html.twig / Common js files are linked in this file.
- All twig files will be here.