main.js 8.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452
  1. (function ($) {
  2. "use strict";
  3. // TOP Menu Sticky
  4. $(window).on('scroll', function () {
  5. var scroll = $(window).scrollTop();
  6. if (scroll < 400) {
  7. $("#sticky-header").removeClass("sticky");
  8. $('#back-top').fadeIn(500);
  9. } else {
  10. $("#sticky-header").addClass("sticky");
  11. $('#back-top').fadeIn(500);
  12. }
  13. });
  14. $(document).ready(function(){
  15. // mobile_menu
  16. var menu = $('ul#navigation');
  17. if(menu.length){
  18. menu.slicknav({
  19. prependTo: ".mobile_menu",
  20. closedSymbol: '+',
  21. openedSymbol:'-'
  22. });
  23. };
  24. // blog-menu
  25. // $('ul#blog-menu').slicknav({
  26. // prependTo: ".blog_menu"
  27. // });
  28. // review-active
  29. $('.slider_active').owlCarousel({
  30. loop:true,
  31. margin:0,
  32. items:1,
  33. autoplay:true,
  34. navText:['<i class="ti-angle-left"></i>','<i class="ti-angle-right"></i>'],
  35. nav:true,
  36. dots:false,
  37. autoplayHoverPause: true,
  38. autoplaySpeed: 800,
  39. animateOut: 'fadeOut',
  40. animateIn: 'fadeIn',
  41. responsive:{
  42. 0:{
  43. items:1,
  44. nav:false,
  45. },
  46. 767:{
  47. items:1,
  48. nav:false,
  49. },
  50. 992:{
  51. items:1,
  52. nav:false
  53. },
  54. 1200:{
  55. items:1,
  56. nav:false
  57. },
  58. 1600:{
  59. items:1,
  60. nav:true
  61. }
  62. }
  63. });
  64. // review-active
  65. $('.testmonial_active').owlCarousel({
  66. loop:true,
  67. margin:30,
  68. items:1,
  69. // autoplay:true,
  70. navText:['<i class="ti-angle-left"></i>','<i class="ti-angle-right"></i>'],
  71. nav:false,
  72. dots:true,
  73. autoplayHoverPause: true,
  74. autoplaySpeed: 800,
  75. responsive:{
  76. 0:{
  77. items:1,
  78. dots:false,
  79. nav:false,
  80. },
  81. 767:{
  82. items:2,
  83. dots:false,
  84. nav:false,
  85. },
  86. 992:{
  87. items:2,
  88. nav:false
  89. },
  90. 1200:{
  91. items:2,
  92. nav:false
  93. },
  94. 1500:{
  95. items:2
  96. }
  97. }
  98. });
  99. // review-active
  100. $('.project_details_active').owlCarousel({
  101. loop:true,
  102. margin:0,
  103. items:1,
  104. autoplay:true,
  105. navText:['<i class="ti-angle-left"></i>','<i class="ti-angle-right"></i>'],
  106. nav:true,
  107. dots:false,
  108. autoplayHoverPause: true,
  109. autoplaySpeed: 800,
  110. responsive:{
  111. 0:{
  112. items:1,
  113. nav:false
  114. },
  115. 767:{
  116. items:1,
  117. },
  118. 992:{
  119. items:1,
  120. nav:false
  121. },
  122. 1200:{
  123. items:1,
  124. },
  125. 1500:{
  126. items:1,
  127. nav:true
  128. }
  129. }
  130. });
  131. // review-active
  132. $('.case_active').owlCarousel({
  133. loop:true,
  134. margin:30,
  135. items:1,
  136. autoplay:false,
  137. navText:['<i class="ti-angle-left"></i>','<i class="ti-angle-right"></i>'],
  138. nav:true,
  139. dots:true,
  140. autoplayHoverPause: true,
  141. autoplaySpeed: 800,
  142. // dotsData: true,
  143. center: false,
  144. responsive:{
  145. 0:{
  146. items:1,
  147. nav:false
  148. },
  149. 767:{
  150. items:3,
  151. nav:false
  152. },
  153. 992:{
  154. items:3,
  155. nav:false
  156. },
  157. 1200:{
  158. items:3,
  159. nav:false
  160. },
  161. 1500:{
  162. items:3,
  163. nav:true
  164. }
  165. }
  166. });
  167. // review-active
  168. $('.property_banner_active').owlCarousel({
  169. loop:true,
  170. margin:30,
  171. items:1,
  172. autoplay:false,
  173. navText:['<i class="ti-angle-left"></i>','<i class="ti-angle-right"></i>'],
  174. nav:true,
  175. dots:true,
  176. autoplayHoverPause: true,
  177. autoplaySpeed: 800,
  178. // dotsData: true,
  179. center: false,
  180. responsive:{
  181. 0:{
  182. items:1,
  183. nav:false
  184. },
  185. 767:{
  186. items:1,
  187. nav:false
  188. },
  189. 992:{
  190. items:1
  191. },
  192. 1200:{
  193. items:1
  194. },
  195. 1500:{
  196. items:1,
  197. nav:true
  198. }
  199. }
  200. });
  201. // for filter
  202. // init Isotope
  203. var $grid = $('.grid').isotope({
  204. itemSelector: '.grid-item',
  205. percentPosition: true,
  206. masonry: {
  207. // use outer width of grid-sizer for columnWidth
  208. columnWidth: 1
  209. }
  210. });
  211. // filter items on button click
  212. $('.portfolio-menu').on('click', 'button', function () {
  213. var filterValue = $(this).attr('data-filter');
  214. $grid.isotope({ filter: filterValue });
  215. });
  216. //for menu active class
  217. $('.portfolio-menu button').on('click', function (event) {
  218. $(this).siblings('.active').removeClass('active');
  219. $(this).addClass('active');
  220. event.preventDefault();
  221. });
  222. // wow js
  223. new WOW().init();
  224. // counter
  225. $('.counter').counterUp({
  226. delay: 10,
  227. time: 10000
  228. });
  229. /* magnificPopup img view */
  230. $('.popup-image').magnificPopup({
  231. type: 'image',
  232. gallery: {
  233. enabled: true
  234. }
  235. });
  236. /* magnificPopup img view */
  237. $('.img-pop-up').magnificPopup({
  238. type: 'image',
  239. gallery: {
  240. enabled: true
  241. }
  242. });
  243. /* magnificPopup video view */
  244. $('.popup-video').magnificPopup({
  245. type: 'iframe'
  246. });
  247. // scrollIt for smoth scroll
  248. $.scrollIt({
  249. upKey: 38, // key code to navigate to the next section
  250. downKey: 40, // key code to navigate to the previous section
  251. easing: 'linear', // the easing function for animation
  252. scrollTime: 600, // how long (in ms) the animation takes
  253. activeClass: 'active', // class given to the active nav element
  254. onPageChange: null, // function(pageIndex) that is called when page is changed
  255. topOffset: 0 // offste (in px) for fixed top navigation
  256. });
  257. // scrollup bottom to top
  258. $.scrollUp({
  259. scrollName: 'scrollUp', // Element ID
  260. topDistance: '4500', // Distance from top before showing element (px)
  261. topSpeed: 300, // Speed back to top (ms)
  262. animation: 'fade', // Fade, slide, none
  263. animationInSpeed: 200, // Animation in speed (ms)
  264. animationOutSpeed: 200, // Animation out speed (ms)
  265. scrollText: '<i class="fa fa-angle-double-up"></i>', // Text for element
  266. activeOverlay: false, // Set CSS color to display scrollUp active point, e.g '#00FFFF'
  267. });
  268. // blog-page
  269. //brand-active
  270. $('.brand-active').owlCarousel({
  271. loop:true,
  272. margin:30,
  273. items:1,
  274. autoplay:true,
  275. nav:false,
  276. dots:false,
  277. autoplayHoverPause: true,
  278. autoplaySpeed: 800,
  279. responsive:{
  280. 0:{
  281. items:1,
  282. nav:false
  283. },
  284. 767:{
  285. items:4
  286. },
  287. 992:{
  288. items:7
  289. }
  290. }
  291. });
  292. // blog-dtails-page
  293. //project-active
  294. $('.project-active').owlCarousel({
  295. loop:true,
  296. margin:30,
  297. items:1,
  298. // autoplay:true,
  299. navText:['<i class="Flaticon flaticon-left-arrow"></i>','<i class="Flaticon flaticon-right-arrow"></i>'],
  300. nav:true,
  301. dots:false,
  302. // autoplayHoverPause: true,
  303. // autoplaySpeed: 800,
  304. responsive:{
  305. 0:{
  306. items:1,
  307. nav:false
  308. },
  309. 767:{
  310. items:1,
  311. nav:false
  312. },
  313. 992:{
  314. items:2,
  315. nav:false
  316. },
  317. 1200:{
  318. items:1,
  319. },
  320. 1501:{
  321. items:2,
  322. }
  323. }
  324. });
  325. if (document.getElementById('default-select')) {
  326. $('select').niceSelect();
  327. }
  328. //about-pro-active
  329. $('.details_active').owlCarousel({
  330. loop:true,
  331. margin:0,
  332. items:1,
  333. // autoplay:true,
  334. navText:['<i class="ti-angle-left"></i>','<i class="ti-angle-right"></i>'],
  335. nav:true,
  336. dots:false,
  337. // autoplayHoverPause: true,
  338. // autoplaySpeed: 800,
  339. responsive:{
  340. 0:{
  341. items:1,
  342. nav:false
  343. },
  344. 767:{
  345. items:1,
  346. nav:false
  347. },
  348. 992:{
  349. items:1,
  350. nav:false
  351. },
  352. 1200:{
  353. items:1,
  354. }
  355. }
  356. });
  357. });
  358. // resitration_Form
  359. $(document).ready(function() {
  360. $('.popup-with-form').magnificPopup({
  361. type: 'inline',
  362. preloader: false,
  363. focus: '#name',
  364. // When elemened is focused, some mobile browsers in some cases zoom in
  365. // It looks not nice, so we disable it:
  366. callbacks: {
  367. beforeOpen: function() {
  368. if($(window).width() < 700) {
  369. this.st.focus = false;
  370. } else {
  371. this.st.focus = '#name';
  372. }
  373. }
  374. }
  375. });
  376. });
  377. //------- Mailchimp js --------//
  378. function mailChimp() {
  379. $('#mc_embed_signup').find('form').ajaxChimp();
  380. }
  381. mailChimp();
  382. // Search Toggle
  383. $("#search_input_box").hide();
  384. $("#search").on("click", function () {
  385. $("#search_input_box").slideToggle();
  386. $("#search_input").focus();
  387. });
  388. $("#close_search").on("click", function () {
  389. $('#search_input_box').slideUp(500);
  390. });
  391. // Search Toggle
  392. $("#search_input_box").hide();
  393. $("#search_1").on("click", function () {
  394. $("#search_input_box").slideToggle();
  395. $("#search_input").focus();
  396. });
  397. $(document).ready(function() {
  398. $('select').niceSelect();
  399. });
  400. // prise slider
  401. })(jQuery);