custom.js 746 B

123456789101112131415161718192021222324252627282930313233343536
  1. (function ($) {
  2. "use strict";
  3. // COLOR MODE
  4. $('.color-mode').click(function(){
  5. $('.color-mode-icon').toggleClass('active')
  6. $('body').toggleClass('dark-mode')
  7. })
  8. // HEADER
  9. $(".navbar").headroom();
  10. // PROJECT CAROUSEL
  11. $('.owl-carousel').owlCarousel({
  12. items: 1,
  13. loop:true,
  14. margin:10,
  15. nav:true
  16. });
  17. // SMOOTHSCROLL
  18. $(function() {
  19. $('.nav-link, .custom-btn-link').on('click', function(event) {
  20. var $anchor = $(this);
  21. $('html, body').stop().animate({
  22. scrollTop: $($anchor.attr('href')).offset().top - 49
  23. }, 1000);
  24. event.preventDefault();
  25. });
  26. });
  27. // TOOLTIP
  28. $('.social-links a').tooltip();
  29. })(jQuery);