Files & Structure

After you download your archive and open it, you should have the following files:

.
├── css
│   ├── bootstrap.min.css
│   ├── owl-2.3.2
│   │   ├── owl.carousel.min.css
│   │   └── owl.theme.default.min.css
│   ├── theme_1.css
│   ├── theme_2.css
│   ├── theme_3.css
│   ├── theme_4.css
│   └── theme_5.css
├── documentation
├── img
│   ├── 1
│   ├── 2
│   ├── 3
│   ├── 4
│   └── 5
├── index.html
├── js
│   ├── bootstrap.min.js
│   ├── jquery.min.js
│   ├── main.js
│   ├── owl.carousel.min.js
│   └── popper.min.js
├── scss
│   ├── _base.scss
│   ├── _responsive.scss
│   ├── partials
│   │   ├── _colors-old.scss
│   │   ├── _colors.scss
│   │   ├── _keyframes.scss
│   │   ├── _mixins.scss
│   │   └── _type.scss
│   ├── theme_1
│   │   ├── _responsive.scss
│   │   └── _sections.scss
│   ├── theme_1.scss
│   ├── theme_2
│   │   ├── _responsive.scss
│   │   └── _sections.scss
│   ├── theme_2.scss
│   ├── theme_3
│   │   ├── _components.scss
│   │   ├── _responsive.scss
│   │   └── _sections.scss
│   ├── theme_3.scss
│   ├── theme_4
│   │   ├── _components.scss
│   │   ├── _responsive.scss
│   │   └── _sections.scss
│   ├── theme_4.scss
│   ├── theme_5
│   │   ├── _components.scss
│   │   ├── _responsive.scss
│   │   └── _sections.scss
│   └── theme_5.scss
├── theme_2.html
├── theme_3.html
├── theme_4.html
└── theme_5.html

The folder contains 5 different HTML pages, each with its own design. When you decide to use one of them and customise it, you should make sure it has the following base stylesheets:

1. bootstrap.min.css

2. theme_x.css (It is not recommended you combine two different css files into one page. For example, you shouldn't import both theme_1.css and theme_2.css in the same HTML template.)

You should also make sure that the page has the following base JS:

1. jquery.min.js

2. popper.min.js

3. bootstrap.min.js

4. main.js

The CSS files are built by compiling the necessary SCSS files. If you are familiar with SCSS and want to see how to customise the style of the page using this language, there is a section below. If you are more at ease with CSS, you should create your own separate file and overwrite the style in the theme where you see fit.