Navigation

File structure

  • src/ - source files
    • assets/
      • css/ - compiled CSS files
      • fonts/ - font files
      • img/ - image files
      • js/ - JavaScript files
      • libs/ - third-party libraries that could not be loaded to node_modules
      • scss/ - source SASS files
      • video/ - video files
    • partials/ - HTML partials
  • dist/ - production files
  • .gitignore
  • gulpfile.js
  • package.json

Compilation

Gulp is used to handle file compilation and other tasks. The following commands are available:

  • npm install - to download and install required dependencies
  • gulp - to start a new server and start watching for changes in HTML, JS and SASS files
  • gulp build - to compile SASS and HTML files, minify assets and prepare files for production

HTML includes

The gulp-file-include package is used to make global changes in HTML files easier. The following partials are available:

  • footer.html - imports the footer. No variables are available.
  • head.html - imports the head of the page. The following variables are available:
    • @@css (string) - CSS file to import
    • @@title (string) - page title
  • navbar.html - imports the navbar. The following variables are available:
    • @@togglable (boolean) - whether the navbar should be togglable as you scroll or collapse
    • @@type (string) - navbar type. Whether 'light' or 'dark'
    • @@page (string) - currently active page
    • @@button (object) - button text and URL
  • script.html - import the scripts. No variables are available.

Easily create new .html partials inside the /partials folder and point to them from any file by specifying the path to the partial file and using the @@include keyword.

Please read the official package documentation for more info.

Images

All images used in the theme except those listed below are free for both personal and commercial use.

  • 1.jpg - protected by copyrights and can be purchased from here
  • 20.jpg - protected by copyrights and can be purchased from here
  • 26.jpg - protected by copyrights and can be purchased from here
  • 42.jpg - protected by copyrights and can be purchased from here

Changelog

Version 1.1.0 - 05.09.2024

  • Update the development dependencies to the latest version.

Version 1.0.9 - 03.12.2019

  • Updated to Bootstrap v4.4.1
  • Updated other dependencies

Version 1.0.8 - 16.04.2019

  • Updated to Bootstrap v4.3.1
  • Updated to Gulp v4
  • Added Flickity fade plugin

Version 1.0.7 - 22.12.2018

  • Updated to Bootstrap 4.2.1
  • Fixed gulpfile.js gulp build task

Version 1.0.6 - 18.12.2018

  • Added Company page
  • Added Restaurant page
  • Added Blog page
  • Added Blog: Post page
  • Added Shop page
  • Added Shop: Item page
  • Added Shop: Cart page
  • Added dropdown submenus
  • Added _user.scss and _user-variables.scss for easier template customization
  • Rewrote JS from scratch to minimize the use of jQuery
  • Moved Highlight.js and FontAwesome libraries to node_modules
  • Optimized gulpfile.js to improve gulp build performance
  • Other small improvements and bug fixes

Version 1.0.5 - 20.08.2018

  • Updated to Bootstrap v4.1.3.

Version 1.0.4 - 06.07.2018

  • Pages:
    • Added Fulllpage page
  • Libraries:
    • Updated to Bootstrap v4.1.1.
    • Updated other third-party libraries to the latest versions.
  • Gulp:
    • Moved most of the third-party libraries (incl. Bootstrap) to node_modules to easily update from console.
  • Animations:
    • Added load animation trigger.
    • Added fpAfterLoad animation trigger.
    • Added fadeIn animation type.
  • Typography:
    • Changed font sizes to whole pixel values.
  • Partials:
    • Renamed @@cssFile to @@css.
    • Renamed @@pageTitle to @@title.
    • Renamed @@isTogglable to @@togglable.
    • Renamed @@style to @@type.
    • Renamed @@activeLink to @@page. Values now should be file names, e.g. index.html.
  • File structure:
    • Renamed /app to /src.
    • Renamed /plugins to /libs.

Version 1.0.3 - 28.04.2018

  • Added animations
  • Replaced base font family
  • Replaced parallax plugin
  • Fixed video header

Version 1.0.2 - 25.04.2018

  • Added Carousel header
  • Added Parallax header
  • Added Video header
  • Added icons
  • Replaced font families

Version 1.0.1 - 22.04.2018

  • Added Welcome page
  • Added Real estate page
  • Added icons
  • Added carousel bindings
  • Removed Model component

Version 1.0.0 - 01.04.2018

  • Initial release