File structure

Discover what’s included in the theme’s package, including our precompiled and source code flavors.

Precompiled

quick-website-ui-kit/
├── assets/
  ├── css/
  │   ├── quick-website.css
  │   ├── quick-website.css.map
  │   ├── quick-website.min.css
  │   ├── quick-website.min.css.map
  └── img/
  │   ├── ...
  └── js/
  │   ├── quick-website.js
  │   ├── quick-website.js.map
  │   ├── quick-website.min.js
  │   └── quick-website.min.js.map
  └── libs/
      ├── bootstrap/
      ├── jquery/
      ├── ...
├── resources/
  ├── js/
  │   ├── core/
  │   ├──├── charts/
  │   ├──├── custom/
  │   ├──├── init/
  │   ├──├── libs/
  │   ├──├── maps/
  └── scss/
  │   ├── core/
  │   ├──├── components/
  │   ├──├── mixins/
  │   ├──├── utilities/
  │   ├──├── libs/
  │   ├──├── _variables.scss
  │   ├── skins/
  │   ├──├── .../
  │   ├── custom/
  │   ├──├── _fonts.scss
  │   ├──├── _variables.scss
  │   ├──├── styles.scss
  │   ├── quick-website.scss
├── pages/
  ├── account/
  │   ├── settings.html
  │   ├── ...
  ├── authentication/
  │   ├── login-basic.html
  │   ├── register-basic.html
  │   ├── recover-basic.html
  │   ├── ...
  ├── utility/
  │   ├── coming-soon.html
  │   ├── error-illustrations.html
  │   ├── ...
  ├── .../
├── docs/
├── index.html
├── overview.html

This is the most basic form of quick: precompiled files for quick drop-in usage in nearly any web project. We provide compiled CSS and JS (quick-website.*), as well as compiled and minified CSS and JS (quick-website.min.*). source maps (quick-website.*.map) are available for use with certain browsers’ developer tools.

CSS files

Quick comes with both minified and expanded versions of CSS. It already includes the latest version of Bootstrap - v4.5.3.

JS files

There are a few required scripts in order to make Quick work. You need to add these at the bottom of your page before any other scripts:

<!-- Core JS  -->
<script src="../../assets/libs/jquery/dist/jquery.min.js"></script>
<script src="../../assets/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
<script src="../../assets/libs/svg-injector/dist/svg-injector.min.js"></script>
<script src="../../assets/libs/feather-icons/dist/feather.min.js"></script>

<!-- Optional JS -->
<script src="../../assets/libs/in-view/dist/in-view.min.js"></script>
<script src="../../assets/libs/sticky-kit/dist/sticky-kit.min.js"></script>
<script src="../../assets/libs/imagesloaded/imagesloaded.pkgd.min.js"></script>
<script src="../../assets/libs/jquery.scrollbar/jquery.scrollbar.min.js"></script>
<script src="../../assets/libs/jquery-scroll-lock/dist/jquery-scrollLock.min.js"></script>

Source files

The quick’s source code download includes the precompiled JavaScript assets, along with Sass source. More specifically, it includes the following and more:

quick-website-ui-kit/
├── resources/
│   ├── scss/
│   └── js/
│   └── ├── core/

If you want to make use of quick uncompiled resources make sure you install and use our Build Tools to compile and minify CSS and JavaScript for production. Click here to learn more about how to use NPM, Gulp or Laravel Mix and other useful tools in order to compile CSS and JavaScript.

Summary