File structure

Within this theme you’ll find the following directories and files, grouping common resources and providing both compiled and minified distribution files, as well as raw source files.

HTML

HTML is the root folder where all HTML pages and all other files are stored. Use any of these to start building your website. Everything is exactly as see in the live preview. Each page is named as like the demo 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.

CSS

CSS folder contains all the css file.

SCSS

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 four main folders:

0-plugins

Contains all the css/scss plugins that we have used in this theme.


1-scss_helpers

Contains vAPP variable, mixins and functions.


2-framework_components

The Framework Components CSS files include basic styling for the base elements in vAPP.


3-theme_components

The Theme Component SCSS files override some aspects of the Framework Component files to provide the distinct look and feel of vAPP.


5-user

It the folder where you can update the colors, font and boxed layout width.


5-themes

It contains theme colors that we have used with our template color switcher.

JS

js contains two js files:

app.js

contains all the custom plugins and additional scripts included in vAPP.


plugins.min.js

Images

img contains all images used in this theme, backgrounds, icons, patterns and more.

Fonts

Fonts contains all the thirt party fonts that used in vAPP.

Icons

Icons contains vAPP icon font.