JavaScript files:
- Gmaps – google map plugin
- Light Gallery – plugin for the gallery
- Portfolio – istotpe and masonry plugins
- Jquery Gray – Gray-scale plugin for the pictures
- Jquery Pagescroller – plugin for the onepager section
- DataTime Picker – this is plugin for the calendar
- Skrollr – plugin for the media sections
- Slick – this is the plugin for the slider
- Booze.min.js – One big file where are minifixed javascript files:
- jquery
- boostrap
- placeholder
- easing
- device.min.js
- jquery browser
- Snap min JS
- jquery appear
- Main.js – The main javascript initializaions and other major snippets.
Screenshot
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
Screenshot
Booze map
HTML Markup
|
1 2 3 |
<section class="ct-mapSection"> <div data-location="666 Hells Kitchen, New York City" data-height="420" data-zoom="13" class="ct-googleMap ct-googlemapStyle"></div> </section> |
jquery.appear
This plugin call function when element appear in viewport. This is used in custom animation, progress bars, counter timer.
Documentation: https://github.com/bas2k/jquery.appear/
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
if (jQuery().appear) { if (device.mobile()) { // disable animation on mobile jQuery("body").removeClass("withAnimation"); } else { jQuery('.withAnimation .animated').appear(function () { jQuery(this).each(function () { jQuery(this).addClass('activate'); jQuery(this).addClass($(this).data('fx')); }); }, {accY: -150}); } } |