*B.E.M
*Advanced CSS and SASS
*Animations without Javascript
*NPM Scripts
*Desktop Approach
*Modern CSS Properties but before using them always check CanIUse
*Responsive Grid System For more Info
sass/
|– abstracts/ |– _variables.scss # Sass Variables |– _functions.scss # Sass Functions |– _mixins.scss # Sass Mixins |– _placeholders.scss # Sass Placeholders
|– base/ |– _reset.scss # Reset/normalize |– _typography.scss # Typography rules … # Etc.
– components/ |– _buttons.scss # Buttons |– _carousel.scss # Carousel |– _cover.scss # Cover |– _dropdown.scss # Dropdown … # Etc.
|– layout/ |– _navigation.scss # Navigation |– _grid.scss # Grid system |– _header.scss # Header |– _footer.scss # Footer |– _sidebar.scss # Sidebar |– _forms.scss # Forms … # Etc.
|– pages/ | |– _home.scss # Home specific styles |– _contact.scss # Contact specific styles … # Etc.
– themes/ |– _theme.scss # Default theme | |– _admin.scss # Admin theme … # Etc.
|– vendors/ | |– _bootstrap.scss # Bootstrap | |– _jquery-ui.scss # jQuery UI … # Etc.
`– main.scss # Main Sass file
Disclaimer: I do not own this project, was a part of the tutorial I followed as a part of my internship.