Introduction

Zapped - A Bootstrap based library of modern, reusable and flexible components designed specially for SaaS web applications.

File Structure

We have arranged all the files as follows.

														
HTML
├── 
│   └── dist
│     └── css
│     └── fonts
│     └── img
│     └── js
│   └── src
│     └──scss
│    	  └── apps.scss
│    	  └── drawer.scss
│    	  └── footer.scss
│    	  └── header.scss
│		  └── horizontal-menu.scss
│    	  └── mixins.scss
│    	  └── nav.scss
│    	  └── navbar-menu.scss
│    	  └── style.scss
│    	  └── variables.scss
│    	  └── vertical-classic-menu.scss
│    	  └── vertical-icon-menu.scss
│   └── vendors
│       └── All Required plugins files
│   └── All Html Pages
│   └── .jshintrc
│   └── Gruntfile.js/gulpfile.js
│   └── package.json
│   └── package-lock.json
└── 	
													
CSS Folder

This folder includes style.css and other third party css files that are included in the template.

SCSS Folder
  • apps.scss: Application related Sass file
  • drawer.scss: Drawer related Sass file
  • footer.scss: Footer related Sass file
  • header.scss: Header related Sass file
  • horizontal-menu.scss: Horizontal menu Sass file
  • mixins.scss: Mixins Sass file
  • nav.scss: Nav Sass file
  • navbar-menu.scss: Navbar Sass file
  • style.scss: Master Sass file
  • variables.scss: All the variables related Sass file
  • vertical-classic-menu.scss: Vertical classic menu Sass file
  • vertical-icon-menu.scss: Vertical icon menu Sass file
JS Folder

In this folder you will see init.js and all Component Js files used in the template.

Vendors Folder

In this folder you will see all third party venders folders used in the template.