All javascripts are placed in folder /js. In main.js file we implement all functions calls.
This theme uses following Javascript files:

  • HTML/assets/js/jquery.min.js – Jquery Plugin
  • HTML/assets/js/bootstrap.min.js – Bootstrap Plugin
  • HTML/assets/js/placeholder.min.js
  • HTML/assets/js/easing.1.3.js
  • HTML/assets/js/device.min.js
  • HTML/assets/js/jquery.browser.min.js
  • HTML/assets/js/snap.min.js – Snap Plugin is for responsive menu
  • HTML/assets/js/jquery.appear.js
  • HTML/assets/js/masonry.min.js – This is using in home page and in gallery
  • HTML/assets/plugins/owl/owl.carousel.min.js – slider plugin
  • HTML/assets/plugins/owl/init.js
  • HTML/assets/js/portfolio/imagesloaded.js – Needed for gallery
  • HTML/assets/plugins/magnific-popup/jquery.magnific.min.js – Needed for gallery, using when you want to see a big image after click on thumbnail
  • HTML/assets/plugins/magnific-popup/init.js
  • HTML/assets/plugins/ct-mediaSection/js/jquery.stellar.min.js
  • HTML/assets/plugins/ct-mediaSection/js/init.js
  • HTML/assets/js/jquery.gray.js this plugin is for image
  • HTML/assets/js/gmaps/gmap3.min.js
  • HTML/assets/js/gmaps/init.js
  • HTML/assets/js/datepicker/moment.js
  • HTML/assets/js/datepicker/bootstrap-datetimepicker.min.js – needed to have a small calendar on the page
  • HTML/assets/js/headroom/headroom.js – creates¬†effect for menu and topbar
  • HTML/assets/js/headroom/jQuery.headroom.js
  • HTML/assets/js/headroom/init.js
  • HTML/assets/js/select2/select2.js – select input on the page
  • HTML/assets/js/main.js – Main scripts
  • HTML/assets/js/less.min.js

Google Map (GMAP3 Plugin)

This is google map with custom marker, you can define couple parameters:

  • data-location – address to show
  • data-height – map height (if undefined height will be 220px)
  • data-offset – by how many map should be repositioned from marker center point (default -30)

It uses gmap3 plugin.
Documentation: here
HTML Markup:

All javascript code can be found in js/main.js file.


This plugin call function when element appear in viewport. This is used in custom animation, progress bars, counter timer.


This plugin is used to make graphics.